/*
Theme Name: Child gxigroup
Version: 1.0
Description: A child theme of Hello Elementor
Author: admin
Template: hello-elementor
*/

@import url("../hello-elementor/style.css");

.btn-shine h2  {
	letter-spacing: 0;
    color: #0a69d5;
    background-image: linear-gradient(-225deg, #71a9ea, #0a69d5);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 4s linear infinite;
}
@keyframes textclip {
    to {
        background-position: 200%
    }
}
.text-overlay {
    font-weight: bolder;
    background-image: url('https://www.officespaceforrent.co.uk/wp-content/uploads/2025/04/text-bg.webp');
    background-size: contain;
    background-position: bottom;
    background-attachment: fixed;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    max-width: 100%;
    white-space: nowrap;
    text-align: center;
}

.custom_img {
    overflow: hidden;
    position: relative
}
.custom_img:after {
    background-color: hsla(0, 0%, 100%, .3);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    transition: none;
    width: 200%;
    z-index: 1;
}

.custom_img:hover:after {
    background-color: transparent;
    height: 250%;
    transition: height .7s linear,background-color .6s linear
}


.back-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background: #0477FF;
  color: #fff;
  padding: 13px 15px;
  border-radius: 100%;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  z-index: 999;
  display: none;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transition: opacity 0.3s ease;
  width: 50px;
  height: 50px;
}
.back-to-top:hover {
  background: #000000;
  color: #fff;
}


.vertical-sticky-btn {
  position: fixed;
  top: 294px;
  left: 20px;
  transform: rotate(-90deg) translateX(-50%);
  transform-origin: left center;
  color: #fff;
      font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 900;
    background-color: #0477FF;
    border-radius: 10px 10px 10px 10px;
    padding: 10px;
}

.vertical-sticky-btn:hover {
  color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}


.vertical-sticky-btn1 {
  position: fixed;
  top: 510px;
  left: 20px;
  transform: rotate(-90deg) translateX(-50%);
  transform-origin: left center;
  color: #fff;
      font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 900;
    background-color: #053f85;
    border-radius: 10px 10px 10px 10px;
    padding: 10px;
}

.vertical-sticky-btn1:hover {
  color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.elementor-popup-modal {
position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, .6);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.custom_box:hover .elementor-widget-text-editor .elementor-widget-container{
color:#fff;
}

.custom_box:hover .elementor-widget-image img{
    filter: brightness(100%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg) !important;
}

.full_row {margin-bottom: 10px;width: 100%;display: block;float: left;}
.custom_field.half {width: 50%;float: left;padding: 0 10px;}
.custom_field.full {width: 100%;padding: 0 10px;}
.custom_field .wpcf7-list-item.first {margin: 0 !important}
.full_row .custom_field input[type=text], .full_row .custom_field input[type=email] {padding: 20px 12px;}
.full_row .custom_field .wpcf7-submit {margin: 0 auto; display: block;background: #fff;color: #000;border-color: #000;}
.custom_field.txt span {text-align: center;display: block;}
.custom_field .wpcf7-spinner {display: none;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border: none !important;
}

.header-section-3 {display:none;}
span.cnum {border: 1px solid #0477ff;
    border-radius: 50%;
    padding: 23px 0px;
    height: 50px;
    width: 50px;
    display: inline-block;
    line-height: 0px;
    text-align: center;
	margin-right:10px;
}
.grecaptcha-badge {
    display: none !important;
}

@media only screen and (max-width: 767px) {
    .header-section-1, .header-section-2,.header-section-3  {display: none !important;}
	.back-to-top {
    bottom: 15px;
    right: 10px;
    padding: 2px 8px;
    border-radius: 100%;
    width: 30px;
    height: 30px;
	}
	.vertical-sticky-btn {display:none;}
}