/*
Theme Name: Valuecoders Case Studies
Theme URI: ''
Author: Valuecoders Team
Author URI: https://www.valuecoders.com/
Description: Custom themes.
Version: 0.1
Requires at least: 4.7
Requires PHP: 5.2.4
Text Domain: casestudies
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/



@font-face {
	font-family: 'Noto Sans';
	src: url('../woff2/notosans-regular-2.woff2') format('woff2'),
		url('../woff/notosans-regular.woff') format('woff'),
		url('../ttf/notosans-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
  }
  
  @font-face {
	font-family: 'Noto Sans bold';
	src: url('../woff2/notosans-bold-2.woff2') format('woff2'),
		url('../woff/notosans-bold.woff') format('woff'),
		url('../ttf/notosans-bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
  }
  
  @font-face {
	font-family: 'Noto Sans';
	src: url('../woff2/notosans-medium-2.woff2') format('woff2'),
		url('../woff/notosans-medium.woff') format('woff'),
		url('../ttf/notosans-medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
  }
  
  @font-face {
	font-family: 'Noto Sans';
	src: url('../woff2/notosans-semibold-2.woff2') format('woff2'),
		url('../woff/notosans-semibold.woff') format('woff'),
		url('../ttf/notosans-semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
  }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body{
  font-family: 'Noto Sans';
  color: #666E86; 
 
}

/*---footer css----*/

.footer {
  background: #fff;
  padding: 40px 0 0 0;
}
.footer .flex-2:first-child .footer-item:last-child {
  margin-top: 40px;
}
.footer .flex-2:last-child {
  padding-left: 140px;
}
.footer .footer-item {
  margin-bottom: 20px;
}
.footer .footer-item h4 {
  font-weight: 600;
  color: #000;
  margin-bottom: 10px;
}
.footer .footer-item ul {
  padding-right: 0;
}
.footer .footer-item ul li {
  display: inline-block;
  padding-right: 15px;
  position: relative;
}
.footer .footer-item ul li:last-child {
  padding-right: 0;
}
.footer .footer-item ul li a {
  font-weight: 400;
  font-size: 14px;
  color: #454444;
  line-height: 22px;
  transition: all .3s ease-in-out;
}
.footer .footer-item ul li a img {
  opacity: 0.7;
  transition: all 0.3s ease-in-out;
}
.footer .footer-item ul li a:hover {
  color: #016be3;
}
.footer .footer-item ul li a:hover img {
  opacity: 1;
}
.footer .footer-item ul li:after {
  content: "|";
  position: relative;
  left: 7px;
  top: 1px;
}
.footer .footer-item ul li:last-child:after {
  display: none;
}
.footer .footer-item.social-media {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer .footer-item.social-media ul li::after {
  display: none;
}
.footer .footer-copyright {
  background: #021652;
  color: #fff;
  padding: 10px 0;
  margin-top: 20px;
}
.footer .footer-copyright .copyright-left p {
  font-size: 14px;
  line-height: 17px;
  color: #fff;
  opacity: 0.8;
  margin:0;
}
.footer .footer-copyright .copyright-right {
  text-align: right;
}

.footer .footer-copyright .copyright-right p{margin:0;}

/*---Footer css ends here----*/

.footer-form-section #ffile-type-error {
    color: #FF0000;
    font-size: 12px;
}
.footer .footer-item h4 {
  font-size: 20px;
    line-height: 25px;
  }
.menu-mega .middle-list h6, .menu-mega .right-list .last-list h6 {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 15px;
  font-weight: 500;
  color: #010101;
}
.menu-mega .left-list.list-view h6{
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  color: #010101;
}
h1{font-weight: bold; font-family: 'Noto Sans';}
h2,h3,h4,h5,h6{
	font-weight: 500;
  color: #010101;
  font-family: 'Noto Sans';
}
h2, h3, h6{
  font-weight: 500;
}
li{
  font-size: 16px;
  line-height: 26px;
}
.dis-flex {
  display: flex;
  flex-wrap: wrap;
}
.dis-flex-justify {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.flex-1 {
  flex-basis: 100%;
}
.flex-2 {
  flex-basis: 50%;
}
.flex-3 {
  flex-basis: 33.33%;
}
.flex-4 {
  flex-basis: 25%;
}
.flex-5 {
  flex-basis: 20%;
}
.flex-8 {
  flex-basis: 38%;
}
.margin-t-100{
  margin-top:100px;
}
.margin-t-80{
  margin-top:80px;
}
.padding-t-100{
  padding-top: 100px;
}
.padding-b-100{
  padding-bottom: 100px;
}
.padding-t-120{
  padding-top: 120px;
}
.padding-b-120{
  padding-bottom: 120px;
}
li{
  list-style: none;
}
h3{
  font-size: 20px;
  line-height: 23px;
}
p{
  font-size: 16px;
  line-height: 26px;
  font-family: 'Noto Sans';
  font-weight: normal;
}
a{
  text-decoration: none;
  color: #016BE3;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
font-family: 'Noto Sans';
}
.container {
  width: 100%;
  max-width: 1312px;
  margin: 0 auto;
  padding: 0 20px;
}

.col-lg-12.headingsec {
  padding: 100px 0 0;
  margin: 0 0 20px;
}
.col-lg-12.headingsec h1 {
  font-size: 40px;
  line-height: 47px;
  text-transform: uppercase;
  color: #253053;
  font-weight: 700;
}

.site-main .nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
}
li.nav-item a:hover {
  color: #016BE3 !important;
  font-weight: 700;
}
.site-main .nav-tabs .nav-item {
  margin: 0 25px 0 0;
}
.site-main .tab-item .nav-link {
  font-size: 20px;
  line-height: 23px;
  color: #253053;
  border: none !important;
  background: 0 0;
  text-decoration: none;
  font-weight: 500;
}
.site-main .tab-item .nav-link .active {
  color: #016BE3;
  background: 0 0;
  font-weight: 600;

}
.tab-content > .active {
  display: block;
}
.taxonomy_filter {
  cursor: pointer;
}
.list-inline {
  margin-top: 20px;
}
.list-inline li:hover span {
  color: #016BE3;
}
.list-inline-item {
  display: inline-block;
  margin: 0 10px 10px 0 !important;
}
.services_button .badge-primary {
  padding: 5px 10px;
  font-weight: 500;
  background: 0 0;
  border: 1px solid rgba(212, 224, 237, 0.7);
  border-radius: 5px;
  display: block;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #737373;
}
.list-inline li:hover {
  color: #016BE3;
}
.list-inline li:hover .badge-primary {
  border-color: #016BE3;
}
.casebox.divname.flex-3 {
  background: #FFFFFF;
  border: 1px solid #EFEFEF;
  border-radius: 5px;
  margin-right: 20px;
}

.box-3 {
  background: #FFFFFF;
  border: 1px solid #EFEFEF;
  border-radius: 5px;
  height: 100%;
}

.casebox {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 20px;
}
.middle-side-content {
  margin-top: 20px;
}
.middle-side-content,.box-btn { 
  padding: 0 17px 0 30px;
}
.middle-side-content h3 {
  margin: 0;
}
.middle-side-content p {
  opacity: 0.9;
  margin-top: 15px;
  min-height: 106px;
}
.middle-side-content h4{
  font-size: 16px;
  line-height: 22px;
  margin-top: 20px;
  margin-bottom: 15px;
}
.tech-items-list li:hover span{
  color: #016BE3;
}
.tech-items-list li:hover .list-values{
  border-color: #016BE3;
}
.box-btn{
  margin: 40px 0 30px;
}
.box-inline-itm{
  list-style: none;
  display: inline-block;
  margin: 0 10px 10px 0;
}

.list-values{
  padding: 5px 10px;
  font-weight: 500;
  background: 0 0;
  border-radius: 5px;
  display: block;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  border: 1px solid #D4E0ED;
}

.right-bar ol{margin:20px 0 0;}
.right-bar ol li{font-weight: normal; position: relative; padding-left: 0px;
 padding-bottom:10px; list-style: disc;}

.top-side-image img {
  width: 100%;
}

.box-btn a::after {
  content: url(../png/box-arrow-icon.png);
  position: relative;
  top: 2px;
  left: 9px;
  transition: all 0.3s ease-in-out;
}
.load-more-btn-cls {
  margin-top: 70px;
  text-align: center;
  width: 100%;
  font-size: 24px;
  line-height: 30px;
}

.load-more-btn-cls a::after{
  content: url(../png/box-arrow-icon.png);
  position: relative;
  top: 2px;
  left: 9px;
  transition: all 0.3s ease-in-out;
}

.load-more-btn-cls a {
  padding: 15px 45px;
  border: 1px solid #016BE3;
  border-radius: 5px;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
}
.ajax-loader img {
    margin: 0px auto 44px;
    display: block;
}
@media only screen and (max-width: 1440px) {
  .container {
    max-width: 1260px;
  }
  h1 {
    font-size: 36px;
  }
  h2 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 1320px) {
  .container {
    max-width: 1160px;
  }
  h2 {
    font-size: 30px;
  }
  h3 {
    font-size: 18px;
  }
}

@media screen and (max-width: 991px) {
  .container {
    max-width: 100%;
  }
  .padding-t-100{
    padding-top: 60px;
  }
  .margin-t-100{
    margin-top: 60px;
  }
  .col-lg-12.headingsec {
    padding: 85px 0 0;
  }
  .flex-3 {
    flex-basis: 50%;
}
}

@media screen and (max-width: 767px) {
  .container {
    max-width: 100%;
  }
}

/*Footer Form Section Start From Here*/
  
  .footer-form-section {
	position: relative;
	background-color: #021652;
  }
  
  .footer-form-section ::placeholder {
	color: rgba(50, 50, 50, 0.5);
  }
  
  .footer-form-section .left-box {
	flex-basis: 40%;
	padding-right: 45px;
	background: #021652;
	color: #ffffff;
	position: relative;
	z-index: 1;
  }
  
  .footer-form-section .left-box p {
    color: #DFDFDF;
    font-size: 18px;
    line-height: 29px;
  }
  
  .footer-form-section .left-box h2 {
	color: #ffffff;
	margin-bottom: 30px;
	font-weight: normal;
	font-size: 36px;
	line-height: 45px;
	
  }

  @media only screen and (max-width: 1600px){
    .footer-form-section .left-box h2{font-size: 32px;
      line-height: 40px;}
    
  }


  @media only screen and (max-width: 1440px) {
	.footer-form-section .left-box h2 {
	  font-size: 32px;
	}
  }
  @media only screen and (max-width: 1320px) {
	.footer-form-section .left-box h2 {
	  font-size: 30px;
	}
  }
  
  .footer-form-section .left-box h3 {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    color: #fff;
  }
  @media screen and (max-width: 1320px) {
	.footer-form-section .left-box h3 {
	  font-size: 22px;
	}
  }
  @media screen and (max-width: 1320px) {
	.footer-form-section .left-box h3 {
	  font-size: 20px;
	}
  }
  @media screen and (max-width: 767px) {
	.footer-form-section .left-box h3 {
	  font-size: 22px;
	  line-height: 28px;
	}
  }
  
  .footer-form-section .left-box .profile-outer {
	margin-top: 20px;
  }
  
  .footer-form-section .left-box .profile-pic {
	margin-right: 10px;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
  }
  
  .footer-form-section .left-box .profile-pic .pic2 {
	background-position: -68px 4px;
  }
  
  .footer-form-section .left-box .profile-pic i {
	background: url(../png/acc-prof-3.png) 2px 4px no-repeat;
	width: 60px;
	height: 60px;
	display: block;
  }
  
  .footer-form-section .left-box .profile-pic .pic3 {
	background-position: -137px 4px;
  }
  
  .footer-form-section .left-box .profile-pic .pic4 {
	background-position: -207px 4px;
  }
  
  .footer-form-section .left-box .profile-pic span {
	display: block;
	margin-top: 7px;
  }
  
  .footer-form-section .list-box {
	padding-left: 60px;
	position: relative;
	padding-top: 25px;
  }
  
  .footer-form-section .list-box::before {
	clear: both;
	background: #016be3;
	box-shadow: 0 0 10px rgba(9, 39, 149, 0.25);
	color: #fff;
	font-size: 18px;
	line-height: 21.09px;
	border-radius: 50px;
	height: 40px;
	width: 40px;
	display: block;
	position: absolute;
	left: 0;
	top: 20px;
	justify-content: center;
	display: flex;
	align-items: center;
	z-index: 1;
  }
  
  .footer-form-section .side-dash1 p {
	padding-bottom: 15px;
	margin: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: #DFDFDF;
    font-size: 18px;
    line-height: 29px;
  }
  
  .footer-form-section .side-dash1::before {
	content: "1";
  }
  
  .footer-form-section .side-dash1::after {
	content: "";
	clear: both;
	display: block;
	height: 100%;
	border-left: 0.8px dashed rgba(223, 223, 223, 0.5);
	width: 4px;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 0;
  }
  
  .footer-form-section .side-dash2::before {
	content: "2";
  }
  
  .footer-form-section .contact-form-box {
	background: #ffffff;
	border-radius: 15px;
	padding: 40px 65px;
  }
  
  .footer-form-section .right-box {
	flex-basis: 60%;
	padding-left: 40px;
	border-radius: 0 10px 10px 0;
  }
  
  .footer-form-section .form-text-cont {
	flex-basis: 50%;
	margin-top: 20px;
	position: relative;
  }
  
  .footer-form-section .form-text-cont:nth-child(2n -1) {
	padding-right: 20px;
  }
  
  .footer-form-section .form-text-cont .dis-flex {
	flex-wrap: nowrap;
	justify-content: space-between;
  }
  
  .footer-form-section .input-field {
	padding: 18px 30px 18px 15px;
	background: transparent;
	width: 100%;
	font-size: 16px;
	line-height: 20px;
	border: 0.5px solid #e2e2e2;
	border-radius: 5px;
	color: #323232;
   font-family: 'Noto Sans';
	outline: 0;
	resize: none;
  }
  
  .footer-form-section .input-field:focus {
	border: 0.5px solid #010101;
  }
  
  .footer-form-section small {
	display: none;
	color: #ff0000;
	font-size: 12px;
  }
  
  .footer-form-section .verror small {
	display: block;
	margin-top: 5px;
  }
  
  .footer-form-section .verror .input-field,
  .footer-form-section .verror .user-input {
	border-color: #ff0000 !important;
  }
  
  .footer-form-section .verror.user-input {
	position: relative;
  }
  
  .footer-form-section .textarea-box.verror small {
	top: 40px;
  }
  
  .footer-form-section .comment-input {
	min-height: 165px;
	border: 0;
	outline: 0;
	width: 100%;
	resize: none;
	font-size: 16px;
	line-height: 20px;
	color: #323232;
  font-family: 'Noto Sans';
  }
  
  .footer-form-section .drop-input {
	position: relative;
	bottom: 0;
	left: 0;
  }
  
  .footer-form-section .drop-box {
	text-decoration: none;
	padding: 5px 10px;
	border: 0.5px solid #ffffff;
	font-size: 12px;
  }
  
  .footer-form-section .checkout {
	flex-basis: 34%;
	text-align: right;
  }
  
  .footer-form-section .checkout .checkout-submit {
	background: #60ac0b;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	color: #ffffff;
	padding: 14px 24px;
	border-radius: 4px;
	letter-spacing: 0.05em;
	cursor: pointer;
	border: none;
	transition: all 0.3s ease-in-out;
  }
  
  .footer-form-section .checkout .checkout-submit:focus,
  .footer-form-section .checkout .checkout-submit:hover {
	background-color: #082eb5;
  }
  
  .footer-form-section .form-text-cont.width-full {
	flex-basis: 100%;
	padding-right: 0;
  }
  
  .footer-form-section .drop-area-box {
	display: inline-block;
	background: none;
	font-weight: 500;
	text-decoration: none;
	font-size: 12px;
	line-height: 15px;
	border-radius: 0;
	cursor: pointer;
	color: #323232;
  }
  
  .footer-form-section .drop-area-box input {
	display: none;
  }
  
  .footer-form-section .drop-area-box button {
	cursor: pointer;
	position: relative;
	font-weight: normal;
	font-size: 12px;
	line-height: 15px;
	display: inline-block;
	border: 0.5px solid #e2e2e2;
	padding: 6px 10px;
	background: none;
	color: #767676;
  }
  
  .footer-form-section .for-two-col {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-top: 50px;
  }
  
  .footer-form-section .autocomplete-items {
	display: none;
  }
  
  .footer-form-section .autocomplete-items.has-data {
	background: #fff;
	display: block;
	height: 140px;
	overflow-y: auto;
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	max-width: 280px;
	box-shadow: 0px 6px 9px rgba(1, 0, 12, 0.4);
	border-radius: 5px;
	z-index: 2;
  }
  
  .footer-form-section .autocomplete-items.has-data div {
	color: #444444;
	background: #fff;
	border-bottom: 1px solid #444444;
	padding: 10px;
	font-size: 14px;
	cursor: pointer;
	padding: 15px 20px;
  }
  
  .footer-form-section .autocomplete-items.has-data div.autocomplete-active,
  .footer-form-section .autocomplete-items.has-data div:hover {
	background-color: rgba(0, 0, 0, 0.05);
  }
  
  .footer-form-section .gal-loader {
	position: relative;
	padding: 20px;
	margin-bottom: 15px;
	display: none;
  }
  
  .footer-form-section .gal-loader.active {
	display: block;
	background: rgba(0, 0, 0, 0.1);
	margin-top: 30px;
  }
  
  .footer-form-section .gal-loader.active .loader {
	display: block;
  }
  
  .footer-form-section .gal-loader.show-me {
	display: block;
	min-height: 100px;
  }
  
  .footer-form-section .gal-loader .loader {
	border: 5px solid #9f9f9f;
	border-radius: 50%;
	border-top: 5px solid #016be3;
	width: 50px;
	height: 50px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	margin-bottom: 10px;
	margin-right: 10px;
	display: inline-block;
	position: absolute;
	top: 22px;
	left: 50%;
	display: none;
  }
  
  .footer-form-section .gallery div {
	display: inline-flex;
	margin-right: 10px;
	vertical-align: baseline;
	align-items: flex-start;
	position: relative;
	transition: all 0.3s ease-in-out;
  }
  
  .footer-form-section .gallery div button,
  .footer-form-section .gallery div a {
	text-decoration: none;
	background: #ffb81d;
	padding: 4px;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	position: absolute;
	right: 0;
	cursor: pointer;
	border: 0;
	outline: 0;
  }
  
  .footer-form-section .gallery div button:focus,
  .footer-form-section .gallery div a:focus {
	background: #f30909;
  }
  
  .footer-form-section .gallery img {
	width: auto;
	height: 54px;
	margin-right: 10px;
	vertical-align: middle;
  }
  
  @-webkit-keyframes spin {
	0% {
	  -webkit-transform: rotate(0deg);
	}
  
	100% {
	  -webkit-transform: rotate(360deg);
	}
  }
  
  @keyframes spin {
	0% {
	  transform: rotate(0deg);
	}
  
	100% {
	  transform: rotate(360deg);
	}
  }
  
  .footer-form-section .form-quiz-group {
	display: flex;
	align-items: center;
	flex-basis: 66%;
  }
  
  .footer-form-section .form-quiz-group .quizQ {
	border: 1px dashed #c4c4c4;
	border-radius: 4px;
	padding: 13px 30px;
	background: url("../png/quiz-bg-3.png") 5px center no-repeat;
	height: 50px;
  }
  
  .footer-form-section .form-quiz-group .equal {
	margin: 0 15px;
  }
  
  .footer-form-section .form-quiz-group span {
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	color: #4a4c55;
  }
  
  .footer-form-section .form-quiz-group .refreshbtn {
	background: url(../png/refresh-icon-3.png) top center no-repeat;
	background-size: 100%;
	width: 24px;
	height: 21px;
	margin-left: 35px;
	cursor: pointer;
	transition: all 0.5s ease 0s;
	display: inline-block;
	vertical-align: bottom;
  }
  
  .footer-form-section .form-quiz-group .refreshbtn:active {
	transform: rotate(360deg);
  }
  
  .footer-form-section .form-quiz-group .quizAns input {
	border: 1px solid #c4c4c4;
	border-radius: 4px;
	height: 50px;
	max-width: 67px;
	text-align: center;
	padding: 10px 20px;
  }
  
  .footer-form-section .form-quiz-group .quizAns span {
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: #ff0000;
  }
  
  .footer-form-section .user-input .pcode-prefix {
	position: absolute;
	top: 52%;
	transform: translateY(-50%);
	left: 0;
	border: 0;
	outline: 0;
	width: 100px;
	background: none;
	padding-left: 44px;
	color: #737373;
  }
  
  .footer-form-section .flag-box {
	flex-basis: 26%;
  }
  
  .footer-form-section .phone-flag-box .user-input:last-child {
	flex-basis: 74%;
	padding-left: 20px;
  }
  
  @media screen and (max-width: 1320px) {
	.footer-form-section .input-field {
	  padding: 14px 30px 14px 14px;
	}
  
	.footer-form-section .form-quiz-group .equal {
	  margin: 0 5px;
	}
    .footer .flex-2:last-child {
                padding-left: 80px;
     }
  }
  
  @media screen and (max-width: 1200px) {
	.footer-form-section .verror.user-input small {
	  right: -30px;
	}
  
	.footer-form-section .right-box {
	  padding-left: 0;
	}
  
	.footer-form-section .contact-form-box {
	  border-radius: 10px;
	  padding: 40px 20px;
	}
    .footer .flex-2:first-child .footer-item:last-child {
                margin-top: 0;
       }
     .footer .flex-2:last-child {
                padding-left: 40px;
       }
  }
  
  @media screen and (min-device-width: 768px) and (max-device-width: 1023px) {
        .footer .footer-item.social-media {
                display: block;
       }
        .footer .footer-item.social-media h4 {
                margin-bottom: 20px;
       }
        .footer .footer-copyright .copyright-left {
                width: 47%;
       }
}
  
  @media screen and (max-width: 991px) {
	.footer-form-section .left-box {
	  flex-basis: 100%;
	  padding-right: 0;
	}
  
	.footer-form-section .left-box h2 {
	  margin-bottom: 30px;
	}
  
	.footer-form-section .right-box {
	  flex-basis: 100%;
	  margin-top: 40px;
	}
  }
  
  @media screen and (max-width: 767px) {
	.footer-form-section .phone-flag-box .user-input:last-child {
	  padding-left: 10px;
	}
  
	.footer-form-section .user-input .pcode-prefix {
	  top: 25px;
	}
  
	.footer-form-section .form-text-cont {
	  flex-basis: 100%;
	}
  
	.footer-form-section .form-text-cont:nth-child(2n-1) {
	  padding-right: 0px;
	}
  
	.footer-form-section .contact-form-box {
	  padding: 40px 20px;
	}
  
	.footer-form-section .for-two-col {
	  margin-top: 30px;
	}
  
	.footer-form-section .for-two-col .attachment-box {
	  flex-basis: 100%;
	}
  
	.footer-form-section .for-two-col .checkout {
	  flex-basis: 100%;
	  text-align: left;
	  margin-top: 40px;
	}
  
	.footer-form-section .left-box h2 br {
	  display: none;
	}
  
	.footer-form-section .left-box .profile-pic img {
	  max-width: 45px;
	}
  
	.footer-form-section .side-dash1::after {
	  left: 15px;
	}
  
	.footer-form-section .list-box {
	  padding-left: 45px;
	}
  
	.footer-form-section .list-box::before {
	  height: 30px;
	  width: 30px;
	}
  
	.footer-form-section .right-box .form-text-cont:first-child {
	  margin-top: 0;
	}
  
	.footer-form-section .comment-input {
	  min-height: 85px;
	}
  
	.footer-form-section .drop-area-box label::before {
	  background-position: 4px 6px;
	  background-size: 70%;
	  width: 28px;
	  height: 28px;
	  top: -5px;
	}
  
	.footer-form-section .verror.user-input small {
	  position: relative;
	  left: 0;
	  top: 0;
	  margin-top: 15px;
	  border: 0px;
	  padding: 0px;
	}
  
	.footer-form-section .verror.user-input small::before {
	  display: none;
	}
  
	.footer-form-section .verror.user-input small:after {
	  display: none;
	}
  
	.footer-form-section .form-quiz-group {
	  flex-basis: 100%;
	}
  
	.footer-form-section .form-quiz-group .quizQ {
	  padding: 12px 10px;
	}
  
	.footer-form-section .form-quiz-group .refreshbtn {
	  margin-left: 10px;
	}
    .flex-2, .flex-3, .flex-4 {flex-basis: 100%;}  
            .footer .flex-2:last-child {
                padding-left: 0;
       }
        .footer .footer-item ul {
                padding-right: 0px;
       }
        .footer .footer-item.social-media {
                display: block;
       }
        .footer .footer-item.social-media ul {
                margin-top: 15px;
       }
        .footer .footer-copyright .copyright-left {
                width: 100%;
                text-align: center;
       }
        .footer .footer-copyright .copyright-right {
                width: 100%;
                text-align: center;
                margin-top: 10px;
       }
  }
  
  /*Footer Form Section End Here*/

.tab-content>.tab-pane {
	display: none
}

.tab-content>.active {
	display: block
}

.services_button .active .badge-primary{background:#016BE3; color: #fff;}
.nav-tabs .nav-link.active {
	/*background: #016BE3;*/
	color: #016BE3;
/*	border-color: #dee2e6 #dee2e6 #fff */
}
.listing {
    min-height: 300px;
}
.loading-overlay{
    position: fixed;
    left: 0; 
    top: 0; 
    right: 0; 
    bottom: 0;
    z-index: 2;
    height:100%;
    background: rgba(255,255,255,0.7);
}