body{ padding: 0; margin: 0;font-family: "Montserrat", sans-serif;}
html, html body, body #wrapper {overflow-x: hidden;}
body .site{ padding: 0; margin: 0; box-shadow: none; max-width: none; width: 100%; overflow: hidden; }
footer#colophon{ max-width: none; margin: 0; padding: 0; }

/* Defolt CSS
------------------------------- */
.container{padding-left: 0; padding-right: 0; max-width: 1200px;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	margin: 0 auto;
}
.row{margin-left: 0;margin-right: 0;}
.col-12 {padding-left: 0; padding-right: 0;}
a {
	color: #43467D;
	text-decoration: none;
	font-weight: 500;
	text-decoration: none;
}
a:hover {
	color: #949494;
	text-decoration: none;
	transition: all 3.0s ease 0s;
}
h2 {
	text-transform: capitalize;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -1.5px;
	color: #46497e;
}
h3 {
	color: #5C7463;
	font-size: 36px;
	font-weight: bold;
	text-transform: capitalize;
	letter-spacing: -1.2px;
	margin: 0;
}
h4 {
	color: #5C7463;
}
h5 {
	color: #43467D;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	margin: 0;
}
p {
	font-size: 15px;
	line-height: 20px;
	font-weight: 400px;
	color: #949494;
}
 ul{
 	margin: 0;
 	padding: 0;
 	list-style: inside;
 }
 ul li{
 	margin: 0;
 	padding: 0;
 	color: #949494;
 }

.bg {
	height: 3px;
	width: 24%;
	background-color: #FAA41D;
	margin: 12px auto;
}
.lbg {
	height: 3px;
	width: 72px;
	background-color: #FAA41D;
	margin: 12px 0;
}

.btn.btn-success {
	width: 227px;
	height: 58px;
	fill: #FAA41A;
	color: #fff;
	background-color: #949494;
	background-image: linear-gradient(154deg,#949494 0%,#43467D 100%);
	border-radius: 4px;
	margin: 22px 0 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0px solid transparent;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
}
.btn.btn-success:hover {
	background: #949494;
	background-image: linear-gradient(154deg,#43467D 0%,#949494  100%);
	transition: all 3.0s ease 0s;
}
.heading.text-center {
	margin-bottom: 36px;
}
.heading.text-center h2 {
	color: #5C7463;
	font-size: 36px;
	font-weight: bold;
	text-transform: capitalize;
	letter-spacing: -1.2px;
	margin: 0;
}

.parallax {
  /* The image used */
  background-image: url("../img/vp-prarax3.png");

  /* Set a specific height */
  min-height: 572px;
  opacity: 0.6;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


/* #inner-banner css
------------------------------- */
#inner-banner {
	min-height: 190px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	overflow: hidden;
	background: #faa41d4f;
	background-image: linear-gradient(30deg, #43467D 15%, #949494fa 81%);
}
#inner-banner .col-12 {
	padding-left: 15px;
	padding-right: 15px;
	justify-content: center;
	align-items: center;
	display:flex: ;
}

#inner-banner .woocommerce-breadcrumb {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	list-style: none;
	border-radius: .25rem;
	justify-content: start;
	margin: 0;
	padding: 0;
	background: transparent;
	color: #949494;
}
#inner-banner .woocommerce-breadcrumb a {
	color: #eee;
}
#inner-banner .woocommerce-breadcrumb .woocommerce-breadcrumb-item.active {
	color: #fff;
}
#inner-banner h5 {
	color: #949494;
}
#inner-banner h3 {
	color: #FFF;
}
#inner-banner h1 {
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	text-transform: capitalize;
	letter-spacing: -1.2px;
	margin: 0;
}

#inner-banner .support {
	display: flex;
	gap: 24px;
	margin-top: 24px;
	align-items: self-end;
	justify-content: center;
}
#inner-banner .support h4 {
	font-size: 18px;
	margin: 0;
	padding: 0;
	line-height: 3px;
	color: #fff;
}
#inner-banner .support a {
	font-size: 30px;
	font-weight: bold;
	color: #efa022;
}


/* innerpage css
------------------------------- */


.innerpage{
	padding: 45px 0;
	max-width: 1203px;
	margin: auto;
}



/* Header css
------------------------------- */
.vp-header {
	background-image: linear-gradient(116deg, #9E9E9E00 15%, #25302E4D 63%);
	min-height: 74px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 1%;
	border-top: 3px solid #FAA41A;
	position: relative;
}
.vp-header .logo {
	width: 333px;
}
.contactbar{display: flex;align-items: center; margin-right: 9%;}
.contactbar a{font-weight: 700;}
.rightbar {
	display: flex;
	min-width: 36%;
	justify-content: end;
}
.rightbar .contactbar ul{display: flex;align-items: center;margin: 0;padding: 0;gap: 9px;}
.rightbar .contactbar ul li {list-style: none;color: #fff;border-right: 2px dashed #ccc4c4;padding-right: 5px;}
.head-sidenav {
	background: #43467d;
	width: 49px;
	height: 49px;
	display: flex;
	justify-content: center;
}
.head-sidenav .sidenav {
	height: 100%;
	width: 30%;
	position: fixed;
	z-index: 99;
	top: 0;
	right: 0%;
	background-color: #8e9493;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
	background-image: linear-gradient(30deg, #43467D 15%, #949494fa 81%);
	transition: all 1.0s ease 0s;
	display: none;
}

.head-sidenav .sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  color: #ccc4c4;
}
.head-sidenav .sidenav .nav1 ul{
	margin: 0;
	padding: 0 24px;	
}
.head-sidenav  .sidenav .nav1 ul li {
	margin: 0;
	padding: 9px 0px;
	list-style: decimal-leading-zero inside;
	border-bottom: 1px dashed;
	color: #fff;
}
.head-sidenav  .sidenav .nav1 ul li a{ 
	color: #fff;
	text-decoration: none;
}
.head-sidenav  .sidenav .nav1 ul li:last-child {border-bottom: 0px dashed;}
.head-sidenav  .sidenav .nav1 ul li ul.subnav{
  margin: 0 12px;
  padding: 0;
}

.head-sidenav .sidenav .nav1 ul li ul.subnav li{
  margin: 0;
  padding: 7px 0;
  list-style: inside disclosure-closed;
}
.sidenav .nav1 ul li ul.subnav li a {
  padding: 0px;
  text-decoration: none;
  font-size: 15px;
  display: inline;
}

.FlyContact {
	position: fixed;
	bottom: 0;
	background:#5C7463;
	width: 100%;
	padding: 2% 0;
	z-index: 9;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-direction: alternate;
}
@-webkit-keyframes blinker {
  0% {opacity: 0;bottom:-100px;position: fixed}
  25% {opacity: 1.0;bottom:0px;position: fixed}
  50% {opacity: 1.0;bottom:0px;position: fixed}
  75% {opacity: 1.0;bottom:0px;position: fixed}
  100% {opacity: 0;bottom:-100px;position: fixed}
}

.FlyContact ul {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	flex-direction: row;
}
.FlyContact ul li{ margin: 0; padding: 0; list-style: none;}
.FlyContact ul li a {
	display: flex;
	align-items: center;
	width: 100%;
	margin: auto;
    color: #fff;
    text-decoration: none;
}

.FlyContact ul li h3 {
	font-size: 15px;
	margin-right: 9px;
	text-align: right;
	text-transform: uppercase;
	font-family: "Oswald", sans-serif;
	font-weight: 400;
	letter-spacing: 0px;
	color: #000;
}
.FlyContact ul li h3 span {
	font-size: 18px;
	display: block;
	color: #fff;
	font-family: "Montserrat", sans-serif;
	text-transform: initial;
	font-weight:bold;
}
.FlyContact ul li a.go {
	background: #FAA41D;
	padding: 5px 18px;
	border-radius: 19px;
	text-transform: uppercase;
	font-weight: 700;
}
.FlyContact ul li:hover a.go {
	background: #FAA41A; 
	color: #25302E; 
	transition: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}


/* hero banner css
------------------------------- */

.Hero-Banner{
	background-image: url(../img/vp-footer-bg.png); background-position: center center; background-repeat: no-repeat; background-size: cover;
	padding-bottom: 99px;
}
.Hero-Banner h4 {
	position: absolute;
	top: 0;
	left: 49px;
	color: #ffffdd5e;
	font-size: 72px;
	font-weight: 900;
}
#hero-slider.owl-theme .owl-controls {
	margin-top: 0px;
}
#hero-slider .owl-prev {
	color: #fff;
	position: absolute;
	top: 50%;
	transform: translate(-50%, 0);
	left: 54px;
	text-transform: uppercase;
}
#hero-slider .owl-next {
	color: #fff;
	position: absolute;
	top: 50%;
	transform: translate(-50%, 0);
	right: 0px;
	text-transform: uppercase;
}



/* offer marquee css
------------------------------- */

#offer-marquee li.list-inline-item {
	margin-right: 12em;
	padding: 27px;
}
#offer-marquee li a span {
	background: #ffffffad !important;
	border-radius: 50%;
	color: #000;
	width: 45px;
	height: 45px !important;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	
}
#offer-marquee ul li:hover {
	background: #ffffff7d;
	transition: all 3.0s ease 0s;
}
#offer-marquee ul li a {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 600;
	display: flex;
	gap: 15px;
	align-items: center;
}

/* Hot-services css
------------------------------- */
#Hot-Service {
	display: flex;
	justify-content: space-between;
	gap: 18px;
}
#Hot-Service .box {
	background-color: #fff;
	text-align: center;
	margin-top: -81px;
	padding: 27px;
	width: 241px;
	border-bottom: 3px solid #eee;
	border-radius: 10px;
}

#Hot-Service .box:nth-child(5n+2) {background-color: #fde3b9;}
#Hot-Service .box:nth-child(5n+4) {background-color: #fde3b9;}

#Hot-Service .box:hover {
	box-shadow: 0 0 10px 3px rgba(149, 149, 149, 0.5);
	border-bottom: 3px solid #5C7463;
	transition: all 3.0s ease 0s;
}
#Hot-Service .box h3 {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 10px;
	display: grid;
	letter-spacing: .9px;
}
#Hot-Service .box h3 span{
	font-weight: 400;
	width: 100%;
}
#Hot-Service .box img {
  filter: grayscale(100%);
  transform: scale(1);
}
#Hot-Service .box:hover img {
  filter: grayscale(0%);
	transform: scale(1.2);
	transition: all 3.0s ease 0s;
	filter: brightness(115%);
}

/* Business Info css
------------------------------- */
#Business-Info {
	position: relative;
	min-height: 144px;
	display: flex;
	align-items: center;
	gap: 36px;
	justify-content: center;
}
#Business-Info h4 {
	font-size: 20px;
}

#business-slider {
	width: 69%;
}


/* Aboutinfo css
------------------------------- */
#AboutInfo {
	padding: 54px 0;
}
#AboutInfo .bg-light {
	background-color: #e4e4e4 !important;
}
#AboutInfo .about-img{
	padding: 0 54px 0 0 !important;
	text-align: center;
}
#AboutInfo .about-img img{
	width: 100%;
}
#AboutInfo .col-6 {
	padding: 0 !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content:center ;
}

#AboutInfo .box h1 {
	color: #5C7463;
	font-size: 36px;
	font-weight: bold;
	text-transform: capitalize;
	letter-spacing: -1.2px;
	margin: 0;
}

#AboutInfo .box h2 {
	text-transform: capitalize;
	font-size: 24px !important;
	font-weight: 500;
	letter-spacing: -1.5px;
	color: #46497e;
}
#AboutInfo .col-6 .box .support {
	display: flex;
	gap: 24px;
	margin-top: 24px;
	align-items: self-end;
	justify-content: center;
}
#AboutInfo .col-6 .box .support h4 {
	font-size: 18px;
	margin: 0;
	padding: 0;
	line-height: 3px;
}
#AboutInfo .col-6 .box .support a {
	font-size: 30px;
	font-weight: bold;
	color: #efa022;
}
 #AboutInfo .col-6.pr-3 img{
	width: 100%;
	float: left;
}
#AboutInfo .col-6 .box h3 {
	font-size: 27px;
	font-weight: bold;
	text-transform: capitalize;
	letter-spacing: -1.2px;
	margin: 0;
}
#AboutInfo .col-6 .box h4 {
	font-size: 18px;
}
#AboutInfo .col-6 .box ul {
	margin: 0;
	padding: 0;
	list-style-position: inside;
	list-style-type: decimal-leading-zero;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

#AboutInfo .about-box {
	display: flex;
	justify-content: space-between ;
}

/* Business Product  css
------------------------------- */
#Business-Product {
	padding: 45px 0 45px 0;
}
#Business-Product .btn.btn-success {
	margin: 15px auto;
}
/* Business Contact css
------------------------------- */
#Business-Contact {
	background: #25302E1C;
	position: relative;
	min-height: 350px;
}
#Business-Contact .container {
	position: absolute;
	top: 72px;
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 0 auto;
	right: 0;
	left: 0;
	gap: 24px;
	align-items: center;
}
#Business-Contact .container .col-6 {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
#Business-Contact .widget_media_video {
	border-radius: 9%;
	overflow: hidden;
	border: 15px solid #356a174d;
	height: 295px;
}
#Business-Contact .container  .col-6.vide img {
	padding: 30px;
	border-radius: 9px;
}
#Business-Contact .container .col-6.vide:hover img {
	background: #e6e6e6ab;
	transition: all 3.0s ease 0s;
	box-shadow: 0px 0px 14px #5C7463;
}
#Business-Contact .elementor-video {
	width: 100%;
}
#Business-Contact .bg {
	width: 54%;
	height: 3px;
	background: #faa41d;
}

#Business-Contact .box-content {
	display: flex;
	align-items: center;
	gap: 24px;
}

#Business-Contact .contact-box {
	padding: 30px;
	background: #eeee;
	box-shadow: 0px 0px 14px #5C7463;
	border-radius: 6px;
}
#Business-Contact .contact-box button{
	float: none;
	width: 180px;
	border-radius: 6px;
	height: 45px;
	border: none;
	background-color: #949494;
  background-image: linear-gradient(154deg,#949494 0%,#43467D 100%);
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
}
#Business-Contact .contact-box h3 {
	font-size: 27px;
	font-weight: bold;
	text-transform: capitalize;
	letter-spacing: -1.2px;
	margin: 0;
}
#Business-Contact .contact-box .col-12 {
	padding-left: 15px; 
	padding-right: 15px;
}
#Business-Contact .contact-box .form-group {
	margin-bottom: 0;
}
#Business-Contact .contact-box .form-control, #Business-Contact .contact-box select {
	min-height: 45px;
	border: none;
	border-radius: 0px;
	width: 100%;
	margin-bottom: 12px;
}
#Business-Contact .contact-box textarea {
	margin-bottom: 19px;
}

/* Design slider css
------------------------------- */
#design-slider {
	padding: 36px 12%;
}

#design-slider .owl-item{
	border: 9px solid #949494;
	border-radius: 26px;
	overflow: hidden;
	height: 400px;
}
#design-slider .sl {
	position: absolute;
	left: 0;
	bottom: 0px;
	right: 0;
	background: #ddd;
	display: flex;
	justify-content: center;
}
#design-slider .owl-item .top {
	position: absolute;
	top: 0;
	height: auto;
}
#design-slider .owl-item .bottom {
	position: absolute;
	bottom: -8px;
	height: auto;
}

#design-slider .owl-item.active.center {
	border: 9px solid #5C7463;
	border-radius: 26px;
	overflow: hidden;
	height: 457px;
}
#design-slider .owl-stage {
	display: flex;
	align-items: center;
}
#design-slider .owl-prev {
	position: absolute;
	top: 50%;
	left: 0;
}
#design-slider .owl-next{
	position: absolute;
	top: 50%;
	right: 0;
}

/* calltoaction css
------------------------------- */
#calltoaction{
	padding: 45px 0;
	background: #faa41d4f;
}
#calltoaction .support a {
	font-size: 24px;
	font-weight: bold;
	color: #efa022;
}
#calltoaction .support:hover a {
	color: #25302E;
	transition: all 3.0s ease 0s;
}

/* technology css
------------------------------- */

#technology {
	padding: 45px 0 0 0 !important;
}
#technology-slider .owl-item {
	padding: 27px;
}
#technology-slider .owl-item img {
	filter: grayscale(100%);
	transform: scale(1);
	opacity: 0.6;
}
#technology-slider .owl-item:hover img{
	filter: grayscale(0%);
	transition: all 3.0s ease 0s;
	transform: scale(1.2);
	filter: brightness(115%);
	opacity: 1;
}

/* counter section css
------------------------------- */
#Counter-Section {
	min-height: 214px;
	background: #43467D3D;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 63px;
}

#Counter-Section .Counter-box {
	display: flex;
}
#Counter-Section .Counter-img {
	background: #9d9b97;
	width: 70px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 13px;
	border-radius: 4px;
}
#Counter-Section .Counter-img:hover {
	background: #5C7463;
	transition: all 3.0s ease 0s;
}
#Counter-Section .Counter-img .img-fluid {
	width: 72%;
}
#Counter-Section ..Counter-img img{
	width: 50px;
 	height: 51px;
}

#Counter-Section .box h3{
	font-size: 38px;
	line-height: 38.8px;
	font-weight: 800;
	color: #43467D;
}
#Counter-Section .box p{
	font-size: 16px;
	line-height: 25.6px;
	font-weight: 400px;
	color: #636571;
}

/* Business casestady css
------------------------------- */

#Business-casestady {
	padding:45px 0;
	background: #faa41d4f;
}
#Business-casestady .box {
	margin-right: 0px;
}
#Business-casestady .casestady button{display: none !important;}

#Business-casestady {
	padding: 72px 0;
	background: #faa41d4f;
}

#Business-casestady .casestady-Box {
	background: #f8f9fa;
	display: flex !important;
	padding: 36px;
	width: 90% !important;
	float: right;
	margin-left: 54px;
	position: relative;
	border-radius: 6px;
	justify-content: space-between;
	gap: 24px;
	align-items: center;
	cursor: move;
}
#Business-casestady .casestady-Box .casestady-Img {
	width: 402px;
	border-radius: 6px;
}
#Business-casestady .casestady-Box .casestady-Img img{
	width: 216px;
	height: 100%;
}
 #Business-casestady .casestady-Content h3{ 
	font-size: 24px; 
}
#Business-casestady .casestady-Box p {
	font-style: italic;
}
#Business-casestady .casestady-Box ul {
	margin: 0 0 13px;
	padding: 0;
	display: flex;
	flex-direction: column;
	list-style: inside cer;
}
#Business-casestady .casestady-Box a.vd {
	color: #43467D;
	text-decoration: none;
	font-weight: 700;
	border: 1px solid;
	padding: 4px 12px;
	
}
#Business-casestady .casestady-Box:hover a.vd {
	background-color: #949494;
  background-image: linear-gradient(154deg,#949494 0%,#43467D 100%);
	color: #fff;
}


#Business-casestady .owl-prev {
	position: absolute;
	top: 0;
	rotate: 90deg;
	color: #43467D;
	left: 12px;
	font-weight: 700;
}
#Business-casestady .owl-next {
	position: absolute;
	bottom: 0px;
	rotate: 90deg;
	color: #43467D;
	left: 12px;
	font-weight: 700;
}



/* #Business-Testimonial css
------------------------------- */

#Business-Testimonial{
	padding: 45px 0;
	background: url('../img/map-bg2.png') no-repeat;
	background-size: contain;
	background-position: center center;
}
#Business-Testimonial .heading {
	margin-bottom: 24px;
}

#Testi-slider .owl-nav {
	position: absolute;
	top: -45px;
	right: 0;
	display: flex;
	gap: 16px;
	border: 1px solid;
	padding: 3px 7px;
	border-radius: 6px;
}
#Testi-slider .owl-nav .owl-prev, #Testi-slider .owl-nav .owl-next {
	font-weight: 700 !important;
}
#Testi-slider .owl-nav .owl-prev:hover, #Testi-slider .owl-nav .owl-next:hover {
	color: #f9a51f;
}

#Testi-slider .TestiBox {
	background-color: #25302e1c;
	padding: 24px 18px;
	text-align: center;
	border-radius: 6px;
}

#Testi-slider .TestiBox .Testiimg {
	display: flex;
	justify-items: center;
	justify-content: space-between;
	align-items: center;
	min-height: 54px;
	margin-bottom: 18px;
}

#Testi-slider .TestiBox .Testiimg img.ts{
	width: 15%;
}
#Testi-slider .TestiBox .Testiimg img.ta {
	width: 15%;
	border: 1px solid #fff;
	border-radius: 50px;
	padding: 9px 0 0;
}

#Testi-slider .Testireview {
	display: flex;
	justify-content: center;
	margin-bottom: 18px;
}
#Testi-slider .Testireview5 {
	width: 87px;
	height: 15px;
	background: url(../img/review.png);
}
#Testi-slider .TestiContent {
	z-index: 9;
	position: relative;
	height: 108px;
	overflow: hidden;
	border-bottom: 1px dashed #fff;
	margin-bottom: 18px;
	text-align: center;
}
#Testi-slider p {
	font-style: italic;
	font-weight: 600;
	color: #43467D;
}
#Testi-slider h3 {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 15px;
	margin-bottom: 0;
}
#Testi-slider small {
	text-transform: uppercase;
	letter-spacing: 3px;
}
#Business-Testimonial .col-lg-3.col-12 {
	align-items: center;
	display:flex ;
}
#Business-Testimonial .admin-box {
	display: flex;
	gap: 12px;
	flex-direction: column;
	justify-content: center;
	width: 70%;
	margin: auto;
	align-items: center;
}
#Business-Testimonial .admin-box .box-content {
	text-align: center;
}
#Business-Testimonial .admin-box .box-img {
	width: 36%;
}



/* footer css
------------------------------- */
footer{background: #fff;}
#footer{ position: relative;padding: 54px 0; background: #222; background: url(../img/vp-footer-bg.png); background-position: center center; background-size: cover;}
#footer .FooterTop {
	max-width: 1203px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding-bottom: 36px;
	color: #cacaca;
}
#footer .FooterTop .box h3 {
	font-size: 24px;
}
#footer .FooterTop .box .bg {
	height: 3px;
	width: 72px;
	background-color: #FAA41D;
	margin-bottom: 12px;
}
#footer .FooterTop .box img{margin-bottom: 12px;}
#footer .FooterTop  .box ul { margin: 0; padding: 0;}
#footer .FooterTop .box ul li{margin: 0; padding: 0;color: #43467D;list-style: inside;position: relative;}



#footer .FooterTop .box.wp ul li{margin: 0; padding: 0; list-style: none;text-transform: uppercase;line-height: 27px;}
#footer .FooterTop .box.wp ul li span {
	color: #43467D;
	font-weight: 600;
}
#footer .FooterTop .box.ql ul li {
	margin: 0;
	padding: 0px 22px;
	list-style: inside none;
	text-transform: uppercase;
	border-bottom: 1px dashed;
	line-height: 32px;
}

#footer .FooterTop .box.ql ul li:last-child {
  border-bottom: 0px dashed;
}
#footer .FooterTop .box.ql ul li::after {
  content: url(../img/arrow.png);
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 3px;
  width: 13px !important;
  height: 15px !important;
}

#footer .FooterTop .box.ci ul li {
	margin: 0;
	padding: 0px 0px 0 31px;
	list-style: inside none;
	text-transform: uppercase;
	border-bottom: 1px dashed;
	line-height: 32px;
}

#footer .FooterTop .box.ci ul li:first-child{
  line-height: 18px;
}
#footer .FooterTop .box.ci ul li:last-child {
  border-bottom: 0px dashed;
}
#footer .FooterTop .box.ci ul li::after {
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 7px;
}
#footer .FooterTop .box.ci ul li:nth-child(1)::after {content: url(../img/time-icon.png);}
#footer .FooterTop .box.ci ul li:nth-child(2)::after {content: url(../img/calender-icon.png);}
#footer .FooterTop .box.ci ul li:nth-child(3)::after {content: url(../img/customercare-icon.png);}
#footer .FooterTop .box.ci ul li:nth-child(4)::after {content: url(../img/whatsapp-icon.png);}
#footer .FooterTop .box.ci ul li:nth-child(5)::after {content: url(../img/email-icon.png);}

#footer .FooterTop .btn.btn-success {
	width: 296px;
	height: 36px;
}

#footer .FooterMeddle {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	color: #f0e2e2;
}
#footer .FooterMeddle h3 {
	font-size: 24px;
}
#footer .FooterMeddle .bg {
	height: 3px;
	width: 72px;
	background-color: #FAA41D;
	margin: 12px auto;
}

#footer .FooterMeddle a:hover{transition: all 3.0s ease 0s;}

#footer .FooterMeddle .industry{margin-bottom: 24px;}

#footer .Footerbottom {
	max-width: 1200px;
	margin: 0 auto;
	padding: 45px 0;
	text-transform: uppercase;
	font-weight: 600;
	color: #43467D;
}
#footer .Footerbottom p{
	color: #43467D;
}


/* Contact page
============================================*/
.page-with-sidebar {
	display: flex;
	max-width: 1203px;
	margin: auto;
	gap: 45px;
	padding: 45px 0;
}
.page-with-sidebar .sidebar {
	width: 25%;
}
.page-with-sidebar .sidebar .box {
	text-align: center;
	padding: 24px;
	margin-bottom: 24px;
	background: #eee;
}

.page-with-sidebar .sidebar .box img{
	width: 100%;
}
.page-with-sidebar .sidebar h3 {
  font-size: 18px;
  text-transform: uppercase;
}
.page-with-sidebar .sidebar a.call {
	font-size: 24px;
  font-weight: 800;
  text-transform: uppercase;
  color: #FAA41D;
}
.page-with-sidebar .sidebar a.email {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
}
.page-with-sidebar .sidebar .btn.btn-success {
	margin: auto;
	width: 161px;
	height: 45px;
}

.main-content {
	width: 75%;
}
.main-content .contact-box .col-12 {
	padding-left: 15px; 
	padding-right: 15px;
}
.main-content .contact-box .form-group {
	margin-bottom: 0;
}
.main-content .contact-box .form-control, .main-content .contact-box select {
	min-height: 45px;
	border: 1px dashed;
	border-radius: 6px;
	width: 100%;
	margin-bottom: 12px;
}
.main-content .contact-box textarea {
	min-height: 129px !important;
}

/* .Product-List css
------------------------------- */

.Product-List {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 45px;
}
.Product-List .Product-Box {
	max-width: 30.8%;
}
.Product-List .Product-Box .Product-Img {
	width: 100%;
	height: 247px;
	overflow: hidden;
	margin-bottom: 24px;
	border-radius: 6px;
	position: relative;
}
.Product-List .Product-Box .Product-Img::before {
	position: absolute;
	top: -1px;
	left: -1px;
	bottom: -1px;
	right: -1px;
	content: "";
	background-color: #949494a3;
	background-image: linear-gradient(154deg,#949494e3 0%,#43467DCF 100%);
	transition: all 0.5s ease-in-out 0s;
	transform-style: preserve-3d;
	transform: perspective(1200px) rotateY(-90deg) translateZ(0px);
	opacity: 0;
	z-index: 4;
}
.Product-List .Product-Box:hover .Product-Img .Quick-Connect {
	position: absolute;
	z-index: 5;
	top: 0;
	width: 100%;
	color: #fff;
	height: 100%;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.8s ease-in-out 0s;
}

.Product-List .Product-Box:hover .Product-Img .Product-Review {
	position: absolute;
	z-index: 5;
	bottom: 0;
	width: 100%;
	color: #fff;
	height: 29%;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.9s ease-in-out 0s;
}
.Product-List .Product-Box:hover .Product-Img .Get-Offer {
	position: absolute;
	z-index: 5;
	top: -30px;
	width: 53%;
	color: #f00;
	height: 29%;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	text-transform: capitalize;
	font-size: 24px;
	font-weight: 700;
	transition: all 1s ease-in-out 0s;
	background: #fdd915e8;
	margin: auto;
	right: 0;
	border-radius: 75px;
	padding-top: 24px;
	box-shadow: 2px 2px 25px #fff;
	letter-spacing: -0.5px;
}
.Product-List .Product-Box:hover .Product-Img::before  {
	transform: perspective(1200px) rotateY(0deg) translateZ(0px);
	transition: all 3.0s ease 0s;
	opacity: 1;
}
.Product-List .Product-Box .Product-Content {
	text-align: center;
}
.Product-List .Product-Box .Product-Content h3{
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}
.Product-List .Product-Box .Product-Content .Price{
	font-size: 18px;
}
.Product-List .Product-Box .Product-Content .link {
	display: flex;
	gap: 10px;
	justify-content: center;
}
.Product-List .Product-Box .Product-Content .link .btn.btn-success {
	padding: 0;
	width: 139px;
	height: 39px;
}
.pagination {
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: .25rem;
	width: 1203px;
	justify-content: center;
}

.pagination  .page-item:first-child .page-link {
	background: #5C7463;
	color: #fff;
	text-transform: uppercase;
}
.pagination .page-item:last-child .page-link {
	background: #5C7463;
	color: #fff;
	text-transform: uppercase;
}
ul.pagination li {
	margin: 0 5px;
}
ul.pagination li .page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #5C7463;
	background-color: #fff;
	border: 1px solid #dee2e6;
}
ul.pagination li .page-link:hover,
ul.pagination li .page-link.active {
	color: #fff;
	background-color: #5C7463;
}
.col-12.d-flex.justify-content-between.align-items-center.mb-4 p {
	margin-bottom: 0;
}
.orderby {
	border: none;
	padding: 12px;
}




.Case-Box {
	display: flex;
	gap: 36px;
	align-items: center;
}
.Case-Box .Case-Img {
	width: 47%;
	height: 100%;
	overflow: hidden;
	border-radius: 6px;
	position: relative;
	text-transform: uppercase;
	text-align: center;
}
.Case-Box .Case-Img h5{ 
	margin-top: 12px;
}
.Case-Box .Case-Img a{ 
	font-weight: 700;
}
.Case-Box .Case-Content {
	width: 72%;
}
.Case-Box .Case-Content h3{
	font-size: 24px;
}
.Case-Box .Case-Content ul {
	list-style: inside;
	font-size: 14px;
}
.Case-Box .Case-Content a.vd {
	color: #43467D;
	text-decoration: none;
	font-weight: 700;
	border: 1px solid;
	padding: 4px 12px;
	border-radius: 6px;
}
.Case-Box:hover .Case-Content a.vd {
	background-color: #949494;
	background-image: linear-gradient(154deg,#949494 0%,#43467D 100%);
	color: #fff;
}

#news-list .col-12 {
	padding-left:12px;
	padding-right: 12px;
	margin-bottom: 24px;
}
#news-list .NewsImg {
	height: 228px;
	overflow: hidden;
	border-radius: 6px;
	border: 5px solid #d5d5d5;
}
#news-list .NewsImg .img-fluid {
	width: 100%;
	min-height: 228px;
}
#news-list .NewsContent {
	padding: 24px;
	border-bottom: 2px dashed #eee;
	border-radius: 12px;
}
#news-list .NewsBox:hover .NewsContent {
	border-bottom: 2px solid #FAA41D;
}
#news-list .NewsContent h3 {
	font-size: 18px;
}
#news-list .NewsContent a {
	text-transform: uppercase;
	font-weight: 700;
	color: #949494;
	font-size: 14px;
}
#news-list .NewsBox:hover .NewsContent a {
	color: #FAA41D;
}




.Design-List {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 45px;
}
.Design-List .Design-Box {
	max-width: 21.8%;
}
.Design-List .Design-Box .Design-Img {
	width: 100%;
	height: 327px;
	overflow: hidden;
	margin-bottom: 24px;
	border-radius: 6px;
	position: relative;
}
.Design-List .Design-Box .Design-Content {
	text-align: center;
}
.Design-List .Design-Box .Design-Content h3{
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}


#Priceing .nav.nav-tabs {
	justify-content: center;
}



.Product-Box {
	width: auto;
}
.Product-Box .brand {
	width: 20%;
	position: absolute;
	right: 12px;
	top: 24px;
	opacity: 0.4;
}
.Product-Box .Product-Img {
	width: 100%;
	height: 247px;
	overflow: hidden;
	margin-bottom: 24px;
	border-radius: 6px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.Product-Box .Product-Img img {
    height: 251px;
}
.Product-Box .Product-Img::before {
	position: absolute;
	top: -1px;
	left: -1px;
	bottom: -1px;
	right: -1px;
	content: "";
	background-color: #949494a3;
	background-image: linear-gradient(154deg,#949494e3 0%,#43467DCF 100%);
	transition: all 0.5s ease-in-out 0s;
	transform-style: preserve-3d;
	transform: perspective(1200px) rotateY(-90deg) translateZ(0px);
	opacity: 0;
	z-index: 4;
}
.Product-Box .Product-Img .Quick-Connect,
.Product-Box .Product-Img .Product-Review,
.Product-Box .Product-Img .Get-Offer {display: none;}
.Product-Box:hover .Product-Img .Quick-Connect {
	position: absolute;
	z-index: 5;
	top: 0;
	width: 100%;
	color: #fff;
	height: 100%;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.8s ease-in-out 0s;
}
.Product-Box:hover .Product-Img .Product-Review img{width: auto; height: auto;}
.Product-Box:hover .Product-Img .Product-Review {
	position: absolute;
	z-index: 5;
	bottom: 0;
	width: 100%;
	color: #fff;
	height: 29%;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.9s ease-in-out 0s;
}
.Product-Box:hover .Product-Img .Get-Offer {
	position: absolute;
	z-index: 5;
	top: -30px;
	width: 53%;
	color: #f00;
	height: 29%;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	text-transform: capitalize;
	font-size: 24px;
	font-weight: 700;
	transition: all 1s ease-in-out 0s;
	background: #fdd915e8;
	margin: auto;
	right: 0;
	border-radius: 75px;
	padding-top: 24px;
	box-shadow: 2px 2px 25px #fff;
	letter-spacing: -0.5px;
}
.Product-Box:hover .Product-Img::before  {
	transform: perspective(1200px) rotateY(0deg) translateZ(0px);
	transition: all 3.0s ease 0s;
	opacity: 1;
}
.Product-Box .Product-Content {
	text-align: center;
	position: relative;
}
.Product-Box .Product-Content .offer {
	position: absolute;
	top: -33px;
	color: #f00;
	font-weight: 700;
	right: 0;
	background: #eee;
	padding: 0 5px;
	text-transform: uppercase;
}
.Product-Box .Product-Content h3{
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}
.Product-Box .Product-Content .Price{
	font-size: 18px;
}
.Product-Box .Product-Content .link {
	display: flex;
	gap: 10px;
	justify-content: center;
}
.Product-Box .Product-Content .link .btn.btn-success {
	padding: 0;
	width: 139px;
	height: 39px;
}




#WDD-Product-Slider .owl-nav,
#DM-Product-Slider .owl-nav,
#GD-Product-Slider .owl-nav {
	justify-content: center;
	display: flex;
	width: 383px;
	margin: 25px auto;
	font-weight: 700;
	position: relative;
	text-transform: uppercase;
}
#WDD-Product-Slider .owl-nav .owl-prev,
#DM-Product-Slider .owl-nav .owl-prev,
#GD-Product-Slider .owl-nav .owl-prev
 {
	position: absolute;
	left: 0;
}
#WDD-Product-Slider .owl-nav .owl-next,
#DM-Product-Slider .owl-nav .owl-next,
#GD-Product-Slider .owl-nav .owl-next
 {
	position: absolute;
	right: 0;
}

#WDD-Product-Slider .owl-dots,
#DM-Product-Slider .owl-dots,
#GD-Product-Slider .owl-dots
 {
	position: absolute;
	bottom: -24px;
	left: 50%;
	transform: translate(-50%, 0);
}
#WDD-Product-Slider .owl-dots .owl-dot,
#DM-Product-Slider .owl-dots .owl-dot,
#GD-Product-Slider .owl-dots .owl-dot
{
	border: 1px solid !important;
	width: 15px;
	height: 15px;
	margin: 5px;
	border-radius: 100%;
	bottom: ;
	background: #ececec !important;
}
#WDD-Product-Slider .owl-dots .owl-dot.active,
#DM-Product-Slider .owl-dots .owl-dot.active,
#GD-Product-Slider .owl-dots .owl-dot.active
{
	border: 1px solid !important;
	width: 15px;
	height: 15px;
	margin: 5px;
	border-radius: 100%;
	bottom: ;
	background: #333 !important;
}

.head.text-center {
	text-align: center !important;
	background: #eee;
	padding: 24px;
	margin: 21px 0 !important;
}

#mobile-tabs .container {
	min-height: 560px;
	background: url('../img/mobile-image.png') no-repeat;
	background-position: center center;
	background-size: contain;
	display: flex;
	justify-content: center;
	align-items: center;
}

#mobile-tabs .container .mob-img {
	width: 272px;
	border-radius: 21px;
	margin: auto;
	height: 510px;
	border: 4px #243644 solid;
	overflow: hidden;
	position: relative;
}
#mobile-tabs .container .mob-img .top {
	width: 100%;
	height: 36px;
	top: 11px;
	position: relative;
	z-index: 1;
}
#mobile-tabs .container .mob-img .bottom {
	width: 100%;
	height: auto;
	bottom: 0;
	position: absolute;
	left: 0;
}

#mobile-tabs .container .mob-img img {
	width: 272px;
	margin-top: -25px;
}

#desktop-tabs .container {
	min-height: 560px;
	background: url('../img/Desktop-image.png') no-repeat;
	background-position: center center;
	background-size: contain;
	display: flex;
	justify-content: center;
	position: relative;
}

#desktop-tabs .container .des-img {
	width: 710px;
	border-radius: 10px;
	margin: 38px auto;
	height: 462px;
	border: 4px #1c1c1e solid;
	overflow: hidden;
	position: absolute;
}
#desktop-tabs .container .des-img img {
	width:100%;
}
#tablet-tabs .container {
	min-height: 560px;
	background: url('../img/teb-image.png') no-repeat;
	background-position: center center;
	background-size: contain;
	display: flex;
	justify-content: center;
	position: relative;
}

#tablet-tabs .container .tab-img {
	width: 751px;
	border-radius: 23px;
	margin: 73px -32px auto;
	height: 402px;
	border: 4px #243644 solid;
	overflow: hidden;
	position: absolute;
	top: 35%;
	left: 52%;
	transform: translate(-50%, -49%);
}
#tablet-tabs .container .tab-img img {
	width: 100%;
}

.nav-tabs {
	border-bottom: 0px solid #dee2e6;
}

.nav-item {
	background: #FAA41D;
	width: 250px;
	display: flex;
	justify-content: center;
	margin: 5px;
	border-radius: 12px;
	min-height: 54px;
	align-items: center;
	color: #FAA41D;
}
.nav-item .nav-link{
	width: 100%;
	border-radius: 12px;
	min-height: 50px;
	border: transparent;
	background: #eee;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	color: #495057;
	font-size: 18px;
}
.nav-item .nav-link:hover,
.nav-item .nav-link.active {
	width: 100%;
	border-radius: 12px;
	min-height: 50px;
	border: transparent;
	background: #495057;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	color: #fff !important;
	font-size: 18px;
}

#desgignart-carousel{ padding: 0 6%; }
#desgignart-carousel .DesginBox .DesginImg {
	width: 100%;
	height: 100px;
	overflow: hidden;
	border: 2px solid;
	border-radius: 6px;
}
#desgignart-carousel .owl-prev {
	position: absolute;
	left: 0;
	top: 34%;
}
#desgignart-carousel .owl-next {
	position: absolute;
	right: 0;
	top: 34%;
}

#blog-page{padding: 72px 0;}
.Post-Box {
	padding-right: 101px;
}
.Post-Box h3 {
	font-size: 29px;
	line-height: 37.2px;
	font-weight: 800;
	margin-top: 36px;
	letter-spacing: -1.5px;
}
.Post-Box h5{
	font-size: 14px;
	line-height: 22.4px;
	font-weight: 400;
	color: #3267FF;
}
.Post-Box p{
	font-size: 14px;
	line-height: 25px;
	font-weight: 400;
}

.Sidebar h3{
	font-size: 29px;
	line-height: 45.2px;
	font-weight: 800;
	margin-top: 36px;
	letter-spacing: -1.5px;
}
.Sidebar .search-box .form-control {
	min-height: 54px;
}
.Sidebar .search-box .btn.btn-success {
	background: transparent;
	border: none;
	position: absolute;
	top: -23px;
	right: 0;
	width: auto;
}
.Sidebar .RecentPost .RP-box {
	display: flex;
	gap: 22px;
	margin-bottom: 24px;
}
.Sidebar .RecentPost h4{
	font-size: 18px;
	line-height: 22.4px;
	font-weight: 600;
}
.Sidebar .RecentPost p{
	font-size: 14px;
	line-height: 25px;
	font-weight: 400;
}
.Sidebar .RecentPost .rp-img{ width: 114px; height: 95px !important; }
.Gallery-Box .img-fluid {
	max-width: 100%;
	height: auto;
	margin: 4px;
	border-radius: 4px;
}
/* Blog Page
============================================*/

.design-list .col-12{padding: 0 15px;}

.PortfolioBox {
	margin-bottom: 27px;
	overflow: hidden;
	position: relative;
}
.PortfolioBox .PortfolioImg {
	overflow: hidden;
	height: 328px;
	position: relative;
}
.PortfolioBox .PortfolioImg img {
	width: 100%;
}
.PortfolioBox .overlay {
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	/* background: rgb(250,164,26); */
	background: linear-gradient(30deg, #43467D 15%, #949494fa 81%);
	overflow: hidden;
	width: 100%;
	height: 100%;
	transition: all 1.0s ease 0s;
}
.PortfolioBox .PortfolioContent {
	border-bottom: 3px solid #eee;
	display: flex;
	justify-content: space-between;
	padding: 15px;
	align-items: center;
}
.PortfolioBox .PortfolioContent h3 {
	position: relative;
}
.PortfolioBox:hover .PortfolioContent h3 a {
	color:#FAA41D;
}
.PortfolioBox .PortfolioContent h3 a {
	font-family: "Montserrat", Sans-serif;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	color: #000;
	text-transform: capitalize;
}
.PortfolioBox:hover .overlay {
	bottom: -100%;
	opacity: 0.4;
}

.PortfolioBox .PortfolioContent .fa.fa-long-arrow-right {
	display: flex;
	justify-content: end;
	align-items: center;
	color: #43467d;
	background-color: #eee;
	padding: 12px;
	border-radius: 50px;
}
.PortfolioBox:hover .PortfolioContent .fa.fa-long-arrow-right {
	display: flex;
	justify-content: end;
	align-items: center;
	color: #333;
}

#wp_pagination .previous.page.button,
#wp_pagination .next.page.button {
	border: 1px solid;
	background: #43467D;
	color: #fff;
	padding: 9px;
	margin: 0 5px;
	text-transform: uppercase;
}
#wp_pagination .page.button {
	padding: 9px;
	border: 1px solid transparent;
	margin: 0 5px;
	font-weight: 600;
	background: #eee;
}
#wp_pagination .page.button.active, #wp_pagination .page.button:hover {
	border: 1px solid #43467D;
	background: #43467D;
	color: #fff;
}


.archive ul.products li.product .Product-Img {
	width: 100%;
	height: 250px;
	overflow: hidden;
	position: relative;
	border-radius: 6px;
}
.archive ul.products li.product .Product-Img img {
	width: 370px !important;
	filter: brightness(100%)opacity(100%);
	transform: scale(1);
}
.archive ul.products li.product:hover .Product-Img img {
	transition: all 1.0s ease 0s;
	transform: scale(1.2);
}
.archive ul.products li.product .Product-Img .overlay {
	position: absolute;
	bottom: 0;
	left: -100%;
	right: 0;
	background: #faa41a;
	background: linear-gradient(30deg, #43467D 15%, #949494fa 81%);
	overflow: hidden;
	width: 100%;
	height: 100%;
	transition: all 1.0s ease 0s;
	opacity: .9;
	font-size: 0;
}
.archive ul.products li.product:hover .Product-Img .overlay {
	left: 0;
}

.archive ul.products li.product .Product-Img .Quick-Connect, 
.archive ul.products li.product .Product-Img .Product-Review, 
.archive ul.products li.product .Product-Img .Get-Offer {
	display: none;
}

.archive ul.products li.product:hover .Product-Img .Quick-Connect {
	position: absolute;
	z-index: 5;
	top: 0;
	width: 100%;
	color: #fff;
	height: 100%;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.8s ease-in-out 0s;
}
.archive ul.products li.product:hover .Product-Img .Get-Offer {
	position: absolute;
	z-index: 5;
	top: -30px;
	width: 53%;
	color: #f00;
	height: 29%;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	text-transform: capitalize;
	font-size: 24px;
	font-weight: 700;
	transition: all 1s ease-in-out 0s;
	background: #fdd915e8;
	margin: auto;
	right: 0;
	border-radius: 75px;
	padding-top: 24px;
	box-shadow: 2px 2px 25px #fff;
	letter-spacing: -0.5px;
}
.archive ul.products li.product:hover .Product-Img .Product-Review {
	position: absolute;
	z-index: 5;
	bottom: 0;
	width: 100%;
	color: #fff;
	height: 29%;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.9s ease-in-out 0s;
}
.archive ul.products li.product .Product-Img .Product-Review img{width: auto !important;}

.archive ul.products li.product .Product-Content h2 {
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	color: #5C7463;
	letter-spacing: -1.2px;
	margin: 0;
	min-height: 59px;
}
.archive ul.products li.product .price {
	color: #5c7463;
	font-size: 15px;
	font-weight: 500;
}

.woocommerce-pagination .prev.page-numbers, .woocommerce-pagination .next.page-numbers {
	background: #5C7463;
	color: #fff;
	font-weight: 600 !important;
}

.woocommerce div.product .product_title {
	clear: none;
	margin-top: 0;
	padding: 0 0 18px 0;
	font-weight: 700;
	letter-spacing: -1.5px;
	border-bottom: 2px dashed #efa022;
}
.related h3 {
	font-size: 36px !important;
	font-weight: 700;
	text-transform: capitalize;
	color: #5C7463;
	min-height: 43px;
	border-bottom: 2px solid #efa022;
	margin-bottom: 45px;
	letter-spacing: -1.5px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
	padding: 0;
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1.5px;
}

.woocommerce ul.products li.product a img {
	width: 402px;
	height: auto;
	display: block;
	margin: 0;
	box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
		display: flex;
	justify-content: center;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: #5c7463;
	color: #fff;
	z-index: 2;
	border-bottom-color: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border: 1px solid #cfc8d8;
	background-color: #e9e6ed;
	color: #515151;
	display: inline-block;
	position: relative;
	z-index: 0;
	border-radius: 4px 4px 0 0;
	margin: 0 2px;
	padding: 0 27px;
	border-radius: 0px 50px 50px 0;
	border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {display: none;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page div.product .woocommerce-tabs ul.tabs::after {
	display: none;
}

.woocommerce-tabs.wc-tabs-wrapper #reviews {
	margin: 0 auto;
	width: 70%;
}
.woocommerce div.product div.summary .price {
	font-size: 24px;
	font-weight: 700;
	border-bottom: 2px dashed #efa022;
	color: #efa022;
	padding-bottom: 12px;
}
.pcs ul {
	padding: 0px;
	margin: 18px 0px 0 18px;
	height: 150px;
	overflow-y: scroll;
	list-style: inside disclosure-closed;
}
#tab-specifications_tab .pcs ul {
	padding: 0px;
	margin: 18px 0px 0 18px;
	height: auto;
	overflow: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 27px;
	list-style: inside decimal-leading-zero;
}

.woocommerce .quantity .qty {
	width: 3.631em;
	text-align: center;
	min-height: 45px;
	display: flex;
	border-radius: 6px;
}
.woocommerce div.product form.cart .button,
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
	vertical-align: middle;
	float: left;
	min-height: 45px;
	border-radius: 6px;
	background-color: #949494;
  background-image: linear-gradient(154deg,#949494 0%,#43467D 100%);
  color: #fff;
}
.woocommerce div.product form.cart:hover .button,
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover {
	background-color: #949494;
  background-image: linear-gradient(154deg,#43467D  0%,#949494 100%);
}

.woocommerce .product_meta {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 700;
}

#responsive-design {
	padding-top: 45px;
	position: relative;
}
.op h5{
	margin:0 0 12px;
}
.op .btn.btn-success{
	margin: 0 auto !important;
}
#responsive-design .container .heading {
	z-index: 2;
	position: relative;
}
#responsive-design .container .heading h3 {
	color: #294F34;
	font-size: 36px;
	font-weight: bold;
	text-transform: capitalize;
	letter-spacing: -1.2px;
	margin: 0;
	text-shadow: 2px 3px 5px #d2d2d2;
}
#responsive-design .nav-tabs {
	border-bottom: 0px solid #dee2e6;
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 2;
}
#responsive-design .nav-tabs .nav-item {
	background: transparent;
	width: 250px;
	display: flex;
	justify-content: center;
	border-radius: 6px;
}
#responsive-design .nav-tabs .nav-item .nav-link {
	width: 100%;
	border-radius: 6px;
	min-height: 50px;
	border: transparent;
	background: #949494;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}
#responsive-design .nav-tabs .nav-item .nav-link.active{
	background: transparent;
  background-image: none;
  background-image: linear-gradient(154deg,#949494 0%,#FAA41D 100%);
  transition: all 3.0s ease 0s;
	color: #fff;
}
#responsive-design .nav-tabs .nav-item:hover .nav-link  {
	background: #FAA41D;
  background-image: none;
  background-image: linear-gradient(154deg,#FAA41D 0%,#949494 100%);
  transition: all 3.0s ease 0s;
	color: #fff;
}
#responsive-design::before {
	width: 100%;
	height: 190px;
	content: " ";
	background-image: none;
	background-image: linear-gradient(154deg,#FAA41D 0%,#949494 100%);
	position: absolute;
	left: 0;
	top: 0px;
	z-index: 1;
}


.single-client-case .page-with-sidebar .heading {
	display: flex;
	gap: 45px;
	align-items: center;
	background: #eee;
	border-radius: 12px;
	overflow: hidden;
}
.single-client-case .page-with-sidebar .heading .Case-Img {
	width: 45%;
	height: 279px;
	background: #575151;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 9px;
}
.single-client-case .page-with-sidebar .heading .Case-Con {
	padding-right: 12px;
	width: 81%;
}
.single-client-case .page-with-sidebar .heading .Case-Con h2 {
	color: #5C7463;
	font-size: 27px;
	font-weight: bold;
	text-transform: capitalize;
	letter-spacing: -1.2px;
	margin: 0;
}
.single-client-case .page-with-sidebar .heading .Case-Con  ul {
	margin: 0;
	padding: 0;
	list-style: inside disclosure-closed;
}
.single-client-case .main-content ul {
	list-style: inside;
	padding: 0 27px;
}


/* Blog css
============================================*/

.sidebar .box {
  padding: 24px;
  background: #dbdbdb38;
  margin-bottom: 18px;
}
.sidebar .box h2 {
	margin: 0 0 24px 0;
	font-size: 22px;
	font-weight: 700;
	color: #555782;
	border-left: 3px solid transparent;
	padding-left: 9px;
	border-bottom: 1px dashed #515381;
	line-height: 36px;
}
.sidebar .box:hover h2 {
  border-left: 3px solid #FAA41D;
}
.sidebar .box form {
  position: relative;
}
.sidebar .box label {
  display: inline-block;
  margin-bottom: .5rem;
  width: 100%;
}
.sidebar .box .search-field {
  width: 100%;
  min-height: 45px;
  border: transparent;
  padding: 0 53px 0 12px;
}
.sidebar .box .search-submit {
  position: absolute;
  right: 7px;
  border: tan;
  background: transparent;
  font-size: 26px;
  color: var(--e-global-color-accent );
}

.sidebar .rnews .PostBox .PostImg {
  width: 30%;
  border-radius: 5px;
}
.sidebar .rnews .PostBox .PostContent {
  width: 70%;
}
.sidebar .rnews .PostBox p {
  margin-bottom: 0px;
  font-family: "Montserrat", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var( --e-global-color-text );
}
.sidebar .rnews .PostBox h3 a{
  font-family: "Poppins", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: var( --e-global-color-accent );
}

.sidebar .box .widget_categories ul {
  padding: 0;
  margin: 0;
}
.sidebar .box .widget_categories ul li {
  padding-left: 24px;
  border-bottom: 1px dashed #828282;
  padding-top: 12px;
  padding-bottom: 12px;
  list-style: none;
  position: relative;
}
.sidebar .box .widget_categories ul li::before {
  position: absolute;
  top: 12px;
  left: 0;
  content: "\f067";
  font-family: FontAwesome;
  font-size: 14px;
  transition: all 500ms ease;
  font-weight: 600;
  color: #828282;
  transition: all 1.0s ease 0s;
}
.sidebar .box .widget_categories ul li:hover::before{display: none;}
.sidebar .box .widget_categories ul li:hover::after {
  position: absolute;
  top: 12px;
  left: 0;
  content: "\f068";
  font-family: FontAwesome;
  font-size: 14px;
  transition: all 500ms ease;
  font-weight: 600;
  color: #828282;
  transition: all 1.0s ease 0s;
}
.sidebar .box #gallery-1 {
  display: flex;
  flex-wrap: wrap;
  gap: 23px;
}
.sidebar .box #gallery-1 img {
  width: 100%;
  height: 96px;
  border-radius: 5px;
}


.sidebar .box .tagcloud ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}
.sidebar .box .tagcloud ul li {
  margin: 9px 0;
  padding: 0;
  list-style: none;
}
.sidebar .box .tagcloud ul li a{
  margin: 0;
  padding: 9px 18px;
  background: #fff;
  border-radius: 5px;
  text-decoration: none;
}
.sidebar .box .tagcloud ul li:hover a{
  background: #ddd;
}
#comments h2{
  font-family: "Montserrat", Sans-serif;
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
}
#commentform {
  width: 81%;
}
#commentform label{
  width: 100%;
  font-family: "Montserrat", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
}
#commentform input {
  min-height: 45px;
  width: 100%;
  border: 1px solid #ddd;
}

#commentform input#submit {
	color: #fff;
	font-size: 14px;
	line-height: 1;
	fill: #fff;
	text-align: center;
	width: auto;
	display: flex;
	padding: 18px 24px;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	margin: 18px 0;
	font-weight: bold;
	border-radius: 0px;
	text-decoration: none;
	border: none;
	background-color: #949494;
	background-image: linear-gradient(154deg,#949494 0%,#43467D 100%);
}
#commentform input#submit:hover {
  background: var( --e-global-color-text );
  color: #fff;
}
#commentform textarea {
  overflow: auto;
  resize: vertical;
  width: 100%;
  border: 1px solid #ddd;
}
#commentform input[type="checkbox"], #commentform input[type="radio"] {
  min-height: 10px !important;
  width: auto;
}
#commentform .comment-form-cookies-consent {
  display: flex;
  gap: 12px;
  align-items: baseline;
}
#commentform .comment-form-cookies-consent label {
  width: auto !important;
  font-size: 14px;
  text-transform: inherit;
}
.navigation.post-navigation .meta-nav{color: #FAA41D; font-weight: 600;}



.single-post .col-12 {
	padding-left: 15px;
	padding-right: 15px;
}
.single-post h1.entry-title {
	font-family: "Montserrat", Sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #FAA41D; 
	line-height: 36px;
	letter-spacing: -1px;
	margin-top: 36px;
	text-transform: capitalize;
}
.single-post .post-thum {
	width: 100%;
	height: 327px;
	overflow: hidden;
	position: relative;
	border-radius: 15px;
}
.single-post .post-thum .Publish-Date {
	position: absolute;
	top: 0;
	background: #FAA41D;
	padding: 3px 18px;
	text-align: center;
	display: flex;
	align-items: center;
	flex-direction: column;
}
.single-post .post-thum .Publish-Date h3 {
  font-weight: 800;
  font-size: 27px;
  margin: 3px;
  padding: 0;
  color: #fff;
}
.single-post .post-thum .Publish-Date p{
  font-weight: 500;
  font-size: 18px;
  margin: 0;
  padding: 0;
  color: #fff;
}
.single-post .post-thum img {
	width: 100%;
	height: 328px;
	overflow: hidden;
	position: relative;
}
.single-post .post-meta span{ color: #FAA41D; font-weight: 600;}
.single-post .post-meta {
  border-top: 1px dashed;
  border-bottom: 1px dashed;
  padding: 9px 0;
  margin: 21px 0;
}

.blog .PostBox {
  margin-bottom: 36px;
  border: 1px solid #ddd;
  border-radius: 15px;
}

.blog .page-header h1 {
  font-family: "Montserrat", Sans-serif;
  font-size: 30px;
  font-weight: 700;
  color: var( --e-global-color-primary );
  line-height: 36px;
  letter-spacing: -1px;
  margin-top: 36px;
}


.blog .PostBox .PostImg {
  width: 100%;
  height: 470px;
  border-radius: 9px;
  overflow: hidden;
  position: relative;
}
.blog .PostBox .PostImg img{ width: 100%; }

.blog .PostBox .PostContent{padding: 30px;}
.blog .PostBox .PostContent h3 {
  font-family: "Montserrat", Sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: var( --e-global-color-primary );
  line-height: 36px;
  letter-spacing: -1px;
  margin-top: 36px;
}

.blog .PostBox .PostImg .Publish-Date {
  position: absolute;
  top: 0;
  background: #FAA41D;
  padding: 3px 27px;
  text-align: center;
  display: flex;
  align-items: baseline;
}
.blog .PostBox .PostImg .Publish-Date h3 {
  font-weight: 800;
  font-size: 45px;
  margin: 0;
  padding: 0;
  color: #fff;
}
.blog .PostBox .PostImg .Publish-Date p{
  font-weight: 500;
  font-size: 24px;
  margin: 0;
  padding: 0;
  color: #fff;
}
.blog .PostBox .PostContent .btn.btn-primary{
  color: #fff;
  font-size: 14px;
  line-height: 1;
  fill: #fff;
  text-align: center;
  width: 200px;
  display: flex;
  padding: 18px 24px;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  margin: 18px 0;
  font-weight: bold;
  border-radius: 0px;
  background-color: var( --e-global-color-accent );
  text-decoration: none;
  border: none;
}
.blog .PostBox:hover .PostContent .btn.btn-primary {
  background: var( --e-global-color-text );
  color: #fff;
}

.blog .PostBox .PostContent .post-meta span{ color: #FAA41D; font-weight: 600;}
.blog .PostBox .PostContent .post-meta {
  border-top: 1px dashed;
  border-bottom: 1px dashed;
  padding: 9px 0;
  margin: 21px 0;
}
#wp_pagination {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
#wp_pagination  .page.button {
  border: 1px solid;
  padding: 5px 9px;
  margin: 2px;
}

.wp-block-latest-posts.wp-block-latest-posts__list {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 9px;
	list-style: inside decimal-leading-zero;
}
.wp-block-tag-cloud a {
	display: inline-block;
	margin: 5px;
}




.Appointment h4 {
	color: #5C7463;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 27px;
}
.contact-box {
	padding: 30px;
	background: #eeee;
	box-shadow: 0px 0px 14px #5C746300;
	border-radius: 6px;
	width: 90%;
	margin: auto;
}
.contact-box button{
	float: none;
	width: 180px;
	border-radius: 6px;
	height: 45px;
	border: none;
	background-color: #949494;
  background-image: linear-gradient(154deg,#949494 0%,#43467D 100%);
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
}
.contact-box h3 {
	font-size: 27px;
	font-weight: bold;
	text-transform: capitalize;
	letter-spacing: -1.2px;
	margin: 0;
}
.contact-box .col-12 {
	padding-left: 15px; 
	padding-right: 15px;
}
.contact-box .form-group {
	margin-bottom: 0;
}
.contact-box .form-control, .contact-box select {
	min-height: 45px;
	border: none;
	border-radius: 0px;
	width: 100%;
	margin-bottom: 12px;
}
.contact-box textarea {
	margin-bottom: 19px;
}

.post-thumbnail img {
	width: 100%;
	height: auto;
	border-radius: 12px;
}
.main-contain{
	padding-right: 45px;
}
.Page-Content a{font-weight: 600;}



.wp-block-tag-cloud a {
	margin: 0px 2px;
	font-size: 13px !important;
}
.wp-block-tag-cloud {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
}



.ReviewsBox .reviwplace{
	display: flex;
}
.ReviewsBox .form-inline {
	margin-top: 24px;
}
.ReviewsBox .form-inline .form-group {
	width: 100% !important;
	padding: 5px;
}
.ReviewsBox .form-inline .form-control {
	width: 100% !important;
	margin-top: 5px;
}
.ReviewsBox .form-inline label {
	display: flex;
	margin-bottom: 0;
	margin-right: 9px;
	align-items: center;
}
.ReviewsBox .form-inline input[type="radio"] {
	margin: 5px;
}

#customer_login .col-12 {
	padding-left: 15px;
	padding-right: 15px;
}

.Authority{
	text-align: center;
	padding: 0 24%;
}
.Authority label {
	color: #5C7463;
	text-align: left;
	width: 318px;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: -1.2px;
}
.Authority .form-group {
	margin-bottom: 1rem;
	display: flex;
	gap: 24px;
}
.Authority .lp {
	text-align: right;
	width: 100%;
}
.Authority  .log_user,.Authority .log_pass {
	display: flex;
	margin-bottom: 18px;
}


.yith-wcaf-dashboard label {
	display: inline-block;
	margin-bottom: .5rem;
	width: 100%;
}

#Affiliate-Program {
	position: relative;
	background: #3333331c;
}
#Affiliate-Program .container {
	position: absolute;
	top: 0;
	/* width: 66%; */
	margin: 0 auto;
	right: 0;
	left: 0;
	padding: 72px 0;
}
.Affiliate-box {
	display: flex;
	justify-content: space-evenly;
	gap: 24px;
	align-items: center;
}
.Affiliate-box .support-content {
	padding: 24px 0;
}
.Affiliate-box li {
	padding: 4px;
}
.Affiliate-box .box.wow.bounceInTop {
	width: 45%;
}
#Affiliate-Program h5 img.emoji {
	height: 2em !important;
	width: 2em !important;
}

#Affiliate-Program .box.wow.bounceInRight img.emoji {
	height: 1.2em !important;
	width: 1.2em !important;
}
#Affiliate-Program ol {
	box-sizing: border-box;
	list-style: none;
	padding: 0;
}
#Affiliate-Program .support a {
	font-size: 30px;
	font-weight: bold;
	color: #efa022;
}
#Affiliate-Program .support h4 {
	font-size: 18px;
	margin: 0;
	padding: 0;
	line-height: 3px;
}

.error-404.not-found span {
	color: #828282;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

.error-404.not-found .page-title {
	position: relative;
	display: block;
	color: var( --e-global-color-accent );
	font-size: 180px;
	line-height: 150px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 13px 0 14px;
}
.error-404.not-found p {
	font-size: 18px;
	line-height: 28px;
	margin: 0 0 32px;
}
.error-404.not-found a {
	color: #fff;
	font-size: 14px;
	line-height: 1;
	fill: #fff;
	text-align: center;
	width: 17%;
	display: flex;
	padding: 18px 24px;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	margin: 18px auto;
	font-weight: bold;
	border-radius: 5px;
	background-color: var( --e-global-color-accent );
	text-decoration: none;
}


.page-template-BusinessOnline-template h1 {
    font-size: 27px;
    font-weight: 700;
    color: #5c7463;
}
.page-template-BusinessOnline-template .heading.text-center h2 {
    color: #5C7463;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: -1.2px;
    margin: 0;
    width: 72%;
    margin: 0 auto;
    line-height: 35.5px;
}




/* Responsive bootstrup 4.6
============================================*/

/*Extra large devices (large desktops, 1200px and up)
=================================================================*/
@media (max-width: 1920px) {
	
}

@media (max-width: 1600px) {
	
}


@media (max-width: 1300px) {
	.stellarnav > ul > li > a {font-size: 16px;}
}
@media (max-width: 1230px) {
	.vp-header {padding: 0 6px;}
	#main-nav.stellarnav {	display: none;}
	.rightbar {min-width: 79%;}
	.head-sidenav .sidenav {width: 50% !important;}
}

@media (max-width: 1180px){
	.container {max-width: 1129px;}
	#desktop-tabs .container .des-img {width: 67%;margin: 50px -25px auto;height: 444px;  }
}
@media (max-width: 1024px){
	#hero-slider .owl-dots {display: none;}
	.container, #footer {padding-left: 15px; padding-right: 15px;}
	#Hot-Service .box {width: 19%;border-radius: 6px;}
	#Business-Info {gap: 12px;text-align: center;flex-direction: column;}
	#AboutInfo .col-6 .box ul {gap: 2px;}
	#desktop-tabs .container .des-img {width: 67%;margin: 60px -25px auto;height: 433px;}
	#AboutInfo .col-6 .box .support {gap: 2px; margin: 0;}
	#AboutInfo .col-6 .box .support a {font-size: 22px;}
	#AboutInfo .about-box {align-items: center;}
	.btn.btn-success {width: 30%;height: 43px; margin: 0;}
	#mobile-tabs .container .mob-img img {width: 92%;}
	#tablet-tabs .container .tab-img {width: 71%;margin: 73px -26px auto;height: 364px;}
	#Counter-Section {gap: 24px;}
	#Business-Contact .widget_media_video {height: 266px;}
	#footer .FooterTop {gap: 12px;}
	#Business-casestady .btn.btn-success {width: 50%;}
	.FooterTop .box.wp {width: 38%;font-size: 14px;}
	#footer .FooterTop .btn.btn-success {width: 95%;height: 52px;}
	.box.ci {width: 32%;}

}
@media (max-width: 768px){
	.head-sidenav .sidenav {width: 100% !important;} 
	#responsive-design .nav-tabs .nav-item {width: 202px;}
	#desktop-tabs .container .des-img {width: 67%;margin: 117px -25px auto;height: 310px;}
	#mobile-tabs .container .mob-img img {width: 100%;}
	#mobile-tabs .container .mob-img {width: 27%;height: 339px;}
	#mobile-tabs .container .mob-img .top {width: 100%;top: 8px;}
	#Counter-Section .Counter-box {display: flex;width: 22%;}
	#Counter-Section .box h3 {font-size: 27px;}
	.Counter-box .img-fluid {width: 15%;}
	#Counter-Section .Counter-img {display: none;}
	#Counter-Section {gap: 9px;}
	#Business-Contact .widget_media_video {height: 410px; margin-bottom: 24px;}
	.parallax {min-height: 1190px;}

	#footer .FooterTop {gap: 12px;}
	.FooterTop .box.wp {width: 46%;float: left;}
	.FooterTop .box.ql {width: 43%;float: left;}
	.FooterTop .box.ci {width: 56%;float: left;}

}

@media (max-width: 675px){
	.rightbar {min-width: 12%;}
	.contactbar {display: none;}
	
}
/*Extra small devices (portrait phones, less than 576px)
=================================================================*/
@media (max-width: 575.98px) {
	 #hero-slider {margin-bottom: -6px;}
	 #Hot-Service {flex-direction: column; margin-top: -81px;}
	 #Hot-Service .box {width: 100%;margin-top: 0;}
	 #AboutInfo .col-lg-6.col-12.pr-3 img{width: 100%;}
	 #AboutInfo .btn.btn-success {width: 32%;}
	 #AboutInfo h4 {font-size: 20px;margin: 0;font-weight: bold;}
	 .col-lg-6.col-12.pr-3 {padding: 0 !important; text-align: center;}
	 .btn.btn-success {width: auto;}
	 #Counter-Section {flex-wrap: wrap;	text-align: center;}
	 #desktop-tabs .container .des-img {width: 67%;margin: 49px -25px auto;height: 192px;}
	 #desktop-tabs .container {min-height: 291px;}
	 #mobile-tabs .container {min-height: 292px;}
	 #desgignart-carousel .DesginBox .DesginImg {	height: 250px;}
	 #mobile-tabs .container .mob-img {width: 28%;height: 201px;border-radius: 6px;}
	 #mobile-tabs .container .mob-img .top {width: 100%;top: 0px;height: auto;}
	 #tablet-tabs .container {min-height: 306px;}
	 #tablet-tabs .container .tab-img {width: 71%;margin: 41px -10px auto;height: 158px;border-radius: 6px;}
	 .op .w-50 {width: 100% !important;}
	 #calltoaction {text-align: center;}
	 #calltoaction .lbg {margin: 12px auto;}
	 #Counter-Section .Counter-box {display: flex;width: 35%;}
	 #Business-Contact .widget_media_video {height: auto;}
	 #Business-Contact .widget_media_video .wp-block-video {margin: 0 0;}
	 #Business-Contact .contact-box {text-align: center;margin-top: 57px;}
	 #Business-Contact .contact-box .lbg {margin: 12px auto;}
	 #Business-Contact .contact-box button {width: 100%;}
	 #Testi-slider {margin-top: 36px;}
	 #Business-casestady .box {margin-right: 0px;text-align: center;}
	 #Business-casestady .casestady-Box {width: 100% !important;margin-top: 36px;}
	 #Business-casestady .btn.btn-success {width: auto;margin: auto;}
	 #Business-casestady .box .lbg {margin: 12px auto;}
	 #Business-casestady .casestady-Box .casestady-Img img {width: 100%;height: auto;}
	 #Business-casestady .casestady-Box {width: 100% !important;margin-top: 36px;flex-wrap: wrap;text-align: center;}
	 #Business-casestady .casestady-Box .lbg {margin: 12px auto;}
	 #footer .FooterTop {gap: 12px;flex-wrap:wrap;}
	 .FooterTop .box {width: 81% !important;justify-content: center;display: flex;flex-direction: column;margin: auto;text-align: center;}
	 .FooterTop .box .lbg {margin: 12px auto;}
	 .FlyContact ul li h3 {display: none;}
	 #gt_float_wrapper {bottom: 54px !important;}
	 h3 {font-size: 178%;}
	 h5 {font-size: 72%;}
	 #footer .FooterTop .btn.btn-success {width: 100%;height: 52px;}

	 .Case-Box {display: flex;gap: 0;align-items: center;flex-direction: column;margin-bottom: 24px;text-align: center;}
	 .Case-Box .Case-Content {width: 100%; }
	 .Case-Box .Case-Content .lbg {margin: 12px auto;}
	 .Case-Box .Case-Img {width: 100%; margin-bottom: 24px;}

	 .page-with-sidebar {flex-direction: column;}
	 .page-with-sidebar .sidebar {width: 100%;order: 2;display: grid;}
	 .main-content {width: 100%;}
	 .single-client-case .page-with-sidebar .heading {display: flex;flex-direction: column;}
	 .single-client-case .page-with-sidebar .heading .Case-Img {width: 100%;}
	 .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {width: 100%;}
	 #inner-banner h3 {color: #FFF;font-size: 25px;}
	 #inner-banner .support {display: none;}
	 .woocommerce .woocommerce-result-count {margin: 0 0 1em;width: 100%;text-align: center;}
	 .woocommerce .woocommerce-ordering {margin: 0 0 1em;width: 100%;display: flex;justify-content: center;}
	 .main-content {width: 100%;padding: 0 15px;}
	 #AboutInfo .col-lg-6.col-12.pl-3 {padding: 0 !important;text-align: center;}
	 #AboutInfo .col-lg-6.col-12.pl-3 img{width: 100%;}
	 .Affiliate-box {flex-direction: column;}
	 .Affiliate-box .box.support.wow.bounceInLeft {width: 100%;margin: 0 auto;text-align: center;}
	 .Affiliate-box .box.wow.bounceInTop {width: 100%;text-align: left;padding: 15px;}
	 .Affiliate-box .box.wow.bounceInRight {width: 100%;padding: 0 18px;}
	 .single-post .post-thum {height: auto;}
	 .single-post .post-thum img {height: auto;}
	 #commentform {width: 100%;}

}
@media (max-width: 400px) {
	#AboutInfo .about-box {align-items: center;flex-direction: column;gap: 24px; margin-top: 24px;}
	#AboutInfo .btn.btn-success {width: 100%;}
	#responsive-design .container .heading h3 {font-size: 30px; margin-bottom: 27px;}
	#responsive-design .nav-tabs .nav-item {width: 100%;}
	#desktop-tabs .container .des-img {margin: 71px -25px auto;height: 148px;}
	#mobile-tabs .container .mob-img {height: 153px;}
	#tablet-tabs .container .tab-img {margin: 41px -8px auto;height: 120px;border-radius: 7px;}

}