:root {
    /* COLORS */
    --color--black                                           : #000000;
    --color--white                                           : #ffffff;
    --color--pale-pink                                       : #f78da7;
    --color--vivid-red                                       : #cf2e2e;
    --color--luminous-vivid-orange                           : #ff6900;
    --color--light-green-cyan                                : #7bdcb5;
    --color--vivid-green-cyan                                : #00d084;
    --color--pale-cyan-blue                                  : #8ed1fc;
    --color--vivid-purple                                    : #9b51e0;
    /* GRADIENTS */
    --gradient--vivid-cyan-blue-to-vivid-purple              : linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
    --gradient--light-green-cyan-to-vivid-green-cyan         : linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --gradient--luminous-vivid-orange-to-vivid-red           : linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    --gradient--very-light-gray-to-cyan-bluish-gray          : linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --gradient--cool-to-warm-spectrum                        : linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --gradient--blush-light-purple                           : linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --gradient--blush-bordeaux                               : linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --gradient--luminous-dusk                                : linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --gradient--pale-ocean                                   : linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --gradient--electric-grass                               : linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --gradient--midnight                                     : linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    /* ID */
    --wp--preset--duotone--dark-grayscale                    : url('#wp-duotone-dark-grayscale');
    --wp--preset--duotone--grayscale                         : url('#wp-duotone-grayscale');
    --wp--preset--duotone--purple-yellow                     : url('#wp-duotone-purple-yellow');
    --wp--preset--duotone--blue-red                          : url('#wp-duotone-blue-red');
    --wp--preset--duotone--midnight                          : url('#wp-duotone-midnight');
    --wp--preset--duotone--magenta-yellow                    : url('#wp-duotone-magenta-yellow');
    --wp--preset--duotone--purple-green                      : url('#wp-duotone-purple-green');
    --wp--preset--duotone--blue-orange                       : url('#wp-duotone-blue-orange');
    /* FONTS */
    --font-size--small                                       : 13px;
    --font-size--medium                                      : 20px;
    --font-size--large                                       : 36px;
    --font-size--x-large                                     : 42px;
  }

  .d-f-center {
    display        : flex;
    justify-content: center;
    align-items    : center;
  }

  .color-white {
    color: var(--color--white) !important;
  }

  /* SCROLLBAR */
  body::-webkit-scrollbar-track {
    box-shadow           : inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color     : #F5F5F5;
    border-radius        : 5px 5px 10px 10px;
    -webkit-border-radius: 5px 5px 10px 10px;
    -moz-border-radius   : 5px 5px 10px 10px;
    -ms-border-radius    : 5px 5px 10px 10px;
    -o-border-radius     : 5px 5px 10px 10px;
  }

  body::-webkit-scrollbar {
    width           : 12px;
    background-color: #F5F5F5;
  }

  body::-webkit-scrollbar-thumb {
    box-shadow           : inset 0 0 6px rgba(0, 0, 0, .3);
    background-color     : #b8a637;
    border-radius        : 5px 5px 10px 10px;
    -webkit-border-radius: 5px 5px 10px 10px;
    -moz-border-radius   : 5px 5px 10px 10px;
    -ms-border-radius    : 5px 5px 10px 10px;
    -o-border-radius     : 5px 5px 10px 10px;
  }

  .bg-crimson-gold {
    background: #c4b243 !important;
  }

  .crimson-gold-text {
    color: #c4b243 !important;
  }

  .bg-fast-pink {
    background: #c4b243 !important;
  }

  .fast-pink-text {
    color: #c4b243 !important;
  }

  .hover-box-text .title-medium:before {
    background: #c4b243 !important;
    content   : "";
    height    : 4px;
    left      : 53px;
    position  : absolute;
    top       : 62px;
    width     : 15px;
  }

  .grid-style6 .grid h3:after {
    border-bottom: 8px solid #c4b243 !important;
    content      : "";
    left         : 0;
    right        : 0;
    position     : absolute;
    bottom       : -25px;
    width        : 40%;
    margin       : 0 auto;
  }

  @media (max-width: 991px) {
    .logo-h {
      width : 50px !important;
      height: 50px !important;
    }

    .text-logo {
      display: none !important;
    }
  }