/**
* Theme Name: Binox Child
* Description: This is a child theme of binox, generated by Merlin WP.
* Author: <a href="http://themeforest.net/user/crowdytheme">CrowdyTheme</a>
* Template: binox
* Version: 1.0
*/

:root{--c:#00BEC7;--ch:#00d4de;--co:#00bec740;--cs:#00000040}

.btn-pulse{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;border:none;border-radius:30px;padding:0.75em 0.25em 0.75em 0.66em;font-family:"Inter",sans-serif;font-weight:500;font-size:1rem;color:#fff ;background:var(--c);box-shadow:0 0 0.2em 0 var(--c);animation:bp-ripple 1s linear infinite,bp-colorize 1s infinite;transition:0.5s}
.btn-pulse:active{transform:scale(0.95)}
.btn-pulse:hover{box-shadow:0 0 1.5em 0 var(--c);transition:0.3s}
.btn-pulse span{margin-right:0.3em}
.btn-pulse svg{height:0.8em;fill:#fff ;margin-right:0.66em;position:relative}
.btn-pulse svg polygon:nth-child(1){animation:bp-op 1s infinite 0.6s}
.btn-pulse svg polygon:nth-child(2){animation:bp-op 1s infinite 0.4s}
.btn-pulse svg polygon:nth-child(3){animation:bp-op 1s infinite 0.2s}

.btn-hover{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;border:none;border-radius:30px;padding:0.5em 0 0.5em 0.66em;font-family:"Inter",sans-serif;font-weight:500;font-size:1rem;color:#fff;background:var(--c);box-shadow:0 0 0.2em 0 var(--c);transition:1s}
.btn-hover:active{transform:scale(0.95)}
.btn-hover:hover{outline:0.1em solid transparent;outline-offset:0.2em;box-shadow:0 0 1em 0 var(--c);animation:bp-ripple 1s linear infinite,bp-colorize 1s infinite;transition:0.5s}
.btn-hover span{margin-right:0.3em;transition:0.5s}
.btn-hover:hover span{text-shadow:5px 5px 5px var(--cs)}
.btn-hover svg{height:0.8em;fill:#fff;margin-right:-0.16em;position:relative;transition:0.5s}
.btn-hover:hover svg{margin-right:0.66em;transition:0.5s;filter:drop-shadow(5px 5px 2.5px var(--cs))}
.btn-hover:active svg{filter:none}
.btn-hover svg polygon:nth-child(1){transition:0.4s;transform:translateX(-60%)}
.btn-hover svg polygon:nth-child(2){transition:0.5s;transform:translateX(-30%)}
.btn-hover:hover svg polygon:nth-child(1){transform:translateX(0%);animation:bp-op 1s infinite 0.6s}
.btn-hover:hover svg polygon:nth-child(2){transform:translateX(0%);animation:bp-op 1s infinite 0.4s}
.btn-hover:hover svg polygon:nth-child(3){animation:bp-op 1s infinite 0.2s}

.btn-pulse,
.btn-pulse:hover,
.btn-pulse:focus,
.btn-pulse:visited {
  color: #fff !important;
}

.btn-hover,
.btn-hover:hover,
.btn-hover:focus,
.btn-hover:visited {
  color: #fff !important;
}

@keyframes bp-op{0%{opacity:1}50%{opacity:0}100%{opacity:1}}
@keyframes bp-colorize{0%{background:var(--c)}50%{background:var(--ch)}100%{background:var(--c)}}
@keyframes bp-ripple{0%{outline:0em solid transparent;outline-offset:-0.1em}50%{outline:0.2em solid var(--co);outline-offset:0.2em}100%{outline:0.4em solid transparent;outline-offset:0.4em}}


.elementor-16217 .elementor-element.elementor-element-25792ad .title::after {
    content: '\2192' !important;
    font-family: inherit !important;
    font-size: 18px !important;
    transform: rotate(-45deg) !important;
}
.grecaptcha-badge {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.wcf-scroll-to-top.scroll-to-circle {
  display: none !important;
}

.custom-scroll-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #00BEC7;
  border: none;
  font-weight: 600;
  display: none;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 0px 4px rgba(0, 190, 199, 0.25);
  cursor: pointer;
  transition-duration: 0.3s;
  overflow: hidden;
  position: fixed;
  z-index: 9999;
}

.custom-scroll-top.show {
  display: flex;
}

.custom-scroll-top .svgIcon {
  width: 12px;
  transition-duration: 0.3s;
}

.custom-scroll-top .svgIcon path {
  fill: #fff;
}

.custom-scroll-top:hover {
  width: 140px;
  border-radius: 50px;
  transition-duration: 0.3s;
  background-color: #00d4de;
  align-items: center;
}

.custom-scroll-top:hover .svgIcon {
  transition-duration: 0.3s;
  transform: translateY(-200%);
}

.custom-scroll-top::before {
  position: absolute;
  bottom: -20px;
  content: "Back to Top";
  color: #fff;
  font-size: 0px;
}

.custom-scroll-top:hover::before {
  font-size: 13px;
  opacity: 1;
  bottom: unset;
  transition-duration: 0.3s;
}

/* home page testimonials */
.testimonials-custom-home .slide {
  display: flex !important;
  flex-direction: column !important;
  border-radius: 30px 30px 0 0 !important;
  overflow: hidden !important;
  background: #fff;
}

.testimonials-custom-home .slide .picture {
  width: 100% !important;
  height: 380px !important;
  min-height: 380px !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  float: none !important;
}

.testimonials-custom-home .slide .picture img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  max-width: none !important;
}

.testimonials-custom-home .slide .content {
  display: flex !important;
  flex-direction: column !important;
  padding: 1rem 1.5rem 1.5rem !important;
  flex: 1 !important;
  width: 100% !important;
}

.testimonials-custom-home .slide .content .image {
  margin-bottom: 0.5rem !important;
}

.testimonials-custom-home .slide .content .feedback {
  flex: 1 !important;
  margin-bottom: 1.5rem !important;
}

.testimonials-custom-home .slide .content .name {
  text-align: right !important;
  font-weight: 600 !important;
  display: block !important;
  width: 100% !important;
  border-left: none !important;
  padding-left: 0 !important;
  margin-top: auto !important;
  position: relative !important;
}

.testimonials-custom-home .slide .content .designation {
  text-align: right !important;
  color: #888 !important;
  font-size: 0.875rem !important;
  display: block !important;
  width: 100% !important;
  border-left: none !important;
  padding-left: 0 !important;
}

.testimonials-custom-home .wcf__testimonial-2.style-1 .slide {
  gap: 40px !important;
}
/* end home page testimonials */

@media (max-width: 767px) {
/* btn-pulse home page*/
  .elementor-element-f713ec0 {
    width: 100% ;
  }
  
  a.btn-full-mobile {
    width: 100% ;
    display: flex ;
    justify-content: center;
    box-sizing: border-box ;
  }
/* end btn-pulse home page */
	
/* btn see our work home page */
  .btn-see-our-work-home {
    width: 100%;
  }
  
  .btn-see-our-work-home .elementor-widget-container,
  .btn-see-our-work-home .wc-btn-wrapper,
  .btn-see-our-work-home .wc-btn-primary {
    width: 100%;
    display: block;
    text-align: center;
    box-sizing: border-box;
  }
/* end btn see our work home page */

/* testimonials home page */
  #testimonials-custom-slider .wcf-arrow {
    top: 55% !important;
    transform: translateY(-50%) !important;
  }
/* end testimonials home page */
}
