/*
Theme Name: consalt child
Tags:  custom-menu, editor-style, featured-images
Template: consalt
Version: 1.0.0
*/

/*---------------------------------
      write your css from here
------------------------------------*/
.swiper-scrollbar{display: none;}
.consalt-main-menu .consalt_nav_area{padding: 20px 0;}
.comparison-home .red-box ul,.comparison-home .green-box ul{padding-left:25px}
.comparison-home .red-box .elementor-widget-text-editor,.comparison-home .green-box .elementor-widget-text-editor{padding: 0 20px 20px 20px !important;}
.comparison .red-box h2,.comparison .green-box h2{position: relative;}
.comparison-home ul li{position: relative;}
.comparison-home .heading h2:before{display: none;}
.comparison-home .red-box ul li:before{content: "\f057"; font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;left: -25px;color: #BE000B;}
.comparison-home .green-box ul li:before{content: "\f058"; font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;left: -25px;color: #16B058;}
.comparison .heading h2:before{display: none;}
.comparison .red-box h2:before{content: "\f057"; font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;left: -25px;color: #BE000B;}
.comparison .green-box h2:before{content: "\f058"; font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;left: -25px;color: #16B058;}
.witrfm_area:before {background-color: #333333 !important;}
.footer-bottom:before{background: #ffffff !important;}
.footer-middle img{width: 160px;}
.icon-box{width: 56px !important;height: 56px !important; line-height: 0 !important; border-radius: 16px !important;display: flex !important;justify-content: center !important;align-items: center !important;}
.count-number{width: 40px !important; height:40px; display: flex;background-color:#0787D9;border-radius: 100%;justify-content: center !important;align-items: center !important;color: #fff;}
.user-system-text > .elementor-widget-wrap{align-content:baseline !important;gap: 45px;}
.problem-section .box-hover { position: relative;overflow: hidden;}
.problem-section .box-hover::before {position: absolute;left: -2px;top: 0;width: 2px;height: 100%;content: "";background: #00294b;transition: 0.5s;}
.problem-section .box-hover:hover::before {width: 100%;left: 0;}
.problem-section .box-hover:hover .icon-box{background-color: #ffffff !important;}
.problem-section .box-hover:hover .icon-box i{color: #00294b !important;}
.problem-section .box-hover:hover .elementor-heading-title,
.problem-section .box-hover:hover .elementor-widget,
.problem-section .box-hover:hover h4 span{color: #ffffff !important;}
.swiper-slide.bdt-item .bdt-image-wrap:before{background-image: linear-gradient(360deg, #000 0%, #000 100%) !important; opacity: 0.6;}
.swiper-slide.bdt-item.swiper-slide-active .bdt-image-wrap:before{ background-image: unset !important;}
.bdt-content-wrap{background-color:#00294b;padding: 20px !important;}
.bdt-prime-slider-tango .bdt-arrows-center.bdt-navigation-arrows .bdt-navigation-prev{left: -50px !important;}
.bdt-prime-slider-tango .bdt-arrows-center.bdt-navigation-arrows .bdt-navigation-next {right: -50px !important;}
.witr_ac_style:before {display: block !important;}
.gallery-thumbs{display: none !important;}
.consalt_menu>ul>li{margin-right: 50px;}
.consalt_menu>ul>li>a{font-size: 18px !important;}
.footer-copyright .menu {display: flex !important;}
.footer-bottom:before{max-width: 1140px;width: 100%;}
#scrollUp{display: none !important;}
.donate-btn-header a{font-size: 16px !important;}


@media (max-width: 1200px) {
  .consalt_menu>ul>li { margin-right: 10px;}
  .user-system-text > .elementor-widget-wrap{align-content:baseline !important;gap: 20px;}
}

@media (max-width: 1024px) {
  .comparison-home .e-con-inner{padding: 0 8px !important;} 
  .services-box .e-con-inner{padding: 0 15px !important;}
  .comparison{overflow-x: scroll !important;}  
  .comparison > .e-con-inner{min-width: 1140px;}  
  .bdt-prime-slider-tango .bdt-arrows-center.bdt-navigation-arrows .bdt-navigation-prev{left: 0px !important;}
  .bdt-prime-slider-tango .bdt-arrows-center.bdt-navigation-arrows .bdt-navigation-next {right: 0px !important;}
}

@media (max-width: 991px) {
  .mobile_menu_logo img {height: 75px !important;}
  .twae-vertical.twae-wrapper .twae-story{margin-bottom: 100px !important;}
  .faq-section .elementor-column.elementor-col-50{width: 100% !important;}
  .faq-section .single_image img{width: 50% !important;  max-width: 100% !important;margin: 0 auto 40px; display: block;}
  .mobile_menu_logo.text-center{text-align: left !important;}
  .mobile_logo_area{text-align: right;}
  .mobile_logo_area .row{align-items: center;position: relative;flex-wrap: nowrap;}
  .mobile_logo_area .row .col-sm-3{position: unset;}
  .mobile_logo_area .mean-container .mean-nav{background: transparent;position: absolute;top: 100%;left: 0;z-index: 5;}
  .mobile_logo_area .row .mean-bar{background: transparent;display: inline-block;min-height: auto;position: unset;}
  .mobile_logo_area .row .mean-bar .meanmenu-reveal{padding: 10px 15px 14px 15px;color:#00294b;}
  .meanmenu-reveal.meanclose:hover{color:#00294b !important;}
  .mobile_logo_area .row .mean-bar .meanmenu-reveal span{background: #00294b;}
}

@media (max-width: 767px) {
  .comparison{padding: 0 !important;}
  .comparison .e-con-inner{padding: 0px !important;flex-wrap: nowrap !important;} 
  .services-box .e-con-inner{padding: 0px !important;}    
  .footer-middle {padding: 20px;}
  .footer-bottom {padding: 24px 0 24px;}
  .user-system-text > .elementor-widget-wrap{gap: 30px;}
  .twae-vertical.twae-wrapper .twae-story .twae-description h1{font-size: 16px !important;}
  .widget_media_image {margin-top: 0;margin-bottom: 0;}
  .faq-section .single_image img {width: 80% !important;}
  .accordion_area {padding-top: 0 !important;}
  .hero-section.elementor-section-full_width .witr_sw_text_area {width: 100% !important;padding: 0 12px;}
  .witr_sstyle_9 {padding: 24px 20px 25px !important;}
  .em-service2 .em-service-icon i, .wirt_detailb_icon i, .witr_service2_icont i {height: 60px !important;width: 60px !important;line-height: 60px !important;}
}

@media (min-width: 992px) and (max-width: 1199px){
  .donate-btn-header a{font-size: 13px !important;}
}

@media (max-width: 567px) {
  .hero-section .swiper-slide{height: calc(100vh - 125px);}
  .hero-section .swiper-slide .witr_swiper_height {height: 100% !important;}
}