/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

header.mfn-header-tmpl{z-index: 999;}
header ul.mfn-header-menu li a{
    font-size: 13px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: .5px;
}

.home-hero__explore {
    z-index: 5;
    background-color: #161717;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 200px;
    height:200px;
    padding: 15px;
    display: flex;
    position: absolute;
    inset: 51% auto auto -19%;
    transform: translateY(-50%)
}

.explore-project-bg {
    pointer-events: none;
    color: #fff;
     animation: rotate 20s linear infinite;
}

.explore-project {
    z-index: 3;
    background-color: #ffffff0d;
    border: 1px solid #ffffff26;
    border-radius: 50%;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height:100%;
    max-width: 100%;
    font-size: 0;
    line-height: 0%;
    display: flex;
    position: relative
}

.explore-project.home-hero__explore {
    z-index: 3;
    width: 34%;
    max-width: 184px;
    height: 27%;
    max-height: 184px;
    position: absolute;
    inset: 28% auto auto -16%
}

.explore-project.size-full {
    width: 100%;
    height: 100%;
}

.explore-project-badge {
    text-align: center;
    background-color: #bfff00;
    border-radius: 50%;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    display: flex;
    position: absolute;
    overflow: hidden
}

.scroll-down-icon.new {
    justify-content: center;
    align-items: center;
    display: flex
}

.scroll-down-icon{
    color: #1d1e1f;
    width: auto;
    height: auto;
    line-height: 100%;
    transition: transform 0.3s ease-in-out;
}

/* On hover, arrow bounces */
.explore-project:hover .scroll-down-icon{
  animation: bounce 0.6s infinite;
}

/* Bounce */
@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50%     { transform: translateY(-8px); }
}

@keyframes rotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.client-logo-wrap {
  overflow: hidden;
  position: relative;
  width: 100%;
  background: #fff;
  padding: 20px 0;
}

.logo-track {
  display: flex;
  gap: 70px;
  width: max-content;
  animation: scroll-marquee 15s linear infinite;
}

.client-logo {
  flex: 0 0 auto;
}

.client-logo img {
  width: 150px;
  height: auto;
  display: inline-block;
  filter: grayscale(100%);
  transition: filter 0.3s;
}

.client-logo img:hover {
  filter: grayscale(0%);
}

@keyframes scroll-marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}


a.elementor-button .elementor-button-content-wrapper span.elementor-button-icon{
    text-align: center;
    border-radius: 50%;
    line-height: 100%;
    overflow: hidden;
    color: #fff;
    justify-content: center;
    align-items: center;
/*    width: 36px;
    height: 36px;
    background-color: #ffffff0d;
    border: 1px solid #ffffff26;*/
}
a.elementor-button .elementor-button-content-wrapper{align-items: center;}
a.elementor-button .elementor-button-content-wrapper span.elementor-button-icon svg{
  transform: rotate(-45deg);
}

.wpcf7 form .wpcf7-response-output{color: #fff; border: 1px solid;}

.mfn-footer .footer_copy{border: none;}
.footer-socials li{list-style: none; padding:7px 0px;}
.footer-socials li a i {
    margin-right: 10px;
    font-size: 25px;
    display: inline-block;
    vertical-align: middle;
}


.footer_logo{margin-bottom: 1rem;}

footer .widget_custom_html h4{text-transform: uppercase;}
footer .widget_custom_html ul li{
    padding: 5px 0px;
    letter-spacing: .5px;
    text-transform: uppercase;
}
footer .widget_custom_html ul li a{
    letter-spacing: .5px;
    text-transform: uppercase;
    font-family: Chillax, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 150%;
}
.cta-link {
    border-radius: 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 164px;
    height: 164px;
    max-width: 100%;
    font-size: 0;
    line-height: 0%;
    display: flex;
    position: relative;
    overflow: hidden;
}

.cta-link-bg {
    z-index: 0;
    pointer-events: none;
    color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: auto;
    animation: rotate 20s linear infinite;
}

.button-inner-icon {
    line-height: 100%
}

.button-inner-icon.services-arrow {
    width: 40px;
    height: 40px
}

.button-inner-icon.cta-link-icon {
    background-color: #bfff00;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 96px;
    height: 96px;
    display: flex;
    transform: rotate(-50deg)
}


/* services */

.services-hero-img {
    z-index: 1;
    object-fit: fill;
    flex-direction: column;
    flex: none;
    justify-content: flex-start;
    align-self: auto;
    align-items: stretch;
    width: 100%;
    max-width: 500px;
    height: 430px;
    margin-left: 0;
    display: flex;
    position: relative
}

.animated-circle {
    border-radius: 50%;
    width: 20vw;
    height: 20vw;
    will-change: transform;
    animation: slideX 3s ease-in-out infinite alternate;
}


.animated-circle.circle-green {
    z-index: 2;
    background-color: #bfff00;
    width: 100%;
    max-width: 310px;
    height: 100%;
    max-height: 310px;
    position: absolute;
    inset: auto 0% 0% auto;
    animation-delay: 3s;
    --translate-distance:100px;
}

.animated-circle.blur-circle {
    z-index: 5;
    -webkit-backdrop-filter: blur(100px);
    backdrop-filter: blur(100px);
    -webkit-text-fill-color: inherit;
    object-fit: contain;
    background-color: #17181857;
    background-clip: border-box;
    border: 1px solid #ffffff0d;
    width: 100%;
    max-width: 310px;
    height: 100%;
    max-height: 310px;
    position: absolute;
    inset:2% auto auto 0%;
}

.animated-circle.blur-circle {
    border-color: #ffffff0d;
    width: 100%;
    max-width: 420px;
    height: 100%;
    max-height: 420px;
    animation-delay: 0s;
    --translate-distance: 100px;
}

@media screen and (min-width: 1440px) {
  .animated-circle.circle-green {
      width: 100%;
      max-width: 420px;
      height: 100%;
      max-height: 420px
  }
}

@keyframes slideX {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(var(--translate-distance, 100px));
  }
}



.more_service_slider a.ue-btn.uc_more_btn.uc_button.none{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 30px;
    padding: 0;
    transform: rotate(-45deg);
}

.more_service_slider #uc_content_carousel_new_elementor_fbf8620 .carousel-image{
    background-position: 20px 0px;
}

.more_service_slider #uc_content_carousel_new_elementor_fbf8620 .owl-nav .owl-prev,
.more_service_slider #uc_content_carousel_new_elementor_fbf8620 .owl-nav .owl-next{
    top: -115px;
}

.more_service_slider #uc_content_carousel_new_elementor_fbf8620 .owl-nav .owl-prev{
    left: 85%;
}

.more_service_slider #uc_content_carousel_new_elementor_fbf8620 .owl-nav .owl-next{
    right:8%;
}

.explore-project.work{width:184px; height:184px;}


.work_wrap_hv{position:relative; max-height:780px; height: 60vw;}
.work_wrap_hv .obj-position img{ object-fit: cover; object-position: 0px -100px;}


.full_slider_arrow .uc_carousel.uc-items-wrapper .owl-nav .owl-prev{
    left: 85%;
}

.full_slider_arrow .uc_carousel.uc-items-wrapper .owl-nav .owl-next {
    right: 10%;
}

.full_slider_arrow .uc_image_carousel_content{
    border: 1px solid #ffffff26;
    border-radius: 8px;
    padding: 50px;
}

.wpcf7-form .wpcf7-form-control{
    min-height: 3.5rem;
    -webkit-backdrop-filter: blur(2rem);
    backdrop-filter: blur(2rem);
    color: #fff;
    background-color: #ffffff0d;
    border-color: #ffffff26;
}

.wpcf7 input[type="submit"]{
    background: #FFF;
    color: #1d1e1f;
}

#Error_404 .error_desk p .check {
    color: #fff;
}

#Error_404 .error_desk p .button{background: #FFF;}

.wpcf7-form select.wpcf7-form-control option {
  background-color: #1e1e1e;
  color: #fff;
}

.blog_wrapper .post-desc-wrapper .post-desc{padding: 20px 0px;}
.blog_wrapper .post-desc-wrapper .post-desc .post-footer .post-links{float: left;}
.blog_wrapper .post-desc-wrapper .post-desc .post-footer .post-links a{color: #FFF}
.blog_wrapper .post-desc-wrapper .post-desc .post-footer .post-links i.read-more-icon:before{transform: rotate(-45deg);margin-right: 5px;}

/* Responsive */

@media screen and (max-width:768px){

    .more_service_slider #uc_content_carousel_new_elementor_fbf8620 .owl-nav .owl-next{right: 0}
    .footer_logo{width: 100%; height: auto;}
    .full_slider_arrow .uc_carousel.uc-items-wrapper .owl-nav .owl-next {right: 0;}
    .elementor-absolute.explore_responsive_center{position: relative !important;}
    .explore_responsive_center .explore-project.work{margin:0 auto;}
    .wpcf7-form .column {padding: 0;}
}

@media screen and (max-width: 479px){
    .home_service_cta .home-hero__explore{width:184px; height:184px;}
    .home-hero__explore{width: 115px; height: 115px;}
    .explore-project-badge{width:46px; height:46px;}
    .full_slider_arrow .uc_carousel.uc-items-wrapper .owl-nav .owl-prev {left: 75%;}
    .more_service_slider #uc_content_carousel_new_elementor_fbf8620 .owl-nav .owl-prev{left: 70%}
    .explore-project-hv .home-hero__explore{width: 105px; height: 105px;padding: 3px;}
    .explore-project-hv .explore-project{width: 100px;height: 100px; padding: 3px;}
}