/**
Theme Name: 5D Biz
Author: Shot On Media
Author URI: https://www.shotonmedia.com/
Description: Child theme for the Conbix theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: conbix-child
Template: conbix
*/

:root {
	--5dblue: #010b15;
	--5dblue-2: #012a48;
}

body:not(.home) .header__area-menubar-right-btn{
	opacity: 0;
}

.hide { display: none;}
.rounded {
	border-radius: 50% !important;
}
.page__banner-content {
	text-align: center;
}
.gray-hover {
	filter: grayscale(100%);
	transition: all 0.4s linear;
}
.gray-hover:hover {
	filter: grayscale(0%);
}
.header__two,
.page__banner {
	border-bottom: 1px solid #fff;
}
.page__banner {
	padding-top: 80px;
	padding-bottom: 80px;
}
.page__banner::after {
	opacity: 0.75;
}
.services__one .bg-service-image {
	background-repeat: no-repeat;
}
.solutions__two-item {
	background-color: var(--5dblue);
}
.solutions__two-item-icon {margin-left: auto;margin-right:auto;}
.solutions__two-item h3 {
	text-align: center;
}
.solutions__two-item-icon img {
  	max-width: 100px !important;
	filter: grayscale(100%);
	transition: all 0.4s linear;
}
.solutions__two-item-icon img:hover {
	filter: grayscale(0%);
}
.dark-mode { 
	background: var(--5dblue) url(img/5dbiz-bg.webp) center center no-repeat fixed;
	background-size: cover;
}
.dark-mode .dark__image img:hover,
img.features-left-image:hover {
  filter: grayscale(0%);
}
.features-left-image {
	max-width: 50% !important;
	height: auto;
	margin: 20px auto;
	display: block;
	filter: grayscale(100%);
}
.dark-mode .dark__image img {
	border-radius: 5px;
}
.subscribe__area-left-notification p {
	color: #fff;
}

.services__one-item:hover {
  background: var(--5dblue-2);
  border-color: var(--5dblue-2);
}
.subtitle-one::after, .subtitle-two::after, .subtitle-three::after,
.subtitle-one::before, .subtitle-two::before, .subtitle-three::before {
	background: var(--primary-color-2);
}
.subtitle-one, .subtitle-two, .subtitle-three {
	color: var(--primary-color-2);
}
.services__one .btn-one {background: var(--primary-color-3);}
.btn-three::before {
  background: var(--primary-color-3);
}
.header__two {
	background: var(--5dblue);
}
.dark-mode .header__two::before,
.dark-mode .header__two::after { 
	background-image:none !important;
	background-color: var(--5dblue-2) !important;
}

.header__area-menubar-left-logo a {
	position:relative;
}
.header__area-menubar-left-logo a img {
	margin-top: -60px;
	position:absolute;
	max-width:170px;
}
@media(min-width: 1500px){
		
	.header__area-menubar-left-logo a img {
		max-width:250px;
	}
}
.about__three-right-content-counter p span.counter{
	font-size: 50px;
	line-height: 70px;
	color: var(--text-white);
	padding: 40px 0;
	position: absolute;
	right: 0;
	display: inline-block;
	padding: 40px;
}
.btn-holder a {
	display: inline-flex;
	align-items: center;
	font-size: 16px;
	line-height: 26px;
	padding: 17px 43px;
	text-align: center;
	font-weight: 700;
	font-family: var(--heading-font);
	z-index: 3;
	position: relative;
	transition: 0.4s;
	text-transform: uppercase;
	overflow: hidden;
	border-radius: 6px;
	background: var(--primary-color-3);
	  box-shadow: none;
  text-decoration: none;
  color: var(--text-white);
}
.btn-holder a::before {
	background: var(--btn-heading-color);
	content: "";
	position: absolute;
	height: 400px;
	width: 430px;
	top: 50%;
	left: 75%;
	border-radius: 50%;
	transition: all 0.5s ease-out 0s;
	z-index: -1;
}
.btn-holder a:hover::before {
	  transform: translateY(-50%) translateX(-50%) scale(1);
}
.extra-text-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-flow: row wrap;
	width: 100%;
}
.extra-text-container .extra-text-item {
	width: 100%;
}
.extra-text-container-not .extra-text-item .btn-three::before {
  background: var(--primary-color-3);
}

.p-margin p:first-child { margin-top: 1.2rem; }
.p-margin p, .cta-button{margin-bottom: 1rem; }

.footer__two { 
	background-image:none !important; 
	background-color: transparent !important;
}
.subscribe__area {
	border-bottom: 1px solid #fff; 
}
.subscribe__area,
.subscribe__area::before,
.subscribe__area-bg::before {
	background-color: var(--5dblue-2) !important;
}
.footer__two-widget-contact,
.elementor-widget-container p{
  margin-top: 30px;
}
.footer__two-widget-contact p {
  color: var(--color-4);
  max-width: 355px;
  margin-top: 25px;
}
.footer__two-widget-contact ul {
	margin: 0px;
	padding: 0px;
  	margin-top: 25px;
}
.footer__two-widget-contact ul li {
	list-style-type: none;
	display:inline-block;
	margin-right: 10px;
	margin-bottom: 15px;
}
.footer__two-widget-contact ul li a i {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: var(--color-11);
  font-size: 15px;
  border-radius: 50%;
  color: var(--text-white);
  transition: 0.4s;
}
.animate-img-gray img {
	animation-name: grayscale;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}
.stretch-blocks {
	align-items: stretch;
}
.stretch-blocks > div {
	margin-bottom: 40px;
}
.stretch-blocks .bg-service-image {
	height: 100%;
}

.text-icons-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.text-icons-wrapper .text-icons-item {
	width: 30%;
	margin: 20px 0px;
}
.text-icons-wrapper .text-icons-item > span {
	display: block;
}

@keyframes grayscale {
  
  0%   {filter: grayscale(0%)}
  16%  {filter: grayscale(75%)}
  33%  {filter: grayscale(100%)}
  50%  {filter: grayscale(100%)}
  66%  {filter: grayscale(100%)}
  84%  {filter: grayscale(75%)}
  100% {filter: grayscale(0%)}
}

@media(min-width: 768px){
	
	.extra-text-container .extra-text-item {
		width: 48%;
	}
	.footer__two { 
		margin-top: -120px;
	}
}
@media(max-width:1350px){
	
	.header__area-menubar-right-btn{
		display: none ;
	}
}
@media (max-width: 1350px) {
  .header__area-menubar.two .header__area-menubar-left-logo .two {
    display: block !important;
	margin-top: -30px;
  }
}