/* Custom Styles - Extracted from uat.2rk.co */

/* Emoji Styles */
img.wp-smiley, img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}

/* Custom CSS */
#main-logo {
    max-height: 50px;
}
#main-logo img {
    width: auto;
    height: auto;
    max-height: 50px
}
#hero-banner .background-wrapper {
}
#hero-banner .column-background {
    overflow: visible;
}
#hero-banner .background-inner {
    background-size: auto 70% !important;
    background-position: 85% 50% !important;
    overflow: visible;
}
#hero-banner h2 {
    line-height: 1;
}

.text-red {
    color: #D22E24 !important;
}
.fill-red {
    fill: #D22E24
}
.stroke-red {
    stroke: #D22E24;
}

.text-red svg {
    color: #D22E24;
}
.fill-red svg {
    fill: #D22E24
}
.stroke-red svg {
    stroke: #D22E24;
}

/* Kites Animation */
.kites-wrapper {
    position: relative;
    overflow: visible !important;
}
#kites {
    position: absolute;
    z-index: -1;
    top: 30px;
    left:60%;
    margin-top: -100px;
    transform: translate(600px, 600px);
    opacity: 0;
}

.tilt-in-br {
    -webkit-animation: tilt-in-br 0.65s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: tilt-in-br 0.65s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes tilt-in-br {
  0% {
    -webkit-transform: rotateY(-35deg) rotateX(-20deg) translate(250px, 250px) skew(12deg, 15deg);
            transform: rotateY(-35deg) rotateX(-20deg) translate(250px, 250px) skew(12deg, 15deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(250px, -50px) skew(0deg, 0deg);
            transform: rotateY(0) rotateX(0deg) translate(250px, -50px) skew(0deg, 0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-br {
  0% {
    -webkit-transform: rotateY(-35deg) rotateX(-20deg) translate(250px, 250px) skew(12deg, 15deg);
            transform: rotateY(-35deg) rotateX(-20deg) translate(250px, 250px) skew(12deg, 15deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
            transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}

/* Mobile positioning for kites - adjust final position after animation */
@media (max-width: 768px) {
    #kites {
        top: -75px !important;
        left: 50% !important;
        margin-top: 0px !important;
        margin-left: -50px !important;
    }
}

/* Extra small mobile - move kites more to the right and UP */
@media (max-width: 480px) {
    #kites {
        top: 0px !important;
        left: 50% !important;
        margin-top: 0px !important;
        margin-left: 20px !important;
    }
}

/* App Focus Hover Effect */
#app-focus img {
    transition: all .5s ease-in-out;
    opacity: 1;
}
#app-focus img:hover {
    opacity: 0;
}
.unradius-xl {
    border-radius: 72px !important;
}
.unradius-lg {
    border-radius: 25px !important;
}
.unradius-xs {
    border-radius: 8px !important;
}
.img-round {
    border-radius: 50% !important;
}
.img-round-lg {
    border-radius: 25px !important;
}
.img-round-xs {
    border-radius: 8px !important;
}

/* Uncode Styles */
@media (min-width: 960px) {
    .limit-width {
        max-width: 1200px;
        margin: auto;
    }
}
.menu-primary ul.menu-smart > li > a,
.menu-primary ul.menu-smart li.dropdown > a,
.menu-primary ul.menu-smart li.mega-menu > a,
.vmenu-container ul.menu-smart > li > a,
.vmenu-container ul.menu-smart li.dropdown > a {
    text-transform: uppercase;
}

/* Custom Font Sizes - Required for proper text rendering */
.fontsize-254947-custom { font-size:clamp(50px,10vw,140px) }
.fontsize-636110-custom { font-size:clamp(50px,10vw,140px) }
.fontsize-599056-custom { font-size:clamp(24px,5vw,40px) }
.fontsize-842382-custom { font-size:clamp(60px,8vw,100px) }
.fontsize-120615-custom { font-size:clamp(60px,8vw,100px) }
.fontsize-156259-custom { font-size:clamp(60px,8vw,100px) }
.fontsize-160229-custom { font-size:clamp(60px,8vw,100px) }
.fontsize-102500-custom { font-size:4rem }
.fontsize-184083-custom { font-size:clamp(30px,5vw,65px) }
.fontsize-576892-custom { font-size:clamp(30px,5vw,65px) }
.fontsize-135401-custom { font-size:clamp(30px,5vw,65px) }
.fontsize-138157-custom { font-size:clamp(30px,5vw,65px) }
.fontsize-171601-custom { font-size:clamp(80px,10vw,150px) }
.fontsize-197855-custom { font-size:clamp(14px,3vw,16px) }
.fontsize-504443-custom { font-size:clamp(14px,3vw,16px) }
.fontsize-210571 { font-size: 55px; }
.fontsize-169014 { font-size: 38px; }
.fontsize-133967 { font-size: 28px; }
.fontsize-172669 { font-size: 20px; }
.fontheight-214565 { line-height: 1.1; }
.fontheight-196671 { line-height: 1.5; }
.fontspace-201782 { letter-spacing: 0.05em; }
.fontspace-868050 { letter-spacing: 0.1em; }
.fontspace-396544 { letter-spacing: -0.02em; }
.fontspace-111509 { letter-spacing: 0.03em; }
.fontheight-204041 { line-height: 1.2; }
.fontheight-357766 { line-height: 1.4; }
.fontheight-901897 { line-height: 1.6; }
.font-weight-300 { font-weight: 300; }
.font-weight-400 { font-weight: 400; }
.font-weight-700 { font-weight: 700; }

/* Custom Button & Border Colors */
.btn-sep_color-870713 {
    color:#ffffff !important;
    background-color:rgba(255,255,255,0.15) !important;
    border-color:rgba(255,255,255,0.15) !important;
}
.btn-sep_color-870713:not(.btn-hover-nobg):not(.icon-animated):hover,
.btn-sep_color-870713:not(.btn-hover-nobg):not(.icon-animated):focus,
.btn-sep_color-870713:not(.btn-hover-nobg):not(.icon-animated):active {
    background-color:transparent !important;
    border-color:rgba(255,255,255,0.15) !important;
}
.border-sep_color-870713-color {
    border-color:rgba(255,255,255,0.15) !important;
}

/* Text Colors */
.text-color-uydo-color { color: #D22E24 !important; }
.text-color-wayh-color { color: #000000 !important; }
.text-color-wvjs-color { color: #808080 !important; }
/* .text-color-lxmt-color { color: #505050 !important; } */
.text-counter_color-842382-color { color: #d22e24 !important; fill: #d22e24 !important; }
.text-counter_color-160229-color { color: #d22e24 !important; fill: #d22e24 !important; }

/* Background Colors */
.style-color-xsdn-bg { background-color: #ffffff !important; }
.style-color-nhtu-bg { background-color: #1a1a1a !important; }
.style-color-prif-bg { background-color: #f5f5f5 !important; }
.style-color-gyho-bg { background-color: #e8e8e8 !important; }
.style-accent-bg { background-color: #D22E24 !important; }
.style-light-bg { background-color: #ffffff !important; }
.style-dark-bg { background-color: #303133 !important; }
.style-color-lxmt-bg { background-color: #f8f8f8 !important; }
.style-color-rgdb-bg { background-color: #f0f0f0 !important; }
.style-back_color-194733-bg { background-color: #222222 !important; }
.style-back_color-350294-bg { background-color: #222222 !important; }

/* Border Colors for Stats Cards */
.border-sep_color-131861-color { border-color: rgba(0,0,0,0.05) !important; }
.border-sep_color-118571-color { border-color: rgba(255,255,255,0.2) !important; }