@charset "UTF-8";

/* Theme Name: HBG Unite */

* {
  box-sizing:border-box;
  -webkit-box-sizing:
  border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
}
:root{
    --white: #fff;
    --black:#010101;
    --theme_color: #6b499d;
    --yellow: #F2C02D;
    --text_color: #545454;
}
body {
  font-family: "Poppins", sans-serif;
  font-size:14px;
  color: var(--black);
  margin:0;
  -webkit-text-size-adjust: 100%;
}
dl, ol, ul{margin: 0rem;}
p{
  font-size: 16px;
  line-height: 28px;
  color: var(--text_color);
}
ol li, ul li{
  font-size: 16px;
  line-height: 28px;
  color: var(--text_color);
}
a {
  text-decoration:none;
  outline:none;
  color:var(--theme_color);
}
a:hover{
  color: var(--dark_blue);
}
.container {
  margin:0 auto;
  padding:0 50px;
  max-width:1500px; /*1400px*/
}
.btn{background: var(--theme_color);border: solid 2px var(--theme_color);font-size: 15px;padding: 8px 30px;font-weight: 500;border-radius: 6px;text-transform: uppercase;color:var(--white);}
.btn:hover{border-color: var(--theme_color);background: var(--yellow);}
.btn-warning{background: none;color: var(--theme_color);}
.btn-warning:hover{color: var(--white);}

/* Header Css */
.header{padding: 8px 0px;background: var(--theme_color);}
.header_logo a {display: inline-block;max-width: 200px;}
.header_menu{display: inline-block;vertical-align: middle;}
.header_menu_inr ul li{display: inline-block;list-style: none;vertical-align: middle;padding-right:30px;font-size: 16px;font-weight: 500;}
.header_menu_inr ul li a{color: var(--white);}
.header_menu_inr ul li a:hover{color: var(--yellow);}
.header_menu_inr ul li a.active{color: var(--yellow);}
.header_right .btn{background: var(--yellow);color: var(--white);}
.header_right .btn:hover{background: var(--white);color: var(--text_color);}
.header_right .btn:not(:last-child){margin-right: 20px;}

 /* Banner Css */
.banner{position: relative;width: 100%;}
.banner_text{position: absolute;top: 50%;transform: translateY(-50%);}
.banner_text_inr{width: 60%;padding: 30px;background: rgb(255 255 255 / 70%);border-radius: 6px;}
.banner_text_inr h1{font-weight: 700;font-size: 34px;}
.banner_text_inr h3 {font-size: 28px;margin-bottom: 10px;color: var(--theme_color);}
.banner_text_inr p{font-size: 17px;line-height: 28px;color: var(--black);}
.banner_text_inr .a_btn{padding-top: 20px;}
.banner_img img{width: 100%;height: 500px;}
.banner_img video {height: 500px;width: 100%;object-fit: cover;}
.survey{background: #f2f2f2;padding: 80px 0px;}
.title{text-align: center;}
.title h2{font-weight: 600;position: relative;padding-bottom: 25px;margin-bottom: 20px;}
.title h2::after{position: absolute;content: '';left: 0;right: 0;bottom: 0;background: url(../images/border1.png) no-repeat;width: 160px;height: 7px;margin: 0 auto;}
.survey .title{width: 70%;margin: 0 auto;padding-bottom: 30px;}
.survey_col_inr {background: #fff;text-align: center;padding: 35px 20px;border-radius: 6px;height: 100%;box-shadow: 0px 0px 30px rgb(0, 0, 0, 0.12);position: relative;transition: all 0.4s;z-index: 1;}
.survey_col_inr::before{position: absolute;content: '';left: 0;right: 0;top: 0;height: 0;bottom: 0;background: var(--theme_color);transition: all 0.4s;border-radius: 6px;z-index: -1;}
.survey_icon{background: var(--theme_color);color: var(--white);width: 100px;height: 100px;border-radius: 6px;line-height: 98px;margin-bottom: 25px;display: inline-flex;transition: all 0.4s;align-items: center;justify-content: center;}
.survey_txt h4{padding-bottom: 5px;margin: 0;transition: all 0.4s;}
.survey_txt p{transition: all 0.4s;}
.survey_col_inr:hover::before{height: 100%;}
.survey_col_inr:hover h4{color: var(--white);}
.survey_col_inr:hover p{color: var(--white);}
.survey_col_inr:hover .survey_icon{background: var(--yellow);}
.title h2 span img {width: 24px;display: inline-block;margin-top: -4px;}
.survey .col-md-4{margin-bottom:20px;}
.contact_icon i {line-height: 53px;}

.testimonials{padding: 80px 0;}
.testimonials .title{width: 65%;margin: 0 auto;padding-bottom: 30px;}
.testimonials_item{padding: 20px;height:auto;}
.testimonials_item_inr{padding: 32px;box-shadow: 0px 0px 15px rgb(0, 0, 0, 0.12);border-radius: 6px;min-height: 297px;position: relative;}
.testimonials_item_inr::before{width: 0px;top: 0;left: 0;height: 0px;position: absolute;border-style: solid;content: '';border-width: 35px 35px 0 0;border-color: var(--yellow) transparent transparent transparent;}
.testimonials_item_inr h3{margin-bottom: 15px;}
.testimonials_item_inr h4{font-weight: 300;color: var(--text_color);line-height: normal;margin-bottom: 15px;font-size: 18px;}
.testimonials_item_inr p{font-weight: 600;color: var(--yellow);margin-bottom: 0;font-size: 20px;}
ul.slick-dots{padding: 0;text-align: center;}
ul.slick-dots li{list-style: none;display: inline-flex;padding: 4px;}
ul.slick-dots li button{font-size: 0;width: 14px;height: 16px;background: var(--theme_color);border-radius: 50%;border:solid 2px var(--theme_color);}
ul.slick-dots li.slick-active button{background: var(--yellow);}

.deserve{width: 100%;background:url(../images/rewards_bg.png) no-repeat;padding: 80px 0px;background-attachment: fixed;background-size: cover;background-position: 100% 100%;position: relative;}
.deserve::before{position: absolute;content: '';left: 0;right: 0;top: 0;bottom: 0;background: rgb(242 242 242 / 90%);}
.deserve_otr{z-index: 1;position: relative;}
.deserve_otr .title{width: 60%;margin: 0 auto 40px;}
.deserve_otr .row{justify-content: center;}
.deserve_col_inr img {width: 100%;border-radius: 6px;}

.footer {padding: 15px 0px;background: var(--theme_color);}
.footer_links ul{padding: 0;}
.footer_links ul li{display: inline-block;list-style: none;padding:0 10px;font-size: 13px;line-height: 20px;position: relative;}
.footer_links ul li:first-child{padding-left: 0;}
.footer_links ul li:not(:last-child):after{content: '';height: 10px;width: 2px;background: var(--white);right: -1px;position: absolute;top: 5px;}
.footer_links ul li a{color: var(--white);}
.footer_links ul li a:hover{color: var(--yellow);}
.footer_links ul li a.active{color: var(--yellow);}
.footer p{font-size: 13px;line-height: 22px;margin: 15px 0 0;color: var(--white);}
.footer p a{color: var(--yellow);}
.footer_links p{margin: 8px 0px 0px;}
.social_icon{float: right;margin-right: 40px;}
.social_icon ul{padding: 0;}
.social_icon ul li::after{display: none;}
.social_icon ul li{list-style: none;display: inline-flex;margin: 0 0 0 10px;overflow: hidden;padding: 0;}
.social_icon ul li a{width: 40px;height: 40px;background: var(--yellow);border-radius: 4px;font-size: 18px;transition: all 0.4s;z-index: 1;display: flex;align-items: center;justify-content: center;}
.social_icon ul li a img{width: 16px;transition: all 0.4s;}
.social_icon ul li a:hover{color: var(--text_color);background: var(--white);border-radius: 50%;}
.social_icon ul li a:hover img{filter: invert(1);}

/* Inner Banner */
.inner_banner_img{position: relative;width: 100%;}
.inner_banner_img:after {position: absolute;content: "";left: 0;right: 0;background: rgb(0 0 0 / 60%);top: 0;bottom: 0;}
.inner_banner_img img {width: 100%;height: 220px;}
.inner_banner_text {position: absolute;top: 50%;width: 100%;transform: translateY(-50%);z-index: 1;}
.inner_banner_text_inr h1{font-weight: 600;}
.inner_banner_text_inr p{color:var(--white);font-size:20px;}

.become_member{padding: 60px 0px;}
.form_sub_heading h5{margin: 0;background: var(--theme_color);color: #fff;padding: 10px 20px;border-radius: 5px;margin-bottom: 30px;}
.form-group .form-control,.form-group .form-select{border-radius: 4px;padding: 9px 16px;border-color: #ccc;}
.become-left-check{padding-top: 20px;}
.become-left-check label{font-size: 16px;}
.become-left-check label input{accent-color: var(--theme_color);}
.form-label em{color: red;font-style: normal;}

.contact_page{padding: 80px 0px;}
.contact_left{width: 88%;}
.contact_left h3{color: #31123e;margin-bottom: 20px;}
.contact_detail h5{font-size: 18px;color: #31123e;text-transform: uppercase;}
.contact_icon {width: 56px;height: 54px;background: var(--theme_color);border-radius: 4px;text-align: center;line-height: 53px;font-size: 20px;color: #fff;display: inline-block;vertical-align: top;}
.contact_info{padding: 15px 0px;}
.contact_detail {width: calc(100% - 62px);display: inline-block;padding-left: 20px;}
.contact_detail p{margin: 0;color: var(--text_color);}
.contact_detail p a{color: var(--text_color);}
.contact_detail p a:hover{color: var(--yellow);}
.contact_page .form-group label{color: var(--white);}
.contact_page .form-group label.error{color:#f00;}
.contact_page .form-group input::placeholder{color: #212529 !important;}
.contact_page .form-group textarea::placeholder{color: #212529 !important;}
.footer p.footer_bottom a{color: var(--white);}
.footer p.footer_bottom a:hover{color: var(--yellow);}
.contact_page .submit_btn input[type="submit"]{padding: 10px 30px;font-size: 14px;color: var(--theme_color);background: var(--yellow);border-radius: 4px;border: none;text-transform: uppercase;}
.contact_page .submit_btn input[type="submit"]:hover{background: var(--white);}
.contact_form{background: var(--theme_color);padding: 40px;border-radius: 4px;}
.submit_btn.recaptcha{text-align:center;}
.g-recaptcha {display: inline-block;}
p.footer_bottom{padding-top: 5px;}
span.error{color:#f00;}

section.privacy_page{padding: 60px 0px;counter-reset: section;}
.privacy_page table tr th{background: var(--theme_color);color: var(--white);}
.privacy_page table tr td, .privacy_page table tr th{padding: 8px 15px;}
.privacy_page table tr th:first-child{text-align: center;}
.privacy_page table tr td:first-child{text-align: center;}
.team-and-condition-inner-cont{padding-bottom: 20px;}
.team-and-condition-inner-cont h5{color: #31123e;text-transform: uppercase;counter-increment: section;margin-bottom:15px;}
.team-and-condition-inner-cont h5::before {content: counter(section) ". ";}
.team-and-condition-inner-cont ol>li{list-style:none;padding-bottom: 14px;counter-increment: item;}
.team-and-condition-inner-cont ol>li::before {content: counter(section) "." counter(item) " ";padding-right: 5px;font-weight: 500;}
.team-and-condition-inner-cont ol li ul li{list-style:disc;counter-increment: none;}

.team-and-condition-inner-cont ol{padding:0;counter-reset: item;}
.team-and-condition-inner-cont ol ol {counter-reset: subitem;}
.team-and-condition-inner-cont ol ol > li {counter-increment: subitem;}
.team-and-condition-inner-cont ol ol > li::before {content: counter(section) "." counter(item) "." counter(subitem) " ";}

.team-and-condition-inner-cont h6{color: #31123e;line-height: normal;}
.term_policy{padding: 60px 0px;}
.content_box{padding: 10px 0px;}
.content_box h3{font-size: 24px;color: #31123e;text-transform: uppercase;} ol li
{list-style:disk;}
.about_us{padding: 80px 0px;}
.about_right {float: left;margin-right: 50px;margin-bottom: 10px;width: 50%;position: relative;}
.about_right::before{position: absolute;content: '';left: -28px;top: -28px;background: var(--yellow);width: 150px;height: 150px;z-index: -1;border-radius: 6px;}
.about_right img{border-radius: 10px;}
.about_left h2{margin-bottom: 15px;}

.team-and-condition-inner-cont ul{padding-bottom: 15px;}
#cookies{width: 100%;position: fixed;bottom: 0;background: #000;z-index: 5;display: none;padding: 15px 0px;}
.cookies{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 10px;}
.cookies p{margin: 0;color: var(--white);width: 57%;font-size: 15px;line-height: normal;}
.cookies p a{color: var(--yellow);}
.cookies .btn{font-size: 14px;padding: 8px 20px;}

.modal-header{padding: 14px 25px;background: var(--theme_color)}
.modal-title p{margin: 0;}
.form-label input[type='checkbox']{accent-color: var(--theme_color);}
.modal-body{padding: 25px;}
.modal-header .btn-close{filter: invert(1);opacity: 1;}

.nav-pills-custom .nav-link {color: var(--black);background: var(--white);position: relative;font-size: 16px;font-weight: 600;}
.nav-pills-custom .nav-link.active {background: var(--theme_color);color: var(--white);}
.nav-pills-custom .nav-link.active::before {opacity: 1;}
.tab-content{height: 100%;}
.tab-content>.tab-pane{height: 100%;}
.tab-content>.tab-pane h5 span{float: right;color: var(--theme_color);font-weight: 400;}
.form-switch .form-check-input{border-color: var(--theme_color);}
.form-switch .form-check-input:checked{background-color: var(--theme_color);}
.form-switch .form-check-input:focus{box-shadow:none;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e")}
.form-switch .form-check-input:checked:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}
@media (min-width: 992px) {
  .nav-pills-custom .nav-link::before {
    content: '';
    display: block;
    border-top: 8px solid transparent;
    border-left: 10px solid var(--theme_color);
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    opacity: 0;
  }
}
.inner_banner_text_inr h1 span {display: block;font-size: 16px;font-weight: 400;text-transform: capitalize;}
span#cookies_manage{color: var(--theme_color);cursor: pointer;}


.contact-check span {
    color: #fff;
}
.contact-check span a{
    color:var(--yellow);
}
@-moz-keyframes spinPulse {
    0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px transparent;}
    50% { -moz-transform:rotate(145deg); opacity:1; }
    100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes spinoffPulse {
    0% { -moz-transform:rotate(0deg); }
    100% { -moz-transform:rotate(360deg); }
}
@-webkit-keyframes spinPulse {
    0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px transparent; }
    50% { -webkit-transform:rotate(145deg); opacity:1;}
    100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes spinoffPulse {
    0% { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(360deg); }
}
#chat-bot-launcher-container::before, #chat-bot-launcher-container::after{position: absolute;content: "";left: -8px;right: -8px;top: -8px;bottom: -8px;border: 3px solid rgb(222, 222, 222);border-left: 3px solid transparent;border-right: 3px solid transparent;border-radius: 100px;-moz-animation: spinoffPulse 1s infinite linear;-webkit-animation: spinoffPulse 1s infinite linear;}
#chat-bot-launcher-container::after{left: -15px;right: -15px;top: -15px;bottom: -15px; -moz-animation: spinPulse 3s infinite ease-in-out; -webkit-animation: spinPulse 3s infinite ease-in-out;}

.faq_div{padding:50px 0px;}
.faq_div .card {padding: 15px 0px;border: 0;border-radius: 0;background: #f2f2f2;margin: 15px 0px;}
.faq_div .card-header{border:0;border-radius: 0;background:none;}
.faq_div .card-header h5{margin:0;}
.faq_div .card-header h5 a{color:var(--black);display: block;}
.faq_div .card-header h5 a:after {content: "";position: relative;top: 1px;display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: bold;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;float: right;transition: transform .25s linear;-webkit-transition: -webkit-transform .25s linear;}
.faq_div .card-header h5 a:after {content: "\2212";-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.faq_div .card-header h5 a.collapsed:after {content: "\002b";-webkit-transform: rotate(90deg);transform: rotate(90deg);}

.how_works{padding:50px 0px;}
.how_works_inr .survey_txt h4{padding-bottom:15px;}
.survey_num {position: absolute;top: -31px;right: 24px;}
.survey_num h2 {font-size: 80px;color: rgb(102 102 102 / 20%);font-weight:bold;}
.how_works_col_inr {background: #fff;text-align: center;padding: 60px 20px 35px;border-radius: 6px;box-shadow: 0px 0px 30px rgb(0, 0, 0, 0.12);position: relative;transition: all 0.4s;z-index: 1;margin-top: 40px;min-height:336px;}
.how_works_col_inr p{margin:0;}

.join_hbg_div{background:#f2f2f2;padding:50px 0px;}
.join_hbg_inr:after{content:"";clear:both;overflow:hidden;display:block;}
.join_hbg_right {width: 30%;float: right;margin-left: 70px;margin-bottom: 20px;}
.join_hbg_right img{width:100%;}
.join_hbg_left h4{margin-bottom:20px;}
.join_hbg_left ul{padding-left: 20px;}
.join_hbg_left ul li{padding:10px 0px;}
.start_div{padding:50px 0px;}

.participation_div{padding:60px 0px;}
.participation_right{float:right;}
.participation_div .join_hbg_left h2{margin-bottom:25px;}
.join_unite_div{background:none;}
.participation_inr .join_hbg_right {width: 18%;}

.testimonials_item_inr p span {display: block;font-size: 15px;font-weight: 600;color: var(--text_color);}

.blink {
    animation: blink 6s infinite;
    position:relative;
    display: inline-flex;
    transition: transform 0.5s;
    transform-origin: 50% 0;
    transform-style: preserve-3d;
}
.blink:after{
    position: absolute;
    bottom: -27px;
    content: attr(data-title);
    left: 0;
    transform: rotateX(-90deg);
    transform-origin: 50% 0;
}
label#mobile_number-error {
    width: 100%;
}


@keyframes blink {
    0% {
        
    }

    50% {
        transform: rotateX(90deg) translateY(-22px);
        color:var(--yellow);
        transition:9s;
    }

    100% {
        
    }
}
.zsiq-float{bottom: 18px !important;}
.grecaptcha-badge{bottom: 90px !important;}