/*
Theme Name: Client Name
Template: hello-elementor
Author: The Brandesign group
Description: A child theme for Hello Elementor
Version: 1.0
*/

:root {
  --site-color-black: #606160;
  --site-color-white: #F2F2F2;
  --site-color-yellow: #FFD400;
  --site-color-orange: #F19321;
  --site-color-orange-red: #F05530;
  --site-color-deep-red: #C02026;
  --site-color-fuchsia-rose: #BC3091;
  --site-color-purple: #9155A1;
  --site-color-blue: #3272B8;
  --site-color-lite-blue: #7BCFE6;
  --site-color-lite-green: #6CBD45;
  --site-color-green: #3B803E;

}

/* ------------------------GLOBALS ------------------------*/

/* Font */
#regular-font {
  font-weight: 400;
}

html,
body {
  overflow-x: hidden;
  overflow-y: auto;
  /* keep vertical scroll */
}

/* ---------------- Padding ----------------  */
.top-bottom {
  padding: 60px 10px;
}

.wau-service-padding {
  padding-top: 60px;
  padding-bottom: 40px;
}

.remove-margin p {
  margin-bottom: 0px;
}

.sm-padding {
  padding-top: 40px;
  padding-bottom: 40px;
}

/* ---------------- Buttons ---------------- */

.elementor-button-content-wrapper {
  align-items: center;
  gap: 15px !important;
}

.normal-btn a .elementor-button-icon {
  background: var(--site-color-white);
  padding: 8px 30px;
  font-size: 20px;
  border-radius: 25px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.normal-black-btn a .elementor-button-text {
  color: var(--site-color-black);
}

.normal-black-btn a .elementor-button-icon {
  background: var(--site-color-black);
  padding: 8px 30px;
  font-size: 25px;
  border-radius: 25px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  color: var(--site-color-white);

}

.normal-white-btn a .elementor-button-text {
  color: var(--site-color-white);
}

.normal-white-btn a .elementor-button-icon {
  background: var(--site-color-black);
  padding: 8px 30px;
  font-size: 25px;
  border-radius: 25px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  color: var(--site-color-white);
}

.service-btn a {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16) !important;
  background: #fff;
  padding: 7px 30px;
  border-radius: 25px;
}

.service-btn a .elementor-button-icon {
  font-size: 25px;
}


.white-bg-btn a .elementor-button-text {
  color: var(--site-color-white);
  font-size: 25px;
  font-weight: bold;
  text-transform: lowercase;
}

.white-bg-btn a .elementor-button-icon {
  background: var(--site-color-white);
  padding: 8px 30px;
  font-size: 25px;
  border-radius: 25px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  color: var(--site-color-white);
}



.blue-bg-btn a .elementor-button-text {
  color: #1AD9C6;
}

.blue-bg-btn a .elementor-button-icon {
  background: #fff;
  padding: 8px 30px;
  font-size: 25px;
  border-radius: 25px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  color: #1AD9C6;
}

.black-text-bg-btn a .elementor-button-text {
  color: var(--site-color-black);
  font-size: 25px;
  font-weight: bold;
  text-transform: lowercase;
}

.black-text-bg-btn a .elementor-button-icon {
  background: #fff;
  padding: 8px 30px;
  font-size: 25px;
  border-radius: 25px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.wpc-tab:hover {
  background-color: #3b803e !important;
  color: #fff !important;
  text-decoration: none;
}

.wpc-tab:active {
  background-color: #3b803e !important;
  color: #fff !important;
  text-decoration: none;
}

.wpc-wrap-frontend {
  color: #595A59;
  padding: 30px !important;
  border-radius: 10px;
}

.wpc-panel {
  height: 550px;
}

.service-icon img {
  transition: transform 0.3s ease;
}

.service-icon img:hover {
  transform: translateY(-10px);
}





@keyframes bounce-rotate {
  0% {
    transform: rotate(0deg) translateY(0);
  }

  25% {
    transform: rotate(10deg) translateY(-8px);
  }

  50% {
    transform: rotate(20deg) translateY(0);
  }

  75% {
    transform: rotate(10deg) translateY(-4px);
  }

  100% {
    transform: rotate(20deg) translateY(0);
  }
}

/* ------------------------END GLOBALS ------------------------*/

/* ------------------------BUTTONS ------------------------*/



/* ------------------------END BUTTONS ------------------------*/




/* ------------------------Media Query ------------------------*/


/* ------------------------Mobile Query------------------------*/
@media only screen and (max-width: 600px) {

  /* --------------GLOBALS --------------*/
  .top-bottom {
    padding: 20px 10px;
  }

  .bd-wau-2 {
    font-weight: bold !important;
  }

}

/* ------------------------End Mobile Query------------------------*/

/* ------------------------Tablet Mobile Query ------------------------*/

@media only screen and (min-width: 601px) and (max-width: 1024px) {
  /* Styles for tablets (portrait and landscape) */


}


@media only screen and (min-width:1025px) and (max-width:1339px) {
  .bd-home-head::before {
    background-size: 62% auto !important;
  }
}

/* Responsive tweak (optional) */
@media (max-width: 767px) {
  .elementor-element.bd-thumbnail.elementor-widget-video .elementor-wrapper {
    height: 300px;
    /* mobile thumb height */
  }

  .elementor-button-content-wrapper {
    align-items: center;
    gap: 10px !important;
  }

  .white-bg-btn a .elementor-button-text {
    color: var(--site-color-white);
    font-size: 16px;
    font-weight: bold;
    text-transform: lowercase;
  }

  .white-bg-btn a .elementor-button-icon {
    font-size: 15px;
  }

  .black-text-bg-btn a .elementor-button-text {
    color: var(--site-color-black);
    font-size: 16px;
    font-weight: bold;
    text-transform: lowercase;
  }

  .black-text-bg-btn a .elementor-button-icon {
    padding: 8px 30px;
    font-size: 15px;
  }

  .wpc-panel {
    height: auto;
  }

  .wpc-row {
    flex-direction: column;
  }

  .wpc-wrap-frontend {
    padding: 10px !important;
  }

  .wpc-card .wpc-tier-title {
    text-align: center;
  }

  .wpc-tier-range {
    text-align: center;
  }


}