/*
Theme Name: Pixbrand Child
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/*-------------------------------------------------------------- 
# Root css 
--------------------------------------------------------------*/
 :root{
    --black: #120F12;
    --red: #F00000;
    --text: #413F41;
    --white: #FFFFFF;
     --transition: all 0.5s ease-in-out;
}
 body::-webkit-scrollbar {
     width: 6px;
}
 body::-webkit-scrollbar-track {
     background:var(--black);
     border-radius: 8px;
}
 body::-webkit-scrollbar-thumb {
     background:var(--red);
     border-radius: 8px;
}
a{
     transition: all 0.5s;
}
@font-face {
  font-family: 'Degular';
/*   src: url('fonts/Degular-Regular.woff'),url('fonts/Degular-Regular.woff2'),url('fonts/Degular-Regular.otf');
src: local('Degular'),  url('fonts/Degular-Regular.woff2') format('woff2'); */
	src: url('fonts/font/fonnts.com-DegularDemo-Regular.otf');
  font-weight: normal;
  font-style: normal;
}
* {
  font-family: 'Degular', sans-serif !important;
}

/* EXCEPTIONS for icons */
i, 
svg, 
[class*="eicon"], 
[class*="fa-"], 
[class*="fas"], 
[class*="far"], 
[class*="fal"], 
[class*="fab"] {
  font-family: inherit !important;
}
[class*=" eicon-"], [class^=eicon] {
    font-family: 'eicons' !important;
}
/* Apple devices - Safari (iPhone, iPad, Mac) */
@supports (-webkit-touch-callout: none) {
    h1,h2,h3,h4,h5{
        font-weight:500;
    }
}
@supports (-webkit-hyphens:none) {
    h1,h2,h3,h4,h5{
        font-weight:500;
    }
}
/*-------------------------------------------------------------- 
# Header css 
--------------------------------------------------------------*/
div#wpadminbar ~  div[data-elementor-type="header"]{
    top: 62px;
}
div[data-elementor-type="header"] {
    position: fixed;
    top: 32px;
    z-index: 99;
    width: 100%;
    left: 0px;
    left: 50%;
    width: calc(100% - 30px);
    transform: translateX(-50%);
    background-color: transparent !important;
    transition: all 0.4s;
}
div[data-elementor-type="header"].sticky{
    /* background-color: var(--white) !important; */
}
div[data-elementor-type="header"].sticky{
     top: 20px;
}
div#wpadminbar ~  div[data-elementor-type="header"].sticky{
    top: 32px;
}
div[data-elementor-type="header"] li.menu-item.menu-item-16 a::after {
    content: "\f107";
    font-family: "Font Awesome 6 Free";
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    background-color: transparent !important;
    position: unset;
    position: relative;
    top: 2px;
    font-size: 16px;
    font-weight: 600;
}
 /* div[data-elementor-type="header"].sticky {
        max-width: 760px;
        width: calc(100% - 30px);
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        pointer-events: auto;
        border-radius: clamp(1em, calc(calc(var(--padding) * 2 + 3.5em) / 2), 2.25em);
        backdrop-filter: blur(4px);
        box-shadow: 0 0 1em .25em #fffffff2 inset, 0 .125em .125em -.125em #0003;
        transition: box-shadow .25s ease-out, gap .25s ease-out, padding .25s ease-out, border-radius .25s ease-out, background .25s ease-out, backdrop-filter .5s ease-out;
        background-color: rgba(255, 255, 255, .25) !important;
        border-radius: 30px;
        top: 10px;
    }
    div[data-elementor-type="header"].sticky .header_sec{
        padding: 10px 20px !important;
     }
    div[data-elementor-type="header"].sticky .header_sec {
        grid-gap: 30px;
    } */
/*-------------------------------------------------------------- 
# Home css 
--------------------------------------------------------------*/
body {
    padding: 16px;
}
.banner_sec {
        background: linear-gradient(to bottom, #FFF3F3, transparent);
}
/* .banner_sec::after {
    content:"";
    background-image: linear-gradient(to left, #F5F5F5, #F5F5F5,#FDD3E3) !important;
    opacity: 0.5;
    position: absolute !important;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
} */
.marquee_grid .gallery {
    display: flex;
    grid-gap: 30px
}
.marquee_grid .gallery figure {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 8px;
    min-width: 206px;
}
.marquee_grid .gallery {
    animation: marquee 30s linear infinite;
    animation-play-state: running
}
.marquee_grid img {
    filter: grayscale(1);
    transition: all 0.3s;
    opacity: 1;
    object-fit: contain;

    width: 100% !important;
}
.marquee_grid img:hover {
    filter: grayscale(0);
    opacity:1;
}
@keyframes marquee {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}
.marquee_grid {
    overflow:hidden;
    mask: linear-gradient(to right,transparent,black 20%,black 80%,transparent);
}
.scroll-indicator {
     display: flex;
     flex-direction: column;
     align-items: center;
     z-index: 1;
}
 .mouse {
     width: 26px;
     height: 34px;
     border: 2px solid var(--black);
     border-radius: 8px;
     position: relative;
     cursor: pointer;
}
.wheel {
     width: 3.5px;
     height: 6px;
     background: var(--black);
     border-radius: 2px;
     position: absolute;
     top: 10px;
     left: 50%;
     transform: translateX(-50%);
     animation: wheelMove 1.5s infinite;
}
 @keyframes wheelMove {
     0% {
         opacity: 1;
         transform: translateX(-50%) translateY(0);
    }
     100% {
         opacity: 0;
         transform: translateX(-50%) translateY(10px);
    }
}
.image_slide figure img {
    cursor: pointer;
    transition: all 0.3s ease;
    filter: grayscale(100%) sepia(100%) brightness(80%) contrast(100%) hue-rotate(0deg) saturate(0%);
    opacity: 0.6;
}
.image_slide figure:hover img {
  filter: none;
    opacity: 1;
}
.img_right{
    position: relative !important;
}
.img_right::after {
    content:"";
    width: 190px;
    height: 64px;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
    /* background-image: linear-gradient(to right,transparent 5%, #F5F5F5); */
}
.counter_text .elementor-counter-number-wrapper {
    position: absolute;
    bottom: 0px;
}
.counter_text {
    height: 100%;
}
.text_filter h2 {
  background: linear-gradient(to bottom, #EAEAEA, #FFFFFF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.list_icon ul {
    margin: 0px !important;
    display: flex;
    flex-flow: wrap;
    grid-gap: 8px;
}
.list_icon ul li {
    margin: 0px !important;
    border: 1px solid #120F1226;
    padding: 5px 20px !important;
    border-radius: 30px;
}
.testimonial_box figure {
    border: 2px solid transparent;
    border-radius: 50%;
    width: 55px !important;
    height: 55px !important;
    min-width: 55px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition:all 0.3s;
}
.testimonial_box.active figure{
    border-color:var(--red) !important;
}
.testimonial_box figure img {
    min-width: 42px !important;
    height: 42px !important;
    width: 42px !important;
}
.testimonial_left {
    min-height: auto;
    position: sticky !important;
    top: 60px;
    height: auto;
    max-height: 740px;
}
.testimonal_hand {
    height: 100% !important;
    bottom:unset;
    top:calc(723px - 84px);
    position: sticky !important;
}
 a.blog_item, a.blog_item img {
    display: block;
    width: 100%;
}
.featured_img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 16px;
    margin-bottom: 26px;
    height: 280px;
}
 a.blog_item img {
    border-radius: 12px;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
    transform: scale(1);
}
 a.blog_item:hover img {
    transform: scale(1.05);
}
 a.blog_item span {
    border: 1px solid #DBDADB;
    padding: 5px 16px;
    border-radius: 30px;
    font-size: 18px;
    color: var(--black);
    min-width: 133px;
    display: flex;
    max-width: fit-content;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}
.blog_content h3 {
    margin: 16px 0px 0px;
    font-size: 24px;
    line-height: 32px;
    color: var(--black);
    font-weight: 600;
    transition: all 0.3s;
}
 a.blog_item:hover h3{
    color: var(--red);
}
.blog_sec {
    transform: translateX(16px) !important;
}
.icon_box p a{
    color: var(--black) !important;
}
.icon_box p a:hover{
    color: var(--red) !important;
}
.faq_inner details {
    border-top: 1px solid #DCDBDC;
}
.faq_inner p {
    margin-bottom: 0px;
}
.faq_inner span.e-n-accordion-item-title-icon {
    min-width: 36px !important;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #F5F5F5;
}
span.ab-icon {
    font-family: 'dashicons' !important;
}
.faq_right a {
    color: var(--red);
}
.service_left h3 {
    margin-top: 0px;
}
.service_left {
    height: unset !important;
    position: sticky !important;
    top: 20px !important;
}
.service_right {
  counter-reset: section;
}
.service_right .service_box h3::before {
  counter-increment: section;
  content: "0" counter(section) ". ";
  font-weight: bold;
  margin-right: 8px;
}
.faq_inner .e-n-accordion details.unactive {
    opacity: 0.4;
}
.faq_inner .e-n-accordion details {
    opacity: 1;
    transition: all 0.4s;
}
/* .testimonial_main {
    position: sticky !important;
    top: 16px;
} */
.blog_grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 60px 40px;
}
.privcy_box .e-con-inner {
    border-bottom: 1px solid #DCDBDC;
}
.privcy_box:last-child  .e-con-inner{
    border: unset;
}
.privcy_box ul {
    padding: 0px 0px 0px 20px;
    margin: 0px;
    display: grid;
    grid-gap: 6px;
}
.privcy_box ul li::marker {
    font-size: 12px;
    border-radius: 0px;
}
.privcy_box a{
    text-decoration: underline !important;
    color: var(--black);
}
.privcy_box a:hover{
    color: var(--red);
}
.social_icon .elementor-grid-item > div i {
    font-family: 'FontAwesome' !important;
}
.social_icon span.elementor-share-btn__icon i.fa-facebook-f::before {
    content: "\f39e" !important;
}
.social_icon .elementor-grid-item > div {
    max-width: 36px !important;
    height: 36px !important;
}
.social_icon .elementor-grid {
    max-width: fit-content;
}
.social_icon .elementor-share-btn {
    background-color: transparent !important;
    border: 2px solid #DCDBDC;
    transition: all 0.4s;
    cursor: pointer;
}
.social_icon .elementor-share-btn * {
    color: var(--black) !important;
    transition: all 0.4s;
}
.social_icon .elementor-share-btn:hover {
    background-color:var(--red) !important;
    border: 2px solid var(--red);
}
.social_icon .elementor-share-btn:hover *{
    color:var(--white) !important;
}
.box_left h3 {
    margin: 0px;
}
.blog_left {
    position: sticky !important;
    top: 40px !important;
    max-height: fit-content !important;
}
ul.tab_list {
    padding: 0px;
    list-style: none;
    margin: 0px;
    grid-gap: 6px;
    display: grid;
}
ul.tab_list li a{
    cursor: pointer;
    color: var(--black);
    font-weight: 500;
}
/*-------------------------------------------------------------- 
# Portfolio css 
--------------------------------------------------------------*/
.portfolio_list ul {
    padding: 0px;
    list-style: none;
    margin: 0px;
    display: flex;
    flex-flow: wrap;
    grid-gap: 12px 8px;
    cursor: pointer;
    max-width: 610px;
}
.portfolio_list ul li {
    border: 1px solid #DCDBDC;
    border-radius: 30px;
    min-width: 107px;
    padding:5px 20px;
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    transition: all 0.4s;
}
.portfolio_list ul li:hover,.portfolio_list li.filter-active{
     background-color: var(--black);
     border-color: var(--black);
    color: var(--white);
}
.portfolio_list {
    padding-bottom: 100px;
}
.portfolio-item  a {
    width: 100%;
    display: grid;
    grid-gap: 16px;
}
.portfolio-item a img{
    width: 100%;
    border-radius: 12px;
}
.portfolio-item a h4 {
    font-size: 24px;
    color: var(--black);
    margin: 0px 0px 16px;
    font-weight: 600;
}
.portfolio-item {
    padding: 30px;
    width: calc(100%/3);
}
.portfolio-container {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    grid-gap: 60px;
    justify-content: space-between;
    width: calc(100% + 60px);
    margin-left: -30px;
    margin-bottom: -30px;
}
.portfolio-item p.short-description {
    color: var(--text);
    font-size: 16px;
}
.portfolio-item span.read_more {
    border: 1px solid var(--text);
    border-radius: 30px;
    padding: 7px 20px;
    color: var(--text);
    margin-top: 20px;
    display: flex;
    max-width: fit-content;
    transition: all 0.3s;
    background-color: transparent;
}
.portfolio-item span.read_more:hover{
    border-color:var(--red);
     color: var(--white);
     background-color:var(--red);
}
/*-------------------------------------------------------------- 
# Conatct Us css 
--------------------------------------------------------------*/
.contact_form p {
    margin: 0px;
}
.contact_form input[type="text"],.contact_form input[type="tel"],.contact_form input[type="email"], .contact_form textarea {
    background-color: transparent;
    min-height: 64px;
    outline: unset;
    border: 1px solid #D0CFD0;
    border-radius: 12px;
    font-size: 16px;
    color: var(--black);
    font-family: 'Degular';
}

.contact_form textarea {
    height: 216px;
    resize: none;
}
.contact_form h3 {
    font-size: 28px;
    color: var(--black);
    font-weight: 600;
    margin: 24px 0px 16px;
}
.form_grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 16px;
}
.form_grid > div:nth-child(1) {
    grid-column: span 2;
}
.contact_form input[type="submit"] {
    background-color: var(--red) !important;
    color: var(--white) !important;
    border-radius: 30px 30px 30px 30px !important;
    padding: 4px 24.6px !important;
    line-height: 24px !important;
    border:unset;
    outline:unset;
    min-height: 48px;
    min-width: 148px;
    margin-top: 40px;
    font-size: 18px;
    font-family: 'Degular';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTQzOC42IDI3OC42YzEyLjUtMTIuNSAxMi41LTMyLjggMC00NS4zbC0xNjAtMTYwYy0xMi41LTEyLjUtMzIuOC0xMi41LTQ1LjMgMHMtMTIuNSAzMi44IDAgNDUuM0wzMzguOCAyMjQgMzIgMjI0Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnMxNC4zIDMyIDMyIDMybDMwNi43IDBMMjMzLjQgMzkzLjRjLTEyLjUgMTIuNS0xMi41IDMyLjggMCA0NS4zczMyLjggMTIuNSA0NS4zIDBsMTYwLTE2MHoiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: calc(100% - 15px);
    padding-right: 42px !important;
}
.contact_form input[type="submit"]:hover{
     background-color: var(--black) !important;
}
.contact_us_sec a{
    color: var(--red);
}
/*-------------------------------------------------------------- 
# Footer css 
--------------------------------------------------------------*/
.footer_menu ul {
    margin: 0px !important;
}
.footer_menu ul li a{
    display: flex;
    grid-gap: 8px;
}
.footer_menu ul li:last-child a::after{
    display:none;
}
.footer_menu ul li a::after {
    content: "·";
    font-size: 20px;
    color: var(--white);
    opacity: 1 !important;
    height: unset !important;
    width: unset !important;
    background-color: transparent !important;
    position: relative !important;
    top: 1px;
}
.point-sec {
    flex-flow: unset !important;
}
/*-------------------------------------------------------------- 
# Landing Page css 
--------------------------------------------------------------*/
.logo_head > div:nth-child(1)::after {
    content: "";
    display: block;
    width: 2px;
    height: 40px;
    background-color: rgba(255,255,255,0.1);
}
.logo_head > div {
    display: flex;
    align-items:center;
}
.get_right_form .form_group_btn::before {
    right: unset;
    left: calc(50% + 100px);
    transform: translate(-50%,-50%);
    top: 50%;
}
.get_right_form *{
    font-family: 'Degular' !important;
    font-weight: 500 !important;
}
.get_right_form h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700 !important;
    margin-bottom: 10px;
    margin-top: 0px;
    color: var(--black);
    z-index: 1;
}
.shopify-popup .form_group input, .get_right_form input,.shopify-popup .form_group select, .get_right_form select {
    width: 100% !important;
    padding: 12px 16px !important;
    border: 1px solid #D1D1D1 !important;
    height: 48px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    line-height: 24px !important;
    color: var(--black) !important;
    border-radius:8px !important;
    border: 1px solid var(--white)!important;
    outline: unset !important;
}
.get_right_form .form_grid {
    grid-template-columns: repeat(1,1fr);
    margin-top: 18px;
}
.get_right_form .form_grid .form_group {
    grid-column:span 1;
}
.get_right_form div,.get_right_form  div label {
    width: 100%;
    position: relative;
    margin: 0px;
}
.get_right_form div p{
    margin:0px;
}
.shopify-popup [type=submit], .get_right_form [type=submit] {
    background-color: var(--red) !important;
    color: var(--white) !important;
    font-size: 18px !important;
    transition: all 0.3s;
    display: block;
    font-weight: 600 !important;
    margin-top: 16px !important;
    border-radius: 30px !important;
    width: 100%;
    border: unset !important;
    padding: 12px 24px;
}
.shopify-popup .form_group_btn::before,.get_right_form .form_group_btn::before{
    content: "\f061";
    position: absolute;
    display: block;
    left: calc(100% - 125px);
    top: 13px;
    font-size:16px !important;
    z-index: 999;
    font-family: 'FontAwesome';
    color: var(--white);
}
.get_right_form .form_group_btn::before{
    top: 24px;
    left: calc(50% + 106px);
    transform: translateY(-50%);
}
.shopify-popup .form_group_btn,.get_right_form .form_group_btn{
    position: relative;
    display: block;
}
.shopify-popup [type=submit]:hover, .get_right_form [type=submit]:hover{
    background-color: var(--black) !important;
}
.form_group_btn .wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: 0.75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: relative;
}
.shopify-popup .shopify-content .main-heading h2,.get_right_form h2{
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 16px;
    margin-top: 0px;
    color: var(--black);
    z-index: 1;
}
.shopify-popup .shopify-content .short-content p,.get_right_form p{
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--black);
    margin-bottom: 16px;
}
.shopify-popup {
     display: none;
    position: fixed !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 32px;
    border: 1px solid #ccc;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000 !important;
    border-radius: 12px;
    width: calc(100% - 30px) !important;
    max-width: 520px !important;
    overflow: hidden;
}
.shopify-popup::before{
   content:"";
   display:block;
   background-image: url(images/form_overlay.png) !important;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
}
.popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}
.popup-overlay.active{
    display: block;
}
.shopify-popup > div {
    position: relative;
}
.shopify-popup .shopify-content .main-heading h2{
    margin: 0px !important;
}
.shopify-popup button.close-popup {
    position: absolute;
    right: -10px;
    top: -10px;
    background-color: transparent;
    border: unset !important;
    padding: 0px !important;
    z-index: 99;
}
.shopify-popup .form_group label,.get_right_form label {
    display: block;
    margin-bottom: 12px;
    font-size: 15px !important;
    color: var(--black);
    line-height: 24px !important;
    font-weight: 600 !important;
}
.shopify-popup .form_group label span,.get_right_form label span{
    color: var(--red);
}
.shopify-popup .form_group input{
    width: 100% !important;
    padding: 12px 16px !important;
    border: 1px solid #D1D1D1 !important;
    border-radius: 16px !important;
    height: 48px !important;
    margin-top: 8px !important;
    margin-bottom: 0px !important;
    line-height: 24px !important;
    color: var(--black) !important;
    background-color:transparent;
}
.shopify-popup .form_group input[type="submit"]{
    width:100% !important;
    max-width:100% !important;
    cursor:pointer;
}
.shopify-popup .form_grid {
    grid-template-columns:repeat(1,1fr);
    grid-gap: 0px;
}
.shopify-popup .form_grid > div{
    grid-column:span 1;
}
.form_group_btn p .wpcf7-spinner {
    position: absolute;
    top: 10px;
    right: 0px;
}
.google_bg  .owl-item.activ {
    position: relative;
}
.google_bg  .owl-item.active::after {
    content: "";
    display: block;
    width: 1px;
    height: 48px;
    position: absolute;
    right: -12px;
    background-color: rgb(18 15 18 / 15%);
    top: 50%;
    transform: translateY(-50%);
}
.google_bg  .owl-item.active:last-child::after{
    display:none;
}
.google_bg * {
    justify-content: center !important;
    text-align: center !important;
    width: fit-content;
    margin: 0px auto;
}
.clean_box h3 span {
    transition: all 0.3s;
}
.clean_box:hover h3 span {
    color: var(--red);
}
.clean_box span.elementor-icon::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDIxIDI1IiBmaWxsPSJub25lIj48bWFzayBpZD0ibWFzazBfNDMzXzI1MCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjIxIiBoZWlnaHQ9IjI1Ij48cmVjdCB4PSIwLjIzMzA5MyIgeT0iMC43MTg3NSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSI+PC9yZWN0PjwvbWFzaz48ZyBtYXNrPSJ1cmwoI21hc2swXzQzM18yNTApIj48cGF0aCBkPSJNMy43MTAwMiAxOC45ODkzTDE2LjIzMzEgNi40NjU4MiIgc3Ryb2tlPSIjMTIwRjEyIiBzdHJva2Utd2lkdGg9IjEuOCI+PC9wYXRoPjxwYXRoIGQ9Ik0zLjY1OTYxIDYuNDE4OTVIMTYuMjMzMVYxOC45ODg5IiBzdHJva2U9IiMxMjBGMTIiIHN0cm9rZS13aWR0aD0iMS44Ij48L3BhdGg+PC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: all 0.3s;
    transform: translate(-20px, 20px);
}
.clean_box span.elementor-icon {
    position: relative;
    width: 20px;
    height: 20px;
    display: block;
    overflow:hidden;
}
.clean_box span.elementor-icon svg {
     transform: translate(0px, 0px);
    transition:all 0.3s;
}
.clean_box:hover span.elementor-icon svg {
     transform: translate(20px, -20px);
}
.clean_box:hover span.elementor-icon::before {
     transform: translate(0px, 0px);
}
.clean_box span.elementor-icon {
    position: relative;
    top: 8px;
}
.experts_grid .img-box figure.elementor-image-box-img {
    position: relative;
}
.experts_grid .img-box figure.elementor-image-box-img {
    overflow: hidden;
    /* height: 365px !important; */
    display: block !important;
}
.experts_grid .img-box figure.elementor-image-box-img img {
    transform: scale(1);
    height: 100%;
    object-fit:cover;
    display: block;
}
.experts_grid .img-box figure.elementor-image-box-img img {
    transition: all 0.3s;
}
.experts_grid .img-box:hover figure.elementor-image-box-img img {
    transform: scale(1.05);
}
.all-boxes {
  counter-reset: box-counter;
}
.all-boxes > div {
  counter-increment: box-counter;
}
.all-boxes > div > div::before {
  content: counter(box-counter) ".";
  display: block;
  color: var(--red);
  font-size: 18px;
  margin-bottom: 22px;
}
.why-choose-landing .img-box  h3, 
.why-choose-landing .all-points  h3{
    margin: 0;
}
.why-shopify .all-boxes .icon-boxes{
    transition: all 0.4s;
}
.why-shopify .why-shopify-inner {
    position: sticky;
    top: 120px;
    max-height: fit-content;
}
.open-popup{
    cursor: pointer;
    transition: all 0.3s;
}
.landing-banner::before {
    display: none !important;
}
.testimonial-slider {
    overflow:hidden !important;
}
.testimonial-slider .owl-stage-outer {
    overflow: unset !important;
}
.testimonial-slider .item{
    position:relative;
}
.testimonial-slider .item::before {
    content: "";
    position: absolute;
    width: 62px !important;
    height: 48px !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjMiIGhlaWdodD0iNDkiIHZpZXdCb3g9IjAgMCA2MyA0OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjUxNDQgMjMuNjMwM0gyNi4xMzNWNDcuOTc2NkgwLjg1Mzk0M1YyNi41NzI2QzAuODUzOTQzIDIzLjkwNzMgMS4zOTAxNiAyMS40ODE3IDIuNDUyODUgMTkuMjgzOEMzLjU0NDE1IDE3LjAyNjggNS42NzA0OSAxMy41MjU1IDguODU2NzkgOC43NTg3NUw4Ljg1OTQxIDguNzU0OEwxMy42NTgyIDEuNDc2NTZIMjUuNTA3OUwxNS4yNjA3IDE3LjM4NjhDMTQuOTgxMSAxNy43ODkzIDE0LjU0MzkgMTguMjg1NyAxMy45MjkgMTguODc5MkMxMy40OTI4IDE5LjMwMDEgMTMuMDY0OCAxOS42NDUgMTIuNjQ1NiAxOS45MTg0QzEyLjI5NzggMjAuMDg5NCAxMS43NDA3IDIwLjM5ODIgMTAuOTg5NyAyMC44MzI4QzEwLjMyOTQgMjEuMTUzNSA5Ljc4MDg5IDIxLjQ5ODEgOS4zODYwNiAyMS44NzkzTDkuMjk3NTcgMjEuOTY0N0w5LjI0MSAyMi4wNzM5QzkuMDMzNTIgMjIuNDc0NSA4LjkxNzc5IDIyLjg5OTYgOC45MTc3OSAyMy4zNDJDOC45MTc3OSAyMy44OTQzIDkuMDM0NjcgMjQuNDQ4NiA5LjM5OTAyIDI0Ljg3MDZDOS43ODE1NSAyNS4zMTM2IDEwLjMxODIgMjUuNDc2NiAxMC44NjMzIDI1LjQ3NjZDMTEuMjMzNSAyNS40NzY2IDExLjY3MDMgMjUuMzY0MSAxMi4xMjc5IDI1LjIwMzRDMTIuNTk4OCAyNS4wMzgyIDEzLjE1OTIgMjQuNzk3IDEzLjgwMzkgMjQuNDg2NEMxNS4xMjM1IDIzLjkyMzIgMTYuNjg3OSAyMy42MzAzIDE4LjUxNDQgMjMuNjMwM1pNNDUuMjkyNyAyMS44NzkzTDQ1LjIwNDQgMjEuOTY0N0w0NS4xNDc4IDIyLjA3MzhDNDQuOTQgMjIuNDc0OCA0NC44MjQ3IDIyLjg5OTkgNDQuODI0NyAyMy4zNDJDNDQuODI0NyAyMy44OTQ0IDQ0Ljk0MTUgMjQuNDQ4NiA0NS4zMDU5IDI0Ljg3MDZDNDUuNjg4NCAyNS4zMTM2IDQ2LjIyNSAyNS40NzY2IDQ2Ljc3MDEgMjUuNDc2NkM0Ny4xNDAzIDI1LjQ3NjYgNDcuNTc3MSAyNS4zNjQxIDQ4LjAzNDcgMjUuMjAzNEM0OC41MDU2IDI1LjAzODIgNDkuMDY2MSAyNC43OTcgNDkuNzEwOCAyNC40ODY0QzUxLjAzMDMgMjMuOTIzMiA1Mi41OTQ2IDIzLjYzMDMgNTQuNDIxMiAyMy42MzAzSDYyLjAzOTdWNDcuOTc2NkgzNi43NjA2VjI2LjU3MjZDMzYuNzYwNiAyMy45MDczIDM3LjI5NjkgMjEuNDgxOCAzOC4zNTk1IDE5LjI4MzhDMzkuNDUwOCAxNy4wMjY4IDQxLjU3NzIgMTMuNTI1NSA0NC43NjM1IDguNzU4NzZMNDQuNzY2MiA4Ljc1NDhMNDkuNTY0OSAxLjQ3NjU2SDYxLjQxNDVMNTEuMTY3MyAxNy4zODY4QzUwLjg4OCAxNy43ODkzIDUwLjQ1MDcgMTguMjg1NiA0OS44MzU4IDE4Ljg3OTJDNDkuMzk5NSAxOS4zMDAxIDQ4Ljk3MTYgMTkuNjQ1MSA0OC41NTI1IDE5LjkxODRDNDguMjA0OCAyMC4wODk0IDQ3LjY0NzYgMjAuMzk4MiA0Ni44OTY2IDIwLjgzMjhDNDYuMjM2NSAyMS4xNTM0IDQ1LjY4NzYgMjEuNDk4MSA0NS4yOTI3IDIxLjg3OTNaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSIjRjAwMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K);
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    top: -24px;
    z-index: 9999;
    left: 35px;
    border-radius: unset !important;
}
.testimonial-slider .item img{
    width:62px !important;
    height:48px !important;
}
.testimonial-slider .owl-dots button {
    width: 8px;
    height: 8px;
    background-color: #120F12 !important;
    opacity: 0.15;
    display: block;
    border-radius:50%;
    transition:all 0.3s;
}
.testimonial-slider .owl-dots {
    margin-top:40px !important;
    display: flex;
    grid-gap:8px;
    justify-content: center;
    margin-top: 20px;
}
.testimonial-slider .owl-dots button.owl-dot.active , .testimonial-slider .owl-dots button.owl-dot:hover{
    opacity: 1;
}
.testimonial-slider .item {
    min-height: 339.98px !important;
} 
.table_inner  .elementor-widget-container {
    max-width: 100%;
    overflow: auto;
}
.table_inner .elementor-widget-container table td{
    padding: 18px 24px;
    vertical-align: middle;
    border-radius: 6px;
    color: var(--black);
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
}
.table_inner .elementor-widget-container table,.table_inner .elementor-widget-container table td{
    margin: 0px;
    border: unset !important;
}
.table_inner table td:nth-child(2),.table_inner .elementor-widget-container table td:nth-child(3) {
    width: 25%;
    text-align: center;
}
.table_inner table tr:nth-child(odd) td {
    background-color: var(--white) !important;
}
.table_inner table tr:nth-child(even) td {
    background-color: transparent !important;
}
.marquee_list ul {
    display: flex !important;
    white-space: nowrap;
    width: 100%;
    flex-flow: nowrap !important;
    margin: 0px !important;
    grid-gap: 24px;
    justify-content: center !important;
}
.marquee_list ul li {
    grid-gap: 24px;
}
.marquee_list ul li span.elementor-icon-list-text {
    padding: 0px !important;
    display: block;
}
.landing_logo{
    display: none !important;
}
.marque_box {
    min-width: calc(100% + 30px) !important;
    left: -15px;
}
.single-landing_page .header_logo1,.single-landing_page div[data-elementor-type="header"].sticky .landing_logo{
    display: none !important;
}
.single-landing_page .landing_logo,
.single-landing_page div[data-elementor-type="header"].sticky .header_logo1{
    display: block !important;
}
.single-landing_page div[data-elementor-type="header"] .header_menu nav > ul > li > a {
     color: var(--white) !important;
}
.single-landing_page div[data-elementor-type="header"].sticky .header_menu nav > ul > li > a {
     color: var(--white) !important;
}
.single-landing_page div[data-elementor-type="header"].sticky .header_menu nav > ul > li:last-child > a {
     color: var(--white) !important;
}
/* .page-id-2050 .header_logo1,
.page-id-2050 div[data-elementor-type="header"].sticky .landing_logo,
.page-id-15023 .header_logo1,
.page-id-15023 div[data-elementor-type="header"].sticky .landing_logo {
    display: none !important;
}
.page-id-2050 .landing_logo,
.page-id-2050 div[data-elementor-type="header"].sticky .header_logo1,
.page-id-15023 .landing_logo,
.page-id-15023 div[data-elementor-type="header"].sticky .header_logo1 {
    display: block !important;
}
.page-id-2050 div[data-elementor-type="header"] .header_menu nav > ul > li > a,
.page-id-15023 div[data-elementor-type="header"] .header_menu nav > ul > li > a {
    color: var(--white) !important;
}
.page-id-2050 div[data-elementor-type="header"].sticky .header_menu nav > ul > li > a,
.page-id-15023 div[data-elementor-type="header"].sticky .header_menu nav > ul > li > a {
    color: var(--black) !important;
}
.page-id-2050 div[data-elementor-type="header"].sticky .header_menu nav > ul > li:last-child > a,
.page-id-15023 div[data-elementor-type="header"].sticky .header_menu nav > ul > li:last-child > a {
    color: var(--white) !important;
} */
 .pixel-grid {
     position: absolute;
     width: fit-content;
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 0px;
     z-index: 10;
}
.pixel-grid-top {
     top: 0px;
     right: 5%;
}
.pixel-grid-bottom {
     bottom: 0px;
     left: 5%;
}
 .pixel-cell {
     background-color: white;
     border-radius: 0px;
     width: 46px;
     height: 46px;
     opacity: 0;
    /* Initially hidden */
}
 .pix_shortcode {
     position: absolute !important;
     bottom: 0px;
     left: 0px;
     width: 100% !important;
     height: 100%;
}
 @keyframes pixelPulse {
     0% {
         opacity: 0;
         transform: scale(0.7) translateY(10px);
/*          filter: blur(5px); */
    }
     30% {
         opacity: 0.8;
         transform: scale(1) translateY(0px);
/*          filter: blur(0px); */
    }
     70% {
         opacity: 0.8;
         transform: scale(1) translateY(0px);
/*          filter: blur(0px); */
    }
     100% {
         opacity: 0;
         transform: scale(0.8) translateY(-10px);
/*          filter: blur(5px); */
    }
}
.img-box img {
    width: 100%;
}
.blog_page {
    background-position: top center;
    background-size: 100% !important;
}
.header_sec{
    z-index: 999;
    -webkit-backdrop-filter: blur(60px) !important;
    backdrop-filter: blur(20px) !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    max-width: 85rem !important;
    position: relative !important;
    border-radius: 50px !important;
    padding: 10px 15px 10px 26px !important;
    margin: 0px auto !important;
    backdrop-filter: blur(4px);
    background-color: rgba(0, 0, 0, 0.75);
    /* box-shadow: 0 0 1em .25em rgba(0, 0, 0, 0.5) inset, 0 .125em .125em -.125em #0003; */
    background-color: rgba(0, 0, 0, .75) !important;
    max-width: 1200px !important;
}
.header_sec li.menu-item.menu-item-15799::after {
    font-family: "Font Awesome 7 Pro" !important;
    content: "" !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    border: unset !important;
    background-color: transparent;
    filter: brightness(0) invert(1);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDcuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjYgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0icmdiKDI1NSwgMjU1LCAyNTUpIiBkPSJNMjk3LjQgNDM4LjZDMzA5LjkgNDUxLjEgMzMwLjIgNDUxLjEgMzQyLjcgNDM4LjZMNTAyLjcgMjc4LjZDNTE1LjIgMjY2LjEgNTE1LjIgMjQ1LjggNTAyLjcgMjMzLjNDNDkwLjIgMjIwLjggNDY5LjkgMjIwLjggNDU3LjQgMjMzLjNMMzIwIDM3MC43TDE4Mi42IDIzMy40QzE3MC4xIDIyMC45IDE0OS44IDIyMC45IDEzNy4zIDIzMy40QzEyNC44IDI0NS45IDEyNC44IDI2Ni4yIDEzNy4zIDI3OC43TDI5Ny4zIDQzOC43eiIvPjwvc3ZnPg==);
}
.header_sec li.menu-item.menu-item-15799 {
    display: flex;
    align-items: center;
}
.track_google_sec {
    background-image: linear-gradient(45deg, #FDEBF2, #FAFAFA);
    padding: 28px 40px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 32px;
    position: relative;
}
.track_google_left h3 {
    font-size: 24px;
    line-height: 32px;
    font-family: 'Degular' !important;
    font-weight: 600;
    margin: 0px 0px 6px;
}
.track_google_left p {
    font-size: 18px;
    margin: 0px;
    font-family: 'Degular';
    font-weight: 500 !important;
}
a.contact_btn svg {
    width: 18px;
}
a.contact_btn {
    display: flex;
    align-items: center;
    grid-gap: 10px;
    margin-top: 20px;
    background-color: var(--black);
    max-width: fit-content;
    padding: 8px 22px;
    border-radius: 30px;
    color: var(--white);
    font-size: 18px;
    font-family: 'Degular';
    font-weight: 600 !important;
}
a.contact_btn:hover{
    background-color: var(--red);
}
a.contact_btn svg {
    filter: brightness(0) invert(1);
}
.track_img img {
    max-width: 236px !important;
    position: absolute;
    top: -25px;
    right: 0px;
}
.track_google_left {
    max-width: calc(100% - 350px);
    width: 100%;
}
.side_left {
    height: fit-content !important;
    position: sticky !important;
    top: 70px !important;
}
.pagination {
    max-width: fit-content;
    grid-gap: 12px;
    margin: 40px auto 0px auto !important;
}
.pagination span, .pagination a {
    background-color: var(--red) !important;
    border: 1px solid var(--red) !important;
    color: var(--white) !important;
    border-radius: 4px;
    padding: 4px 14px;
    font-weight: 500;
    margin: 0px !important;
    transition:all 0.4s;
    font-size: 17px;
    display: flex;
    align-items: center;
    grid-gap: 5px;
}
.pagination span.page-numbers.current,.pagination a:hover,.pagination span:hover {
    background-color: var(--black) !important;
    border-color: var(--black) !important;
}
.pagination span i, .pagination a i {
    font-family: 'FontAwesome' !important;
}
.clean_box span.elementor-icon-list-icon {
    position: relative !important;
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    overflow: hidden !important;
    transform: rotate(45deg);
}
.clean_box span.elementor-icon-list-icon svg {
    transform: translate(0px, 0px) !important;
    transition: all 0.3s;
}
.clean_box span.elementor-icon-list-icon::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDIxIDI1IiBmaWxsPSJub25lIj48bWFzayBpZD0ibWFzazBfNDMzXzI1MCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjIxIiBoZWlnaHQ9IjI1Ij48cmVjdCB4PSIwLjIzMzA5MyIgeT0iMC43MTg3NSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSI+PC9yZWN0PjwvbWFzaz48ZyBtYXNrPSJ1cmwoI21hc2swXzQzM18yNTApIj48cGF0aCBkPSJNMy43MTAwMiAxOC45ODkzTDE2LjIzMzEgNi40NjU4MiIgc3Ryb2tlPSIjMTIwRjEyIiBzdHJva2Utd2lkdGg9IjEuOCI+PC9wYXRoPjxwYXRoIGQ9Ik0zLjY1OTYxIDYuNDE4OTVIMTYuMjMzMVYxOC45ODg5IiBzdHJva2U9IiMxMjBGMTIiIHN0cm9rZS13aWR0aD0iMS44Ij48L3BhdGg+PC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: all 0.3s;
    transform: translate(-20px, 20px) !important;
    filter: invert(17%) sepia(96%) saturate(7486%) hue-rotate(356deg) brightness(97%) contrast(121%);
}
.clean_box li:hover span.elementor-icon-list-icon::before {
    transform: translate(0px, 0px) !important;
}
.clean_box li:hover span.elementor-icon-list-icon svg {
    transform: translate(20px, -20px) !important;
}
.clean_box li span.elementor-icon-list-text {
    padding-left: 12px !important;
}
.clean_box li:hover svg {
    filter: invert(17%) sepia(96%) saturate(7486%) hue-rotate(356deg) brightness(97%) contrast(121%);
}
.services_text {
  list-style: none;
  padding: 0;
}
.services_text li {
  position: relative;
}
.services_text li::before {
  content: "";
  width: 8px;
  height: 8px;
  background: red;
  position: relative;
  top: 1px;
}
.services_text ul {
    display: flex;
    align-items: center;
    padding: 0px;
    list-style: none;
    grid-gap: 16px;
    flex-flow: wrap;
}
.services_text ul li {
    display: flex;
    align-items: center;
    grid-gap: 6px;
}
/*-------------------------------------------------------------- 
# Reposnive css 
--------------------------------------------------------------*/
@media(min-width: 1501px){
    .featured_img {
        height: 371px;
    }
}
@media(min-width: 992px){
     div[data-elementor-type="header"] .header_sec .header_menu nav > ul > li:last-child > a::after {
        content: "\f061";
        font-family: "Font Awesome 6 Free";
        color: var(--white) !important;
        opacity: 1 !important;
        position: unset !important;
        background-color: transparent !important;
        transform: unset !important;
        font-weight: 600;
    }
     div[data-elementor-type="header"] .header_sec  nav > ul > li > a {
        display: flex;
        grid-gap: 10px;
        align-items:center;
    }
    div[data-elementor-type="header"] .elementor-nav-menu .sub-menu {
        min-width: 285px !important;
        position: absolute !important;
        padding: 8px 0 !important;
        z-index: 100;
        visibility: hidden;
        border-top: 3px solid var(--yellow) !important;
        background-color: var(--white) !important;
        opacity: 0;
        box-shadow: 0 0 60px 0 rgb(53 57 69 / 15%);
        transform: rotateX(-90deg);
        transform-origin: 0 0;
        display: block !important;
        transition: all 500ms linear 0ms;
        border-radius: unset !important;
        border-radius: 8px !important;
        overflow: hidden;
    }
    div[data-elementor-type="header"] .elementor-nav-menu li:hover .sub-menu {
         visibility: visible !important;
         opacity: 1 !important;
         transform: rotateX(0) !important;
         z-index: 999;
    }
    div[data-elementor-type="header"] .elementor-nav-menu .sub-menu li a{
        padding: 10px 25px !important;
        display: flex;
        grid-gap: 4px;
        border: unset;
        align-items: center;
    }
    div[data-elementor-type="header"] .elementor-nav-menu .sub-menu li a::before{
        content: "";
        height: 1px;
        background-color: var(--black);
        transition: all 0.3s ease-out 0s;
        display: block;
        width:0px;
    }
    div[data-elementor-type="header"] .elementor-nav-menu .sub-menu li a:hover::before{
        width: 12px;
    }
    div[data-elementor-type="header"].sticky .hfe-site-logo-set img {
        height: 85px;
    }
    div[data-elementor-type="header"].sticky{
        animation-name: head;
        animation-duration: 1s;
    }
     @keyframes head{
         from {
             transform: translate(-50%, -300px);
             opacity:0;
        }
         to {
             transform: translate(-50%, 0px);
             opacity:1;
        }
    }
    div[data-elementor-type="header"] .header_menu ul li:last-child a{
        background-color: var(--red) !important;
        color: var(--white) !important;
        border-radius: 30px 30px 30px 30px !important;
        padding: 4px 24.6px  !important;
        line-height: 24px !important;
    }
     div[data-elementor-type="header"] .header_menu ul li:last-child a:hover{
        background-color: var(--black) !important;
        color: var(--white) !important;
    }
    /*---------------|| Sticky ||----------*/
    .menu_inn {
        position: fixed !important;
        top: 72px;
        right: 15%;
        left: unset;
    }
    /* div[data-elementor-type="header"].sticky .menu_inn{
        left: 0%;
        top: 65px;
        right:unset;
        width:100% !important;
    } */
    .menu_shortode {
        display:none !important;
        left:0px;
        top:0px;
        position: fixed !important;
    }
    .menu_shortode.active {
        display: block !important;
        animation: slideIn 0.4s ease-out forwards;
    }
    @keyframes slideIn {
        0% {
            top: 20px;
            opacity: 0;
        }
        100% {
            top: 0px;
            opacity: 1;
        }
    }
}
@media(max-width: 1600px){
    .banner_sec {
        padding-left: 30px;
    }
    .pixbrand_right img{
        height:650px !important;
    }
    .banner_sec {
        min-height: 650px !important;
    }
    .testimonial_left {
        top: 40px;
        max-height: 680px;
    }
}
@media(max-width: 1280px){
    .pixbrand_right img {
        height: 480px !important;
    }
    .pixbrand_right {
        top: unset !important;
        bottom: 0px !important;
    }
    .blog_grid {
        grid-gap: 40px;
    }
    .portfolio_list {
        padding-bottom: 80px;
    }
    .portfolio-item {
        padding: 30px;
        width: calc(100%/2);
    }
	.experts_grid .img-box figure.elementor-image-box-img {
		/* height: 220px !important; */
	}
}
@media(max-width: 1024px){
	 .why-shopify .why-shopify-inner {
        position: unset;
    }
	.pixel-grid {
		grid-template-columns: repeat(3, 1fr);
	}
	.pixel-grid div {
		width: 35px;
		height: 35px;
	}
	.pixel-grid > div:nth-child(12) ~ div {
		display: none !important;
	}
/* 	.pixel-grid div:nth-child(1),.pixel-grid div:nth-child(9){
		 display: none !important;
	}
	.pixel-grid div:nth-child(5),.pixel-grid div:nth-child(3){
		 display: none !important;
	} */
}
@media(max-width: 991px){
    .menu_shortode {
        display: none !important;
    }
    .testimonial_left,.testimonal_hand,.service_left {
        position: unset !important;
    }
     div[data-elementor-type="header"] nav {
        position: fixed;
        width: 100%;
        top: 67px;
        left: 0px;
        margin: 0px !important;
        border-radius:15px;
        padding: 10px 0px 20px;
        backdrop-filter: blur(4px);
        box-shadow: 0 0 1em .25em #fffffff2 inset, 0 .125em .125em -.125em #0003;
        transition: box-shadow .25s ease-out, gap .25s ease-out, padding .25s ease-out, border-radius .25s ease-out, background .25s ease-out, backdrop-filter .5s ease-out;
        background-color: rgba(255, 255, 255, 0.9) !important;
    }
    div[data-elementor-type="header"] nav ul li a{
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }
    div[data-elementor-type="header"] nav > ul > li:last-child > a{
        border-bottom: unset;
    }
    div[data-elementor-type="header"] nav ul li a {
        justify-content: space-between;
    }
     .blog_grid {
        grid-gap: 40px 30px ;
    }
     .portfolio_list {
        padding-bottom: 60px;
    }
    .portfolio-item {
        padding: 20px;
    }
    .portfolio-container {
        grid-gap: 40px;
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-bottom: -20px;
    }
    .contact_form input[type="text"], .contact_form input[type="tel"], .contact_form input[type="email"], .contact_form textarea {
        min-height: 50px;
    }
    .contact_form textarea {
        height: 120px;
    }
    .point-sec {
        flex-flow: wrap !important;
    }
	.header_sec{
		padding: 15px 15px 15px 15px !important;
	}
}
@media(min-width: 700px){
	.landing_sec .e-con-inner {
		flex-direction: unset !important;
	}
}
@media(max-width: 767px){
    .pixbrand_right img {
        height: 100% !important;
        object-fit: contain;
    }
    .blog_grid {
        grid-template-columns: repeat(1,1fr);
        grid-gap: 40px 20px;
    }
    .blog_content h3 {
        font-size: 22px;
        line-height: 28px;
    }
    .featured_img {
        border-radius: 12px;
        height: 220px;
    }
    body {
        padding: 0px;
    }
    .portfolio-item {
        padding: 15px;
        width: calc(100%);
    }
    .portfolio-container {
        grid-gap: 20px;
        width: calc(100% + 30px);
        margin-left: -15px;
        margin-bottom: -15px;
    }
    .landing-banner::before {
        display: block !important;
    }
	.marque_box {
		min-width: 100% !important;
		left: 0px;
	}
	.marquee_grid .gallery figure {
		padding: 5px;
		border-radius: 4px;
		min-width: 120px !important;
	}
	.text_filter h2 {
		font-size: 25vw !important;
	}
	.superstar_sec .text_filter h2 {
		font-size: 20vw !important;
	}
	.testimonial_left {
		flex-flow: unset !important;
		white-space: nowrap !important;
		grid-gap: 24px !important;
		overflow: auto !important;
	}
	.testimonial_left > div {
		min-width: fit-content !important;
	}
	.testimonial_left > div figure.elementor-image-box-img {
		margin: 0px !important;
	}
	.testimonial_item {
		min-height: unset !important;
		display: none !important;
	}
	.testimonial_item.active {
		display: block !important;
	}
	.testimonial_right {
		min-height: unset !important;
		display: block !important;
	}
	.icon_box > div > div {
		flex-flow: unset !important;
		display: flex !important;
		align-items: center;
		grid-gap: 15px;
	}
	.pixel-grid{
		grid-template-columns:repeat(2,1fr);
	}
	.pixel-grid > div:nth-child(8) ~ div {
		display: none !important;
	}
	.pixel-grid div:nth-child(1),.pixel-grid div:nth-child(3){
		 display: none !important;
	}
	.pixel-grid div:nth-child(5),.pixel-grid div:nth-child(6){
		 display: none !important;
	}
	.grid_img .gallery {
		display: flex !important;
		flex-flow: unset !important;
		grid-gap: 20px;
		margin:0px !important;
	}
	.grid_img .gallery > figure {
		padding: 0px !important;
	}
}
@media(max-width: 680px){
	.track_google_sec {
		flex-flow: wrap;
		grid-gap:10px;
	}
	.track_google_left {
		max-width: 100%;
		order: 2;
	}
	.track_img img {
		position: unset;
	}
	.track_img {
		order: 1;
		margin: -55px auto 0px;
	}
	.track_img img {
		max-width: 168px !important;
	}
	.track_google_left h3 {
		font-size: 22px;
		line-height: 28px
	}
	.track_google_sec {
		padding: 24px 24px;
	}
}