/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/

.line-header {
  display: flex;
  align-items: center;
  width: 100%;
}

.line-header::before {
  content: "";
  flex: 1;
  height: 1px;
  background-color: #fff;
  margin-right: 20px;
}

.line-header .text {
    font-family: fontheading, sans-serif;
    text-transform: uppercase;
    font-size: clamp(14px, 2vw, 28px);
    color: #fff;
    white-space: nowrap;
}

.seamlessly-connected-wrapper .unlimited-elements-background-overlay .circle {
    box-shadow: 0px 0px 1px 0px #720E20!important;
}

.is-hover-float {
  transition: transform 0.3s ease;
}

.is-hover-float:hover {
  transform: translateY(-10px);
}

.text-gradient {
  background: linear-gradient(to right, #720E20, #DA1F2A, #F47C49);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.location-distance {
     background-image: linear-gradient(to right top, #720e20, #850f23, #991126, #ac1428, #c01829, #cb272b, #d6332d, #e13f2f, #e65034, #eb603a, #ef6e41, #f47c49);
}

.location-distance-checkpoint {
     background-image: linear-gradient(to right top, #30465f, #324c69, #345273, #36587e, #385e88, #396391, #3a689b, #3b6da4, #3b72af, #3a77b9, #3a7cc4, #3a81cf);
}

.carousel-key-advantages img {
    width: 300px;
}

.carousel-key-advantages .ue-text {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.ld-module-sd > .ld-module-dropdown > .nav-trigger {
    left: auto!important;
    right: 0!important;
    top: 0!important;
}

.pos-abs .nav-trigger .bar {
    background-color: #fff!important;
}

.pos-abs .lqd-fancy-menu > .reset-ul > li > a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding-top: 5px;
    padding-bottom: 15px;
}

.pos-abs .lqd-fancy-menu > .reset-ul > li:last-child > a {
    border-bottom: 0;
}

.desktop-side-drawer {
    display: none;
}

.tech-card,
.tech-line-black-small,
.tech-line-black,
.tech-line-black-outer,
.tech-line-white,
.uc_overlay,
.tech-line-white-small {
  position: relative;
}

.tech-line-black-small:before {
  content: "";
  position: absolute;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  top: 8px; 
  left: 8px; 
  pointer-events: none;
  z-index: 10; 
  border: none !important; 

  background:
    linear-gradient(#1a1a1a, #1a1a1a) top left / 10px 1px no-repeat,
    linear-gradient(#1a1a1a, #1a1a1a) top left / 1px 10px no-repeat,
    linear-gradient(#1a1a1a, #1a1a1a) top right / 10px 1px no-repeat,
    linear-gradient(#1a1a1a, #1a1a1a) top right / 1px 10px no-repeat,
    linear-gradient(#1a1a1a, #1a1a1a) bottom left / 11px 1px no-repeat,
    linear-gradient(#1a1a1a, #1a1a1a) bottom left / 1px 10px no-repeat,
    linear-gradient(#1a1a1a, #1a1a1a) bottom right / 10px 1px no-repeat,
    linear-gradient(#1a1a1a, #1a1a1a) bottom right / 1px 10px no-repeat;
}

.tech-line-white-small:before {
  content: "";
  position: absolute;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  top: 8px; 
  left: 8px; 
  pointer-events: none;
  z-index: 10; 
  border: none !important; 

  background:
    linear-gradient(#fff, #fff) top left / 10px 1px no-repeat,
    linear-gradient(#fff, #fff) top left / 1px 10px no-repeat,
    linear-gradient(#fff, #fff) top right / 10px 1px no-repeat,
    linear-gradient(#fff, #fff) top right / 1px 10px no-repeat,
    linear-gradient(#fff, #fff) bottom left / 11px 1px no-repeat,
    linear-gradient(#fff, #fff) bottom left / 1px 10px no-repeat,
    linear-gradient(#fff, #fff) bottom right / 10px 1px no-repeat,
    linear-gradient(#fff, #fff) bottom right / 1px 10px no-repeat;
}

.tech-card::before,
.tech-line-black:before {
  content: "";
  position: absolute;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  top: 8px; 
  left: 8px; 
  
  pointer-events: none;
  z-index: 10; 
  border: none !important; 

  background:
    linear-gradient(#1a1a1a, #1a1a1a) top left / 15px 1px no-repeat,
    linear-gradient(#1a1a1a, #1a1a1a) top left / 1px 15px no-repeat,
    linear-gradient(#1a1a1a, #1a1a1a) top right / 15px 1px no-repeat,
    linear-gradient(#1a1a1a, #1a1a1a) top right / 1px 15px no-repeat,
    linear-gradient(#1a1a1a, #1a1a1a) bottom left / 15px 1px no-repeat,
    linear-gradient(#1a1a1a, #1a1a1a) bottom left / 1px 15px no-repeat,
    linear-gradient(#1a1a1a, #1a1a1a) bottom right / 15px 1px no-repeat,
    linear-gradient(#1a1a1a, #1a1a1a) bottom right / 1px 15px no-repeat;
}

.tech-line-black-outer:before {
  content: "";
  position: absolute;

  width: calc(100% + 16px);
  height: calc(100% + 16px);
  top: -8px; 
  left: -8px; 
  
  pointer-events: none;
  z-index: 10; 
  border: none !important; 

  background:
    linear-gradient(#1a1a1a, #1a1a1a) top left / 15px 1px no-repeat,
    linear-gradient(#1a1a1a, #1a1a1a) top left / 1px 15px no-repeat,
    linear-gradient(#1a1a1a, #1a1a1a) top right / 15px 1px no-repeat,
    linear-gradient(#1a1a1a, #1a1a1a) top right / 1px 15px no-repeat,
    linear-gradient(#1a1a1a, #1a1a1a) bottom left / 15px 1px no-repeat,
    linear-gradient(#1a1a1a, #1a1a1a) bottom left / 1px 15px no-repeat,
    linear-gradient(#1a1a1a, #1a1a1a) bottom right / 15px 1px no-repeat,
    linear-gradient(#1a1a1a, #1a1a1a) bottom right / 1px 15px no-repeat;
}

.uc_overlay::before,
.tech-line-white:before {
  content: "";
  position: absolute;
  width: calc(100% - 16px);
  height: calc(100% - 16px);

  top: 8px; 
  left: 8px; 
  
  pointer-events: none;
  z-index: 10; 
  border: none !important; 

  background:
    linear-gradient(#fff, #fff) top left / 15px 1px no-repeat,
    linear-gradient(#fff, #fff) top left / 1px 15px no-repeat,
    linear-gradient(#fff, #fff) top right / 15px 1px no-repeat,
    linear-gradient(#fff, #fff) top right / 1px 15px no-repeat,
    linear-gradient(#fff, #fff) bottom left / 15px 1px no-repeat,
    linear-gradient(#fff, #fff) bottom left / 1px 15px no-repeat,
    linear-gradient(#fff, #fff) bottom right / 15px 1px no-repeat,
    linear-gradient(#fff, #fff) bottom right / 1px 15px no-repeat;
}

.owl-next,
.owl-prev {
    padding-top: 4px!important;
}

.cform-privacy {
    color: #1a1a1a;
    font-size: 14px;
    line-height: 1.3;
}

.bg-gradient {
    /*background-image: linear-gradient(to right top, #f5b879, #f3a767, #f19658, #ef844b, #ed7040, #e1603b, #d54f36, #c93e32, #b0302e, #982429, #801823, #680c1c);*/
     background-image: linear-gradient(to left bottom, #720e20, #850f23, #991126, #ac1428, #c01829, #cb272b, #d6332d, #e13f2f, #e65034, #eb603a, #ef6e41, #f47c49);
}

.frm_button_submit {
    border: 0!important;
}

.btn-solid,
.frm_button_submit {
    background: linear-gradient(45deg, #720E20 0%, #DA1F2A 75%, #F47C49 100%)!important;
    transition: all 0.3s ease-in-out !important;
}

.btn-solid:hover,
.frm_button_submit:hover {
    background-position: right center !important;
    transform: translateY(-3px); 
    box-shadow: 0 10px 20px rgba(234, 81, 54, 0.4), 0 0 15px rgba(245, 184, 121, 0.5)!important; 
}

#field_6kq7c_label,
#field_j3pb8_label {
    font-size: 20px;
    font-weight: 300;
    font-family: fontheading, sans-serif;
    text-transform: uppercase;
    color: #1a1a1a;
    margin-bottom: 10px;
    margin-top: 10px;
}

/*---- sticky whatsapp and register now ----*/
.sticky-side-buttons {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 5px; 
    z-index: 50;
}

.side-btn {
    display: block;
    width: 40px; 
    height: 130px; 
    background-image: linear-gradient(to right top, #720e20, #850f23, #991126, #ac1428, #c01829, #cb272b, #d6332d, #e13f2f, #e65034, #eb603a, #ef6e41, #f47c49);
    color: #ffffff;
    text-decoration: none;
    position: relative;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.5px;
    transition: background-color 0.2s ease;
}

.side-btn:hover {
    color: #fff;
    background-position: right center !important;
    box-shadow: 0 10px 20px rgba(218, 31, 42, 0.4), 0 0 15px rgba(244, 124, 73, 0.5) !important; 
}

.btn-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    display: flex;
    align-items: center;
    gap: 8px; 
    white-space: nowrap; 
}

.btn-content svg {
    width: 14px;
    height: 14px;
    transform: rotate(90deg);
}


@media (min-width: 992px) and (max-width: 1280px) {
    .header {
        height: 80px;
    }

    .desktop-side-drawer {
        display: block;
    }

    .header-menu,
    .header-btn-register {
        display: none;
    }

    .header-left,
    .header-right {
        width: calc(50% - 10px);
    }
}