/*
THEME: RUBY / VIVID-PINK
========================== */
/* VARIABLE */
:root {
    --primary-color: #DA1C5C; /* Global variable */
    --ruby-color: #DA1C5C; /* RUBY / VIVID-PINK */
    --ruby-light: #fcf0f3;
    --ruby-dark: #92278F;
    --ruby-orange: #FBB040;
    --ruby-yellow: #F9ED32;
    /* GRADIENT VARs */   
    --gradient-ruby-1: linear-gradient(
        to down,
        var(--ruby-yellow) 0%,
        var(--ruby-orange) 58%,
        var(--ruby-color) 80%,
        var(--ruby-dark) 100%
    )
    0 0 no-repeat;
}
.bg-ruby-light { background: var(--ruby-light)!important;}
.bg-ruby-gradient { background: var(--gradient-ruby-1)!important;}
.bg-ruby { background: var(--ruby-color);}   
/* Unset Styles */
h1.title-gradient.text-ruby {
    background: none!important;
    background-clip: unset!important;
    -webkit-text-fill-color: unset!important;
}
header {    background: rgba(0, 0, 0, 1)!important; }
.solution-navbar { background: #AAAAAA29!important; }
.background-animation {
    min-width: 100vw !important;
    min-height: 100%!important;
    height: 100%;
    background: #F9ED32;
    background: linear-gradient(0deg, rgba(249, 237, 50, 1) -10%, rgba(251, 176, 64, 1) 10%, rgba(218, 28, 92, 1) 50%, rgba(146, 39, 143, 1) 80%)!important;
}

.background-animation img {
    background: transparent!important;
}
img.gep-qi-face {background: transparent!important; height: 100%!important; margin-left: 0; min-height: auto!important; object-fit: contain!important; margin-top: 5vh; object-fit: scale-down !important;}
.gep-qi-animation h3.card-title { color: white!important; line-height: 1!important; font-size: 1.6vw!important;}
/* BANNER */
.ruby-banner-title, section.innerPage_Hero .banner-text_wrapper h2, .banner-text h2{font-size: 3.5vw!important; line-height: 1.1!important;}
.ruby-banner-text, .banner-text p{ line-height: 1.4!important;}
.banner-text_wrapper .banner-text .btn, .ruby-cta-light { font-size: 1rem; font-weight: 700; font-family: var(--g-title-font); text-transform: capitalize;}

.btn.btn-secondary.bg-transparent {    border-color: #ffffff50 !important;    background-color: #ffffff50 !important;    color: white !important;}
.btn.btn-secondary.bg-transparent:hover, .btn.btn-secondary.bg-transparent::after {    background-color: var(--ruby-color) !important;}
.accordion h2 {    text-align: left !important;}
.accordion-item {    border-color: var(--ruby-color) !important;    background-color: transparent !important;}
.accordion-header {    background: transparent !important;}
.accordion-header .accordion-button {background-color: transparent !important;    border-color: transparent!important;}
.accordion-primary .accordion-button::after, .accordion-primary .accordion-button:not(.collapsed) {color: var(--ruby-color) !important;}
.accordion-primary .accordion-button:not(.collapsed), .accordion-primary .accordion-collapse { background: transparent!important; border-color: transparent!important;}
.gep-qi-card-grid .card.zoom:hover { background: var(--ruby-light)!important; background: linear-gradient(45deg, rgba(146, 39, 143, 1) 0%, rgba(218, 28, 92, 1) 50%, rgba(249, 237, 50, 1) 100%)!important; border: 0;}
.gep-qi-card-grid .card.zoom:hover a { color: var(--ruby-color) !important;}
.gep-qi-card-grid .card.zoom:hover .card-title, .theme-ruby .card.zoom:hover .card-text, .theme-ruby .card.zoom:hover p, .theme-ruby .card.zoom:hover a{ color: white!important;}
.gep-qi-card-grid .card-footer { background: transparent!important;}
.user-rating-box.bg-light-purple { background: var(--ruby-light)!important; background: linear-gradient(0deg, rgba(146, 39, 143, 1) 0%, rgba(218, 28, 92, 1) 50%, rgba(251, 176, 64, 1) 98%, rgba(249, 237, 50, 1) 100%)!important; }
.user-rating-box.bg-light-purple p, .user-rating-box i{ color: #FFCB05!important;} 
.user-rating-box.bg-light-purple .bg-white.rounded-pill{ background: transparent!important; padding: 0!important;}
.user-rating-box.bg-light-purple img{    background: white;    padding: 6px;    border-radius: 10px;}
.video-thumb .play-icon { background: #fcf0f350!important;}

.field--name-field-demo-cta .img-txt-block {    background: var(--ruby-light) !important;}
.theme-ruby .btn-primary {background: var(--ruby-color)!important; border-color: var(--ruby-color)!important;}
.theme-ruby .btn-primary:hover, .theme-ruby .card.zoom a.btn-primary:hover {background: white!important; }

/* TAB STYLING */
.gep-tab-component .nav-tabs {
    border-color: var(--ruby-dark)!important;
    border-image: unset!important;
}
.gep-tab-component .nav-tabs > .active-highlight { background: var(--ruby-light); background: transparent linear-gradient(0deg, var(--ruby-dark) 0%, var(--ruby-color) 58%, var(--ruby-orange) 100%, var(--ruby-yellow) 100%) 0% 0% no-repeat padding-box!important;}
/* GLOBAL TEXT COLOR RUBY */
.text-ruby, h2.g-h2, .theme-ruby h1, 
.theme-ruby .accordion-primary h2,
.theme-ruby .video-thumb .play-icon::before {  color: var(--ruby-color)!important;}
.banner-text h2, .banner-text h2.w-700, .banner-text h2.bold, .bg-ruby h2, h2.g-h2.text-white, h2.text-white { color: white!important;}

/* NEW CSS OVERRIDE */
.gep-tab-component.v2 .nav-tabs > li > a.active, .gep-tab-component.v2 .nav-tabs > li > a.active:hover, .card-grid .card .card-title.text-blue { color: var(--ruby-color)!important;}
.gep-tab-component.v2 .nav-tabs > .active-highlight { border-color:  var(--ruby-color)!important;}
section.innerPage_Hero .banner-text_wrapper h2, .banner-text h2 { font-size: 2.25vw !important;}
.img-txt-block p a{ color: var(--ruby-color)!important;}
.text-ruby, .theme-ruby h2, .theme-ruby h1, .theme-ruby .accordion-primary h2, .theme-ruby .video-thumb .play-icon::before, .title-gradient {    color: var(--ruby-color)!important;
 background: transparent!important;  -webkit-text-fill-color: unset!important; background-clip: !important;}
section.innerPage_Hero .banner-text_wrapper h2, .banner-text h2 { font-size: 2.25vw !important;}
.img-txt-block p a, .gep-tab-component p a{ color: var(--ruby-color)!important;}
.bg-ruby { background: var(--ruby-color);}
.gep-tab-component.v2 .nav-tabs > li > a.active, .gep-tab-component.v2 .nav-tabs > li > a.active:hover, .card-grid .card .card-title.text-blue { color: var(--ruby-color)!important;}
.gep-qi-card-grid .card.zoom:hover .card-title,
.theme-ruby .card.zoom:hover .card-text,
.theme-ruby .card.zoom:hover p,
.theme-ruby .card.zoom:hover a { color: white !important;}
.gep-qi-card-grid .card-grid .card .card-title.text-blue { color: var(--ruby-color)!important;}
.gep-qi-card-grid .card.cta:hover::after {    background: var(--ruby-color) !important;}
.background-animation { background: transparent!important;}
.gep-qi-card-grid .card.zoom:hover h3,
.gep-qi-card-grid .card.zoom:hover p,
.gep-qi-card-grid .card.zoom:hover .text-ruby,
.gep-qi-card-grid .card.zoom:hover .card-text { color: white!important;}
.gep-tab-component.v2 .nav-tabs > li > a.active, .gep-tab-component.v2 .nav-tabs > li > a.active:hover {color: var(--ruby-color) !important;}
.gep-tab-component.v2 .nav-tabs > .active-highlight { border-bottom: 5px solid var(--ruby-color) !important;}
.blockquote img.icon{filter: invert(30%) sepia(85%) saturate(2758%) hue-rotate(320deg) brightness(95%) contrast(97%); }
.blockquote-footer h4 { color: var(--ruby-color) !important;}
.blockquote::before{ background: var(--ruby-color)!important;}
.theme-ruby .btn-primary{ color: white!important;}
.theme-ruby .btn-primary:hover{ color: var(--ruby-color)!important;}
.bg-ruby ul.inline-list li a {filter: invert(99%) sepia(0%) saturate(1262%) hue-rotate(187deg) brightness(108%) contrast(100%);}
.bg-ruby ul.inline-list li a:hover, .bg-ruby h2 {color: #ffffff!important; filter: unset!important;}
.bg-ruby .btn-primary { border-color: white!important;}
.bg-ruby .btn-icon-start i, .bg-ruby .btn-icon-start:hover span, .vertical-smart-tabs .nav-pills .nav-link.active { color: var(--ruby-color)!important;}
.vertical-smart-tabs .nav-pills .nav-link.active img {filter: invert(19%) sepia(57%) saturate(4579%) hue-rotate(326deg) brightness(92%) contrast(94%)!important;}
/* RESPONSIVE */
@media (min-width: 1400px) {
    section.innerPage_Hero{ height: 90vh!important; min-height: 576px!important; max-height: 980px!important;}
}
@media (min-width: 992px) {
    section.innerPage_Hero{ height: 90vh!important; min-height: 480px!important; max-height: 768px!important;}
}
@media (max-width: 991.98px) {
    section.innerPage_Hero .banner-text_wrapper.h-100 .container h2 { font-size: 1.5rem!important;}
    main.theme-ruby {margin-top: -130px!important;}
    section.innerPage_Hero{ height: auto!important;}
    .banner-text_wrapper .banner-text {
        margin-top: 0!important;
        padding: 2vw 3vw;
    }
    section.innerPage_Hero .banner-text_wrapper {
        height: auto !important;
    }
    section.innerPage_Hero .banner-text_wrapper h2{
        color: var(--ruby-color) !important; font-size: 7vw!important;
    }
    .banner-text_wrapper .banner-text .btn {
        background: var(--ruby-color) !important;
    }
    section.innerPage_Hero .background-image-holder {
        height: 50vh !important;
    }
    img.gep-qi-face { margin: 0; padding: 0;}
    .gep-qi-card-grid .card-text{ font-size: 1.5vw!important;}
    .gep-qi-card-grid .card-title{ font-size: 3vw!important;}
    section.innerPage_Hero .banner-text_wrapper.h-100 .container h2 { font-size: 1.5rem!important;}
}
@media (max-width: 767.98px) {
    main.theme-ruby{ margin-top: 65px !important;}
    .theme-ruby section.innerPage_Hero { max-height: unset!important; height: auto!important;}
    .theme-ruby section.innerPage_Hero .background-image-holder {        height: 75vh !important;}
    .theme-ruby section.innerPage_Hero .html-hero-anim.mobile{   margin: 0 auto!important; transform: scale(0.9)!important; width: 100% !important; max-width: 500px!important;}
    .html-second-anim.mobile{   margin: 0 auto!important; transform: scale(0.9)!important; width: 100% !important; max-width: 500px!important;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    section.innerPage_Hero .background-image-holder { height: 75vh!important;}
    .theme-ruby section.innerPage_Hero .html-hero-anim.mobile{   margin: 0 auto!important; transform: scale(0.9)!important; width: 100% !important; max-width: 500px!important;}
    .html-second-anim.mobile { margin: 0 auto!important; transform: scale(0.9)!important; width: 100% !important; max-width: 500px!important; }
}
@media (max-width: 575.98px) {
    main.theme-ruby {margin-top: 65px!important;}
    section.innerPage_Hero .banner-text_wrapper h2{font-size: 6vw!important; }
    .background-animation .card h3{ font-size: 4vw!important; margin-bottom: 10px!important;}
    .gep-qi-card-grid .card-title{ font-size: 6vw!important; line-height: 1.1!important;}
    .gep-qi-card-grid .card-text{ font-size: 4vw!important; line-height: 1.2!important;}
    section.innerPage_Hero .background-image-holder {height: 60vh !important;}
    section.innerPage_Hero .banner-text_wrapper.h-100 .container{ padding-bottom: 0!important;}
    section.innerPage_Hero .banner-text_wrapper.h-100 .container p{ padding-right: 0!important; margin-right: 0!important;}
    img.gep-qi-face{ max-width: 50vw!important; margin: 0 auto!important;}
    .card.gep-qi-animation { width: 75%!important; margin: 0 auto!important;}
    /* Remove bottom radiuses from last item in LEFT column */
    .accordion-primary .col-md-6:first-child .accordion-item:last-child { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important;}
    /* Remove top radiuses from first item in RIGHT column */
    .accordion-primary .col-md-6:last-child .accordion-item:first-child { border-top: 0!important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important;}
}