/*
Theme Name: Cargozen
Theme URI: http://themexriver.com/wp/cargozen/demo
Author: themexriver
Author URI: http://themexriver.com/
Description: Cargozen - Logistics & Transportation WordPress Theme
Version: 1.0
Tested up to: 8.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cargozen
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

.item-img.position-relative{
    max-width: 40%;
    margin-top: 50px;
}

.nav-link.active .cg-ser-item-icon-text{
    border: 1px solid #d8026a;
}

.cg-ser-item-icon-text:before{
    background-color: #d8026a;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active .cg-ser-item-icon-text .item-text{
    color: #fff;
}

.cg-ser-item-icon-text .item-icon{
    display: none;
}

.cg-btn-1.mt-45{
    display: none;
}

.cg-pro1-content .cg-pro-bg:before{
    background-color: #d8026a;
}

.cg-pro1-ship:before{
    background: linear-gradient(179.83deg, #d8026a 13.15%, rgba(5, 38, 50, 0) 99.85%);
}

.cg-ft1-item{
    height: auto;
    padding: 10px;
}

.cg-item-scroll .scroll-mouse{
    border: 2px solid #d8026a;
}

.cg-item-scroll .scroll-mouse:before{
    border: 2px solid #d8026a;
}

.cg-header-section:is(.header_style_four):is(.txa_sticky):is(.txa_sticky_show){
    background: #d8026a;
}

.mobile_menu_content{
    background-color: #d8026a;
}

.mobile_menu .mobile_menu_close{
    color: #ffffff;
}

#ays-quiz-container-2 .ays-quiz-answers .ays-field:hover{
   background: #ffffff;
}

#ays-quiz-container-2.ays-quiz-container .ays-questions-container label[for^="ays-answer-"]:hover{
    color: #d8026a;
}

#ays-quiz-container-2 .ays-field{
    border-radius: 25px;
}

.ays-field.ays_list_view_item.ays-quiz-keyboard-active.checked_answer_div.wrong_div{
    background-color: #ab0016 !important;
}

#ays-quiz-container-2 #ays_finish_quiz_2 .ays-field{
    border-color: #ffffff !important;
}

label.ays_position_initial.ays-quiz-keyboard-label.answered.wrong{
    color: #ffffff !important;
}


.ays-field.ays_list_view_item.ays-quiz-keyboard-active.correct_div.checked_answer_div{
    background-color: #2b8635 !important;
}

label.ays_position_initial.ays-quiz-keyboard-label.correct.answered{
    color: #ffffff !important;
}

.ays-quiz-powered-by-container{
    display: none;
}

#ays-quiz-container-2 .ays_quiz_question{
    margin-bottom: 40px !important;
}

/*

*/

.ays-field.ays_list_view_item.checked_answer_div.correct_div{
    background-color: #2b8635 !important;
}

label.ays_position_initial.correct.answered{
    color: #ffffff !important;
}

.ays-field.ays_list_view_item.checked_answer_div.wrong_div{
    background-color: #ab0016 !important;
}

label.ays_position_initial.wrong.answered{
    color: #ffffff !important;
}

button.action-button.ays_daftar_button{
    background-color: #d8026a;
    color: #ffffff;
    font-size: 18px;
    padding: 0px 36px 16px 36px !important;
    border-radius: 8px;
    white-space: nowrap;
    letter-spacing: 0;
    box-shadow: unset;
    white-space: normal;
    word-break: break-word;
    background-image: unset;
    width: auto;
}

button.action-button.ays_restart_button{
    padding: 0px 36px 16px 36px !important;
}

.cg-count-item1.headline.pera-content{
    display: none;
}

.cg-ser1-tab-btn.tx-tab-btn{
    margin-top: 50px;
}

.cg-process3-item.top_view.cg-process3-item.top_view.d-flex.justify-content-end{
    opacity: 0 !important;
}

.cg-process3-item.top_view.cg-process3-item.top_view.d-flex.justify-content-center{
    opacity: 0 !important;
}

.cg-process3-item.top_view.cg-process3-item.top_view.justify-content-star{
    opacity: 0 !important;
}

.wpforms-container input.wpforms-field-medium, .wpforms-container select.wpforms-field-medium, .wpforms-container .wpforms-field-row.wpforms-field-medium, .wp-core-ui div.wpforms-container input.wpforms-field-medium, .wp-core-ui div.wpforms-container select.wpforms-field-medium, .wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-medium{
    max-width: 100%;
}

.cg-header-section:is(.header_style_one) .cg-header-navigation .main-navigation li a:before {
  top: 0;
  left: 0;
  content: "";
  height: 0%;
  z-index: -1;
  width: 100%;
  position: absolute;
  border-radius: 100px;
  -webkit-transition: 500ms var(--cube-1);
  transition: 500ms var(--cube-1);
  background-color: #d8026a;
}

.cg-header-section:is(.header_style_one) .cg-header-navigation .main-navigation li a{
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  overflow: hidden;
  padding: 10px 35px;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  border-radius: 100px;
  color: #d8026a;
  border: 1px solid #d8026a;
  font-family: var(--cg-heading);
}

.cg-header-section:is(.header_style_one) .cg-header-navigation .main-navigation li a:hover{
    color: #fff;
    border: 1px solid #d8026a;
    background-color: #d8026a;
    -webkit-transition: 500ms var(--cube-1);
    transition: 500ms var(--cube-1);
}

.cg-header-section:is(.header_style_one) .cg-header-navigation .main-navigation li a:after{
    top: 0;
    left: 0;
    content: "";
    height: 0%;
    z-index: -1;
    width: 100%;
    position: absolute;
    border-radius: 100px;
    -webkit-transition: 500ms var(--cube-1);
    transition: 500ms var(--cube-1);
    background-color: #d8026a;
}

.txa_sticky_header{
    position: revert;
}

.cg-header-content{
    background: #fff;
}

.cg-sec-title .sec_title span{
    color: #d8026a;
}

.cg-ft1-item{
    margin-bottom: 0px;
}

.cg-cta-contact h2{
    line-height: 1;
    font-size: 50px;
    font-weight: 700;
    text-align: center;
    color: #d8026a;
    font-family: "Futura PT Bold", Sans-serif;
    text-transform: none !important;
}

.cg-counter1-content.pb-75{
    display: none;
}

.elementor-gt-desc{
    font-family: "Futura PT Bold", Sans-serif;
    color: #D8026A;
    line-height: 1;
    font-size: 75px;
    font-weight: 700;
    letter-spacing: -1px;
}

.cg-scrollup{
    background-color: #d8026a;
}

h3.tqb-question-text{
    font-family: "Futura PT Bold", Sans-serif;
}

label.ays_position_initial{
    font-family: "Futura PT Bold", Sans-serif;
}

input.ays_next.ays_finish.action-button{
    font-family: "Futura PT Bold", Sans-serif;
}

p.ays-question-counter.animated{
    font-family: "Futura PT Bold", Sans-serif;
}

h3{
     font-family: "Futura PT Bold", Sans-serif;
}

h4{
     font-family: "Futura PT Bold", Sans-serif;
}

p{
     /*font-family: "Futura PT Bold", Sans-serif;*/
}

label.wpforms-field-label{
    font-family: "Futura PT Bold", Sans-serif;
}

legend.wpforms-field-label{
    font-family: "Futura PT Bold", Sans-serif;
}

label.wpforms-field-label-inline{
    font-family: "Futura PT Medium", Sans-serif;
}

.ff-el-group{
    font-family: "Futura PT Bold", Sans-serif;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected:first-child label>span{
    border-left-color: #d8026a;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label>span{
    background-color: #d8026a;
    border-color: #d8026a;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label>span:hover{
    color: #d8026a;
}

.cg-header-section:is(.header_style_one) .cg-header-navigation .main-navigation li a{
    font-family: "Futura PT Bold", Sans-serif;
}

.offcanvas-trigger.navSidebar-button{
    display: none;
}

.cg-scrollup{
    display: none !important;
}

.ff-el-group.ff-custom_html{
    margin-top: -52px;
}

a.hustle_module_shortcode_trigger.hustle_module_2{
    margin-left: 20px;
}

.hustle-ui.module_id_2 .hustle-layout .hustle-title{
    text-align: center !important;
    font-family: "Futura PT Bold", Sans-serif;
}

.cg-ser-item-icon-text .item-text{
    font-family: "Futura PT Bold", Sans-serif;
    margin: auto;
}

.item-text.pera-content.ul-li-block{
    text-align: center;
}

.cg-ser1-img-text .item-text li i{
    display: block;
}

.cg-ser1-img-text .item-text li i{
    color: #d8026a;  
}

.cg-ser1-img-text .item-text li{
    font-family: "Futura PT Medium", Sans-serif;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
    
    .item-img.position-relative{
        max-width: 75%;
        margin-top: 0px;
    }
}

span.hustle-subtitle{
    text-align: center !important;
    font-family: "Futura PT Bold", Sans-serif;
}

.hustle-ui.module_id_2 .hustle-layout .hustle-content .hustle-content-wrap{
    padding-top: 30px !important;
    padding-bottom: 100px !important;
}

form.hustle-layout-form{
    display: none;
}

.hustle-ui.module_id_2 button.hustle-button-close{
    color: #d8026a !important;  
}

.hustle-ui.module_id_2 button.hustle-button-close:focus{
    color: #d8026a !important;      
}

.cg-ft1-item:is(.cg-ft-item1) .item-text h3{
    font-family: 'Futura PT Bold';
    font-size: 22px;
    padding-bottom: 0px !important;
}

.cg-ft1-item:is(.cg-ft-item1) .item-text p{
    font-size: 12px;
}

p.kote{
    font-size: 22px !important;    
}

.cg-why-c-list-wrap{
    display: none;
}

.cg-why-c-content{
    background-color: rgba(216, 2, 106, 1); 
    border-radius: 10px;
    height: 100px;
    margin-top: 90px;
}

.cg-why-c-text{
    margin: auto;
}

p.GF{
    text-align: center;
    font-family: 'Futura PT Medium';
}

p.Jak{
    font-family: 'Futura PT Bold';
}

.cg-sec-title.headline.pera-content{
    font-size: 20px;
}
.mobile-search-bar.position-relative{
    display: none;
}

.cg-sec-title.headline.pera-content{
    padding-top: 15px;
}

.cg-sec-title p{
    padding-top: 0px;
}

.cg-sec-title .split-line{
    padding-bottom: 0px;
}

p.Semi {
    font-size: 22px;
    font-family: 'Futura PT Bold';
    text-align: center;
}

p.BF {
    font-size: 12px;
    font-family: 'Futura PT Medium';
    text-align: center;
}