/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 09 2026 | 10:12:22 */
/*header-css-homepage-css*/
body.header-transp-gradient .rey-siteLogo img
{ 
    filter: invert(1) brightness(1.5) hue-rotate(196deg);
}
body.header-transp-gradient .rey-mainMenu--desktop>.menu-item>a
{
    color:#fff !important;
}
body.header-transp-gradient i.--submenu-indicator.--submenu-indicator-plus
{
    filter: invert(1);
} 

body.header-transp-gradient header.scrolled i.--submenu-indicator.--submenu-indicator-plus 
{
    filter: invert(0) !important;
}

body.header-transp-gradient .elementor-222 .elementor-element.elementor-element-6ab9b75d
{
  box-shadow: none;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
body.header-transp-gradient header.scrolled {
    position: fixed;
    background: #000;
    color: white;
/*     transition: all 1.4s ease; */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

body.header-transp-gradient header.scrolled .rey-siteLogo img {
    filter: invert(1) brightness(1.5) hue-rotate(196deg);
}
html body.header-transp-gradient header.scrolled .rey-mainMenu--desktop>.menu-item>a span {
    color: #ffffff !important;
}
body.header-transp-gradient header.scrolled .rey-mainMenu>.menu-item-has-children>a>i {
    border-radius: unset !important;
    width: 8px;
    height: 9px;
    background: 0 0;
    border: 4px solid transparent;
    border-top-color: #fff !important;
    right: 3px;
    top: 10px;
}

@media(min-width:1200px){
body.header-transp-gradient .elementor-222 .elementor-element.elementor-element-6ab9b75d {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 90px 0px 90px;
    transition: padding 0.5s ease !important;
}
body.header-transp-gradient .scrolled .elementor-222 .elementor-element.elementor-element-6ab9b75d
{
    padding: 0px 40px 0px 40px;
}
}

@media(min-width:768px){
body.header-transp-gradient .elementor-222 .elementor-element.elementor-element-6ab9b75d {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 30px 0px 30px;
    transition: padding 0.5s ease !important;
}
body.header-transp-gradient .rey-mainMenu--desktop .depth--0.menu-item-has-children.--is-regular .sub-menu > .menu-item > a {
    min-width: 240px;
    transition: background-color 0.2s ease;
}
body.header-transp-gradient .rey-mainMenu--desktop .depth--0.menu-item-has-children.--is-regular .sub-menu > .menu-item > a:hover {
    background-color: #0243f3;
    color:#fff !important;
    opacity:1;
}
body.header-transp-gradient .rey-mainMenu--desktop 
.depth--0.menu-item-has-children.--is-regular 
.sub-menu > .menu-item > a:hover span {
    color: #fff !important;
}
body.header-transp-gradient ul#main-menu-desktop-390f08a3 li ul.sub-menu {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    border-top: 5px solid #0243f3;
}
body.header-transp-gradient .rey-mainMenu--desktop .depth--0.menu-item-has-children .sub-menu:not(.--ovh)>.menu-item>a span {
    display: inline-block;
    transition: transform .6s var(--easeoutcubic,ease-out);
    transform: translateY(100%);
    padding-left:15px;
    padding-right:15px; 
}

body.header-transp-gradient header .rey-mainNavigation--desktop ul li ul.sub-menu li a:before {
    width: 20px!important;
    content: ""!important;
    position: absolute!important;
    height: 12px!important;
    left: 15px!important;
    background: url(https://cdn.w3speedup.com/wp-content/uploads/2023/05/left-arrow-icon.png) 0 0/contain no-repeat!important;
    top: 16px!important;
    transition: .3s ease-in-out!important;
    display:none;
}
}

/*shopify-speed-optimization-header-css*/
body.page-id-17583.header-transp-gradient header.scrolled {
    position: fixed;
    background: #9cc253;
    color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

@media (min-width: 768px) {
  body.page-id-17583.header-transp-gradient 
  .rey-mainMenu--desktop 
  .depth--0.menu-item-has-children.--is-regular 
  .sub-menu > .menu-item > a:hover {
      background-color: #9cc253;
      color: #fff !important;
      opacity: 1;
  }

  body.page-id-17583.header-transp-gradient 
  ul#main-menu-desktop-390f08a3 li ul.sub-menu {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
      border-top: 5px solid #9cc253;
  }
}

body.page-id-17583 
.elementor-element-4a9c884 .elementor-button {
    background-color: #9cc253 !important;
    fill: #9cc253;
    color: #9cc253;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF;
    border-radius: 5px;
}
/*shopify-speed-optimization-header-css-end*/

/*wordpress-speed-optimization-header-css*/
body.page-id-12154.header-transp-gradient header.scrolled {
    position: fixed;
    background: #2D4C8D;
    color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

@media (min-width: 768px) {
  body.page-id-12154.header-transp-gradient 
  .rey-mainMenu--desktop 
  .depth--0.menu-item-has-children.--is-regular 
  .sub-menu > .menu-item > a:hover {
      background-color: #2D4C8D;
      color: #fff !important;
      opacity: 1;
  }

  body.page-id-12154.header-transp-gradient 
  ul#main-menu-desktop-390f08a3 li ul.sub-menu {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
      border-top: 5px solid #2D4C8D;
  }
}

body.page-id-12154 
.elementor-element-4a9c884 .elementor-button {
    background-color: #2D4C8D !important;
    fill: #9cc253;
    color: #9cc253;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF;
    border-radius: 5px;
}
/*wordpress-speed-optimization-header-css-end*/


/*laravel-speed-optimization-header-css*/
body.page-id-12447.header-transp-gradient header.scrolled {
    position: fixed;
    background: #F55247;
    color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

@media (min-width: 768px) {
  body.page-id-12447.header-transp-gradient 
  .rey-mainMenu--desktop 
  .depth--0.menu-item-has-children.--is-regular 
  .sub-menu > .menu-item > a:hover {
      background-color: #F55247;
      color: #fff !important;
      opacity: 1;
  }

  body.page-id-12447.header-transp-gradient 
  ul#main-menu-desktop-390f08a3 li ul.sub-menu {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
      border-top: 5px solid #F55247;
  }
}

body.page-id-12447 
.elementor-element-4a9c884 .elementor-button {
    background-color: #F55247 !important;
    fill: #9cc253;
    color: #9cc253;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF;
    border-radius: 5px;
}

@media(max-width:768px){
body.page-id-12447 header.scrolled 
.elementor-element-390f08a3 
button.btn.rey-mainNavigation-mobileBtn.rey-headerIcon.__hamburger {
    filter: invert(0) !important;
}
}
/*laravel-speed-optimization-header-css-end*/

/*magento-speed-optimization-header-css*/
body.page-id-12591.header-transp-gradient header.scrolled {
    position: fixed;
    background: #F46F25;
    color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

@media (min-width: 768px) {
  body.page-id-12591.header-transp-gradient 
  .rey-mainMenu--desktop 
  .depth--0.menu-item-has-children.--is-regular 
  .sub-menu > .menu-item > a:hover {
      background-color: #F46F25;
      color: #fff !important;
      opacity: 1;
  }

  body.page-id-12591.header-transp-gradient 
  ul#main-menu-desktop-390f08a3 li ul.sub-menu {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
      border-top: 5px solid #F46F25;
  }
}

body.page-id-12591 
.elementor-element-4a9c884 .elementor-button {
    background-color: #F46F25 !important;
    fill: #9cc253;
    color: #9cc253;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF;
    border-radius: 5px;
}

@media(max-width:768px){
body.page-id-12591 header.scrolled 
.elementor-element-390f08a3 
button.btn.rey-mainNavigation-mobileBtn.rey-headerIcon.__hamburger {
    filter: invert(0) !important;
}
}
/*magento-speed-optimization-header-css-end*/

/*core-php-speed-optimization-header-css*/
body.page-id-13125.header-transp-gradient header.scrolled {
    position: fixed;
    background: #7a86b8;
    color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

@media (min-width: 768px) {
  body.page-id-13125.header-transp-gradient 
  .rey-mainMenu--desktop 
  .depth--0.menu-item-has-children.--is-regular 
  .sub-menu > .menu-item > a:hover {
      background-color: #7a86b8;
      color: #fff !important;
      opacity: 1;
  }

  body.page-id-13125.header-transp-gradient 
  ul#main-menu-desktop-390f08a3 li ul.sub-menu {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
      border-top: 5px solid #7a86b8;
  }
}

body.page-id-13125 
.elementor-element-4a9c884 .elementor-button {
    background-color: #7a86b8 !important;
    fill: #9cc253;
    color: #9cc253;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF;
    border-radius: 5px;
}

@media(max-width:768px){
body.page-id-13125 header.scrolled 
.elementor-element-390f08a3 
button.btn.rey-mainNavigation-mobileBtn.rey-headerIcon.__hamburger {
    filter: invert(0) !important;
}
}
/*core-php-speed-optimization-header-css-end*/

/*smarty-php-speed-optimization-header-css*/
body.page-id-13582.header-transp-gradient header.scrolled {
    position: fixed;
    background: #FFBF00;
    color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

@media (min-width: 768px) {
  body.page-id-13582.header-transp-gradient 
  .rey-mainMenu--desktop 
  .depth--0.menu-item-has-children.--is-regular 
  .sub-menu > .menu-item > a:hover {
      background-color: #FFBF00;
      color: #fff !important;
      opacity: 1;
  }

  body.page-id-13582.header-transp-gradient 
  ul#main-menu-desktop-390f08a3 li ul.sub-menu {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
      border-top: 5px solid #FFBF00;
  }
}

body.page-id-13582 
.elementor-element-4a9c884 .elementor-button {
    background-color: #FFBF00 !important;
    fill: #9cc253;
    color: #9cc253;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF;
    border-radius: 5px;
}

@media(max-width:768px){
body.page-id-13582 header.scrolled 
.elementor-element-390f08a3 
button.btn.rey-mainNavigation-mobileBtn.rey-headerIcon.__hamburger {
    filter: invert(0) !important;
}
}
/*smarty-php-speed-optimization-header-css-end*/

/*ci-speed-optimization-header-css*/
body.page-id-13610.header-transp-gradient header.scrolled {
    position: fixed;
    background: #CF3A1F;
    color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

@media (min-width: 768px) {
  body.page-id-13610.header-transp-gradient 
  .rey-mainMenu--desktop 
  .depth--0.menu-item-has-children.--is-regular 
  .sub-menu > .menu-item > a:hover {
      background-color: #CF3A1F;
      color: #fff !important;
      opacity: 1;
  }

  body.page-id-13610.header-transp-gradient 
  ul#main-menu-desktop-390f08a3 li ul.sub-menu {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
      border-top: 5px solid #CF3A1F;
  }
}

body.page-id-13610 
.elementor-element-4a9c884 .elementor-button {
    background-color: #CF3A1F !important;
    fill: #9cc253;
    color: #9cc253;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF;
    border-radius: 5px;
}

@media(max-width:768px){
body.page-id-13610 header.scrolled 
.elementor-element-390f08a3 
button.btn.rey-mainNavigation-mobileBtn.rey-headerIcon.__hamburger {
    filter: invert(0) !important;
}
}
/*ci-speed-optimization-header-css-end*/

/*custom-html-speed-optimization-header-css*/
body.page-id-14612.header-transp-gradient header.scrolled {
    position: fixed;
    background: #6640F4;
    color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

@media (min-width: 768px) {
  body.page-id-14612.header-transp-gradient 
  .rey-mainMenu--desktop 
  .depth--0.menu-item-has-children.--is-regular 
  .sub-menu > .menu-item > a:hover {
      background-color: #6640F4;
      color: #fff !important;
      opacity: 1;
  }

  body.page-id-14612.header-transp-gradient 
  ul#main-menu-desktop-390f08a3 li ul.sub-menu {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
      border-top: 5px solid #6640F4;
  }
}

body.page-id-14612 
.elementor-element-4a9c884 .elementor-button {
    background-color: #6640F4 !important;
    fill: #9cc253;
    color: #9cc253;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF;
    border-radius: 5px;
}

@media(max-width:768px){
body.page-id-14612 header.scrolled 
.elementor-element-390f08a3 
button.btn.rey-mainNavigation-mobileBtn.rey-headerIcon.__hamburger {
    filter: invert(0) !important;
}
}
/*custom-html-speed-optimization-header-css-end*/

/* our-work-pages-css */
@media(min-width:1200px){
body.header-white .elementor-222 .elementor-element.elementor-element-6ab9b75d {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 40px 0px 40px;
    transition: padding 0.5s ease !important;
}
body.header-white .scrolled .elementor-222 .elementor-element.elementor-element-6ab9b75d
{
    padding: 0px 50px 0px 50px;
}
}

@media(min-width:768px){
body.header-white .elementor-222 .elementor-element.elementor-element-6ab9b75d {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 30px 0px 30px;
    transition: padding 0.5s ease !important;
}
body.header-white .rey-mainMenu--desktop .depth--0.menu-item-has-children.--is-regular .sub-menu > .menu-item > a {
    min-width: 240px;
    transition: background-color 0.2s ease;
}
body.header-white .rey-mainMenu--desktop .depth--0.menu-item-has-children.--is-regular .sub-menu > .menu-item > a:hover {
    background-color: #6640f4;
    color:#fff !important;
    opacity:1;
}
body.header-white .rey-mainMenu--desktop 
.depth--0.menu-item-has-children.--is-regular 
.sub-menu > .menu-item > a:hover span {
    color: #fff !important;
}
body.header-white ul#main-menu-desktop-390f08a3 li ul.sub-menu {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    border-top: 5px solid #6640f4;
}
body.header-white .rey-mainMenu--desktop .depth--0.menu-item-has-children .sub-menu:not(.--ovh)>.menu-item>a span {
    display: inline-block;
    transition: transform .6s var(--easeoutcubic,ease-out);
    transform: translateY(100%);
    padding-left:15px;
    padding-right:15px; 
}

body.header-white header .rey-mainNavigation--desktop ul li ul.sub-menu li a:before {
    width: 20px!important;
    content: ""!important;
    position: absolute!important;
    height: 12px!important;
    left: 15px!important;
    background: url(https://cdn.w3speedup.com/wp-content/uploads/2023/05/left-arrow-icon.png) 0 0/contain no-repeat!important;
    top: 16px!important;
    transition: .3s ease-in-out!important;
    display:none;
}
}
body.header-white 
.elementor-element-4a9c884 .elementor-button {
    background-color: #6640f4 !important;
    fill: #9cc253;
    color: #9cc253;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF;
    border-radius: 5px;
}
body.page-id-7677,
body.page-id-11653,
body.page-id-11719,
body.page-id-11682,
body.page-id-11712,
body.page-id-42601,
body.page-id-42321,
body.page-id-42468,
body.page-id-42541 {
  .elementor-element-390f08a3 
  button.btn.rey-mainNavigation-mobileBtn.rey-headerIcon.__hamburger {
      filter: invert(0) !important;
  }
}

body.page-id-7677 header.scrolled,
body.page-id-11653 header.scrolled,
body.page-id-11719 header.scrolled,
body.page-id-11682 header.scrolled,
body.page-id-11712 header.scrolled,
body.page-id-42601 header.scrolled,
body.page-id-42321 header.scrolled,
body.page-id-42468 header.scrolled,
body.page-id-42541 header.scrolled {

  /* Scrolled state */
  .elementor-element-390f08a3 
  button.btn.rey-mainNavigation-mobileBtn.rey-headerIcon.__hamburger {
      filter: invert(1) !important;
  }
}

/* All-services-css-header */
.page-id-10394 .elementor-222 .elementor-element-6ab9b75d:not(.elementor-motion-effects-element-type-background)
{ 
     background-color: #2c2a6b !important;
}

@media (min-width: 768px) {
  body.page-id-10394.header-transp-gradient 
  .rey-mainMenu--desktop 
  .depth--0.menu-item-has-children.--is-regular 
  .sub-menu > .menu-item > a:hover {
      background-color: #2c2a6b;
      color: #fff !important;
      opacity: 1;
  }

  body.page-id-10394.header-transp-gradient 
  ul#main-menu-desktop-390f08a3 li ul.sub-menu {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
      border-top: 5px solid #2c2a6b;
  }
}

body.page-id-10394 
.elementor-element-4a9c884 .elementor-button {
    background-color: #2c2a6b !important;
    fill: #9cc253;
    color: #9cc253;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF;
    border-radius: 5px;
}

@media(max-width:768px){
body.page-id-10394 header.scrolled 
.elementor-element-390f08a3 
button.btn.rey-mainNavigation-mobileBtn.rey-headerIcon.__hamburger {
    filter: invert(0) !important;
}
}

/* All-services-css-header-end */


/*shopify-store-development-header-css*/
body.page-id-23593.header-transp-gradient header.scrolled {
    position: fixed;
    background: linear-gradient(90deg, #4a1fa3, #6a36c9, #8b5cf6) !important;   
    color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

@media (min-width: 768px) {
  body.page-id-23593.header-transp-gradient 
  .rey-mainMenu--desktop 
  .depth--0.menu-item-has-children.--is-regular 
  .sub-menu > .menu-item > a:hover {
      background: linear-gradient(90deg, #4a1fa3, #6a36c9, #8b5cf6) !important;
      color: #fff !important;
      opacity: 1;
  }

  body.page-id-23593.header-transp-gradient 
  ul#main-menu-desktop-390f08a3 li ul.sub-menu {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
      border-top: 5px solid #FFBF00;
  }
}

body.page-id-23593 
.elementor-element-4a9c884 .elementor-button {
   background: linear-gradient(90deg, #4a1fa3, #6a36c9, #8b5cf6) !important;
    fill: #9cc253;
    color: #9cc253;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF;
    border-radius: 5px;
}

@media(max-width:768px){
body.page-id-23593 header.scrolled 
.elementor-element-390f08a3 
button.btn.rey-mainNavigation-mobileBtn.rey-headerIcon.__hamburger {
    filter: invert(0) !important;
}
}
/*shopify-store-development-header-css-end*/

/*blog-header-css*/
body.page-id-47665.header-transp-gradient header.scrolled {
    position: fixed;
    background: #000000 !important; 
    color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

@media (min-width: 768px) {
  body.page-id-47665.header-transp-gradient 
  .rey-mainMenu--desktop 
  .depth--0.menu-item-has-children.--is-regular 
  .sub-menu > .menu-item > a:hover {
     background: #0243F3 !important;
      color: #fff !important;
      opacity: 1;
  }

  body.page-id-47665.header-transp-gradient 
  ul#main-menu-desktop-390f08a3 li ul.sub-menu {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
      border-top: 5px solid #0243F3;
  }
}

body.page-id-47665 
.elementor-element-4a9c884 .elementor-button {
    background: #0243F3 !important;
    fill: #9cc253;
    color: #9cc253;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF;
    border-radius: 5px;
}

@media(max-width:768px){
body.page-id-47665 header.scrolled 
.elementor-element-390f08a3 
button.btn.rey-mainNavigation-mobileBtn.rey-headerIcon.__hamburger {
    filter: invert(0) !important;
}
}
/*blog-header-css-end*/    


/* contact-us */
body.page-id-46467 i.--submenu-indicator.--submenu-indicator-plus {
    filter: invert(1);
}

.page-id-46467 header.scrolled i.--submenu-indicator.--submenu-indicator-plus {
    filter: invert(0);
}
/* contact-us-end */