/*
Animation delay
*/
.animate__animated.animate__delay-100ms{-webkit-animation-delay:0.1s;animation-delay:0.1s;-webkit-animation-delay:calc(var(--animate-delay)*0.1);animation-delay:calc(var(--animate-delay)*0.1)}
.animate__animated.animate__delay-200ms{-webkit-animation-delay:0.2s;animation-delay:0.2s;-webkit-animation-delay:calc(var(--animate-delay)*0.2);animation-delay:calc(var(--animate-delay)*0.2)}
.animate__animated.animate__delay-300ms{-webkit-animation-delay:0.3s;animation-delay:0.3s;-webkit-animation-delay:calc(var(--animate-delay)*0.3);animation-delay:calc(var(--animate-delay)*0.3)}
.animate__animated.animate__delay-400ms{-webkit-animation-delay:0.4s;animation-delay:0.4s;-webkit-animation-delay:calc(var(--animate-delay)*0.4);animation-delay:calc(var(--animate-delay)*0.4)}
.animate__animated.animate__delay-500ms{-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-delay:calc(var(--animate-delay)*0.5);animation-delay:calc(var(--animate-delay)*0.5)}
.animate__animated.animate__delay-600ms{-webkit-animation-delay:0.6s;animation-delay:0.6s;-webkit-animation-delay:calc(var(--animate-delay)*0.6);animation-delay:calc(var(--animate-delay)*0.6)}
.animate__animated.animate__delay-700ms{-webkit-animation-delay:0.7s;animation-delay:0.7s;-webkit-animation-delay:calc(var(--animate-delay)*0.7);animation-delay:calc(var(--animate-delay)*0.7)}
.animate__animated.animate__delay-800ms{-webkit-animation-delay:0.8s;animation-delay:0.8s;-webkit-animation-delay:calc(var(--animate-delay)*0.8);animation-delay:calc(var(--animate-delay)*0.8)}
.animate__animated.animate__delay-900ms{-webkit-animation-delay:0.9s;animation-delay:0.9s;-webkit-animation-delay:calc(var(--animate-delay)*0.9);animation-delay:calc(var(--animate-delay)*0.9)}
.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:calc(var(--animate-delay)*1);animation-delay:calc(var(--animate-delay)*1)}

/*
Animation duration
*/
.animate__animated.animate__duration-100ms{-webkit-animation-duration:0.1s;animation-duration:0.1s;-webkit-animation-duration:calc(var(--animate-duration)*0.1);animation-duration:calc(var(--animate-duration)*0.1)}
.animate__animated.animate__duration-200ms{-webkit-animation-duration:0.2s;animation-duration:0.2s;-webkit-animation-duration:calc(var(--animate-duration)*0.2);animation-duration:calc(var(--animate-duration)*0.2)}
.animate__animated.animate__duration-300ms{-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-duration:calc(var(--animate-duration)*0.3);animation-duration:calc(var(--animate-duration)*0.3)}
.animate__animated.animate__duration-400ms{-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-duration:calc(var(--animate-duration)*0.4);animation-duration:calc(var(--animate-duration)*0.4)}
.animate__animated.animate__duration-500ms{-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-duration:calc(var(--animate-duration)*0.5);animation-duration:calc(var(--animate-duration)*0.5)}
.animate__animated.animate__duration-600ms{-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-animation-duration:calc(var(--animate-duration)*0.6);animation-duration:calc(var(--animate-duration)*0.6)}
.animate__animated.animate__duration-700ms{-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-duration:calc(var(--animate-duration)*0.7);animation-duration:calc(var(--animate-duration)*0.7)}
.animate__animated.animate__duration-800ms{-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}
.animate__animated.animate__duration-900ms{-webkit-animation-duration:0.9s;animation-duration:0.9s;-webkit-animation-duration:calc(var(--animate-duration)*0.9);animation-duration:calc(var(--animate-duration)*0.9)}
.animate__animated.animate__duration-1s{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:calc(var(--animate-duration)*1);animation-duration:calc(var(--animate-duration)*1)}

/*
Transitions
*/
.transition-transform-025 {
    transition: transform .025s !important;
  }
.transition-transform-1 {
  transition: transform .25s !important;
}
.transition-transform-2 {
  transition: transform .5s;
}
.transition-transform-3 {
  transition: transform 1s;
}
.transition-transform-4 {
  transition: transform 1.5s;
}
.transition-transform-5 {
  transition: transform 3s;
}
.transition-all
{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/*
Blur
*/
.blur-5
{
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
}

/*
Transform - 1 = 100% | 1.5 = 150%
*/
.transform-scale-1:hover {
  transform: scale(1.25);
}
.transform-scale-2:hover {
  transform: scale(1.5);
}
.transform-scale-3:hover {
  transform: scale(2);
}
.transform-scale-4:hover {
  transform: scale(2.5);
}
.transform-scale-5:hover {
  transform: scale(3);
}

/*
Border color
*/
.border-none{border:none;}
.border-end-gray-1{border-right: solid 1px var(--bs-gray) !important;}
@media (min-width: 768px){.border-md-x-gray-1{border-top: solid 1px var(--bs-gray) !important;border-bottom: solid 1px var(--bs-gray) !important;}}
.border-y-gray-1{border-left: solid 1px var(--bs-gray) !important;border-right: solid 1px var(--bs-gray) !important;}
@media (min-width: 768px){.border-md-y-gray-0{border-left: 0 !important;border-right: 0 !important;}}
.border-x-gray-1{border-top: solid 1px var(--bs-gray) !important;border-bottom: solid 1px var(--bs-gray) !important;}
.border-bottom-gray-dark-1{border-bottom: solid 1px var(--bs-gray-dark) !important;}
.border-bottom-gray-light-1{border-bottom: solid 1px var(--bs-gray-light) !important;}
@media (min-width: 768px){.border-x-md-gray-0{border-top:0 !important;border-bottom:0 !important;}}
.border-bottom-gray-1{border-bottom: solid 1px var(--bs-gray) !important;}
/*@media (min-width: 768px){.border-md-bottom-gray-1{border-bottom: solid 1px var(--bs-gray) !important;}}*/
.border-gray-1{border: solid 1px var(--bs-gray) !important;}
@media (min-width: 768px){.border-md-x-grays-0{border-top: 0 !important;border-bottom: 0 !important;}}
.border-input-0>input, .border-textarea-0>textarea{border: none !important;}
.rounded-input-0>input, .rounded-textarea-0>textarea{border-radius: unset !important;}

/*
input placeholder AND caret
*/
.caret-white{color:var(--bs-white); caret-color: var(--bs-white);}
.caret-white::placeholder{/* Chrome, Firefox, Opera, Safari 10.1+ */color: var(--bs-white);/* Firefox */opacity: 1;}
.caret-white:-ms-input-placeholder{/* Internet Explorer 10-11 */color: var(--bs-white);}
.caret-white::-ms-input-placeholder{/* Microsoft Edge */color: var(--bs-white);}
.caret-gray-dark{color:var(--bs-gray-dark); caret-color: var(--bs-gray-dark);}
.caret-gray-dark::placeholder{/* Chrome, Firefox, Opera, Safari 10.1+ */color: var(--bs-gray-dark);/* Firefox */opacity: 1;}
.caret-gray-dark:-ms-input-placeholder{/* Internet Explorer 10-11 */color: var(--bs-gray-dark);}
.caret-gray-dark::-ms-input-placeholder{/* Microsoft Edge */color: var(--bs-gray-dark);}

/*
Tools
*/
.outline-none{outline:none !important;}
.bg-none{background: none !important;}

/*
Transition & transform
*/
.transition-transform-img-child-5 > span > svg,.transition-transform-img-child-5 > svg{transition: transform .3s !important;}
.transform-translateX-img-child-1:hover > span > svg,.transform-translateX-img-child-1:hover > svg{transform: translateX(0.5em) !important;}
.transform-translateX-img-child-1:hover > span > svg,.transform-translateX-img-child-1:hover > svg{transform: translateX(0.5em) !important;}
.transform-rotate-360:hover > svg{transform: rotate(360deg) !important;}

.transition-transform-svg-02:hover > svg{transition: transform .2s !important;}
.transform-scale-svg-125:hover > svg {transform: scale(1.25) !important;}

/*
Hr
*/
.hr-height-1{height: 1px !important;}

/*
Btn
*/
.py-button-1{padding-top: 1rem !important;padding-bottom: 1rem !important;}
.py-button-sm {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important;}

/*
Z-index
*/
.z-index-9
{
  z-index: 9990;
}
.z-index-8
{
  z-index: 8888;
}
.z-index-7
{
  z-index: 7777;
}
.z-index-6
{
  z-index: 6666;
}
.z-index-5
{
  z-index: 5555;
}

/*
Image
*/
.object-fit-cover{object-fit:cover;}
@media (min-width: 768px){
  .text-md-wrap-break-unset {
    word-wrap: unset !important;
    word-break: unset !important;
  }
}

/*
Neg margin
*/
.mt-n4{margin-top: -1.5rem;}
.mt-n5{margin-top: -3rem;}
@media(min-width: 768px){.mt-md-n14{margin-top: -6rem;}}
@media(min-width: 768px){.mt-md-n5{margin-top: -3rem;}}
@media(min-width: 768px){.ms-md-n5{margin-left: -5%;}}
@media(min-width: 768px){.ms-md-n11{margin-left: -11%;}}
@media(min-width: 768px){.mb-md-n5{margin-bottom: -3rem;}}

/*
Ouline
*/
.outline-0{outline: unset;}

/*
Height
*/
@media(min-width: 768px){.h-md-100{height:100%;}}
@media(min-width: 768px){.h-md-200{height:45vh;}}
.mh-vh-60{min-height: 60vh !important;}
.mh-vh-40{min-height: 40vh !important;}
@media(min-width: 768px){.ms-md-pc-10{margin-left: 10% !important;}}


/*
Width
*/
.w-150{width: 150% !important;}
@media(min-width: 992px){.w-lg-32{width: 32% !important;}}
@media(min-width: 768px){.w-md-75{width: 75%;}}

/*
Position
*/
@media(min-width: 576px){.fixed-sm-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9999;
}}
.start-75{left: 75% !important;}





/*
SM
*/
@media (min-width: 576px)
{
    .position-sm-absolute {position: absolute !important;}
}


@media(min-width: 768px)
{
  .top-md-0{top: 0;}
  .left-md-0{left: 0;}
  .start-md-50{left: 50% !important;}
  .start-md-100{left: 100% !important;}
  /*.start-md-100 {left: 0 !important;}*/
  .top-md-100 {top: 100% !important;}
  .top-md-50 {top: 50% !important;}
  .end-md-0{right:0;}
  .position-md-absolute {position: absolute !important;}
  .translate-md-middle-y {transform: translateY(-50%) !important;}
  .translate-md-middle-x {transform: translateX(-50%) !important;}
}

@media(min-width: 992px)
{
    .start-lg-50{left: 50% !important;}
  .translate-lg-middle-x {transform: translateX(-50%) !important;}
}

/*
Overflow
*/
.overflow-hidden-x
{
  overflow-x: hidden !important;
}
/*
Cursor
*/
.cursor-pointer
{
    cursor: pointer !important;
}
/*
Text
*/
.fs-reset{font-size:initial !important;}
@media(min-width: 992px)
{
    /* .fs-lg-reset{font-size:initial !important;} */
}

/*
Button blue
*/
.btn-blue {
    color: var(--bs-white);
    background-color: var(--bs-btn-blue);
    border-color: var(--bs-btn-blue);
  }
  .btn-blue:hover {
    color: var(--bs-white);
    background-color: var(--bs-btn-blue-hover);
    border-color: var(--bs-btn-blue-hover-border);
  }
  .btn-check:focus + .btn-blue, .btn-blue:focus {
    color: var(--bs-white);
    background-color: var(--bs-btn-blue-hover);
    border-color: var(--bs-btn-blue-hover-border);
    box-shadow: none;
  }
  .btn-check:checked + .btn-blue, .btn-check:active + .btn-blue, .btn-blue:active, .btn-blue.active, .show > .btn-blue.dropdown-toggle {
    color: var(--bs-white);
    background-color: var(--bs-btn-blue-hover-border);
    border-color: var(--bs-btn-blue-checked-border);
  }
  .btn-check:checked + .btn-blue:focus, .btn-check:active + .btn-blue:focus, .btn-blue:active:focus, .btn-blue.active:focus, .show > .btn-blue.dropdown-toggle:focus {
    box-shadow: none;
  }
  .btn-blue:disabled, .btn-blue.disabled {
    color: var(--bs-white);
    background-color: var(--bs-btn-blue);
    border-color: var(--bs-btn-blue);
  }
  
  /*
  Button gray
  */
  .btn-gray {
    color: var(--bs-gray-dark);
    background-color: var(--bs-btn-gray);
    border-color: var(--bs-btn-gray);
  }
  .btn-gray:hover {
    color: var(--bs-gray-dark);
    background-color: var(--bs-btn-gray-hover);
    border-color: var(--bs-btn-gray-hover-border);
  }
  .btn-check:focus + .btn-gray, .btn-gray:focus {
    color: var(--bs-gray-dark);
    background-color: var(--bs-btn-gray-hover);
    border-color: var(--bs-btn-gray-hover-border);
    box-shadow: none;
  }
  .btn-check:checked + .btn-gray, .btn-check:active + .btn-gray, .btn-gray:active, .btn-gray.active, .show > .btn-gray.dropdown-toggle {
    color: var(--bs-gray-dark);
    background-color: var(--bs-btn-gray-hover-border);
    border-color: var(--bs-btn-gray-checked-border);
  }
  .btn-check:checked + .btn-gray:focus, .btn-check:active + .btn-gray:focus, .btn-gray:active:focus, .btn-gray.active:focus, .show > .btn-gray.dropdown-toggle:focus {
    box-shadow: none;
  }
  .btn-gray:disabled, .btn-gray.disabled {
    color: var(--bs-gray-dark);
    background-color: var(--bs-btn-gray);
    border-color: var(--bs-btn-gray);
  }
  
  /*
  Button white
  */
  .btn-white {
      color: var(--bs-gray-dark);
      background-color: var(--bs-btn-white);
      border-color: var(--bs-btn-white);
    }
    .btn-white:hover {
      color: var(--bs-gray-dark);
      background-color: var(--bs-btn-white-hover);
      border-color: var(--bs-btn-white-hover-border);
    }
    .btn-check:focus + .btn-white, .btn-white:focus {
      color: var(--bs-gray-dark);
      background-color: var(--bs-btn-white-hover);
      border-color: var(--bs-btn-white-hover-border);
      box-shadow: none;
    }
    .btn-check:checked + .btn-white, .btn-check:active + .btn-white, .btn-white:active, .btn-white.active, .show > .btn-white.dropdown-toggle {
      color: var(--bs-gray-dark);
      background-color: var(--bs-btn-white-hover-border);
      border-color: var(--bs-btn-white-checked-border);
    }
    .btn-check:checked + .btn-white:focus, .btn-check:active + .btn-white:focus, .btn-white:active:focus, .btn-white.active:focus, .show > .btn-white.dropdown-toggle:focus {
      box-shadow: none;
    }
    .btn-white:disabled, .btn-white.disabled {
      color: var(--bs-gray-dark);
      background-color: var(--bs-btn-white);
      border-color: var(--bs-btn-white);
    }

/*
Background
*/
.bg-size-cover{background-size: cover !important;}
.bg-no-repeat{background-repeat: repeat-y !important;}
.bg-position-center-center{background-position: center center;}



.g-6, .gy-6 {
  --bs-gutter-y: 4rem !important;
}
.g-6, .gx-6 {
  --bs-gutter-x: 4rem !important;
}

.g-7, .gy-7 {
  --bs-gutter-y: 7rem !important;
}
.g-7, .gx-7 {
  --bs-gutter-x: 7rem !important;
}

.g-8, .gy-8 {
  --bs-gutter-y: 9rem !important;
}
.g-8, .gx-8 {
  --bs-gutter-x: 9rem !important;
}

.g-9, .gy-9 {
  --bs-gutter-y: 12rem !important;
}
.g-9, .gx-9 {
  --bs-gutter-x: 12rem !important;
}
  
.g-10, .gy-10 {
  --bs-gutter-y: 15rem !important;
}
.g-10, .gx-10 {
  --bs-gutter-x: 15rem !important;
}

/*
MD
*/
@media (min-width: 768px)
{
  .g-md-6, .gy-md-6 {
    --bs-gutter-y: 4rem !important;
  }
  .g-md-6, .gx-md-6 {
    --bs-gutter-x: 4rem !important;
  }
  
  .g-md-7, .gy-md-7 {
    --bs-gutter-y: 7rem !important;
  }
  .g-md-7, .gx-md-7 {
    --bs-gutter-x: 7rem !important;
  }
  
  .g-md-8, .gy-md-8 {
    --bs-gutter-y: 9rem !important;
  }
  .g-md-8, .gx-md-8 {
    --bs-gutter-x: 9rem !important;
  }
  
  .g-md-9, .gy-md-9 {
    --bs-gutter-y: 12rem !important;
  }
  .g-md-9, .gx-md-9 {
    --bs-gutter-x: 12rem !important;
  }
  
  .g-md-10, .gy-md-10 {
    --bs-gutter-y: 15rem !important;
  }
  .g-md-10, .gx-md-10 {
    --bs-gutter-x: 15rem !important;
  }
}

/*
XL
*/
@media (min-width: 1200px)
{
  .g-xl-6, .gy-xl-6 {
    --bs-gutter-y: 4rem !important;
  }
  .g-xl-6, .gx-xl-6 {
    --bs-gutter-x: 4rem !important;
  }
  
  .g-xl-7, .gy-xl-7 {
    --bs-gutter-y: 7rem !important;
  }
  .g-xl-7, .gx-xl-7 {
    --bs-gutter-x: 7rem !important;
  }
  
  .g-xl-8, .gy-xl-8 {
    --bs-gutter-y: 9rem !important;
  }
  .g-xl-8, .gx-xl-8 {
    --bs-gutter-x: 9rem !important;
  }
  
  .g-xl-9, .gy-xl-9 {
    --bs-gutter-y: 12rem !important;
  }
  .g-xl-9, .gx-xl-9 {
    --bs-gutter-x: 12rem !important;
  }
  
  .g-xl-10, .gy-xl-10 {
    --bs-gutter-y: 15rem !important;
  }
  .g-xl-10, .gx-xl-10 {
    --bs-gutter-x: 15rem !important;
  }
}