/***************************************

  Theme Name: Digixon
  Theme URI: http://themes.webdevia.com/digixon-creative-digital-agency-wordpress-theme
  Description: Creative Digixon Agency WordPress Theme

  Author: Mymoun
  Author URI: http://www.webdevia.com/
  Version: 2.2
  Text Domain: digixon
  Domain Path: /languages

  Version: 2.2
  License: Envato
  License URI: https://themeforest.net/licenses

  Tags: two-columns, custom-background, threaded-comments, translation-ready, custom-menu
  
***************************************/
/* ----------------------------------------------------------------------------

  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

  However, we will not be using vanilla CSS. We're using Sass.

  Sass is a superset of CSS that adds in amazing features
  such as variables, nested selectors and loops..

  All Sass files are located in the /scss folder.
  Please note that none of your scss files will be compiled to /css/app.css before you run
  'npm run watch', 'npm run build', "compass compile" or "compass watch",

  More info on how to use Sass with Foundation can be found here:
  http://foundation.zurb.com/docs/sass.html

  For Define a table of contents please check /scss/app.scss.

  If you for some reason would like to write plain css instead of using Sass,
  you could just enqueue this file (style.css) to the header and add your styles in this file

---------------------------------------------------------------------------- */
.page .body, .wd-comment-text{
	color:#787b7d;
}

.clients-logo .slick-slide .wd-clients-carousel-item img{
	border:2px solid rgba(192,197,201,.25);
	padding:0 80px;
	cursor:pointer;
	background-color:#fff;
	max-height: 100px;
}
.first-footer{
	background:inherit;
	padding-top:0;
}
.first-footer ul.solutions-menu{
	margin-left:0;
}
.first-footer ul.solutions-menu li{
	margin-bottom:10px;
}
.first-footer ul.solutions-menu li a{
	transition:all 0.3s ease-in-out;
}
.first-footer ul.solutions-menu li a:hover{
	color:#f39c1b;
}
.first-footer .block .menu .menu-item a:hover{
	padding-left:0;
}
.first-footer .block-title{
	margin-top:0;
}
.first-footer .footer-logo {
	height:80px;
}
.first-footer .block{
	width:100%;
	padding-top:75px;
	padding-bottom:50px;
}
.top-bar .header-search{
	display:none;
}
.second-footer{
	background-color:#208daf;
	color:#fff;
	border: 2px solid rgba(255, 255, 255, 0.05);
}
.footer-social-media li a{
	color:#fff;
}
.first-footer{
	padding: 0px 0 0px;
	color:#fff;
}

.first-footer .footer_bg_color{
  background-color: #208daf;
}
.first-footer table caption, 
.first-footer .block-title, 
.first-footer ul li a{
	color:#fff;
}
.first-footer .block .textwidget a{
	color:#fff;
}
header.l-header .top-bar-container.sticky.fixed{
	top:0px !important;
}

/*btn*/
.btn-color-2.btn-solid{
	background-color: #f39c1b;
	color: #fff;
}
.hover-color-1:hover.btn-solid{
    background-color: #208daf;
	color: #fff;
}
.btn-color-1.btn-solid{
	background-color: #208daf;
	color: #fff;
}
.hover-color-2:hover.btn-solid{
    background-color: #f39c1b;
	color: #fff;
}
header.l-header .top-bar-container .site-navigation.top-bar .top-bar-right .mobile-menu ul.nested.menu li a{
  font-size: 14px;
	color:#1a1a1a;
}
.titlebar{
	margin-bottom:40px;
}
.wd-count-up svg:not(:root) {
    overflow: overlay;
}
.about-title .sub_title_a{
	border-left:5px solid #f39c1b;
	padding-left: 15px;
}
.team-list-style3 li .team-member{
	text-align: center;
}

/* faq's */
.faq-submit-form .wpcf7 .wpcf7-form textarea{
  min-height: 80px;
  height: 110px;
}
.faq-submit-form .vc_column-inner .wpb_wrapper .wpcf7{
	box-shadow:0 10px 50px rgb(4 75 194 / 10%);
	display: inline-flex;
    padding: 30px 10px;
    border-radius: 6px;
}
.faq-submit-form .vc_column-inner .wpb_wrapper h4{
	margin:0 !important;
	margin-bottom: 10px !important;
    padding-left: 15px;
}
.wpb-js-composer .vc_tta-style-flat.vc_tta-color-grey .vc_tta-panels-container .vc_tta-panels div.vc_tta-panel.wd-tta-section.vc_active .vc_tta-panel-heading a{
 color: #f39c1b;	
}
.wpb-js-composer .vc_tta-style-flat.vc_tta-color-grey .vc_tta-panels-container .vc_tta-panels div.vc_tta-panel.wd-tta-section .vc_tta-panel-heading a{
	line-height:28px;
}
.wpb-js-composer .vc_tta-style-flat.vc_tta-color-grey .vc_tta-panels-container .vc_tta-panels div.vc_tta-panel.wd-tta-section.vc_active .vc_tta-panel-heading,
.wpb-js-composer .vc_tta-style-flat.vc_tta-color-grey .vc_tta-panels-container .vc_tta-panels div.vc_tta-panel.wd-tta-section.vc_active .vc_tta-panel-heading a i:before {
	border-color:#f39c1b;
}
.wpb-js-composer .vc_tta-style-flat.vc_tta-color-grey .vc_tta-panels-container .vc_tta-panels div.vc_tta-panel.wd-tta-section .vc_tta-panel-body{
	padding: 40px 50px 40px 50px;
}
.wpb-js-composer .vc_tta-style-flat.vc_tta-color-grey .vc_tta-panels-container .vc_tta-panels div.vc_tta-panel.wd-tta-section:hover .vc_tta-panel-heading,
.wpb-js-composer .vc_tta-style-flat.vc_tta-color-grey .vc_tta-panels-container .vc_tta-panels div.vc_tta-panel.wd-tta-section:hover .vc_tta-panel-heading a i:before{
	border-color:#f39c1b;
}
.wpb-js-composer .vc_tta-style-flat.vc_tta-color-grey .vc_tta-panels-container .vc_tta-panels div.vc_tta-panel.wd-tta-section:hover .vc_tta-panel-heading a {
  color:#f39c1b;
}

/* Contact us */
.contact-us-form .vc_column-inner .wpb_wrapper .wpcf7{
	box-shadow: 0 10px 50px rgb(4 75 194 / 10%);
    padding: 30px !important;
    border-radius: 6px;
}
.contact-us-form .vc_column-inner .wpb_wrapper .wpcf7 label{
	 font-weight:500;
}
.contact-us-form .vc_column-inner .wpb_wrapper .wpcf7 h3{
	margin-top:0;
	margin-bottom:10px;
}
.contact-us-form  .wpcf7 .wpcf7-form input[type="submit"],
.faq-submit-form .wpcf7 .wpcf7-form input[type="submit"]{
	 background: #f39c1b;
}
.contact-us-form .wpcf7 .wpcf7-form input:hover[type="submit"],
.faq-submit-form .wpcf7 .wpcf7-form input:hover[type="submit"]{
	 background: #208daf;
}
.contact-us-form .wpcf7 .wpcf7-form textarea{
  min-height: 80px;
  height: 110px;
}
.contact-map .wpb_content_element{
  margin-bottom: 0px;
}
.contact-information .text-icon__content-box h4{
	margin-top:0;
}

.list-back-support ul {
	list-style:none;
	margin:0 !important;
}
.list-back .list-back-support ul li{
    font-size: 16px;
    font-weight: 500;
	margin-bottom:15px;
}
.list-back-support ul li{
	font-size: 22px;
    font-weight: 500;
	margin-bottom:15px;
}
.list-back-support ul li i{ 
	color: #ff9d00;
	padding-right:10px;
}
.list-back-support .wpb_content_element{
	margin-bottom:0px;
}
.contact-us-form iframe {
  width: 500px !important;
}
.contact-us-form iframe .ContactForm{
	max-width:100% !important;
}
.NoFiles+.MessageFormAttach .SendFile .Text{
	background-color: #f39c1b;
    color: #fff;
	padding:9px 30px 7px;
}

@media screen and (min-width: 64em){
	header.l-header .top-bar-container.sticky.fixed .site-navigation.top-bar .top-bar-right .menu li a:hover {
    color: #f39c1b !important;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1300px){
	header.l-header .top-bar-container.sticky .site-navigation.top-bar .top-bar-right .menu li a {
    padding: 0.7rem 1.2rem;
    font-size: 14px;
}
}
@media (max-width: 1200px) {
	.clients-logo .slick-slide .wd-clients-carousel-item img{
		padding:0 50px;
	}
}
@media (max-width: 1024px) {
	.clients-logo .slick-dots{
		display:none !important;
	}
	.clients-logo .slick-dotted.slick-slider{
		margin-bottom:0 !important;
	}
	.first-footer .medium-6{
	flex: 0 0 25%;
    max-width: 25%;
	}
	.l-header .menu-icon{
		float:right;
	    margin-top: 15px;
	}
	
	.top-bar .mobile-menu .header-search{
		display:none;
	}
	.custom-banners .vc_custom_1654094789238{
		 padding-top: 80px !important;
	}
}
@media (max-width: 991px) {
	
	.custom-banners .vc_custom_1654094789238{
		 padding-top: 60px !important;
	}
}

@media (max-width: 767px) {
	.clients-logo .slick-slide .wd-clients-carousel-item img{
		padding:0 20px;
	}
   .first-footer .medium-6{
	flex: 0 0 50%;
    max-width: 50%;
	}
	.titlebar{
	  margin-bottom:50px;
	}
	.custom-banners .wd-heading.text-left h2{
		 font-size: 30px !important;
	}
}
@media (max-width: 767px) {
   .first-footer .medium-6{
	flex: 0 0 100%;
    max-width: 100%;
	}
	.first-footer .block{
	 padding-top: 40px;
     padding-bottom: 20px;
	}
}

@media (max-width: 479px){
  .clients-logo .slick-slide .wd-clients-carousel-item img {
    padding: 0 80px;
  }
	.team-list-style3 li .team-member__socialmedia{
	  right: 35px;
	}
	ul.team-list-style3{
		margin:0;
	}
	.team-list-style3 li .team-member{
		padding:0;
	}
}
