html, html body, body #wrapper {overflow-x: hidden;}
body{ padding: 0; margin: 0;font-family: "Montserrat", sans-serif;}
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; }

img.alignright {
	float: right;
}

/* 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: #012f2b; } 
ul{ margin: 0; padding: 0; list-style: inside; } 
ul li {color: #012f2b;#Affiliate-Program}

.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 { background-image: url("../img/vp-prarax3.png"); min-height: 572px; opacity: 0.6; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
.single-post .entry-content ul li { margin: 0; padding: 0; color: #949494; display: block}

/* #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: #12ff69;
}


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


.page-box {
	width: 100%;
	padding: 60px 5px;
}
.post-thumbnail {
	width: 459px;
	float: right;
}

.post-thumbnail img {
	width: 100%;
	height: auto;
	border-radius: 12px;
	padding-left: 77px;
}

.post-content {
    font-size: 14px;
    line-height: 1.5;
}


/* 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 12%; border-top: 5px solid var(--success);; position: relative; }
.vp-header .logo {width: 333px;}
.contactbar{display: flex;align-items: center; margin-right: 9%;}
.contactbar a { font-weight: 700; font-size: 20px;font-family: "Oswald",Sans-serif; }
.contactbar img { vertical-align: middle; border-style: none; margin-top: -11px; }
.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;}

/* sidenav css ------------------------------- */
.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: 19px; right: 25px; font-size: 36px; margin-left: 50px; color: #fff; }.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 css ------------------------------- */
.FlyContact { position: fixed; bottom: 0; background: #5C7463; width: 100%;
 padding: 15px 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 .text-light { color: #f8f9fa !important; font-size: 19px;
 border-bottom: 1px dashed; padding-bottom: 1px; font-weight: 600;
 margin-bottom: 9px; }
.FlyContact ul { margin: 0; padding: 0; display: flex; align-items: center;
 justify-content: center; gap: 54px; 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: #12ff69; }
.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 { box-shadow: 0px 1px 0px 7px #ffffff1c;	background: linear-gradient(90deg, #06b6d4, #7c3aed, #f97316, #06b6d4);	background-size: 300% 100%;	animation: sweep 3.5s linear infinite; 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); }


/* 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.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: #000; font-weight: 600;}

#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; }




/* 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-radius: 10px;
    position: relative;
}

#Hot-Service .box::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 3px;
	background: conic-gradient(from 90deg, #06b6d4 0% 25%, #7c3aed 25% 50%, #f97316 50% 75%, #06b6d4 75% 100%);
	-webkit-mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	border-radius: 10px;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .6s cubic-bezier(.2,.9,.2,1);
	pointer-events: none;
	width: 90%;
	margin: 10px auto;
	height: 90%;
}
#Hot-Service .box:hover::before {
	transform: scaleX(1);
}

#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);
	transition: all 3.0s ease 0s;
}
#Hot-Service .box h2 {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 10px;
	display: grid;
	letter-spacing: .9px;
	color: #545454;
}
#Hot-Service .box h2 span{
	font-weight: 400;
	width: 100%;
}
#Hot-Service .box img {
	transform: scale(1);
	width: 45%;
}
#Hot-Service .box:hover img {
	transform: scale(1.2);
	transition: all 5.0s ease 1s;
}

/* 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 0;
	position: relative;
}
#AboutInfo .col-12.pr-3 .ateam {
	width: 24%;
	position: absolute;
	top: -34px;
	left: -18px;
}

.page-template-about-template #AboutInfo .page-img{
	padding-right: 45px;
}
.page-template-about-template #AboutInfo .page-img img{
	width: 100%;
}
.page-template-about-template #AboutInfo .page-content {
	display: flex !important;
	align-items: center;
}

#AboutInfo .bg-light {
	background-color: #e4e4e4 !important;
}
#AboutInfo .col-12.pr-3 {
	padding: 0 54px 0 0 !important;
	text-align: center;
}
#AboutInfo .col-12 {
	padding: 0 !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content:center ;
	min-height: 600px;
}
#AboutInfo .col-12 h1 {
	font-size: 31px;
	font-weight: bold;
	text-transform: capitalize;
	letter-spacing: -1.2px;
	margin: 0 0 12px;
	color: #667d6d;
}
#AboutInfo .col-12 .box .support {
	display: flex;
	gap: 24px;
	margin-top: 24px;
	align-items: self-end;
	justify-content: center;
}
#AboutInfo .col-12 .box .support h4 {
	font-size: 18px;
	margin: 0;
	padding: 0;
	line-height: 3px;
}
#AboutInfo .col-12 .box .support a {
	font-size: 30px;
	font-weight: bold;
	color: #efa022;
    animation:pulse 2s infinite;
}
 #AboutInfo .col-12.pr-3 img{
	width: 100%;
	float: left;
}
#AboutInfo .col-12 .box h3 {
	font-size: 27px;
	font-weight: bold;
	text-transform: capitalize;
	letter-spacing: -1.2px;
	margin: 0;
}
#AboutInfo .col-12 .box h4 {
	font-size: 18px;
}
#AboutInfo .col-12 .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 ;
}
#AboutInfo .widget_media_video {
	border-radius: 9%;
	overflow: hidden;
	border: 15px solid #356a174d;
	height: 425px;
	display: flex;
	align-items: center;
}
.about-img {
	padding-right: 81px;
}

/* counter section css
------------------------------- */
#Counter-Section {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 29px 36px 0;
}

#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: 600px !important;
	color: #000;
	line-height: 16px;
}

/* 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-widgt-carousel {
	height: 300px;
	overflow: hidden;
}

#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;
}



/* 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%;
}


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

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

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

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

#review-widget .Testireview {
	display: flex;
	justify-content: center;
	margin-bottom: 18px;
}
#review-widget .Testireview5 {
	width: 87px;
	height: 15px;
	background: url(../img/review.png);
}
#review-widget .TestiContent {
	z-index: 9;
	position: relative;
	height: 108px;
	overflow: hidden;
	border-bottom: 1px dashed #fff;
	margin-bottom: 18px;
	text-align: center;
}
#review-widget p {
	font-style: italic;
	font-weight: 600;
	color: #43467D;
}
#review-widget h3 {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 15px;
	margin-bottom: 0;
}
#review-widget small {
	text-transform: uppercase;
	letter-spacing: 3px;
}



/* 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: 622px;
	background: url('../img/Desktop-image.png') no-repeat;
	background-position: center center;
	background-size: cover;
	display: flex;
	justify-content: center;
	position: relative;
}

#desktop-tabs .container .des-img {
	width: 796px;
	border-radius: 26px;
	margin: 38px 0 0 -8px;
	height: 523px;
	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 {
  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: auto;
	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: auto;
	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;
}
.single-post .entry-content h3 {
	color: #5C7463;
	font-size: 20px;
	font-weight: bold;
	text-transform: capitalize;
	letter-spacing: -1.2px;
	margin: 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: 0px;
}
.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;
	background: #faa41d4f;
    background-image: none;
  background-image: linear-gradient(30deg, #43467D 15%, #949494fa 81%);
}
#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 h5 {
	color: #FFF;
}
.Affiliate-box h3 {
	color: #12ff69;
}
.Affiliate-box p {
	color: #fff;
}
.Affiliate-box h2 {
	color: #12ff69;
}
.Affiliate-box a {
	color: #12FF69;
	font-weight: 800;
}
.Affiliate-box li {
	padding: 4px;
	color: #fff;
	font-weight: 700;
}
.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%;
    line-height: 35.5px;
}
.offer-box.p-3 {
	height: 410px;
}

.offer-box .offer-limg {
	float: left;
	margin-right: 24px;
}
.offer-box .offer-rimg {
	float: right;
	margin-left: 24px;
}



.tooltip-container {
  width: 36%;
  position: relative;
}

    .tooltip-container img {
      height: auto;
      
    }

    .tooltip-text {
  visibility: hidden;
  width: 220px;
  background: #12ff69;
  color: #040000;
  text-align: center;
  padding: 10px 14px;
  border-radius: 6px;
  position: absolute;
  bottom: 110%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  font-size: 14px;
  transform: translateX(-50px);
  transition: all 0.4s ease;
  font-weight: 700;
}

    /* Tooltip arrow */
.tooltip-text::after {
      content: "";
      position: absolute;
      top: 100%;
      left: 20px;
      border-width: 6px;
      border-style: solid;
      border-color: #222 transparent transparent transparent;
    }

    /* Hover effect with Left-to-Right animation */
    .tooltip-container:hover .tooltip-text {
      visibility: visible;
      opacity: 1;
      transform: translateX(0);
    }
    
    
.industr-serve {
	position: absolute;
	top: 36%;
	width: 246px;
	right: 73%;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
    .industr-serve h2 {
  font-size: 18px !important;
  text-transform: uppercase;
  color: #fa0000;
}
    .industr-serve .img-box{background: #fff;width: 100px; height: auto;box-shadow: 0 6px 18px rgba(0,0,0,0.25); }
    .industr-serve img {
  width: 100%;
  padding: 17px;
  float: left;
  margin-bottom: 5px;
}
    
#techno {
  display: flex;
  flex-wrap: wrap;
  width: 300px;
  position: absolute;
  top: 43%;
  width: 235px;
  left: 73%;
}

#techno .tooltip-container {
  width: 30%;
  position: relative;
}
    #techno img{width: 100%;}

#Lead-Banner {
    min-height: 500px;
    overflow: hidden;
    background: #faa41d4f;
    background-image: linear-gradient(30deg, #43467D 15%, #949494fa 81%);
    display: flex;
    align-items: center;
    padding-bottom: 62px;
}
.home #Lead-Banner,
.page-template-about-template #Lead-Banner,
.page-template-e-commerce-development-template #Lead-Banner,
.page-template-digital-marketing-template #Lead-Banner,
.page-template-graphic-designer-template #Lead-Banner,
.page-template-marketing-service-template #Lead-Banner{padding-bottom: 146px;
}


.lead.box #leadForm {
    max-width: 100%;    
    background: #4f5180;
    box-shadow: 0px 5px 85px #00050680;
    transition: all 0.3s ease-in-out;
}   
.lead.box #leadForm.p-5 {
	padding: 35px 24px !important;
}

#leadForm {
    max-width: 351px;    
    background: #4f5180;
    box-shadow: 0px 5px 85px #00050680;
    transition: all 0.3s ease-in-out;
}
#Lead-Banner #leadForm {
    border-bottom-left-radius: 50px 24px;
    border-bottom-right-radius: 50px 20px;
}
    
     /* Highlight animation */
    .highlight {
      animation: blinkHighlight 1s ease-in-out 3;
    }
    
    @keyframes blinkHighlight {
      0% { box-shadow: 0 0 5px 2px #ff0000; border-color: #ff0000; }
      50% { box-shadow: 0 0 15px 4px #00ff00; border-color: #00ff00; }
      100% { box-shadow: 0 0 5px 2px #ff0000; border-color: #ff0000; }
    }
#leadForm h2 {
    color: #12ff69;
}
#leadForm label {
    display: inline-block;
    margin-bottom: .5rem;
    color: #fff;
    font-weight: 600;
}
#leadForm input {
    border-radius: 0;
    min-height: 30px !important;
    border-left: 3px solid @333;
}


.slider-container {
    position: relative;
    width: 100%;
    border-radius: 12px;
    margin-top: 8%;
}

  .slides {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 382px;
}

  .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    transition: opacity 1s ease-in-out;
  }

  .slide.active {
    opacity: 1;
    z-index: 1;
  }

  .subtitle {
    color: #ffae1e;
    font-size: 12px;
    margin-bottom: 5px;
    letter-spacing: .12em;
    text-transform: uppercase;
    font-weight: 600;
}
.slide .title {
    font-size: 40px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 12px;
    line-height: 1;
    letter-spacing: -.02em;
    width: 89%;
    height: 86px;
    overflow: hidden;
}
.slide .content {
    font-size: 16px;
    color: #d9d9d9;
    margin-bottom: 20px;
    max-width: 80%;
    line-height: 1.6;
}


  .cta-box { display: flex; gap: 20px; align-items: center; }
.cta-btn {
    padding: 12px 25px;
    background: #007bff;
    color: #fff;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    animation: pulse 1.5s infinite;
    margin-right: 36px;
    box-shadow: 0px 1px 0px 7px #ffffff1c;
    background: linear-gradient(90deg, #06b6d4, #7c3aed, #f97316, #06b6d4);
    background-size: 300% 100%;
    animation: sweep 3.5s linear infinite;
}

  .cta-text {
    font-weight: bold;
    color: #12ff69;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    opacity: 0;
    text-transform: uppercase;
    transform: translateX(-100%);
  }
    

  @keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
  }

  @keyframes slideIn {
    0% { transform: translateX(-100%); opacity: 0; }
    50% { opacity: 1; }
    100% { transform: translateX(0); opacity: 1; }
  }
    
    @keyframes sweep{
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
  


  .leadCTA{
        padding: 45px 0;
        background: #faa41d4f;
        background-image: none;
        background-image: linear-gradient(30deg, #43467D 15%, #949494fa 81%);
    }
    .custom-slider {
    width: 100%;
    max-width: 1000px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    background: #faa41d4f;
    background-image: none;
    background-image: linear-gradient(30deg, #43467D 15%, #949494fa 81%);
    padding: 0 45px;
}
    .custom-slides{
      display:flex;
      transition:transform 0.5s ease-in-out;
    }
    .custom-slide{
      min-width:50%; /* একসাথে ২টা */
      box-sizing:border-box;
      padding:20px;
    }
    .custom-card {
        background: #f5f8fccf;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        display: flex;
        flex-direction: column;
    }
    .custom-card img {
        width: 100%;
        height: 279px;
        object-fit: cover;
    }
    .custom-card-content {
        padding: 18px 30px;
    }
    .custom-card h3{
      margin:0 0 10px;
      font-size:20px;
    }
    .custom-card p{font-size:15px;
      margin:0 0 12px;}
    .custom-card a.go {
    box-shadow: 0px 1px 0px 7px #ffffff1c;
    background: linear-gradient(90deg, #06b6d4, #7c3aed, #f97316, #06b6d4);
    background-size: 300% 100%;
    animation: sweep 3.5s linear infinite;
    padding: 5px 18px;
    border-radius: 19px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;}
    .custom-card a:hover{
      background:#084c9e;    }
    
    .custom-prev{ 
        position:absolute;
      top:50%;
      transform:translateY(-50%);
      background:rgba(255,255,255,0.9);
      border:none;
      width:40px;
      height:40px;
      border-radius:50%;
      cursor:pointer;
      font-size:20px;
      display:flex;
      align-items:center;
      justify-content:center;
      box-shadow:0 2px 6px rgba(0,0,0,0.2);
      z-index:10;
      left:10px;   }
    .custom-next{ position:absolute;
      top:50%;
      transform:translateY(-50%);
      background:rgba(255,255,255,0.9);
      border:none;
      width:40px;
      height:40px;
      border-radius:50%;
      cursor:pointer;
      font-size:20px;
      display:flex;
      align-items:center;
      justify-content:center;
      box-shadow:0 2px 6px rgba(0,0,0,0.2);
      z-index:10;
      right:10px; 
  }


.videosection {
	width: 622px;
	float: left;
	padding: 0 5% 0 0;
	clear: both;
	height: auto;
	position: relative;
}
.videosection .ateam {
	width: 24%;
	position: absolute;
	top: -34px;
	left: -18px;
}
.videosection .widget_media_video {
	border-radius: 9%;
	overflow: hidden;
	border: 15px solid #356a174d;
	height: 425px;
	display: flex;
	align-items: center;
}
.videosection .box h3 {
	font-size: 27px;
	font-weight: bold;
	text-transform: capitalize;
	letter-spacing: -1.2px;
	margin: 0;
}
.videosection #Counter-Section .box h3 {
	font-size: 26px;
	line-height: 38.8px;
	font-weight: 800;
	color: #43467D;
}
.alignright.wp-image-758.size-full{
	float: right;
	margin: 0 0 24px 24px;
}

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

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

@media (max-width: 1760px) {
	.vp-header {padding: 0 9%;}
	#techno {left: 75%;}
	
}
@media (max-width: 1600px) {
	.vp-header {padding: 0 7%;}
	.contactbar {margin-right: 3%;}
	#techno {left: 77%;}
	
}
@media (max-width: 1580px) {
	.vp-header {padding: 0 5%;}
	
}
@media (max-width: 1480px) {
	.vp-header {padding: 0 3%;}
	#techno {left: 79%;}
	.industr-serve {right: 77%;}
	
}
@media (max-width: 1380px) {
	.vp-header {padding: 0 2%;}	
	.contactbar a {font-size: 100%;}
	.stellarnav {min-height: auto;}
	.stellarnav > ul > li > a {font-size: 100%;}
	#techno {left: 82%;}
	.industr-serve {right: 80%;}
	
}


@media (max-width: 1300px) {
	.stellarnav > ul > li > a {font-size: 16px;}
}

@media (max-width: 1250px) {
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {padding: 0 6%;}
	.vp-header {padding: 0 2%;}
	#main-nav.stellarnav {	display: none;}
	.rightbar {min-width: 79%;}
	.head-sidenav .sidenav {width: 50% !important;}
	#leadBtn {padding: 12px;font-size: 80%;width: 235px;}
	.slide .title {height: auto;}
	#techno {left: 83%;}

}

@media (max-width: 1194px){
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {width: 100%;padding: 0 6%;}	
	#desktop-tabs .container .des-img {width: 78%;margin: 37px -113px auto;height: 537px;}
	#techno {left: 85%;width: 187px;}
	.industr-serve {right: 83%;width: 194px;}
	.industr-serve img {width: 76%;padding: 17px;float: left;margin-bottom: 0;}
	#footer {padding: 54px 18px;}
}

@media (max-width: 1024px){
	h2 {font-size: 100%;}
	.btn.btn-success {width: auto;}
	#hero-slider .owl-dots {display: none;}
	#leadForm .btn.btn-success {width: auto;}	
	.container, #footer {padding-left: 15px; padding-right: 15px;}
	#Hot-Service .box h2 {font-size: 91%;}
	#Hot-Service .box {width: 19%;border-radius: 6px;}
	#AboutInfo {padding: 54px 22px;}
	#AboutInfo .col-12 .box h3 {font-size: 20px;}
	#AboutInfo .col-12.pr-3 {padding: 0 32px 0 0 !important;}
	#AboutInfo .col-12 .box h3 {font-size: 20px;}
	.col-lg-6.col-12.pl-5 {padding: 0 !important;}
	.industr-serve {position: relative;top: 0;width: 100%;right: 0;display: flex;flex-wrap: wrap;gap: -2px;align-items: center;justify-content: center;}
	.tooltip-container {width: auto;position: relative;}
	.industr-serve h2 {font-size: 18px !important;text-transform: uppercase;color: #fa0000;	width: 100%;text-align: center;}
	.industr-serve h2 .lbg {margin: 12px auto;}
	#responsive-design .container .heading h3 {margin: 0 auto;width: 70%;}
	#Business-Info {gap: 12px;text-align: center;flex-direction: column;}
	#AboutInfo .col-6 .box ul {gap: 2px;}
	#AboutInfo .col-6 .box .support {gap: 2px; margin: 0;}
	#AboutInfo .col-6 .box .support a {font-size: 22px;}
	#AboutInfo .about-box {align-items: center;}
	
	#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%;}

	#techno {display: none;}
	#desktop-tabs .container .des-img {width: 82%;margin: 37px -187px auto;height: 525px;}
	.industr-serve img {width: 100%;}
	.container.op.mb-5 .btn.btn-success { width: 227px;

}
@media (max-width: 992px){
	#desktop-tabs .container .des-img {width: 85%;margin: 37px -187px auto;height: 530px;}

	}

@media (max-width: 768px){
	.head-sidenav .sidenav {width: 100% !important;} 
	#responsive-design .nav-tabs .nav-item {width: 202px;}
	#desktop-tabs .container {background-size: contain;}
	#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;}
	#leadBtn {padding: 4px;font-size: 80%;width: 791px;}
	.cta-box {flex-wrap: wrap;}
	.slide .content {max-width: 100%;}
	#Hot-Service {gap: 6px;}

}

@media (max-width: 675px){
	.rightbar {min-width: 12%;}
	.contactbar {display: none;}
	
}
/*Extra small devices (portrait phones, less than 576px)
=================================================================*/
@media (max-width: 575.98px) {
	.vp-header {padding: 0 4%;}
	 #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: 100%;}
	 #AboutInfo h4 {font-size: 20px;margin: 0;font-weight: bold;}
	 .col-lg-6.col-12.pr-3 {padding: 0 !important; text-align: center;}
	 .col-lg-6.col-12.pr-5 {padding: 0 !important};373
	 .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 {gap: 24px;}
	 .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-12 .box h3 {margin: 0 0 18px 0;}
	 #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%;}
	 #responsive-design .container .heading h3 {font-size: 22px;margin-bottom: 27px;}

	 .cta-box {	flex-direction:column;}
	 .slides {min-height: 481px;}
	 .slide .title {font-size: 29px;width: 100%;}
	 .slide .content {font-size: 16px;max-width: 100%;}
	 .custom-slide {min-width: 100%;}

	 #responsive-design .container .heading h3 {font-size: 25px;margin-bottom: 27px;width: 100%;}
	 .custom-card img {width: 100%;height: auto;object-fit: cover;}
	 #Counter-Section {padding: 43px 0px;}
	 #leadForm {max-width: 100%;width: 100%;}
	 #business-slider {width: 100%;}
	 #AboutInfo .widget_media_video {border-radius: 0;height: auto;}
	 #AboutInfo .col-lg-6.col-12.pr-5 {padding: 0 !important;}
	 #AboutInfo .col-lg-6.col-12.pr-3 img {width: 36%;position: absolute;top: -46px;left: -16px;}
	 #AboutInfo .col-12.pr-3 {padding: 0 0 !important;text-align: center;min-height: 357px;}

	 .support {display: none;}
	 .wp-block-video {margin: 0 0;}
	 #Testi-slider .owl-nav {position: relative;top: 14px;right: 0;border-radius: 0px;justify-content: center;}
	 #Hot-Service .box {width: 100%;margin-top: 0;display:flex; justify-content: center;}
	 #Hot-Service .box h2 {font-size: 18px;text-align: left;margin-top: 25px;}
	 #Hot-Service .box .bg{display: none;}
	 #Hot-Service .box img {width: 79%;}

}
@media (max-width: 400px) {
	.FlyContact ul {gap: 15px;}
	#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: 25px;margin-bottom: 27px;width: 100%;}
	#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;}


}