/*
Theme Name: Pix Brand
Author:  Venus Gupta
Designer by : Venus Gupta
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)
*/

/*--======================|| Reset Start ||======================--*/
:root{
    --fs82: 82px;
    --fs62: 62px;
    --fs36: 36px;
    --fs42: 42px;
    --white: #fff;
    --red: #E40000;
    --black: #1D1D1D;
    --grey:#CBCBCB;
}


@font-face {
    font-family: "Degularblack";
  src: url(../otf/degular-black.otf);
}

@font-face {
    font-family: "DegularBold";
  src: url(../otf/degular-bold.otf);
}
@font-face {
    font-family: "Degularmedium";
  src: url(../otf/degular-medium.otf);
}
@font-face {
    font-family: "DegularRegular";
  src: url(../otf/degular-regular.otf);
}
@font-face {
    font-family: "DegularSemibold";
  src: url(../otf/degular-semibold.otf);
}
body {
    background-color: #f7f4f2 !important;
}
.e-con{
    --container-max-width:calc(100% - 200px + 30px) !important;
}
.custom_container > div{
    max-width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
body::-webkit-scrollbar {
 width: 10px;
}
body::-webkit-scrollbar-track {
 background:var(--black);
 border-radius: 8px; 
}
body::-webkit-scrollbar-thumb {
 background: var(--red); 
 border-radius: 6px;
}
.featured_img img {
    max-height: 100% !important;
    object-fit: contain !important;
}
a{
    cursor:pointer;
}
.fa, .fas {
    font-family: 'Font Awesome 5 Free'!important;
}
/*--======================|| Reset End ||======================--*/
/*--======================|| Header Start ||======================--*/
.header_menu {
   display: block;
}
.page-template a{
    transition: all 0.4s !important;
}
/* .page-template ,.page-template a{
    font-family: "Manrope", Sans-serif;
} */
header#masthead {
   position: sticky !important;
   top: 0px;
   width: 100%;
   left: 0px;
   background-color: #111111;
}
.home header#masthead {
    position: fixed !important;
     background-color:transparent;
}
.home header#masthead .header_sec {
    background-color: transparent !important;
}
.home header#masthead.sticky{
  background-color: #111111 !important;
   box-shadow: 1.563px 0.863px 6px 0 rgb(0 0 0 / 13%);
}
div#wpadminbar ~ div#page header#masthead{
   top:32px; 
}
header#masthead .hfe-site-logo {
   max-width: fit-content;
}
header#masthead.moveout {
  animation: outime 0.6s;
  transition: all 500ms ease-in-out;
  animation-fill-mode: forwards;
}
header#masthead.moveon {
  animation: intime 0.6s;
  transition: all 500ms ease-in-out;
  animation-fill-mode: forwards;
}
@keyframes outime {
  0% {
    transform: translateY(-0px);
  }
  100% {
    transform: translateY(-150px);
  }
}
@keyframes intime {
  0% {
    transform: translateY(-150px);
  }
  100% {
    transform: translateY(0);
  }
}
.header_menu nav > ul >  li > a {
    padding: 0px !important;
}
.header_menu .hfe-nav-menu {
    display: flex !important;
    grid-gap: 10px 24px;
    align-items: center;
    justify-content: end !important;
    width: 100% !important;
}
.header_menu .hfe-nav-menu::before,.header_menu .hfe-nav-menu::after {
    display: none;
}
.header_menu nav > ul > li:nth-last-child(1) > a,.red_btn a {
    border-radius: 24px;
    border: 1px solid var(--white);
    min-height: 48px;
    min-width: 244.88px;
    display: flex;
    justify-content: center;
    grid-gap: 10px;
    align-items: center;
}
.header_menu nav > ul > li:nth-last-child(1) > a,.red_btn a{
    min-width: 209px;
}
.featured_top .white_btn a::after.header_menu nav > ul > li:nth-last-child(1) > a::after, .red_btn a::after,.learn_more a::after {
    content: "";
    opacity: 1 !important;
    position: unset !important;
    display: block !important;
    width: 16.88px;
    height: 17.38px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent !important;
    background-image: url(../svg/vector_red.svg);
}
.home .red_btn a:hover::after,.header_menu nav > ul > li:nth-last-child(1) > a:hover::after,.education_sec .red_btn a:hover::after,.service_grid_top .red_btn a:hover::after,.service_single .red_btn a:hover::after{
   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSI3LjUiIHZpZXdCb3g9IjAgMCAyMyA3LjUiPgogIDxnIGlkPSJHcm91cF82MzUyNiIgZGF0YS1uYW1lPSJHcm91cCA2MzUyNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyMzEuNSAtMzcuNzUpIj4KICAgIDxsaW5lIGlkPSJMaW5lXzQ4OSIgZGF0YS1uYW1lPSJMaW5lIDQ4OSIgeDI9IjE4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjMxLjUgNDEuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0U0MDAwMCIgc3Ryb2tlLXdpZHRoPSIxIi8+CiAgICA8cGF0aCBpZD0iUG9seWdvbl8xIiBkYXRhLW5hbWU9IlBvbHlnb24gMSIgZD0iTTMuNzUsMCw3LjUsNkgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI1NC41IDM3Ljc1KSByb3RhdGUoOTApIiBmaWxsPSIjRTQwMDAwIi8+CiAgPC9nPgo8L3N2Zz4K) !important;
}
.featured_top .white_btn a::after{
 filter: brightness(0);
 transition: all 0.3s;
}
.featured_top .white_btn a:hover::after{
 filter: brightness(0) invert(1);
}
.header_menu nav > ul > li:nth-last-child(1) > a::after, .red_btn a::after,.learn_more a::after,.featured_top .white_btn a::after, .black_btn a::after{
    width: 23px !important;
    height: 23px !important;
    background-image: url(../svg/vector.svg);
}
.header_menu nav > ul > li:nth-last-child(1) > a,.red_btn a{
    background-color: var(--red) !important;
    border:2px solid var(--red) !important;
    max-width: fit-content;
    color: var(--white) !important;
}
.header_menu nav > ul > li:nth-last-child(1) > a:hover, .red_btn a:hover ,.services_sec .red_btn a:hover{
    opacity: 1;
    color: var(--white) !important;
    background-color: var(--black) !important;
    border-color: var(--black) !important;
}
.home .red_btn a:hover,.header_menu nav > ul > li:nth-last-child(1) > a:hover,.education_sec .red_btn a:hover,.service_grid_top .red_btn a:hover,.service_single .red_btn a:hover {
    color: var(--red) !important;
    background-color: var(--white) !important;
    border-color: var(--white) !important;
}
.home .red_btn a:hover::after,.header_menu nav > ul > li:nth-last-child(1) > a:hover::after,.education_sec .red_btn a:hover::after,.service_grid_top .red_btn a:hover::after,.service_single .red_btn a:hover::after{
   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSI3LjUiIHZpZXdCb3g9IjAgMCAyMyA3LjUiPgogIDxnIGlkPSJHcm91cF82MzUyNiIgZGF0YS1uYW1lPSJHcm91cCA2MzUyNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyMzEuNSAtMzcuNzUpIj4KICAgIDxsaW5lIGlkPSJMaW5lXzQ4OSIgZGF0YS1uYW1lPSJMaW5lIDQ4OSIgeDI9IjE4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjMxLjUgNDEuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0U0MDAwMCIgc3Ryb2tlLXdpZHRoPSIxIi8+CiAgICA8cGF0aCBpZD0iUG9seWdvbl8xIiBkYXRhLW5hbWU9IlBvbHlnb24gMSIgZD0iTTMuNzUsMCw3LjUsNkgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI1NC41IDM3Ljc1KSByb3RhdGUoOTApIiBmaWxsPSIjRTQwMDAwIi8+CiAgPC9nPgo8L3N2Zz4K);
}
.header_menu nav > ul >  li > a {
    line-height: inherit !important;
}
.header_menu nav {
   width: 100% !important;
}
.header_inner {
   display: grid;
   grid-template-columns: max-content auto;
   grid-gap: 20px;
   align-items: center;
}
.header_inner > div {
   width: 100%;
}
.page-id-11714 header#masthead,.page-id-11714 footer#colophon {
    display: none !important;
}
.home_pop .shopify-popup button.close-popup {
    top: -10px;
    right: -10px;
}
/*--======================|| Header End ||======================--*/
/*--======================|| Hero Sec Start ||======================--*/
.hero_sec .hero_inner p {
    max-width: 600px;
    margin: 0px;
}
.hero_sec {
    padding-bottom: 10%;
    padding-top: 10% !important;
}
/*--======================|| Hero Sec End ||======================--*/
/*--======================|| Service Sec Start ||======================--*/
.hero_sec {
   position: sticky !important;
   top: 0px;
}
.service_head h4 {
    max-width: fit-content;
    display: flex;
    align-items: center;
    grid-gap: 12px;
}
.service_head h4::before {
    width: 64px;
    height: 2px;
    background-color: var(--black);
    display: block;
    content: "";
}
.service_tab ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: grid;
    grid-gap: 8px;
}
.service_tab ul li a {
    display: block;
    font-size: var(--fs62);
    font-weight: 800;
    color: var(--grey);
    text-decoration: none;
    line-height: normal !important;
    transition: all 0.3s;
}
.service_tab ul li a:hover{
      color: rgb(29 29 29 / 50%)
}
.service_tab ul li a.active,.service_tab ul li a.active:hover{
    color: var(--black);
}
.service_grid {
    display: grid !important;
    grid-template-columns: max-content auto;
    grid-gap: 30px 10%;
}
.service_inner_box .service_list li:hover {
    background-color:#CBCBCB;
}
.service_inner_box .service_list li {
    transition:all 0.3s;
    text-transform: capitalize;
}
.service_grid > div {
    width: 100% !important;
}
.service_list ul {
    display: flex;
    flex-flow: wrap;
    grid-gap: 8px;
}
.service_list ul li {
   background-color: #EEEEEE;
   border-radius: 24px;
   padding: 7px 24px !important;
   margin: 0px 0px !important;
}
.learn_more a {
    padding-bottom: 15px !important;
    text-align: left;
    position: relative;
}
.slide_left p a, .learn_more a{
    display: flex;
    align-items: center;
    grid-gap: 12px;
}
.learn_more a::after,.slide_left p a::after {
   content: "";
   display: block;
   width: 12px;
   height: 12px;
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
   transition: all 0.3s;
   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2LjgxMSIgaGVpZ2h0PSIxMi4xMjEiIHZpZXdCb3g9IjAgMCA2LjgxMSAxMi4xMjEiPgogIDxwYXRoIGlkPSJQYXRoXzM1NjgwIiBkYXRhLW5hbWU9IlBhdGggMzU2ODAiIGQ9Ik0xOCw3LjVsMi45MTcsMi45MTdMMjMsMTIuNWwtNSw1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTYuOTM5IC02LjQzOSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2U0MDAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K);
   top: 2px;
   position: relative !important;
}
.service_content::after{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--red);
    position: absolute;
    bottom: -2px;
    right: 0px;
    animation-name: width;
    animation-timing-function:linear;
    animation-duration: 1s;
    transform-origin:right;
}
.service_content.active::after{
    width: 100%;
}
.learn_more a:hover{
    border-color: var(--white);
    color: var(--black) !important;
}
.learn_more a:hover::after{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2LjgxMSIgaGVpZ2h0PSIxMi4xMjEiIHZpZXdCb3g9IjAgMCA2LjgxMSAxMi4xMjEiPgogIDxwYXRoIGlkPSJQYXRoXzM1NjgwIiBkYXRhLW5hbWU9IlBhdGggMzU2ODAiIGQ9Ik0xOCw3LjVsMi45MTcsMi45MTdMMjMsMTIuNWwtNSw1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTYuOTM5IC02LjQzOSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzFEMUQxRCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K);
}
.service_tab ul {
    counter-reset: li;
}
.service_tab ul li a {
    display: flex;
    align-items: self-start;
}
.service_tab ul li a::before {
    counter-increment: li;
    content: "0"counter(li);
    font-size: 16px;
    padding-top: 15px;
    padding-right: 24px;
}
.service_content {
    display: none;
    position: relative;
}
.service_inner_box {
    margin-top: -1.5% !important;
}
.service_content.active{
    display: block;
}
.service_slide p::before, .service_content.active::before{
   content: "";
    display: block;
    background-color:var(--white);
    position: absolute;
    width: 100%;
    left: 0px;
    height: 100%;
    z-index: 1;
    transform: scaleX(1);
    transform-origin:right;
    transition: transform 1s;
}
.service_slide .slide_left p{
   margin: 0px !important;
}
.service_slide.active p::before,.service_content.active::before{
    transform: scaleX(0);
}
.service_slide.active div::before {
    transform-origin:left;
}
.service_slide  .slide_left{
   margin: 0px;
   font-size: var(--fs36);
   max-width: 750px !important;
   line-height: 46px;
   color: var(--black);
   position: relative;
}
.slide_left p a {
   color: var(--red);
   max-width: fit-content;
   display: inline-block;
   padding-right: 30px;
   position: relative;
}
.service_content.active::before{
       animation-name: left;
    animation-timing-function:linear;
    animation-duration:0.8s;
    transform-origin: left;
}
.marqyee_text marquee {
    color: #1D1D1D;
    font-size: 42px;
    font-weight: bold;
    line-height: normal;
}
.step_grid {
    position: relative;
}
.step_grid .stpe_right {
    position: unset;
}
.step_grid .marqyee_text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    opacity:0;
    width: calc(100% - 30px);
    transition:all 0.3s;
}
.step_left,.step_grid p {
    transition:all 0.3s;
    opacity:1;
}
.step_grid:hover .marqyee_text {
    opacity:1;
}
@keyframes width {
    0% {
       width:100%;
   }
    50%{
       width:3px;
   }
    100% {
       width:100%;
   }
}
@keyframes left {
    0% {
        transform: scaleX(1);
   }
    100% {
       transform: scaleX(0);
   }
}
.bottom_link a {
   padding: 0px !important;
   max-width: fit-content !important;
}
.counter_box h3 {
   margin: 0px 0px 24px !important;
   padding: 0px 0px 34px;
}
.counter_inner .counter_box::after {
   content: "";
   width: 100%;
   height: 2px;
   position: absolute;
   left: 0px;
   top: 189px;
   background-color: var(--black);
   display: block;
}
.counter_box p{
   max-width: 85%;
}
.counter_inner {
   display: grid;
   grid-template-columns: repeat(3,1fr);
   grid-gap: 30px 68px;
}
.counter_inner > div {
   width: 100%;
}
.counter_inner .counter_box h3 {
   transform: translateY(-250px);
   transition: all 0.4s;
   opacity: 0;
   transition-delay:0.4s;
}
.counter_inner .counter_box p {
   transform: translateY(250px);
   transition: all 0.6s;
    opacity: 0;
   transition-delay:0.6s;
}
.counter_inner.active .counter_box p {
   transform: translateY(0px);
}
.counter_inner.active .counter_box h3,.counter_inner.active .counter_box p {
 transform: translateY(0px);
   opacity: 1;
}
.counter_inner .counter_box::after{
   width: 0%;
   transition: all 0.4s;
}
.counter_inner.active .counter_box::after{
   width: 100%;
}
.counter_box,.bottom_link {
   position: relative;
   overflow: hidden;
}
.slide_left p a::after {
   width: 20px;
   height: 20px;
   position: absolute !important;
   right: 0px;
   top: 50%;
   transform: translateY(-50%);
}
.service_hed * {
   display: block;
   font-size: var(--fs62);
   font-weight: 600;
   color:var(--grey);
   text-decoration: none;
   line-height: normal !important;
   display: flex;
   align-items: normal;
   margin-bottom: 0px;
}
.service_content.active .service_hed * {
   color:var(--black);
}
.service_right  {
   counter-reset: div;
}
.service_content .service_hed .elementor-widget-container>div::before{
   font-size: 16px;
   padding-top: 15px;
   padding-right: 24px;
}
.service_content:nth-child(1) .service_hed .elementor-widget-container>div::before {
   content: "01";
}
.service_content:nth-child(2) .service_hed .elementor-widget-container>div::before {
   content: "02";
}
.service_content:nth-child(3) .service_hed .elementor-widget-container>div::before {
   content: "03";
}
.service_content:nth-child(4) .service_hed .elementor-widget-container>div::before {
   content: "04";
}
.service_hed {
   display: none;
}
.sevice_slider .swiper-slide {
    margin-right: 16px !important;
}
.sevice_slider .swiper-slide figure img {
    height: 260px;
    width: 100%;
}
/*--======================|| Service Sec End ||======================--*/

/*--======================|| Pixbrand Sec start ||======================--*/

.pixbrand_ecom .black_btn a::after{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSI3LjUiIHZpZXdCb3g9IjAgMCAyMyA3LjUiPgogIDxnIGlkPSJHcm91cF82MzUyNiIgZGF0YS1uYW1lPSJHcm91cCA2MzUyNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyMzEuNSAtMzcuNzUpIj4KICAgIDxsaW5lIGlkPSJMaW5lXzQ4OSIgZGF0YS1uYW1lPSJMaW5lIDQ4OSIgeDI9IjE4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjMxLjUgNDEuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxIi8+CiAgICA8cGF0aCBpZD0iUG9seWdvbl8xIiBkYXRhLW5hbWU9IlBvbHlnb24gMSIgZD0iTTMuNzUsMCw3LjUsNkgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI1NC41IDM3Ljc1KSByb3RhdGUoOTApIiBmaWxsPSIjZmZmIi8+CiAgPC9nPgo8L3N2Zz4K) !important;
    width: 23px !important;
    height: 7.5px !important;
}

/*--======================|| Pixbrand ecom Sec End ||======================--*/
/*--======================|| Projects Sec Start ||======================--*/
.project_grid {
   column-count: 2;
   column-gap: 80px;
   margin-top: -242px;
   margin-bottom: -80px;
}
.project_grid_sec {
    padding: 80px 0px;
    background-color: #120F12;
    margin-bottom: 30px;
    border-radius: 8px;
}
.project_grid_sec > div {
    max-width: var(--content-width);
    margin: 0px auto;
}
.project_grid::before{
   content: "";
   display: block;
   height: 150px;
}
.project_grid > div {
   padding-bottom: 80px;
   width: 100%;
   -webkit-column-break-inside: avoid;
   page-break-inside: avoid;
   break-inside: avoid;
   /* page-break-inside: avoid; */
}
.project_grid > div:nth-child(1) {
   margin-top: calc(95px + 80px);
}
.project_box a, .project_box a img {
   display: block;
   position: relative;
}
.project_box span {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   display: flex;
   width: 100%;
   max-width: 188.62px;
   background-color: var(--white);
   height: 48px;
   align-items: center;
   justify-content: center;
   border-radius: 24px;
   font-size: 17px;
   color: var(--black);
   font-weight: 500;
   align-items: center;
   grid-gap: 10px;
   opacity: 0;
   transition: all 0.3s;
}
.project_box a:hover span{
   opacity: 1;
}
.project_box a img{
   border-radius: 12px;
}
.project_box span::after{
   content: "";
   display: block;
   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOC44NDEiIGhlaWdodD0iMTguODQxIiB2aWV3Qm94PSIwIDAgMTguODQxIDE4Ljg0MSI+CiAgPGcgaWQ9Ikljb25fZmVhdGhlci1hcnJvdy11cCIgZGF0YS1uYW1lPSJJY29uIGZlYXRoZXItYXJyb3ctdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuNDA1IDIzLjc0Nykgcm90YXRlKC0xMzUpIj4KICAgIDxwYXRoIGlkPSJQYXRoXzM1NTQ1IiBkYXRhLW5hbWU9IlBhdGggMzU1NDUiIGQ9Ik0wLDBWMTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuOTk3IDAuMDAxKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMWQxZDFkIiBzdHJva2Utd2lkdGg9IjEuNSIvPgogICAgPHBhdGggaWQ9IlBhdGhfMzU1NDYiIGRhdGEtbmFtZT0iUGF0aCAzNTU0NiIgZD0iTTAsMCw4LDhsOC04IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDcuOTk4KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMWQxZDFkIiBzdHJva2Utd2lkdGg9IjEuNSIvPgogIDwvZz4KPC9zdmc+Cg==);
   background-repeat: no-repeat;
   background-position:center;
   background-size: contain;
   width: 16px;
   height: 16px;
}
.project_box a h3 {
   font-size: 24px !important;
   color: var(--white);
   margin: 24px 0px 0px;
   line-height: 40px !important;
}
.project_sec {
   overflow: hidden;
}
/*--======================|| Projects Sec End ||======================--*/
/*--======================|| Client Sec Start ||======================--*/
.text_animy h2 {
   overflow: hidden;
   background-color: white;
   -webkit-text-fill-color: var(--grey);
   position: relative;
}
.text_animy h2, .text_head h2 {
    font-size: 72px !important;
    font-weight: bold !important;
    margin: 0px !important;
    line-height: 80px !important;
}
.text_animy h2::after {
    content: attr(data-text);
    position: absolute;
    -webkit-text-fill-color: var(--black);
    width: 0%;
    overflow: hidden;
    left: 0px;
    white-space: nowrap;
    transform-origin: left;
    transition: all 1.5s;
    transition-delay: 0s;
}
.pixbrand_client.active h2::after{
   width: 100%;
}
.img_grid .gallery {
   display: grid;
   grid-template-columns: repeat(6,1fr);
/*    grid-gap: 50px; */
}
.gallery-icon.landscape {
    height: 100%;
    padding: 6px 4px;
}
.gallery-icon.landscape a {
    display: block !important;
    height: 100%;
}
.img_grid .gallery > * {
   width: 100% !important;
   max-width: 100% !important;
}
.img_grid figure.gallery-item {
   border-right: 1px solid #CBCBCB;
   border-bottom: 1px solid #CBCBCB;
}
.img_grid figure.gallery-item:nth-child(6n) {
   border-right-width:0px;
}
.img_grid figure.gallery-item:nth-child(24n) ~ figure {
  border-bottom-width:0px;
}
.img_grid figure.gallery-item:nth-child(24n) ~ figure > div {
    padding-bottom: 0px;
}
.img_grid figure.gallery-item img {
   margin: 0px auto;
   object-fit: contain;
   width: 100%;
   filter: grayscale(1);
   transition: all 0.3s;
   height: 62px;
}
.img_grid figure.gallery-item:hover img{
    filter: grayscale(0);
}
.white_btn a{
   min-width: 195px;
   height: 48px;
   display: flex;
   align-items: center;
   justify-content: center;
   max-width: fit-content;
   margin: 0px auto;
   grid-gap: 10px;
}
.white_btn a span.elementor-button-icon.elementor-align-icon-right {
   position: relative;
   top: -2px;
}
.white_btn a:hover span.elementor-button-icon.elementor-align-icon-right{
   filter: brightness(0) invert(1);
}
.project_sec .sec_head {
   max-width: fit-content;
   z-index: 1;
   position: relative;
}
.project_sec.opportunities_sec .sec_head {
    max-width: unset;
}
.project_sec.opportunities_sec .sec_head h2 a {
    text-decoration: underline;
}
.social_links ul li a span.elementor-icon-list-text:hover > span {
    text-decoration: underline;
}
/*--======================|| Client Sec End ||======================--*/
/*--======================|| Testimonial Sec Start ||======================--*/
.testimonial_left img, .testimonial_left figure.elementor-image-box-img {
    width: 52px !important;
    height: 52px !important;
    object-fit: cover;
    border-radius: 50%;
    display: block;
}
.testimonial_left a {
   display: block;
   pointer-events: none;
}
.testimonial_inner > div {
    display: grid !important;
    grid-template-columns: 250px auto 143px;
    grid-gap: 30px 5% !important;
}
.testimonial_inner > div > div {
   width: 100% !important;
}
.star ul {
   display: flex;
   align-items: center;
   list-style: none;
   justify-content: left;
   padding: 0px;
   margin: 0px;
   grid-gap: 8px;
}
.star .elementor-widget-container {
   display: flex;
   grid-gap: 15px;
   align-items: center;
}
.star .elementor-widget-container span {
   font-size: 28px;
   color: var(--white);
   display: flex;
   align-items: center;
   grid-gap: 15px;
}
.star .elementor-widget-container span::before {
   content: "";
   display: block;
   background-color: #373737;
   height: 24px;
   width: 2px;
}
.testimonial_left{
   min-height: auto;
   position: sticky !important;
   top: 160px;
   height: auto;
   max-height: 740px;
}
.testimonial_right p {
    max-width: 100%;
}
.hand_image > div {
    position: sticky;
    top: 645px;
}
.hand_image {
    padding-top: 450px;
}
.testimonial_right::-webkit-scrollbar {
 width: 0px;
}
.testimonial_left .scrollto img {
   border: 3px solid transparent;
   transition: all 0.3s;
}
.testimonial_left .scrollto.active img {
   border-color: var(--red);
}
.testimonial_box p{
   line-height: 42px !important;
}
/*--======================|| Testimonial Sec End ||======================--*/
/*--======================|| Story Sec Start ||======================--*/
.slider_story{
   padding: 0px 0px;
}
.slider_story img {
   border-radius: 12px;
   display: block;
   margin-bottom: 24px;
}
.slider_story span.date {
    border-radius: 24px;
    font-size: 16px;
    height: 36px;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    text-transform: uppercase;
    font-weight: 500;
    max-width: fit-content;
    padding: 8px 24px;
}
.item:nth-child(1n) span.date{
   background-color: #E9D7FF;
   color: #3C0078;
}
.item:nth-child(2n) span.date{
   background-color:#E7ECFD;
   color:#2D3960;
}
.item:nth-child(3n) span.date{
   background-color: #B1FCFB;
   color: #006173;
}
.slider_story h3 {
   font-size: 24px;
   line-height: normal;
   color: var(--black);
   font-weight: 500;
   margin: 0px;
}
/*--======================|| Story Sec End ||======================--*/
/*--======================|| Accordion Sec Start ||======================--*/
.accordion_box .elementor-accordion-item {
   background: #292929 !important;
   border: 1px solid transparent !important;
   border-radius: 6px !important;
   padding: 24px 24px 0px 24px !important;
}
.accordion_box{
   max-width: 80% !important;
   margin: 0px auto;
}
.accordion_box .elementor-accordion {
   display: grid;
   grid-gap: 16px;
}
.accordion_box .elementor-accordion .elementor-tab-title{
   padding: 0px 0px 20px 0px !important;
}
.accordion_box .elementor-accordion .elementor-tab-title,.accordion_box .elementor-accordion .elementor-tab-content {
   border: unset !important;
}
.accordion_box .elementor-accordion .elementor-tab-content {
   padding: 0px 0px 0px 0px !important;
}
.accordion_box .elementor-accordion .elementor-tab-content p{
   margin-bottom:20px !important;
}
.accordion_box .elementor-tab-title span.elementor-accordion-icon {
   transition: all 0.4s;
}
.fade-in-slider .owl-carousel .owl-item {
  opacity: 0;
  transition: opacity 12s ease-in-out;
}
.fade-in-slider .owl-carousel .owl-item.active {
  opacity: 1;
}
.fade-in-slider .banner_box > div:nth-child(1) ~ div {
    opacity: 0;
    transition-delay:1s;
    transition:opacity 0.6s linear;
}
.fade-in-slider .owl-item.active .banner_box > div:nth-child(1) ~ div {
    opacity: 1;
}
/*--======================|| Accordion Sec End ||======================--*/
/*--======================|| Footer Sec Start ||======================--*/
.footer_right_btn * {
   margin-left: auto;
}
footer#colophon .red_btn a {
    border: 1px solid var(--red) !important;
}
.footer_grid > div {
   border-bottom: 2px solid var(--black);
   display: flex !important;
   grid-gap: 20px;
}
.footer_grid > div > div{
   width: 100%;
}
.footer_right {
   display: grid;
   grid-template-columns: repeat(4,1fr);
   grid-gap: 20px;
}
 .footer_sec .e-con-inner {
   display: flex !important;
     grid-gap: 20px 100px;
   justify-content: space-between !important;
}
 .footer_right_btn,.footer_sec .e-con-inner > div:first-child {
     max-width: fit-content;
}
.footer_sec .e-con-inner > div{
   width: 100%;
}
.footer_box svg {
   height: 64px !important;
   width: 64px !important;
}
.footer_box a {
   font-size: 18px;
   color: var(--black);
   font-weight: 700;
   display: block;
}
.footer_box a:hover{
   color: var(--red);
}
.footer_right_btn a:hover{
   background-color: var(--black) !important;
   border-color: var(--black) !important;
}
.copy_grid > div {
   display: grid;
   grid-template-columns: auto auto;
}
.copy_grid > div ul li a {
   position: relative;
}
.copy_grid > div ul li a::after {
   content: "";
   display: block;
   opacity: 1 !important;
   margin: 0px 8px;
   position: unset !important;
   height: 2px !important;
   width: 2px !important;
   border-radius: 50% !important;
   background-color: #1111118C !important;
}
.copy_grid > div ul li:last-child a::after {
   display: none;
}
.copy_grid * {
   color: #1111118C !important;
   font-size: 14px;
   margin: 0px;
   font-weight: 500 !important;
}
.copy_grid a:hover{
   color: var(--black) !important;
}
.copy_grid .copy_box:first-child {
   display: flex !important;
   flex-flow: unset !important;
   align-items: center;
   grid-gap: 10px;
}
.copy_right_sec .e-con-inner {
    justify-content: center !important;
}
/*--======================|| Footer Sec End ||======================--*/
/*--======================|| toggle_btn css Start ||======================--*/
.toggle_btn {
   display: none;
   max-width: fit-content;
   margin-left: auto;
   width: 60px;
   height: 60px;
   border-radius: 50%;
   background-color: var(--white);
   position: relative;
}
path.line.top {
  opacity: 0;
}
.toggle_btn svg {
   filter: brightness(0);
   position: relative;
   top: -15px;
   left: -9px;
}
.ham.active{
   top: -10px;
}
.ham.active path.line.top {
  opacity: 1;
}
.ham {
   cursor: pointer;
   -webkit-tap-highlight-color: transparent;
   transition: transform 400ms;
   -moz-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
.hamRotate.active {
   transform: rotate(45deg);
}
.hamRotate180.active {
   transform: rotate(180deg);
}
.line {
   fill: none;
   transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
   stroke: var(--white);
   stroke-width: 3px;
   stroke-linecap: round;
}
.ham7 .top {
   stroke-dasharray: 40 82;
}
.ham7 .middle {
   stroke-dasharray: 40 111;
}
.ham7 .bottom {
   stroke-dasharray: 40 161;
}
.ham7.active .top {
   stroke-dasharray: 17 82;
   stroke-dashoffset: -62px;
}
.ham7.active .middle {
   stroke-dashoffset: 23px;
}
.ham7.active .bottom {
   stroke-dashoffset: -83px;
}
/*--======================|| toggle_btn css End ||======================--*/
/*--======================|| Blog Sec css Start ||======================--*/
.blog_grid span.blfe-post-category,.blog_grid p.blfe-post-grid-excerpt,.blog_grid span.blfe-post-grid-author,.blog_grid .blfe-post-grid-date i,.blog_grid .blfe-post-grid-date::before{
   display: none !important;
}
.blog_grid .blfe-posts-inner{
   width: 100% !important;
   display: grid !important;
   grid-template-columns: repeat(2,1fr) !important;
   grid-gap: 60px 80px !important;
}
.blog_grid .blfe-post-grid-details {
   padding: 24px 0px 0px !important;
}
.blog_grid .blfe-post-grid-details-inner {
   display: grid;
}
.blog_grid .blfe-post-grid-details h3 a, .blog_grid .blfe-post-grid-details h3 {
   font-size: 24px !important;
   font-weight: 400 !important;
   order: 2;
   padding: 16px 0px 0px !important;
   color: var(--white) !important;
   line-height: 32px;
}
.blog_grid .blfe-row *{
   text-align: left !important;
}
.blog_grid a.blfe-post-grid-image img {
   object-fit: cover;
   border-radius: 8px;
}
.blog_grid .blfe-post-grid-meta span.blfe-post-grid-date{
   color: var(--orange) !important;
   font-size: 15px !important;
   opacity: 1 !important;
}
.blog_grid  .blfe-post-grid-item .blfe-post-grid-meta {
   border-radius: 24px;
   height: 36px;
   justify-content: center;
   padding: 12px 20px;
   max-width: fit-content;
   color: #4D2E00;
   font-size: 16px;
   font-weight: 500;
}
.blog_grid .blfe-post-grid-item:nth-child(1n) .blfe-post-grid-meta{
   background-color: #FFE6BF;
   color: #4D2E00;
}
.blog_grid .blfe-post-grid-item:nth-child(2n) .blfe-post-grid-meta{
   background-color: #D8F2E0;
   color: #304A1E;
}
.blog_grid .blfe-post-grid-item:nth-child(3n) .blfe-post-grid-meta{
   background-color: #E4D9FF;
   color: #423070;
}
.blog_grid .blfe-post-grid-item:nth-child(4n) .blfe-post-grid-meta{
   background-color: #DFF6FF;
   color:#183C4A;
}
.blog_grid .blfe-post-grid-item:nth-child(5n) .blfe-post-grid-meta{
   background-color: #FFE6BF;
   color: #4D2E00;
}
.blog_grid .blfe-post-grid-item:nth-child(6n) .blfe-post-grid-meta{
   background-color: #E2F4E7;
   color: #014B3C;
}
.blog_grid .blfe-post-grid-item:nth-child(7n) .blfe-post-grid-meta{
   background-color: #FFF6CF;
   color: #403E34;
}
.blog_grid .blfe-post-grid-item:nth-child(8n) .blfe-post-grid-meta{
   background-color: #FFDBC1;
   color: #5E331A;
}
.blog_grid .blfe-post-grid-item:nth-child(9n) .blfe-post-grid-meta{
   background-color: #FFF6CF;
   color: #403E34;
}
.blog_grid .blfe-post-grid-item:nth-child(10n) .blfe-post-grid-meta{
   background-color: #D1FFD6;
   color: #2A332B;
}
.head .elementor-shortcode {
   color: #120F12;
   font-size: var(--fs62);
   font-weight: bold;
   text-transform: capitalize;
   line-height: 70px;
}
.pixbrand_title {
   display: grid;
   grid-template-columns: 48px auto;
   grid-gap: 16px;
   align-items: center;
}
.pixbrand_content h4,.pixbrand_content p {
   margin: 0px;
}
.pixbrand_content h4 {
   font-size: 16px;
   color: #120F12;
   font-weight: 500;
}
.pixbrand_content p{
   color: #120F12CC;
   font-size: 14px;
}
.single_top {
    display: grid;
    grid-template-columns: max-content calc(100% - 237.45px - 6%);
    align-items: center;
    grid-gap: 45px 20px;
    justify-content: space-between;
}
.single_top ul{
   grid-gap: 16px;
   margin: 0px !important;
}
.single_top ul li {
   background-color: #120F12;
   color: var(--white);
   padding: 7px 21px !important;
   border-radius: 24px;
   display: block !important;
   max-width: fit-content !important;
   font-size: 16px !important;
   margin: 0px !important;
}
.single_top ul li span{
   color: var(--white) !important;
}
.single_middle  ul {
   margin: 0px;
   padding: 0px 0px 0px 20px;
}
.single_middle a {
    color: var(--red) !important;
}
.featured_img img,.single_middle .elementor-shortcode img {
   border-radius: 8px;
   object-fit: cover;
}
.single_right ul,.single_right ol {
   padding: 0px;
   list-style: none;
   display: grid;
   grid-gap: 10px;
}
.single_right ul li,.single_right ol li a{
   font-size: 16px;
   font-weight: 500;
   color: #B2B2B2;
   position: relative;
   transition: all 0.3s;
}
.single_right ul li::before,.single_right ol li a::before {
   content: "";
   display: block;
   width: 3px;
   height:42px;
   border-radius: 4px;
   background-color: transparent;
   position: absolute;
   left: -10px;
   top: 50%;
   transform: translateY(-50%);
   transition: all 0.3s;
}
.single_right ul li:hover::before,.single_right ol li a:hover::before{
   background-color: var(--red);
}
.single_right ul li:hover ,.single_right ol li a:hover{
   color: var(--white);
}
ul.elementor-icon-list-items svg {
   margin: 0px !important;
}
.single_blog_content {
   display: grid !important;
   grid-template-columns:37px auto 250px;
}
.single_blog_content > div {
   width: 100% !important;
}
.social_sharing,.single_right {
   transition: all 0s;
   position: sticky;
   left: 0px;
  transform: translateX(0%);
}
.single_blog_content {
    display: grid !important;
    grid-template-columns: 37px auto 250px;
}
.single_right > div:last-child p:last-child{
   margin-bottom: 0px;
}
.single-post header + div .custom_container > div {
  max-width: 75% !important;
  width: 100% !important;
}
.single-post .services_sec:first-child .project_sec {
     max-width: 90% !important;
}
.single-post .services_sec:first-child .project_sec {
  max-width: 1150px !important;
}
.single-post footer .services_sec:first-child .project_sec {
  max-width: 90% !important;
}
.single-post main#content .services_sec:first-child .project_sec div{
  max-width: 100% !important;
}
.services_sec .blog_grid{
    max-width: 100% !important;
   }
.blog_grid .elementor-widget-container,.blog_grid .elementor-widget-container ul li {
   color: var(--e-global-color-text);
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}
.blog_grid .elementor-widget-container ul {
    margin-top: 10px;
}
.blog_grid .elementor-widget-container ul li {
    margin: 5px 0px;
}
.blog_grid .elementor-widget-container h4 {
     margin-top: 20px;
     color: var(--white);
     font-weight: 500;
}
/*--======================|| Blog Sec css End ||======================--*/
/*--======================|| Portfolio Sec css Start ||======================--*/
.project_sec ul.portfolio_list li a {
   color: var(--grey);
   font-size: 16px;
   border: 1px solid #120F12CC;
   border-radius: 24px;
   padding: 7px 21px;
   display: block;
   transition: all 0.3s;
   color: #120F12CC;
}
.project_sec ul.portfolio_list li a:hover{
  border-color: var(--red);
}
.project_sec ul.portfolio_list {
    display: flex;
    grid-gap: 16px;
    align-items: center;
    flex-flow: wrap;
    list-style: none;
    padding: 0px 85px 80px;
    margin: 0px auto;
}
.project_sec ul.portfolio_list li a.active{
   background-color: var(--red);
   color: var(--white);
   border-color:var(--red);
}
.page-id-1463 .project_grid {
   margin-top: 0px;
}
.page-id-1463 .project_grid::before {
   display: none;
}
.page-id-1463 .project_grid > div:nth-child(1) {
   margin-top: 0px;
}
/*--======================|| Portfolio Sec css End ||======================--*/
/*--======================|| About Us Page Start ||======================--*/
.pixbrandx {
   max-width:577.35px !important;
   max-height: 511.13px  !important;
   overflow: hidden;
}
.pixbrandx img {
   width: 100% !important;
   height: 100% !important;
   margin-bottom: -39%;
   object-fit: cover;
   object-position: top;
}
.about_sec h1 span {
    color: var(--red) !important;
}
.about_sec {
   padding-bottom: 0px;
}
.service_sec,.about_sec {
   padding-top: 110px !important;
}
.service_sec{
    padding-bottom:100px;
}
.about_next .service_inner_box {
   margin-top: 0% !important;
}
.mx_content p{
   max-width: 860px;
   margin: 0px auto;
}
.visionmission_grid {
   display: grid;
   grid-template-columns: repeat(3,1fr);
   grid-gap: 30px;
}
.visionmission_grid > div {
   max-width: 85% !important;
   margin: 0px auto;
}
.visionmission_grid > div img {
   width: 74px;
   height: 74px;
   object-fit: contain;
}
.visionmission_grid > div h3 {
   margin: 0px 0px 16px;
}
.visionmission_grid > div p {
   margin: 0px;
}
.since_tab ul {
   margin: 0px;
   padding: 0px;
   list-style: none;
   display: flex;
}
.since_tab ul li a {/* width:130px; */height:48px;background-color: #292929;display: flex;align-items: center;justify-content: center;border-radius: 24px;color: var(--white) !important;transition: all 0.3s;width: 100%;}
.since_tab ul {
   background-color: #292929;
   width: 260px;
   border-radius: 24px;
}
.since_tab ul li{
 width:100%;
}
.since_tab ul li a.active {
   background-color: var(--red);
}
.since_left {
   max-height: 460px;
   overflow: hidden;
}
.since_content {
   transition: all 0.4s;
   transform: translateY(0%);
}
.since_content:nth-child(1).unactive,.since_content:nth-child(2).active {
   transform: translateY(-100%);
}
.since_content:nth-child(1).active,.since_content:nth-child(2).unactive {
   transform: translateY(0%);
}
.list_ul ul {
   margin: 0px;
   padding: 0px;
   display: flex;
   grid-gap: 10px;
   flex-flow: wrap;
}
.list_ul ul li {
   font-size: 18px;
   width: 100%;
   font-weight: 400;
   line-height: 30px;
   /* color: #B2B2B2; */
   display: grid;
   grid-template-columns: 20px auto;
   align-items: center;
   grid-gap: 15.5px;
   list-style: none;
   align-items: baseline;
   opacity: 1;
}
.list_ul ul li::before {
   content: "";
   display: block;
   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICA8cGF0aCBpZD0iUGF0aF8zNTM3NSIgZGF0YS1uYW1lPSJQYXRoIDM1Mzc1IiBkPSJNMTI3OTcsNDI2OGExMCwxMCwwLDEsMSwxMCwxMEExMC4wMTEsMTAuMDExLDAsMCwxLDEyNzk3LDQyNjhabTQuMjM0LTUuNzY1YTguMTYyLDguMTYyLDAsMSwwLDUuNzY2LTIuMzg1QTguMTE1LDguMTE1LDAsMCwwLDEyODAxLjIzMyw0MjYyLjIzNVptMy4yMTgsOS41NDgtMi42MTktMi42MThhLjQ2LjQ2LDAsMCwxLDAtLjY1bC44MzEtLjgzMWEuNDU2LjQ1NiwwLDAsMSwuMzIzLS4xMzYuNDQ4LjQ0OCwwLDAsMSwuMzIuMTM2bDEuODg0LDEuODg1LDUuNTE2LTUuNTUzYS40MzQuNDM0LDAsMCwxLC4zMjYtLjE0LjQzOS40MzksMCwwLDEsLjMyNy4xNDNsLjgyLjg0MWEuNDcyLjQ3MiwwLDAsMSwuMDIxLjYyNmwtLjAxOC4wMjEtNi4zMzUsNi4zNjdoLS4wMTlhMS4wMzMsMS4wMzMsMCwwLDEtLjY0LjI1N0ExLjA4NywxLjA4NywwLDAsMSwxMjgwNC40NTEsNDI3MS43ODNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI3OTYuOTk5IC00MjU4KSIgZmlsbD0icmdiYSgxNzgsMTc4LDE3OCwwLjUpIi8+Cjwvc3ZnPgo=);
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
   width: 20px;
   height: 20px;
   position: relative;
   top: 4px;
}
.team_grid > div {
   display: flex !important;
   flex-flow: wrap !important;
   grid-gap: 60px !important;
}
.team_grid > div > div {
   width: calc(100%/4 - 45px) !important;
}
.team_grid > div > div .elementor-image-box-wrapper * {
   width: 100% !important;
   max-width: 100% !important;
   height: 100% !important;
   display: block;
   object-fit: cover;
}
.team_grid > div > div .elementor-image-box-wrapper h3 {
   margin-top: 16px;
}
.since_left {
   display: block !important;
}
.project_img_box {
    display: block;
}
.project_img_box img {
    height: 100%;
    display: block;
}
.project_img_box > div {
    height: 100%;
}
.january_sec > div{
    display: none;
}
.january_sec.active > div{
    opacity: 1;
    display:block;
    animation: fade 1s linear;
}
@keyframes fade {
  0% { opacity: 0 }
100% { opacity: 1 }
}
.january_sec{
  min-height:0px;
  padding:0px !Important;
}
.january_sec.active{
  min-height:182px;
}
/*--======================|| About Us Page End ||======================--*/
/*--======================|| Service Page Start ||======================--*/
.ul_grid ul li {
   width: calc(50% - 10px) !important;
   /* color: var(--white); */
}
.service_grid_top  .service_box_left {
   max-width: 39% !important;
}
.service_middle .e-con-inner {
   grid-gap: 100px;
}
.service_grid_top:nth-child(even) .service_box_left{
   margin-left: auto;
}
.head_grid .e-con-inner .service_head {
   max-width: fit-content !important;
}
.head_grid .e-con-inner > div:nth-child(2) {
   width: 65% !important;
}
.head_grid .e-con-inner {
   flex-flow: unset !important;
   display: flex;
   align-items: start !important;
   grid-gap: 20px;
   justify-content: space-between !important;
}
.research_box .elementor-image-box-wrapper {
   display: flex !important;
   align-items: center !important;
}
.research_box h3{
   margin: 0px !important;
}
.research_box .elementor-image-box-wrapper figure.elementor-image-box-img {
   width: 40px !important;
   height: 40px !important;
   margin-right: 16px !important;
}
.step_grid > div {
    padding-bottom: 30px !important;
    margin-bottom: 30px !important;
    border-bottom: 1px solid #E5E5E5;
    cursor: pointer;
}
.step_grid:last-child  .e-con-inner{
    padding-bottom: 0px;
   margin-bottom: 0px;
   border-bottom: 0px solid #E5E5E5;
}
.stpe_right_html * {
   color: var(--black);
   font-size: 42px;
   font-weight: bold;
}
.stpe_right_html{
    opacity: 0;
    transition: all 0.3s;
}
.step_grid:hover .stpe_right_html,.step_left{
  opacity: 1;
}
@keyframes marquee {
   0% {
       transform: translate3d(var(--move-initial), 0, 0);
   }

   100% {
       transform: translate3d(var(--move-final), 0, 0);
   }
}
.step_img {
   width: 329px;
   height: 329px;
   position: absolute;
   left: 50%;
   top: -120px;
   opacity: 0;
   transition: all 0.4s;
   z-index: 3;
   transform: rotate(0deg)  translateX(-50%);
}
.step_grid:nth-child(2) .step_img {
   top: -80px;
}
.step_img img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.step_grid:hover .step_img {
   opacity: 1;
   transform: rotate(4deg) translateX(-50%);
}
.step_grid .step_img {
    top: -150px;
    left: 65%;
    transform: translateX(-50%);
    position: absolute;
}
.step_grid:hover .stpe_right *{
   transition: all 0.3s;
}
.step_grid:hover .stpe_right *{
   color: var(--black) !important;
}
/*--======================|| Service Page End ||======================--*/
/*--======================|| Privacy Policy Start ||======================--*/
.privacy_content h2 {
   font-size: var(--fs42);
   line-height: 56px;
   margin: 0px 0px 35px;
}
.privacy_content h2,.privacy_content h3,.privacy_content p,.privacy_content ul li{
   color: var(--white);
}
.privacy_content ul {
   margin: 0px 0px 20px;
   padding: 0px 0px 0px 20px;
   display: flex;
   flex-flow: wrap;
   grid-gap: 5px;
}
.project_sec .privacy_content h3 {
   font-size: 24px !important;
   line-height: 32px !important;
   margin: 0px 0px 16px;
}
.privacy_content p{
   margin:0px 0px 24px;
}
.privacy_content ul li,.privacy_content p{
   color:#B2B2B2;
   font-size:18px;
}
.privacy_content {
   border-bottom: 1px solid #cbcbcb30;
   padding-bottom: 40px !important;
   margin-bottom: 40px !important;
}
.privacy_content p:last-child,.privacy_content ul:last-child {
   margin-bottom: 0px;
}
.privacy_content:last-child{
   border-bottom-width: 0px;
   padding-bottom: 0px !important;
   margin-bottom: 0px !important;
}
/*--======================|| Privacy Policy End ||======================--*/
/*--======================|| Contact Us Start ||======================--*/
.contact_grid {
   position: relative;
}
.contact_grid .wpcf7 form .wpcf7-response-output {
    color: #ffff;
}
.contact_grid > div, .contact_grid > div > div {
   position: unset;
}
.contact_grid .form_left {
   position: absolute;
   left: 0px;
   top: 145px;
   width: 40%;
}
.contact_grid {
   grid-gap: 30px;
   justify-content: space-between;
}
.contact_grid > div {
   width: calc(100%/2 - 15px) !important;
}
.contact_grid > div:nth-child(2) {
  max-width: 45%;
}
.form_group p {
   margin: 0px;
}
.form_group input, .form_group textarea {
   height: 72px;
   background-color: transparent !important;
   outline: unset !important;
   border: 1px solid var(--white) !important;
   border-radius: 8px !important;
   color: var(--white);
   font-size: 16px;
   font-weight: 500;
   padding: 25px 22px !important;
   width: 100% !important;
}
.contact_right > div {
   width: 100%;
}
.form_group input::placeholder,.form_group textarea::placeholder {
   color: var(--white);
   opacity: 0.85;
}
.form_group textarea{
   min-height:216px;
}
.form_right {
   display: grid;
   grid-gap: 16px;
}
.form_check h4 {
   font-size: 20px;
   font-weight: 600;
   color: var(--white);
   margin: 0px 0px 16px;
}
.form_checkbox p {
   margin: 0px;
}
.form_checkbox {
   margin-bottom: 30px;
}
.form_checkbox p > span > span {
   display: flex;
   flex-flow: wrap;
   grid-gap: 8px;
}

.form_checkbox p > span > span > span {
   margin: 0px;
   width: calc(100%/3 - 6px);
}
.form_checkbox p > span > span > span span {
   border-radius: 24px;
   background-color: #FFFFFF26;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 16px;
   color: var(--white);
   font-weight: 500;
   padding: 15px;
   transition: all 0.3s;
}
.form_checkbox p > span > span > span label {
   width: 100%;
   position: relative;
}
.form_checkbox p > span > span > span label input {
   position: absolute;
   top: 0px;
   width: 100%;
   height: 100%;
   display: block;
   opacity: 0;
   cursor: pointer;
}
.form_checkbox p > span > span > span label input:checked  + span{
   background-color: var(--white);
   color: var(--black);
}
.form_right span.wpcf7-not-valid-tip {
    margin-top: 8px;
    font-size: 16px;
    color: var(--white) !important;
}
.form_group_btn input {
   width: 100%;
   border: unset !important;
   outline: unset !important;
   background-color: var(--white) !important;
   border-radius: 26px;
   color: var(--black) !important;
   font-size: 17px;
   font-weight: 600;
   height: 52px;
}
.form_group_btn,.form_group_btn p .wpcf7-spinner {
   position: absolute;
   top: 10px;
   right: 0px;
}
.form_group_btn,.form_group_btn p {
   position: relative;
   margin: 0px;
}
.privacy_content p a {
    color: #B2B2B2 !important;
}
/*--======================|| Contact End ||======================--*/

/*--======================|| Landing Page Start ||======================--*/
.page-id-8772 h1,.page-id-8772 h2,.page-id-8772 h3, .page-id-8772 h4, .page-id-8772 h5, .page-id-8772 h6, .page-id-8772 a, .page-id-8772 p, .page-id-8772 span{
    /* font-family: "DegularRegular" !important; */
}
.page-id-8772 .wpcf7 form .wpcf7-response-output {
    display: none;
}
.page-id-8772 footer p, 
.page-id-8772 footer h2, 
.page-id-8772 footer h3, 
.page-id-8772 footer h3 span, 
.page-id-8772 footer a{
 /* font-family: "Manrope", Sans-serif !important; */
}
.page-id-8772 p{
    margin:0;
}
.fade-in-slider p{
    line-height: 20px;
    display: grid;
    font-weight:400 !important;
   font-size:16px !important;
   text-align:right;
}
.fade-in-slider p br{
   display:block !important;
}
.fade-in-slider p span{
   margin-top:2px;
      font-size:14px !important;
    font-weight:400 !important;
}
.why-choose-landing .img-box  h3, 
.why-choose-landing .all-points  h3{
    margin: 0;
}
.why-shopify .all-boxes .icon-boxes{
    border: 1px solid var(--white);
    border-radius: 6px;
    transition: all 0.4s;
}
.why-shopify .all-boxes .icon-boxes:hover,.approach_box:hover .elementor-widget-container{
    border: 1px solid #F00000;
    box-shadow: 0px 0px 16px #f0000045;
    border-radius: 6px;
}
.testimonial-slider {
    overflow:hidden
}
.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: cover;
    top: -24px;
    z-index: 9999;
    left: 35px;
}
.testimonial-slider .item img{
    width:62px !important;
    height:48px !important;
}
.why-shopify .why-shopify-inner{
    position: sticky;
    top: 120px;
    max-height: fit-content;
}
.fade-in-slider .item .elementor-widget-image {
    position: relative;
}
.fade-in-slider .item .elementor-widget-image img {
    width: 100%;
    position: relative;
    left: -20px;
    bottom: -1px;
}
.fade-in-slider .item .elementor-widget-heading {
    position: absolute;
    right: 10px;
    top: 85px;
    padding-right: 60px;
}
.fade-in-slider .item .elementor-widget-text-editor {
    position: absolute;
    right: 55px;
    top: 198px;
    text-align: end;
}
.fade-in-slider {
      background-size: 504px 450px !important;
      background-position: center bottom !important;
}
/* Hide popup initially */
.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;
    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;
    border-radius: 12px;
    width: calc(100% - 30px) !important;
    max-width: 520px !important;
    overflow: hidden;
}
.shopify-popup::before{
   content:"";
   display:block;
   background-image: url(../png/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 .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,.get_right_form input{
    width: 100% !important;
    padding: 12px 16px !important;
    border: 1px solid #D1D1D1 !important;
    border-radius: 4px !important;
    height: 48px !important;
    margin-top: 8px !important;
    margin-bottom: 0px !important;
    line-height: 24px !important;
    color: var(--black) !important;
}
.shopify-popup .form_group input::placeholder, .shopify-popup .form_group textarea::placeholder,
.get_right_form input::placeholder,.get_right_form textarea::placeholder{
    color: #120F12;
    opacity: 0.6;
    font-size: 16px;
    line-height: 24px;
}
.shopify-popup [type=submit],.get_right_form [type=submit]{
    background-color: var(--red) !important;
    color: var(--white) !important;
    font-size: 16px !important;
    border-radius: 6px !important;
    transition:all 0.3s;
    display: block;
    display: block;
    width: 100%;
}
.shopify-popup [type=submit]:hover,.get_right_form [type=submit]:hover{
    background-color: var(--black) !important;
}
.shopify-popup .form_group_btn,.get_right_form .form_group_btn{
    position: relative;
    display: block;
}
.shopify-popup .form_group_btn::before,.get_right_form .form_group_btn::before{
    content: "\f061";
    position: absolute;
    display: block;
    left: calc(100% - 130px);
    top: 13px;
    z-index: 999;
    font-family: 'Font Awesome 5 Free' !important;
    color: var(--white);
}
.shopify-popup .form_group_btn,.get_right_form .form_group_btn {
  text-align: center;
}
.shopify-popup .form_group textarea,.get_right_form textarea{
    min-height: 120px !important;
    background-color: transparent !important;
    outline: unset !important;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 16px !important;
    width: 100% !important;
    border: 1px solid #D1D1D1 !important;
    border-radius: 6px !important;
    margin-top: 8px;
    color: var(--black) !important;
    opacity: 1 !important;
    resize: none;
}
.shopify-popup .shopify-content,.get_right_form .shopify-content{
    position: relative;
}
body .shopify-popup .shopify-content .popup-close {
    position: absolute;
    color: var(--black);
    padding: 0;
    border: none;
    cursor: pointer;
    display: block;
    box-shadow: none !important;
    font-size: 0px !important;
    width: 16px;
    height: 16px;
    right: -10px;
    top: -10px;
    background-color: unset !important;
    outline: unset !important;
}
body .shopify-popup .shopify-content .popup-close::before{
     content:"";
   display:block;
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC41Ij4KPHBhdGggZD0iTTEgMC45NDQzMzZMMTYuOTk5OCAxNi45NDQzIiBzdHJva2U9IiMxMjBGMTIiIHN0cm9rZS13aWR0aD0iMS41Ii8+CjxwYXRoIGQ9Ik0xNi45OTk1IDAuOTQ0MzM2TDAuOTk5NzEzIDE2Ljk0NDMiIHN0cm9rZT0iIzEyMEYxMiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9nPgo8L3N2Zz4K) !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.shopify-popup .popup-close:hover {
  background-color: transparent !important;
}
/*--======================|| Landing Page End ||======================--*/
/*--======================|| E-commerce Solution Start ||======================--*/
.retail_moblie .service_head h4::before {
   background-color: var(--white);
}
.retail_moblie .ul_grid ul li {
   width: calc(100%/3 - 10px) !important;
}
.education_sec {
   padding-top: 110px !important;
}
.mx_767 {
   max-width: 767px !important;
   margin: 0px auto;
}
.approach_grid {
   flex-flow: wrap;
}
.approach_grid > div {
   width: calc(100%/3 - 13.33px);
}
.approach_grid > div > div {
   height: 100% !important;
}
.approach_box h3 {
   margin-top: 0px;
}
.approach_grid > div > div > div {
   height: 100% !important;
   min-height: 313px;
   display: flex;
   align-items: center;
}
.featured_post .project_grid {
    margin: 0px;
}
.featured_post .project_grid::before {
   display: none;
}
.featured_post .project_grid {column-count: 3;column-gap: 40px;}
.featured_post .project_grid > div {
   padding: 0px;
}
.featured_top{
   display: flex;
   flex-flow: unset !important;
   justify-content: space-between;
   grid-gap: 20px;
}
.featured_top > div {
   max-width: fit-content !important;
   width: auto !important;
}
ul.cource_grid {
   padding: 0px;
   margin: 0px;
   list-style: none;
   display: flex;
   flex-flow: wrap;
}
ul.cource_grid li {
   color: var(--grey);
   font-size: var(--fs62);
   cursor: pointer;
   font-weight: bold;
}
ul.cource_grid li.active {
   color:var(--black);
}
ul.cource_grid li::after {
   content: "/";
   display: inline-block;
   margin: 0px 10px;
   color: var(--grey);
}
ul.cource_grid li:nth-child(2)::after,ul.cource_grid li:nth-child(4)::after,ul.cource_grid li:nth-child(6)::after,ul.cource_grid li:nth-child(9)::after{
   display:none;
}
.our_team_slider p {
   max-width: 45%;
}
.our_team_slider > div {
   padding-bottom: 140px !important;
   background-size: 100% 100%;
}
.our_team_slider {
   display: none;
}
.our_team_slider.active {
   display: block;
}
.slider_nav {
    position: absolute;
    bottom: 20px;
    left: 60px;
    display: flex;
    align-items: center;
    grid-gap: 16px;
    z-index: 2;
}
.slider_nav a{
 cursor: pointer;
}
.our_team_slider .elementor-image-box-wrapper {
   animation: fadeIn 1s;
}
@keyframes fadeIn {
 0% { opacity: 0; }
 100% { opacity: 1; }
}
.our_team_slider h3 {
    margin-top: 0px;
    max-width: 550px;
}
.our_team_slider figure.elementor-image-box-img {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 50% !important;
}
.our_team_slider .elementor-widget-container{
    min-height: 450px;
    position:relative;
}
.our_team_slider img {
    max-width: 100% !important;
    height: 100%;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    object-fit: contain;
    object-position: right;
}
.ecommerce_slider_box .our_team_slider img {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

/*--======================|| E-commerce Solution End ||======================--*/
/*--======================|| Single Service Start ||======================--*/
.service_single {
   padding-top: 100px !important;
   padding-bottom: 100px !important;
}
.list_ul.black li {
   color: var(--black);
   font-weight: 500;
}
.list_ul.black li::before {
   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICA8cGF0aCBpZD0iUGF0aF8zNTM3NSIgZGF0YS1uYW1lPSJQYXRoIDM1Mzc1IiBkPSJNMTI3OTcsNDI2OGExMCwxMCwwLDEsMSwxMCwxMEExMC4wMTEsMTAuMDExLDAsMCwxLDEyNzk3LDQyNjhabTQuMjM0LTUuNzY1YTguMTYyLDguMTYyLDAsMSwwLDUuNzY2LTIuMzg1QTguMTE1LDguMTE1LDAsMCwwLDEyODAxLjIzMyw0MjYyLjIzNVptMy4yMTgsOS41NDgtMi42MTktMi42MThhLjQ2LjQ2LDAsMCwxLDAtLjY1bC44MzEtLjgzMWEuNDU2LjQ1NiwwLDAsMSwuMzIzLS4xMzYuNDQ4LjQ0OCwwLDAsMSwuMzIuMTM2bDEuODg0LDEuODg1LDUuNTE2LTUuNTUzYS40MzQuNDM0LDAsMCwxLC4zMjYtLjE0LjQzOS40MzksMCwwLDEsLjMyNy4xNDNsLjgyLjg0MWEuNDcyLjQ3MiwwLDAsMSwuMDIxLjYyNmwtLjAxOC4wMjEtNi4zMzUsNi4zNjdoLS4wMTlhMS4wMzMsMS4wMzMsMCwwLDEtLjY0LjI1N0ExLjA4NywxLjA4NywwLDAsMSwxMjgwNC40NTEsNDI3MS43ODNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI3OTYuOTk5IC00MjU4KSIgZmlsbD0iIzFEMUQxRDgwIi8+Cjwvc3ZnPgo=);
}
.ui_ux_sec .list_ul.black li::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICA8cGF0aCBpZD0iUGF0aF8zODM0MiIgZGF0YS1uYW1lPSJQYXRoIDM4MzQyIiBkPSJNMTI3OTcsNDI2OGExMCwxMCwwLDEsMSwxMCwxMEExMC4wMTEsMTAuMDExLDAsMCwxLDEyNzk3LDQyNjhabTQuMjM0LTUuNzY1YTguMTYyLDguMTYyLDAsMSwwLDUuNzY2LTIuMzg1QTguMTE1LDguMTE1LDAsMCwwLDEyODAxLjIzMyw0MjYyLjIzNVptMy4yMTgsOS41NDgtMi42MTktMi42MThhLjQ2LjQ2LDAsMCwxLDAtLjY1bC44MzEtLjgzMWEuNDU2LjQ1NiwwLDAsMSwuMzIzLS4xMzYuNDQ4LjQ0OCwwLDAsMSwuMzIuMTM2bDEuODg0LDEuODg1LDUuNTE2LTUuNTUzYS40MzQuNDM0LDAsMCwxLC4zMjYtLjE0LjQzOS40MzksMCwwLDEsLjMyNy4xNDNsLjgyLjg0MWEuNDcyLjQ3MiwwLDAsMSwuMDIxLjYyNmwtLjAxOC4wMjEtNi4zMzUsNi4zNjdoLS4wMTlhMS4wMzMsMS4wMzMsMCwwLDEtLjY0LjI1N0ExLjA4NywxLjA4NywwLDAsMSwxMjgwNC40NTEsNDI3MS43ODNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI3OTYuOTk5IC00MjU4KSIgZmlsbD0iI2U0MDAwMCIvPgo8L3N2Zz4K);
}
.featuredwhite .project_box a,.featuredwhite .project_box a * {
   color: var(--black);
}
.single_grid {
   display: flex;
   flex-flow: wrap !important;
   align-items: center;
   justify-content: space-between;
   grid-gap: 30px;
}
.single_grid > div {
   width: 45%;
   min-width: auto !important;
   max-width: fit-content !important;
}
.single_grid > div p{
   color:#1D1D1D !important;
}
.tab_head.active * {
   color: var(--white) !important;
}
.tab_img img{
   display: none !important;
}
.tab_img.active img{
   display: block !important;
}
.technology_tab {
    counter-reset: section;
    grid-gap: 40px;
}
.technology_tab> div h3::before {
 counter-increment: section;
 font-size:16px;
 content:"0"counter(section);
 padding-top: 5px;
}
.technology_tab {
 counter-reset: section;
}
.technology_tab> div h3::before {
 counter-increment: section;
 font-size:16px;
 content:"0"counter(section);
 padding-top: 5px;
}
.tab_head h3 {
   display: flex;
   grid-gap: 24px;
   align-items: flex-start;
   cursor: pointer;
    transition: all 0.3s;
}
.tab_img img {
   max-height: 600px;
}
.featured_page .project_grid > div:nth-child(1) {
    margin-top: 0px;
}
.ui_ux_sec .project_grid> div:nth-child(3) ~ div {
    display: none;
}
/*--======================|| Single Service End ||======================--*/
/*--======================|| Portfolio CSS Start ||======================--*/
.single-portfolio  .service_head h4::before {
    width: 64px;
    height: 2px;
    background-color: var(--white);
    display: block;
    content: "";
}
/* .hero_sec  h1 span {
    color: #CBCBCB;
} */
.faq_inner .elementor-accordion-item.active {
    border-color: var(--red) !important;
}
.icon {
    display: grid;
    grid-gap: 10px;
}
.single-portfolio header#masthead.moveon {
    background-color: #202020;
}
.single_left, .single_right {
    height: fit-content;
    position: sticky;
    top: 15px;
}
.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);
}
.page-id-8772 header ,.page-id-8772 footer,.page-id-11307 footer,.page-id-11307 header{
    display: none !important;
}
.red_up a:hover::after {
    background-image: url(../svg/vector_red.svg);
}
.red_up a:hover{
    color:var(--red) !important;
    background-color:var(--white) !important;
}
.experts_grid .img-box figure.elementor-image-box-img {
    position: relative;
}
.experts_grid .img-box figure.elementor-image-box-img {
    overflow: hidden;
    height: 306px !important;
    display: block !important;
}
.experts_grid .img-box figure.elementor-image-box-img img {
    transform: scale(1);
    height: 100%;
    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);
}
.why-shopify-inner {
    height: fit-content !important;
}
.shopify-popup button.close-popup {
    position: absolute;
    right: 20px;
    top: 20px;
    background-color: transparent;
    border: unset !important;
    padding: 0px !important;
    z-index: 99;
}
.header_what_grid {
    max-width: fit-content;
    display: flex !important;
    flex-flow: unset !important;
    align-items: center !important;
}
/*--======================|| Portfolio CSS End ||======================--*/
/*--======================|| SEO_1 CSS Start ||======================--*/

div#wpadminbar ~ div#page .seo_shortcode{
   top:32px; 
}
.page-id-11814 header#masthead p, .page-id-11814 header#masthead div,.page-id-12660 header#masthead p, .page-id-12660 header#masthead div,.page-id-12584 header#masthead p, .page-id-12584 header#masthead div,.page-id-12399 header#masthead p, .page-id-12399 header#masthead div {
    display: none !important;
}
header#masthead.sticky ~ div div.seo_shortcode{
    background-color: #111111 !important;
}
.seo_shortcode {
    position: fixed;
    z-index: 999;
    top: 0;
    width: 100%;
}
.whatsaap_call span.elementor-button-content-wrapper {
    align-items: center;
}
.whatsaap_call span.elementor-button-content-wrapper span.elementor-button-icon svg {
    width: 25px;
    height: 24px;
    display: block;
}

.partner_sec_grid {
    overflow: hidden;
}
.partner_logo_slide {
    animation: marquee 25s linear infinite;
    animation-play-state: running;
}
.partner_logo_slide:nth-child(even) {
    animation: marquee1 25s linear infinite;
    animation-play-state: running;
}
@keyframes marquee {
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(-100%);
    }
}
@keyframes marquee1 {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0%);
    }
}
/* Pause animation on hover smoothly */
.partner_logo_slide:hover  {
    animation-play-state: paused;
}
.partner_logo img {
    max-height: 58px;
    object-fit: contain;
}
.partner_logo > div {
    max-height: 72px;
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.partner_logo_slide figure.swiper-slide-inner {
    padding: 6px;
    border: 1px solid #120F1226;
    border-radius: 6px;
    max-height: 72px;
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.partner_logo_slide figure.swiper-slide-inner img {
    max-height: 58px;
    object-fit: contain;
    filter: grayscale(1);
    transition: all 0.3s;
}
.partner_logo_slide figure.swiper-slide-inner:hover img {
    filter: grayscale(0);
}   
.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;
}
.branding_service_sec .all-boxes.branding_boxes .icon-boxes {
    border: 1px solid #FDDDDD;
    border-radius: 6px;
    transition: all 0.4s;
}
.branding_service_sec .all-boxes.branding_boxes .icon-boxes:hover {
    box-shadow: 0px 0px 16px #f0000045;
}
/*--======================|| SEO_1 CSS End ||======================--*/
/*--======================|| Reponsive Sec Start ||======================--*/
@media(min-width: 2100px){
   .header_inner {
       max-width: 2100px;
       margin: 0px auto;
   }
   .custom_container > div {
       max-width: 1920px !important;
   }
   .since_left {
      width: 57% !important;
  }
}
@media(max-width:2000px){
  .since_left {
      max-height: 510px;
      overflow: hidden;
  }
}
@media(min-width:1800px){
    :root {
        --fs82: 84px;
    }
}
@media(max-width: 1900px){
    :root {
        --fs82: 69px;
    }
}
@media(max-width: 1600px){
    :root{
        --fs82: 64px !important;
   }
   .hero_inner h1, .about_sec h1, .service_sec h1, .blog_sec h2 {
      font-size: var(--fs82) !important;
      line-height: initial !important;
  }
   .project_sec .blog_sec h3 {
       font-size: 18px !important;
   }
   .project_sec .fs42 h2{
        font-size: var(--fs42) !important;
   }
   .service_grid {
        grid-gap: 30px 76px;
   }
   .custom_container > div {
       max-width: 100% !important;
   }
   .testimonial_left {
       top: 100px;
   }
    .blog_sec h2 {
       font-size: var(--fs82) !important;
       line-height: normal !important;
   }
   .visionmission_grid > div img {
       width: 64px;
       height: 64px;
   }
    .approach_sec h2, .research_box h3, .service_box_left h3, .lets_sec h2, .since_content h4, .project_sec h3, .sec_head h2, .story_inner h2 {
     font-size: var(--fs42) !important;
     line-height: inherit !important;
 }
    .head_grid h3 {
       font-size: var(--fs62) !important;
       line-height: var(--fs62) !important;
   }
   footer#colophon h3 {
       margin:0px !important;
       font-size: 18px !important;
   }
   .project_sec .fs62 h3{
       font-size: var(--fs62) !important;
   }
   .faq_inner .fs82 h2 {
     font-size: var(--fs82) !important;
     line-height: initial !important;
 }
 .tab_head h3 {
     font-size: var(--fs62) !important;
     line-height: initial !important;
 }
 .single_grid h2,.ui_ux_sec h2 {
     font-size: var(--fs42) !important;
     line-height: normal !important;
 }
.since_left  {
      max-width: 76% !important;
      width: 100% !important;
  }
 .since_left  p {
    font-size: 18px !important;
}
.text_animy h2, .text_head h2 {
    font-size: 65px !important;
}
}
@media(max-width: 1500px){
   .testimonial_right {
       padding: 60px 0px;
   }
   .head .elementor-shortcode {
       line-height: initial;
   }
    ul.cource_grid li {
       font-size: 52px;
   }
   .approach_grid > div {
        width: calc(100%/3 - 13.33px);
    }
    .education_sec  {
        padding-top: calc(0px + 40px) !important;
    }
    .our_team_slider figure.elementor-image-box-img {
        width: 54% !important;
    }
    .our_team_slider img {
        object-fit: contain;
        object-position: right;
    }
    .single-post .project_sec h3{
       font-size: 24px !important;
   }
    .services_sec .service_grid {
        width: 100%;
    }
   .since_left {
      max-height: 576px;
    }
  .since_left {
        max-height: 490px;
    }
  .since_tab {
        max-width: fit-content !important;
    }
    .technology_tab {
        grid-gap: 10px;
    }
    body.single-post .services_sec .blog_grid {
      max-width: calc(100% - 200px + 30px) !important;
      width: 100%;
  }
   .text_animy h2, .text_head h2 {
    font-size: 56px !important;
}
}
@media(max-width: 1280px){
   :root{
        --fs82: 60px !important;
        --fs36: 30px;
       --fs62: 58px;
   }
    .e-con {
       --container-max-width: calc(100% - 80px + 30px) !important;
   }
   .service_grid {
       grid-gap: 60px 30px;
       grid-template-columns: repeat(1,1fr);
   }
   .img_grid figure.gallery-item img {
       width: 100%;
   }
   .accordion_box {
       max-width: 90% !important;
   }
   .footer_sec .e-con-inner {
       grid-gap: 20px 50px;
   }
   .slider_story h3 {
       font-size: 20px;
   }
   .service_hed {
       display: block;
   }
   .service_grid > div:first-child {
       display: none;
   }
   .service_content {
       display:block;
   }
   .service_hed {
       padding-top: 15px;
   }
   .service_list ~ .elementor-widget-heading .elementor-widget-container {
       padding-bottom: 20px !important;
       padding-top: 20px !important;
   }
   .tab_content {
       display: none;
   }
   .service_content.active .tab_content {
       display: block;
       animation: fadeinout 1s linear forwards;
   }
   .service_content.active::before{
       display: none;
   }
   @keyframes fadeinout {
     0%,50% { opacity: 0; }
     100% { opacity: 1; }
   }
   .service_content::after{
       display: none;
   }
   .service_grid {
       padding: 0px;
   }
   .service_content .tab_content {
       margin-top: 20px;
   }
   .blog_grid .blfe-posts-inner {
       grid-gap: 50px 30px !important;
   }
   .single-post .head , .single-post  .single_top  {
       padding-left:15px !important;
       padding-right:15px !important;
   }
   .contact_grid .form_left {
       width: 50%;
   }
   .approach_sec h2 br{
     display: none;
   }
   .project_grid_sec {
      padding: 60px 0px 0px;
  }
   .project_sec ul.portfolio_list{
      padding-bottom: 60px;
  }
  .testimonial_inner .testimonial_right p {
    font-size: 24px !important;
}
.service_slide .slide_left,.since_tab,.since_left  {
      max-width: 100% !important;
      width: 100% !important;
  }
  .since_tab,.since_left {
      max-width: fit-content !important;
  }
  .service_grid_top .service_box_left {
    max-width: 46% !important;
}
ul.cource_grid li {
    font-size: 46px;
}
.approach_sec h2, .research_box h3, .service_box_left h3, .lets_sec h2, .since_content h4, .project_sec h3, .sec_head h2, .story_inner h2 {
    line-height: unset !important;
}
.hero_sec  h1 br {
    display: none;
}
.project_sec ul.portfolio_list {
    padding: 0px 40px 60px;
}
}
@media(min-width: 1025px){
    .header_sec ul.sub-menu li a {
    padding: 8px 20px !important;
    display: flex !important;
    grid-gap: 4px;
    border: unset;
    align-items: center !important;
    height: fit-content !important;
    line-height: 22px !important;
    color: var(--black) !important;
    border-bottom:1px solid rgba(0,0,0,0.1) !important;
    font-family: "DegularRegular" !important;
}
.header_sec ul.sub-menu li:last-child a{
    border:unset !important;
} 
.header_sec ul.sub-menu li{
    border-bottom:unset !important;
}
.header_sec ul.sub-menu li a:hover{
     color: var(--red) !important;
}
.header_sec ul.sub-menu {
        min-width: 350px !important;
        position: absolute !important;
        padding: 8px 0 !important;
        z-index: 100;
        visibility: hidden;
        border-top: 3px solid var(--red) !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;
    }
.header_sec  li:hover .sub-menu {
         visibility: visible !important;
         opacity: 1 !important;
         transform: rotateX(0) !important;
         z-index: 999;
    }
}
@media(max-width: 1024px){
   :root {
        --fs82: 48px !important;
        --fs36: 36px;
        --fs42: 36px;
    }
   .since_left {
      max-height: 448px;
  }
  .visionmission_grid > div {
      max-width: 100% !important;
  }
  .team_grid > div {
      grid-gap: 30px !important;
  }
  .team_grid > div > div {
      width: calc(100%/4 - 23px) !important;
  }
  .project_box a h3 {
    font-size: 22px !important;
    line-height: 30px !important;
}
.ui_ux_sec.featured_page .hero_inner {
    grid-gap: 30px;
}
  .parent-pageid-2084 .elementor-element.elementor-element-aeeccc0 .single_grid {
    padding: 60px 0px 0px;
}
 .parent-pageid-2084 .elementor-element.elementor-element-aeeccc0 .single_grid  br{
  display: none;
 }
 .project_grid {
    column-gap: 40px;
}
.project_grid > div {
    padding-bottom: 40px;
}
.copy_grid * {
    font-size: 12px;
}
.sec_head p {
    max-width: 450px !important;
}
.sec_head p br {
  display:none;
}
.testimonial_inner>div {
    grid-template-columns: 190px auto 143px;
}
.testimonial_inner .testimonial_right p {
    font-size: 20px !important;
    line-height: 32px !important;
}
.services_sec.custom_container,.single-post,header,html,body{
   overflow-x: hidden;
}
body .shopify-popup .shopify-content .popup-close {
    right: 0px;
    top: 0px;
}
.landing-banner .e-con-inner,.point-sec {
    flex-flow: unset !important;
}
.fade-in-slider .item .elementor-widget-heading {
    position: absolute;
    right: 0px;
    top: 70px;
    padding-right: 15px;
}
.landing-banner br {
    display: none !important;
}
.fade-in-slider .item .elementor-widget-text-editor {
    position: absolute;
    right: 15px;
    top: 168px;
}
     .text_animy h2, .text_head h2 {
    font-size: 44px !important;
}
    body.single-post .services_sec .blog_grid {
        max-width: 100% !important;
        width: 100%;
    }
    .single_blog_content{
            grid-template-columns:repeat(1,1fr);
    }
    .icon{
        display:flex;
        flex-flow:wrap;
    }
    .single_blog_content {
    padding-top: 20px;
}
.single_right{
    display:none !important;
}
}
@media(max-width: 991px){
   :root{
      --fs82: 46px !important;
       --fs42: 32px;
   }
   .since_left {
      width: 100% !important;
  }
   .text_animy h2 {
       font-size:38px;
   }
   .testimonial_inner > div {
       grid-template-columns: 150px auto;
       grid-gap: 30px 10% !important;
   }
   .slider_story h3 {
       font-size: 18px;
   }
   .team_grid > div {
       grid-gap: 40px !important;
   }
   .team_grid > div > div {
       width: calc(100%/4 - 30px) !important;
   }
    .service_sec{
       padding-bottom: 60px;
    }
    .service_middle .e-con-inner {
       grid-gap: 60px;
   }
   .service_grid_top  .service_box_left{
       max-width: 100% !important;
   }
   .contact_grid .form_left {
       width: 50%;
   }
    ul.cource_grid li {
       font-size: 42px;
   }
   .our_team_slider > div {
       background-size: cover;
       padding: 40px !important;
       padding-bottom: 120px !important;
   }
   .slider_nav {
       left: 40px;
   }
   .our_team_slider p {
       max-width: 59%;
   }
    .our_team_slider h3 {
         font-size: 24px !important;
         line-height: inherit !important;
    }
    .testimonial_inner .testimonial_right p {
      font-size: 20px !important;
      line-height: 30px !important;
  }
   .hand_image {
      padding: 0px;
  }
  .hand_image {
      position: absolute;
      right: 20px;
      z-index:0;
      bottom: -60px;
      max-width: fit-content;
  }
  .testimonial_right {
      z-index: 3;
      position: relative;
  }
  .victory_logo_box img {
      display: block !important;
  }
  .countrer_grid_box {
    display: flex;
    flex-flow: wrap;
    grid-gap: 30px;
}
.countrer_grid_box > div {
    width: calc(50% - 15px) !important;
}
.ui_ux_sec.featured_page .hero_inner {
    grid-gap: 0px;
}
  .victory_logo_box  {
      display: none !important;
  }
  header#masthead.moveon {
        transform: unset !important;
    }
    .service_content.active .tab_content {
        animation: unset;
        margin: 0px;
    }
    .service_right .service_list{
        display: none !important;
    }
    body.overflow{
      overflow: hidden !important;
    }
    .home .red_btn a:hover, .header_menu nav > ul > li:nth-last-child(1) > a:hover, .education_sec .red_btn a:hover, .service_grid_top .red_btn a:hover, .service_single .red_btn a:hover {
        color: var(--white) !important;
        background-color: transparent !important;
        border-color: transparent !important;
    }
   header#masthead.sticky {
    position: fixed !important;
    top: 0px !important;
}
    .single-post .custom_container>div:last-child {
        width: 100%;
    }
    .landing-banner .e-con-inner,.point-sec {
        flex-flow: wrap !important;
    }
    .landing-banner .e-con-inner > div,.point-sec  > div{
        width:100% !important;
    }
    .fade-in-slider {
        max-width: 504px !important;
    }
}
@media(min-width:992px){
    .header_menu nav > ul >  li > a::after {
        content: "";
        display: block;
        width: 0%;
        height: 1px;
        position: absolute;
        opacity: 1 !important;
        background-color: var(--white) !important;
        transition: all 0.3s;
        top: 100%;
    }
    .header_menu .hfe-nav-menu li:nth-child(5) a::after,.header_menu .hfe-nav-menu li:nth-child(6) a::after{
        display: none;
    }
    .header_menu nav > ul >  li > a:hover,.header_menu .menu-item.current-menu-item a:hover,.header_menu .menu-item.current-menu-item a{
        color:var(--red) !important;
    }
    .header_menu nav > ul >  li > a:hover::after,.header_menu .menu-item.current-menu-item a::after{
        width:100%;
    }
    .header_menu .hfe-nav-menu li:last-child a:hover::after{
        width:23px;
    }
   .home .header_menu .hfe-nav-menu li:last-child a:hover{
      color:var(--red) !important
   }
}
@media(max-width: 991px){
   .footer_right_btn * {
       margin-left: 0px;
   }
   .img_grid .gallery {
       grid-template-columns: repeat(4,1fr);
   }
   .img_grid figure.gallery-item:nth-child(6n) {
       border-right-width:1px;
   }
   .img_grid figure.gallery-item:nth-child(4n) {
       border-right-width:0px;
   }
   .img_grid figure.gallery-item:nth-child(16n) ~ figure {
      border-bottom-width:0px;
   }
   .img_grid figure.gallery-item:nth-child(12n) ~ figure {
      border-bottom-width:1px;
   }
   .img_grid figure.gallery-item:nth-child(28n) ~ figure {
        border-bottom-width: 0px;
    }
   .project_grid{
       margin-bottom: -40px;
   }
   .project_grid,.project_grid > div:nth-child(1) {
       margin-top: 0;
   }
   .project_grid::before {
       height: 100px;
   }
   .footer_right {
       grid-template-columns: repeat(2,1fr);
   }
   .copy_grid .copy_box:first-child {
       justify-content: center;
   }
   .footer_sec .copy_box:nth-child(2) * {
       margin: 0px auto;
   }
   .testimonial_inner > div {
       grid-gap: 30px 30px !important;
       display: flex !important;
       flex-flow: wrap !important;
   }
   .testimonial_inner > div > div:first-child {
       padding-bottom: 15px;
       position: unset !important;
       overflow: auto;
       display: block !important;
       max-width: 100%;
   }
   .testimonial_inner > div > div:first-child::-webkit-scrollbar {
         height: 3px;
   }
   .testimonial_inner > div > div:first-child::-webkit-scrollbar-track {
         background: #f1f1f1; 
         border-radius: 6px;
   }
   .testimonial_inner > div > div:first-child::-webkit-scrollbar-thumb {
         background: #3D3E42; 
         border-radius: 6px;
   }
   .testimonial_inner > div > div:first-child > *{
       margin-right: 20px;
   }
   .testmonial_right{
      padding: 0px !important;
   }
   .testimonial_scroll {
       flex-flow: unset !important;
       white-space: nowrap;
       grid-gap: 20px;
       width: 690px;
       margin: 0px !important;
   }
   .testimonial_right {
       padding: 0px;
   }
   .testimonial_box{
       display: none;
   }
   .testimonial_box.active{
       display: block;
        animation: fadeinout 1s linear forwards;
   }
   .testimonial_sec {
       padding-bottom: 60px !important;
   }
   .testimonial_right .white_btn  .elementor-widget-container {
       padding-top: 20px !important;
   }
   .testimonial_right .white_btn .elementor-widget-container * {
       margin: 0px;
   }
   .toggle_btn{
       display:block;
   }
   header#masthead {
        overflow: unset;
    }
   .header_menu .hfe-nav-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100vh;
    display: block !important;
    background-color: var(--black);
    padding: 100px 15px;
    transition: all 0.4s;
    transform: translateX(-100%);
}
   .header_menu.show .hfe-nav-menu{
       transform: translateX(0);
   }
   header#masthead .hfe-site-logo {
       max-width: fit-content;
       position: relative;
       z-index: 1;
   }
   .header_menu .hfe-nav-menu li:nth-last-child(2) a, .header_menu nav > ul > li:nth-last-child(1) > a{
       border-radius: unset;
       border:unset;
       min-height:unset;
       min-width:unset;
       display:unset;
       background-color: transparent !important;
   }
   .header_menu nav > ul > li:nth-last-child(1) > a::after,.header_menu .hfe-nav-menu li:nth-last-child(2) a::before{
       display: none !important;
   }
   .header_menu nav > ul >  li > a, .header_menu .hfe-nav-menu li:nth-last-child(2) a, .header_menu nav > ul > li:nth-last-child(1) > a {
     padding: 15px 0px !important;
     margin: 0px 0px !important;
     display: block !important;
     border-bottom: 1px solid rgba(255,255,255,0.2) !important;
     width: 100% !important;
     min-width: 100% !important;
     background-color: transparent !important;
 }
   .header_menu {
       grid-gap: 0px;
   }
   .header_inner {
       padding: 15px 0px;
       width: 100%;
       max-width: 100% !important;
   }
   .hero_sec {
       padding-bottom: 60px;
       padding-top: calc(70px + 40px) !important;
   }
   .single_top {
       grid-template-columns: repeat(1,1fr);
   }
   .single_blog_content {
       grid-template-columns: max-content auto 25%;
   }
   .single-post .custom_container > div:last-child {
       max-width: 100% !important;
   }
   .team_grid > div > div {
       width: calc(100%/3 - 30px) !important;
   }
   .visionmission_grid {
       grid-template-columns: repeat(2,1fr);
   }
   .about_sec, .service_sec {
       padding-bottom: 40px;
       padding-top: 40px !important;
   }
   .since_grid .since_tab {
       max-width: fit-content;
   }
   .service_middle .e-con-inner > div > div {
       width: 100% !important;
   }
   .service_middle .e-con-inner > div {
       flex-flow: wrap !important;
   }
   .service_box_left {
       order: 1;
   }
   .head_grid .e-con-inner {
       display: block;
   }
   .service_box_right {
       order: 2;
   }
   .service_box_right .elementor-widget-image img, .head_grid .e-con-inner > div:nth-child(2) {
       width: 100% !important;
   }
   .head_grid .e-con-inner > div:nth-child(2) {
      margin-top: 15px;
   }
   .step_grid .step_img {
       top: -100px;
   }
    .step_grid:nth-child(2) .step_img {
       top: -110px;
   }
   .step_grid .step_img {
       top: -100px;
   }
   .step_img {
       width: 250px;
       height: 250px;
   }
   .head_grid .e-con-inner {
       padding-bottom: 50px !important;
   }
   .contact_grid > div {
       width: calc(100%/1 - 0px) !important;
   }
   .contact_grid {
       justify-content: space-between;
   }
   .contact_grid > div:nth-child(2) {
       max-width: 100% !important;
   }
   .contact_grid .form_left {
       position: unset;
       width: 100% !important;
   }
   .form_checkbox p > span > span > span {
       width: calc(100%/4 - 7px);
   }
   .contact_grid {
       flex-flow: wrap;
   }
   .job_details {
       flex-flow: wrap;
       grid-gap: 20px;
   }
   .job_details > div {
       width: 100% !important;
       display: block;
   }
   .featured_post .project_grid > div {
       padding-bottom: 40px;
   }
   .featured_post .project_grid {
     column-count: 2;
     margin-bottom: -40px;
 }
  .education_sec  {
     padding-top: calc(0px + 40px) !important;
 }
   .retail_moblie .ul_grid ul li {
       width: calc(100%/2 - 10px) !important;
   }
    .slider_nav a svg {
       width: 45px;
       height: 45px;
   }
   .hero_sec  .e-con-inner {
       max-width: 100% !important;
   }
   .single_grid > div,.ui_ux_sec .hero_inner > div,.technology_gird > div {
       width: 100% !important;
   }
   .ui_ux_sec .hero_inner,.technology_gird  {
       flex-flow: wrap;
   }
   .single_grid, .service_box_left {
     grid-gap: 15px;
   }
   br{
     display: none;
   }
   .technology_gird {
       padding-top: 0px;
   }
   .technology_contant {
       padding-top: 40px;
   }
   .service_single {
       padding: 60px 15px !important;
   }
   .our_team_slider figure.elementor-image-box-img {
    display: none;
  }
    .our_team_slider .elementor-widget-container {
      min-height: 340px;
      padding-bottom: 40px;
  }
    .img_grid figure.gallery-item:nth-child(24n) ~ figure > div {
       padding: 16px 4px;
  }
   .img_grid figure.gallery-item:nth-child(28n) ~ figure > div {
      padding-bottom: 0px;
  }
    .img_grid figure.gallery-item img {
        height: 52px;
    }
    .copy_right_sec .e-con-inner {
        flex-flow: wrap !important;
    }
    .open-popup {
        max-width: fit-content !important;
    }
}
@media(max-width: 850px){
    br{
        display: none;
    }
   .step_grid > div {display: block !important;}
     .stpe_right {
       width: 100% !important;
       margin-top: 15px;
   }
   .featured_top {
       flex-flow: wrap !important;
   }
   .featured_top .white_btn a {
     margin: 0px;
 }
   ul.cource_grid li {
     font-size: 34px;
 }
 .our_team_slider p {
     max-width: 100%;
 }
 .approach_grid > div {
   width: calc(100%/2 - 10px);
}
}
@media(max-width: 767px){
  .icon {
    display: flex;
}
   :root{
       --fs42: 36px;
       --fs82: 46px !important;
   }
   .testimonial_right {
       padding: 0px;
   }
   .testimonial_box p {
       line-height: 32px !important;
       font-size: 18px !important;
   }
   br{
       display: none;
   }
   .blog_grid .blfe-posts-inner {
       grid-gap: 30px 20px !important;
       grid-template-columns: repeat(1,1fr) !important;
   }
   .blog_grid .blfe-post-grid-details h3 a, .blog_grid .blfe-post-grid-details h3 {
       font-size: 20px !important;
       line-height: initial !important;
   }
   .single_left ul.elementor-icon-list-items {
       display: flex;
       flex-flow: wrap;
       grid-gap: 8px;
   }
   .single_blog_content {
       grid-template-columns: repeat(1,1fr);
       grid-gap: 24px;
   }
   .team_grid > div > div {
       width: calc(100%/2 - 30px) !important;
   }
    .service_middle .e-con-inner {
       grid-gap: 40px;
   }
   .form_checkbox p > span > span > span {
       width: calc(100%/3 - 4px);
   }
   .services_sec {
       grid-gap: 0px;
   }
   .hero_sec  .e-con-inner {
       max-width:calc(100% - 30px) !important;
   }
   .our_team_slider > div {
       padding: 20px !important;
       padding-bottom: 100px !important;
   }
   .our_team_slider h3 {
       margin-bottom: 10px !important;
   }
   .slider_nav {
     bottom: 20px;
     left: 20px;
 }
  .service_single {
       padding: 40px 0px !important;
 }
 .service_single .service_box_left {
   grid-gap: 0px;
}
 .single-post .project_sec h3{
       font-size: 20px !important;
   }
   .single_middle .elementor-element {
    grid-gap: 10px !important;
}
.single_right {
    order: 2;
}
.single_middle {
    order: 3;
}
.single_right ,.single_right *{
  grid-gap: 10px;
}
.project_grid_sec {
      padding: 40px 0px 0px;
  }
  .project_sec ul.portfolio_list{
      padding-bottom: 40px;
  }
    .testimonial_inner .testimonial_right p {
      font-size: 18px !important;
  }
   .since_left  p {
    font-size: 16px !important;
    }
    .countrer_grid_box > div {
        width: calc(100% - 0px) !important;
    }
    .parent-pageid-2084 .elementor-element.elementor-element-aeeccc0 .single_grid {
        padding: 0px;
    }
    .single_left,.single_right  {
        position: unset;
    }
    .project_sec ul.portfolio_list {
    padding: 0px 15px 40px;
}
.e-con {
    --container-max-width: calc(100% - 30px ) !important;
}
.shopify-popup .form_group_btn::before{
    display:none !important;
}
      .text_animy h2, .text_head h2 {
    font-size: 40px !important;
}
.shop_header_sec .red_btn a {
    min-width: fit-content !important;
}
.partner_logo_slide {
    flex-flow: nowrap !important;
}
}
@media(max-width: 575px){
   .project_grid {
       column-gap: 40px;
       margin-bottom: -40px;
       column-count: 1;
   }
   .project_grid::before {
       height: 60px;
   }
   :root {
       --fs82: 33px !important;
       --fs62: 36px;
       --fs36: 20px;
       --fs42: 30px;
   }
   .img_grid .gallery {
       grid-template-columns: repeat(3,1fr);
   }
   .img_grid figure.gallery-item:nth-child(4n) {
       border-right-width:1px;
   }
   .img_grid figure.gallery-item:nth-child(3n) {
       border-right-width:0px;
   }
   .img_grid figure.gallery-item:nth-child(16n) ~ figure {
      border-bottom-width:1px;
   }
   .img_grid figure.gallery-item:nth-child(27n) ~ figure {
        border-bottom-width: 0px;
    }
   .service_grid {
       grid-gap: 40px 30px;
   }
   .project_grid > div {
       padding-bottom: 40px;
   }
   .service_head h4::before {
       width: 40px;
   }
   .service_slide .slide_left p {
       line-height: 36px;
   }
   .slide_left p a::after {
       width: 16px;
       height: 16px;
   }
   .countrer_grid_box h2{
       font-size: 60px !important;
   }
   .countrer_grid_box h4{
       font-size: 18px !important;
   }
   .project_grid::before {
       height: 40px;
   }
   .project_box a h3 {
       font-size: 20px !important;
       line-height: 28px !important;
       margin-top: 16px;
   }
   .e-con {
       --container-max-width: calc(100% - 60px + 30px) !important;
   }
   .accordion_box {
       max-width: 100% !important;
   }
   .accordion_box a {
       line-height: normal;
   }
   .footer_right {
       grid-template-columns: repeat(2,1fr);
    }
   .copy_grid .copy_box:first-child {
       display: grid !important;
    }
   .footer_sec .copy_box:nth-child(2) * {
       margin: 2px 0px;
       flex-flow: wrap !important;
       justify-content: center;
       grid-gap: 0px !important;
    }
    .footer_sec .copy_box.fotter_social_links > div {
        margin: 0 auto;
    }
    .copy_grid .e-con-inner {
         grid-gap: 5px;
         justify-content: center !important;
    }
   .footer_box a {
       font-size: 16px;
   }
   .accordion_box .elementor-accordion-item {
       padding: 15px 15px 0px 15px !important;
   }
   .accordion_box span.elementor-accordion-icon {
       position: relative;
       top: 8px;
   }
   .service_content .service_hed .elementor-widget-container>div::before {
       padding-top: 8px;
   }
   .service_list ~ .elementor-widget-heading .elementor-widget-container {
       padding-bottom: 15px !important;
       padding-top: 15px !important;
   }
   .service_content.active::after{
       display: none;
   }
   .learn_more::before{
       content: "";
       display: block;
       width: 100%;
       height: 2px;
       background-color: var(--red);
       position: absolute;
       bottom: -2px;
       right: 0px;
   }
   .toggle_btn {
       width: 50px;
       height: 50px;
   }
    .toggle_btn svg{
       transform: scale(0.8);
       top: -20px;
       left: -15px;
   }
   .ham.active {
       top: -14px;
   }
   .header_menu .hfe-nav-menu {
       padding: 75px 15px;
   }
   .visionmission_grid {
       grid-template-columns: repeat(1,1fr);
   }
   .team_grid > div {
       grid-gap: 24px !important;
   }
   .team_grid > div > div {
       width: calc(100%/2 - 12px) !important;
   }
   .about_sec, .service_sec {
       padding-bottom: 40px;
       padding-top: 20px !important;
   }
    .hero_inner h1 {
     line-height: normal !important;
 }
   p,.list_ul ul li{
       line-height: 24px;
   }
   .list_ul ul li {
       font-size: 16px;
   }
   .team_grid > div > div .elementor-image-box-wrapper h3 {
       font-size: 18px !important;
       line-height: 24px !important;
   }
   .team_grid > div > div .elementor-image-box-wrapper h3 {
       margin-top: 12px;
   }
   .form_checkbox p > span > span > span {
       width: calc(100%/2 - 4px);
   }
   .form_group textarea {
       min-height: 195px;
       padding: 15px !important;
   }
   .form_group input, .form_group textarea {
       height: 60px;
       padding: 15px !important;
   }
   .our_team_slider p {
       font-size: 18px !important;
   }
   .slider_nav a svg {
     width: 40px;
     height: 40px;
 }
   ul.cource_grid li {
     font-size: 18px;
 }
 .featured_post .project_grid {
     column-count: 1;
 }
 .approach_grid > div, .retail_moblie .ul_grid ul li {
   width: calc(100%/1 - 0px) !important;
}
 .approach_grid > div > div > div {
     min-height: 285px;
 }
 .service_single {
    padding: 20px 0px !important;
}
    .text_animy h2 {
       font-size:30px;
   }
       .since_content h4 {
        font-size: 26px !important;
        line-height: inherit !important;
    }
       .img_grid figure.gallery-item:nth-child(27n) ~ figure > div {
          padding-bottom: 0px;
    }
    .testimonial_scroll {
        width: 760px;
    }
.shopify-popup {
    padding: 20px;
}
}
@media(max-width: 480px){
.shopify-popup {
}
   .img_grid .gallery {
       grid-template-columns: repeat(3,1fr);
   }
   .img_grid figure.gallery-item:nth-child(3n) {
       border-right-width:1px;
   }
   .img_grid figure.gallery-item:nth-child(15n) ~ figure {
      border-bottom-width:1px;
   }
   .img_grid figure.gallery-item:nth-child(3n) {
       border-right-width:0px;
   }
   .img_grid figure.gallery-item:nth-child(16n) ~ figure {
      border-bottom-width:0px;
   }
   .text_animy h2 {
       font-size: 21px;
   }
   .research_box h3, .service_box_left h3, .lets_sec h2, .since_content h4, .project_sec h3, .pixbrand_client h3, .sec_head h2, .story_inner h2 {
       line-height: 42px !important;
   }
   .step_grid .step_img{
       top: -40px;
   }
   .privacy_content h2 {
       line-height:normal;
       margin: 0px 0px 26px;
   }
   .privacy_content {
       padding-bottom: 35px !important;
       margin-bottom: 35px !important;
   }
  .since_left {
      max-height: 412px;
  }
  .since_left {
      max-height: 455px;
  }
   .since_content:nth-child(2),.since_content:nth-child(2).unactive {
      transform: translateY(20%);
  }
    .since_content:nth-child(2).active {
      transform: translateY(-90%);
  }
  .img_grid figure.gallery-item:nth-child(15n) ~ figure {
    border-bottom-width: 1px;
    }
    .img_grid figure.gallery-item:nth-child(27n) ~ figure {
        border-bottom-width: 0px;
    }
    .img_grid figure.gallery-item img {
        height: 44px;
    }
    .fade-in-slider {
        max-width: 354px !important;
        background-size:contain !important;
    }
    .fade-in-slider .item .elementor-widget-heading {
        top: 60px;
        right: 5px;
        padding: 0px;
    }
    .fade-in-slider .item .elementor-widget-text-editor {
        top: 130px;
    }
    .fade-in-slider .item .elementor-widget-heading h2{
        font-size:15px !important;
        line-height:18px !important;
    }
      .text_animy h2, .text_head h2 {
    font-size: 30px !important;
}
}
@media(max-width: 400px){
    .shopify-popup {
    width: 370px;
    padding: 20px;
}
.shopify-popup .shopify-content .popup-close {
    right: -10px;
    top: -22px;
}
   .text_animy h2 {
       font-size: 18px;
   }
   :root{
        --fs82: 32px !important;
        --fs42: 30px;
   }
   .ul_grid ul li {
       width:100% !important;
   }
   ul.cource_grid li {
       font-size: 16px;
   }
   ul.cource_grid li::after {
     margin: 0px 6px;
 }
 .since_left {
      max-height:480px;
  }
   .since_content:nth-child(2),.since_content:nth-child(2).unactive {
      transform: translateY(8%);
  }
    .since_content:nth-child(2).active {
      transform: translateY(-96%);
  }
  .team_box p {
    font-size: 14px !important;
    }
    .img_grid figure.gallery-item img {
        height: 36px;
    }
    .footer_sec .copy_box.fotter_social_links ul {
        grid-gap: 2px 4px !important;
    }
}
@media(max-width: 392px){
   .fade-in-slider .item .elementor-widget-text-editor{
        display:none !important;
    }
}
@media(max-width: 360px){
  .since_left {
      max-height:500px;
  }
   .since_content:nth-child(2),.since_content:nth-child(2).unactive {
      transform: translateY(8%);
  }
    .since_content:nth-child(2).active {
      transform: translateY(-98%);
  }
}
/*--======================|| Reponsive Sec End ||======================--*/
/*--======================|| Slider Css Start ||======================--*/
.page-id-1573 .service_inner_box {
    position: relative;
    z-index: 9;
}
.gallery_slider .elementor-image-gallery {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    animation: marquee-mobile calc(var(--card-speed, 8s) * var(--card-count, 8)) linear infinite;
}
.gallery_slider .elementor-image-gallery {
    -webkit-animation-name:marquee-desktop;
     animation-name: marquee-desktop
}
.gallery_slider .elementor-image-gallery > div {
    display: grid;
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content;
    grid-auto-flow: column;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 18px;
}
.gallery_slider .elementor-image-gallery > div .gallery-item,.gallery_slider .elementor-image-gallery > div .gallery-item * {
    min-height: 300px;
    object-fit:cover;
    border-radius: 10px !important;!i;!;
}
.gallery_slider .elementor-image-gallery > div > figure.gallery-item {
     --card-media-width: 272px;
    --card-media-height: 272px;
    position: relative;
    width: var(--card-media-width);
    height: var(--card-media-height);
    overflow: hidden;
    transform: perspective(400px) translate3d(0, 0, var(--card-z-offset, 16px));
    transition: all 0.8s ease-out;
    transition-delay: var(--reveal-delay, 0s);
    border-radius: 26px;
    opacity: var(--card-opacity, 0.001);
    color: #fff;
   max-width:100%;
}
.gallery_slider .elementor-image-gallery > div > figure.gallery-item{
    --card-opacity: 1;
    --card-z-offset: 0
}
@media (min-width: 768px) {
    .gallery_slider .elementor-image-gallery > div {
        --card-media-width: 273px;
        --card-media-height: 340px;
        border-radius: 32px
    }
}
.gallery_slider .elementor-image-gallery > div img {
    width: var(--card-media-width);
    height: var(--card-media-height);
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}
@keyframes marquee-desktop {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(calc(-50% - 16px), 0, 0);
        transform: translate3d(calc(-50% - 16px), 0, 0)
    }
}
.gallery_slider {
    max-width: 100%;
    overflow: hidden;
}

/*--======================|| Slider Css End ||======================--*/

/*--======================|| service_ecom Css Start ||======================--*/

.service_ecom .service_ecom_inner a{
    box-shadow: 0px 0px 15px #1D1D1D0D;
}
.design_service .design_service_inner .design_service_box {
    box-shadow: 0px 10px 15px #1D1D1D1A;
    border-radius: 8px;

}
.design_service .design_service_inner .design_service_box .image_box_design img{
    width: 100%;
    height: 300px;
    max-height: fit-content;
    object-fit: cover;
    border-radius: 8px 8px 0px 0px;
}
.design_service .design_service_inner .design_service_box .image_box_design h3{
    margin-bottom: 0px;
}
.design_service .design_service_inner .design_service_box .image_box_design p{
    margin: 15px;
    overflow: hidden;
}
.design_service_box .read_more a{
    text-decoration: none;
    color: #1D1D1D;
    font-weight: 700;
}
.design_service_box.show .image_box_design p{
    display: block !important;
    overflow: unset !important;
    text-overflow: unset !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
}
.design_service .design_service_inner .design_service_box .design_service_iconbox{
    border-radius: 0px 0px 8px 8px;
}
.design_service .design_service_inner .design_service_box .design_service_iconbox .design_service_call{
    width: 50%;
    background: #1D1D1D;
    color: #fff;
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 13px;
    padding-bottom: 13px;
    border-radius: 0PX 0PX 0PX 8PX;

}
/* .design_service .design_service_inner .design_service_box .design_service_iconbox .design_service_call ul li a,
.design_service .design_service_inner .design_service_box .design_service_iconbox .design_service_chat ul li a{
    font-family: "Manrope", Sans-serif !important;
} */
.design_service .design_service_inner .design_service_box .design_service_iconbox .design_service_call:hover{
    background-color: #fff;
    border: 1px solid #1D1D1D1A;
}
.design_service .design_service_inner .design_service_box .design_service_iconbox .design_service_call:hover ul li span.elementor-icon-list-text{
    color:#1D1D1D;
}
.design_service .design_service_inner .design_service_box .design_service_iconbox .design_service_call:hover ul li span.elementor-icon-list-icon svg{
filter: invert(1);
}
.design_service .design_service_inner .design_service_box .design_service_iconbox .design_service_call ul li span{
    color:#FFFFFF;
}
.design_service .design_service_inner .design_service_box .design_service_iconbox .design_service_chat{
    width: 50%;
    background: #ffffff;
    color: #fff;
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 13px;
    padding-bottom: 13px;
    border: 1px solid #1D1D1D1A;
    border-radius: 0px 0px 8px 0px;
}
.design_service .design_service_inner .design_service_box .design_service_iconbox{
    border-radius: 8px;
}
.design_service .design_service_inner .design_service_box .design_service_iconbox .design_service_chat:hover{
    background-color: #E40000;
}

.design_service .design_service_inner .design_service_box .design_service_iconbox .design_service_chat:hover ul li span{
    color: #fff;
}
.design_service .design_service_inner .design_service_box .design_service_iconbox .chat ul li span{
    color:#1D1D1D;
}
.owl-carousel {
    display: block !important;
    width: 100% !important;
    z-index: 1 !important;
}
.form_grid_ecom .form_right_ecom .form_group p{
    margin-bottom: 10px;
}
.form_grid_ecom .form_right_ecom .form_group{
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px;
}

.form_grid_ecom .form_right_ecom .form_group input::placeholder,.form_grid_ecom .form_right_ecom .form_group textarea::placeholder {
    color: #1D1D1D80;
    opacity: 0.85;
    font-size: 16px;
    line-height: 24px;
 }
 .form_grid_ecom .form_right_ecom .form_group input,.form_grid_ecom .form_right_ecom .form_group textarea{
    color: #1d1d1d;
 }
 .form_grid_ecom .form_right_ecom .form_group_btn input {
    width: 35%;
    border: unset !important;
    outline: unset !important;
    background-color: var(--red) !important;
    border-radius: 26px;
    color: var(--white) !important;
    font-size: 17px;
    font-weight: 600;
    height: 52px;
}
.form_grid_ecom .form_right_ecom .form_group_btn p{
    text-align: center;
}
.form_grid_ecom .form_right_ecom .form_group_btn input:hover{
    background-color: var(--black) !important;
    color: var(--white) !important;
}
.page-id-6895{
    background-color: #ffffff !important;
}
.testimnial_cntn{
    position: relative;
}
.testimnial_cntn .owl-dots{
    position: absolute;
    right: 0;
    bottom: 25px;
}
.testimnial_cntn .owl-dots .owl-dot.active span{
    background-color: #1D1D1D !important;
}
.testimnial_cntn .owl-dots .owl-dot span{
    background-color: #E6E3E1 !important;
}
.testimnial_cntn .closet_slider .image_box_2 .image_box_2 h3{
    margin-top: 15px;
}
.testimnial_cntn .closet_slider .image_box img{
    width: 57px !important;
    height: 48px !important;
}
.testimnial_cntn .closet_slider .image_box_2{
    margin-top: 40px;
}
.testimnial_cntn .closet_slider .image_box .elementor-image-box-content h3{
    margin-bottom: 16px;
}
.testimnial_cntn .closet_slider .image_box .elementor-image-box-content p{
    margin-top: 24px;
    background-color: #fff;
    padding: 24px;

}
.testimnial_cntn .closet_slider .image_box_2 img{
    width: 48px !important;
    height: 48px !important;
}


.blfe-post-footer .blfe-grid-pagination span.page-numbers.current {
    background-color: var(--red) !important;
    border: 1px solid var(--red) !important;
    color: var(--white) !important;
}

.blfe-post-footer .blfe-grid-pagination a.page-numbers{
    background-color: var(--white) !important;
    border: 1px solid var(--black) !important;
    color: var(--black) !important;
}
.blfe-post-footer .blfe-grid-pagination a.page-numbers:hover,
.blfe-post-footer .blfe-grid-pagination a.next.page-numbers:hover,
.blfe-grid-pagination a.prev.page-numbers:hover{
    background-color: var(--red) !important;
    border: 1px solid var(--red) !important;
    color: var(--white) !important;
}

.blfe-post-footer .blfe-grid-pagination a.next.page-numbers, .blfe-grid-pagination a.prev.page-numbers{
background-color: var(--white) !important;
border: 1px solid var(--black) !important;
color: var(--black)  !important;
}
#gallery-1 .gallery-item figcaption{
    display: none !important;
}
.service_ecom{
    position: sticky;
    top:0px;
    z-index: 999;
  }
.project_grid > p {
    display: none !important;
}
.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;
}
.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;
}
.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;
}
* {
    font-family: "DegularRegular" !important;
}
.single h3 a {
    color: var(--white) !important;
}
.single h3 a:hover {
    color: var(--red) !important;
}
a{
    text-decoration:none !important;
    transition:all 0.3s;
}
.blog_grid  ul li strong,.blog_grid  ul li b {
    color: var(--white) !important;
    font-weight: 500;
    padding-right: 4px;
}
.blog_grid .elementor-widget-container h4 b,.blog_grid .elementor-widget-container h4 strong {
    font-weight: 500 !important;
}
.blog_grid .elementor-widget-container h5 b,.blog_grid .elementor-widget-container h5 strong,
.blog_grid .elementor-widget-container b,.blog_grid .elementor-widget-container strong{
    font-weight: 500 !important;
    color:var(--white) !important;
}
.single-post .services_sec:first-child .project_sec .e-con-inner {
    max-width: 100%;
}
.single-post .blog_grid   a{
    color:var(--white) !important;
    font-weight: 700 !important;
}
i[aria-hidden="true"] {
 font-family: "Font Awesome 5 Free" !important;
}
.step_grid:last-child .e-con-inner {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}
.home header#masthead .hfe-site-logo-container img{
    filter: brightness(0) invert(1);
}
.header_sec {
    background-color: #F7F4F2 !important;
}
.home .header_sec {
    background-color: transparent !important;
}
.header_menu nav > ul > li > a,.header_menu nav > ul > li > div > a {
    color: #120F12 !important;
}
.header_menu nav > ul >  li > a:hover{
    color: var(--red) !important;
}
.header_menu nav > ul >  li > a::after{
    background-color: var(--red) !important;
}
.home .header_menu nav > ul >  li > a:hover{
    color: var(--white) !important;
}
.home .header_menu nav > ul > li > a,.home .header_menu nav > ul > li > div > a {
    color: var(--white) !important;
}
.header_menu .current_page_item a{
   color: var(--red) !important;
}
.img_grid a{
    pointer-event:none !important;
}
.landing-banner::before {
    display: none !important;
}
.shopify-popup span.wpcf7-not-valid-tip ~ span.wpcf7-not-valid-tip {
    display: none;
}
.banner_box  .elementor-widget-container br {
    display: block !important;
}
div#bdr_red a:hover {
    border-color: var(--red) !important;
}
.red_up a:hover {
    border-color: var(--white) !important;
}
.get_right_form .form_group_btn::before {
    right: unset;
    left: calc(50% + 100px);
    transform: translate(-50%,-50%);
    top: 50%;
}
.get_right_form h2 {
    font-size: 40px;
    line-height: normal;
}
.get_right_form p {
    font-size: 18px;
}
.page-id-11307 header#masthead {
    display: none !important;
}
.marquee_grid .gallery {
    animation: marquee 50s linear infinite;
    animation-play-state: running;
}
.marquee_grid:nth-child(even) .gallery {
    animation: marquee1 50s linear infinite;
    animation-play-state: running;
}
.trusted_by_sonu {
    overflow: hidden !important;
}

@keyframes marquee {
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(-100%);
    }
}

@keyframes marquee1 {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0%);
    }
}
/* Pause animation on hover smoothly */
.marquee_grid:hover .gallery{
    animation-play-state: paused;
}
.marquee_grid .gallery-item img {
    object-fit: contain !important;
    display: block;
    width: 100%;
    height: 100%;
    filter: grayscale(1);
    transition: all 0.3s;
}
.marquee_grid .gallery-item:hover img{
   filter: grayscale(0);
}
.marquee_grid .gallery {
    display: flex;
    grid-gap: 20px;
} 
.marquee_grid .gallery {
      justify-content: center !important;
}
.marquee_grid .gallery figure {
    min-width: 147.76px;
    height: 72px;
    border-radius: 8px;
    padding: 6px;
    border: 1px solid #120F1226;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-id-13184 header#masthead,.page-id-13184 footer#colophon,
.page-id-13120 header#masthead,.page-id-13120 footer#colophon,.page-id-12845 header#masthead,.page-id-12660 footer#colophon,.page-id-12845 footer#colophon,.page-id-11814 footer#colophon,.page-id-13011 footer#colophon,.page-id-13011 header#masthead{
    display: none;
}
.page-id-12917 footer#colophon,.page-id-12917 header#masthead,.page-id-12584 footer#colophon,.page-id-12399 footer#colophon{
    display: none;
}
.porcess_accordion_box  .elementor-accordion-item {
    border-bottom: 1px solid rgba(255,255,255,0.5) !important;
    padding-bottom: 15px;
}
.porcess_accordion_box .elementor-accordion-item:nth-child(1) ~ div {
    padding-top: 20px;
}
.porcess_accordion_box a.elementor-accordion-title::before {
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzQzMV8xMTgiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzQzMV8xMTgpIj4KPHBhdGggZD0iTTMuNDc3NTQgMTguMjcwNUwxNi4wMDA2IDUuNzQ3MDciIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS44Ii8+CjxwYXRoIGQ9Ik0zLjQyNjc2IDUuNzAwMkgxNi4wMDAyVjE4LjI3MDIiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS44Ii8+CjwvZz4KPC9zdmc+Cg==);
    width: 20px;
    height: 20px;
    display: block;
}
.porcess_accordion_box a.elementor-accordion-title {
    display: flex;
    align-items: baseline;
    grid-gap: 12px;
}
.porcess_accordion_box .elementor-tab-content {
    padding-left: 32px !important;
}
.header_sec1 {
    position: fixed !important;
    top: 0px !important;
    background-color: transparent !important;
}
.header_sec1.sticky{
     background-color: var(--black) !important;
}
div#wpadminbar ~ div .header_sec1 {
    top: 32px !important;
}
.header_sec1 *{
    color:var(--white)  !important;
}
.header_sec1 .header_menu nav > ul > li > a,.header_sec1 .header_menu nav > ul > li > div > a {
    color: var(--white) !important;
}
.footer_right_btn span.elementor-button-content-wrapper {
    margin: 0px;
}
.get_right_form > div {
    width: 100% !important;
}
.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;
}
.shop_header_sec {
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    z-index: 9;
}
.whataap_btn svg {
    width: 24px;
    height: 24px;
}
.whataap_btn a {
    padding: 10px 24px !important;
}
.whataap_btn a > span {
    align-items: center;
}
div#wpadminbar ~ div#page div[data-elementor-type="wp-page"] .shop_header_sec{
    top: 20px !important;
}
header#masthead.sticky ~  div[data-elementor-type="wp-page"] .shop_header_sec .e-con-inner,header#masthead.sticky ~  div[data-elementor-type="wp-page"] .shop_header_sec{
    transtion:all 0.4s;
}
div[data-elementor-type="wp-page"] .shop_header_sec{
    top: 10px;
    transtion:all 0.4s;
}
header#masthead.sticky ~  div[data-elementor-type="wp-page"] .shop_header_sec{
    animation-name: head;
    animation-duration: 0.5s;
    top: 10px;
   transition:all 0.4s;
}
header#masthead ~  div[data-elementor-type="wp-page"] .shop_header_sec .e-con-inner > div {
   transition:all 0.4s;
     padding: 10px 15px 10px 20px !important;
}
/*header#masthead.sticky ~  div[data-elementor-type="wp-page"] .shop_header_sec .e-con-inner > div {*/
/*    padding: 10px 15px 10px 20px !important;*/
/*}*/
 .shop_header_sec .hfe-site-logo-container img{
     position:relative;
     top:4px;
 }
 .logo_head img {
    display: block !important;
    height: 37px !important;
    min-height: 37px !important;
    width: 100% !important;
    max-width: 163px !important;
}
@keyframes head{
     from {
         top:-100px;
    }
     to {
        top:10px;
    }
}
.post-tags {
    display: none;
}
.resellter_grid .resellter_box::before {
    content: "";
    display: block;
    background-color: var(--red);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border-radius:6px;
    transition: all 0.4s;
    transform: scaleY(0);
    transform-origin: bottom;
}
.resellter_grid .resellter_box {
    overflow: hidden !important;
    border-radius: 0px;
}
.resellter_grid .resellter_box:hover::before {
    height: 100%;
    transform: scaleY(1);
}
.resellter_grid .resellter_box > div > * {
    position: relative;
    z-index: 1;
}
.resellter_grid .resellter_box  * {
   transition:all 0.3s;
}
.resellter_grid .resellter_box:hover  * {
    color: var(--white) !important;
}
.our_usps_grid1 .usps_box::before {
    content: "";
    display: block;
    position: absolute;
    background-color: rgba(0,0,0,0.8);
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.our_usps_grid1 .usps_box {
    position: relative;
	border-radius:6px;
	overflow:hidden !important;
}
.our_usps_grid1 .usps_box div * {
    z-index: 1;
    position: relative;
}
.usps_box .elementor-widget-container {
    min-height: 243px;
    display: grid;
    align-items: center;
}
.video_box iframe,.video_box video {
    height:521px !important;
    object-fit:cover;
}
header#masthead.sticky ~  div[data-elementor-type="wp-page"] .shop_header_sec .e-con-inner{
       width: 100%;
       margin: 0 auto;
       display: flex;
       flex-direction: column;
       pointer-events: auto;
       border-radius: 20px;
       /*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; */ */
       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(0, 0, 0, .25) !important;*/
       border-radius: 50px;
}
.experts_grid1 .img-box figure.elementor-image-box-img{
    height:100% !important;
}
.header_what_grid {
    width: 100%;
    max-width: fit-content !important;
    grid-gap: 12px !important;
}
header#masthead.sticky ~  div[data-elementor-type="wp-page"] .shop_header_sec .header_what_grid {
    grid-gap: 10px;
}
.page-id-14683 header#masthead,.page-id-14683 footer#colophon {
    display: none !important;
}
.corporate_box img {
    height: 300px !important;
    object-fit: cover;
    border-radius: 8px !important;
    width: 100%;
}
@media(max-width: 1024px){
  .home .header_menu nav > ul > li:nth-last-child(1) > a,.header_menu nav > ul > li:nth-last-child(1) > a,
     .header_menu nav > ul > li:nth-last-child(1) > a{
      border: unset !important;
       border-bottom: 1px solid rgba(255,255,255,0.2) !important;
       color: var(--white) !important;
   }
   .header_menu nav > ul >  li > a {
      color: var(--white) !important;
   }
   .header_menu .hfe-nav-menu li.current-menu-item a{
       color: var(--red) !important;
   }
   .fade-in-slider .item .elementor-widget-image img {
        left: 0px;
    }
     .fade-in-slider{
         height:fit-content;
     }
     .landing-banner > div {
        align-items: center !important;
    }
    .get_right_form h2 {
        font-size: 32px;
    }
    .get_right_form p {
        font-size: 16px;
        margin-bottom: 4px;
    }
    .header_sec ul.sub-menu {
        position: unset !important;
       display:none;
        background-color: transparent !important;
    }
   .header_sec ul.sub-menu.sub-menu-open{
      display:block;
   }
    .header_sec ul.sub-menu li a {
        background-color: transparent !important;
        color: var(--white) !important;
        padding: 10px 0px !important;
       border-bottom:1px solid rgba(255,255,255,0.2) !important;
    }
    .header_sec ul.sub-menu li{
       border: unset !important;
    }
    .header_menu nav > ul > li > a,.header_menu .menu-item a.hfe-menu-item{
       padding: 10px 0px !important;
       color: var(--white) !important;
       border-bottom: 1px solid rgba(255,255,255,0.1);
    }
}
@media(max-width: 767px){
    .testimonial-slider .item {
        min-height: 425px !important;
    } 
    .table_inner .elementor-widget-container table td{
        padding: 16px 20px;
        font-size: 16px;
    }
    .google_bg  .owl-item.active::after {
        display: none;
    }
    .landing-banner::before {
        display: block !important;
    }
    .landing-banner {
        /* background-image: unset !important; */
    }
    .landing-banner .e-con-inner, .point-sec {
        padding-bottom: 0px;
    }
    .page-id-8772  .e-con, .page-id-11028  .e-con {
        --container-max-width: 100% !important;
    }
    .page-id-8772 header .e-con, .page-id-8772 footer .e-con, .page-id-11028 header .e-con, .page-id-11028 footer .e-con {
         --container-max-width: calc(100% - 60px + 30px) !important;
    }
    .shopify-popup .form_grid *  {
        font-size: 15px !important;
    }
    .shopify-popup .form_grid input  {
        font-size: 14px !important;
        min-height: 40px !important;
        height: 40px !important;
    }
    .shopify-popup {
        padding-bottom: 30px !important;
    }
    .get_right_form h2 {
        font-size: 26px;
        margin-bottom: 6px;
    }
    .marquee_grid .gallery figure {
        min-width: 100px;
        height: 55px;
    }
    .shop_header_sec > div {
       max-width: 100% !important;
   }
   header#masthead.sticky ~  div[data-elementor-type="wp-page"] .shop_header_sec .e-con-inner{
           max-width: 320px !important;
    }
   .shopify-popup .form_group label, .get_right_form label{
      margin-bottom:4px !important;
   }
   .shopify-popup .form_group_btn::before, .get_right_form .form_group_btn::before {
    display: block !important;
    left:270px;
}
}
@media(max-width: 540px){
    .form_grid_ecom .form_right_ecom .form_group_btn input{
        width: 50% !important;
    }
    header#masthead {animation: unset !important;}
    
    .footer_grid * {
        text-align: left !important;
    }
    .footer_shopy_sec .copy_grid * {
        text-align: left !important;
        justify-content: left !important;
        width: fit-content !important;
    }
    .footer_shopy_sec  .e-con-inner > div:first-child {
        margin-right: auto;
    }
    .footer_shopy_sec .copy_box.fotter_social_links ul {
        justify-content: left !important;
    }
   .footer_shopy_sec .copy_box.fotter_social_links ul::before {
        display: none;
    }
    .home_pop .shopify-popup button.close-popup {
        top: 0px;
        right: 0px;
    }
    .get_right_form .form_group_btn::before {
        left: calc(50% + 110px);
    }
    .testimonial-slider .item {
        min-height: 365px !important;
    }
  }
.all-boxes > div > div::before {
    margin-bottom: 14px;
}
.service_ecom{
    box-shadow: 0.563px 0.863px 10px -6px !important;
}