*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Red Hat Display",sans-serif !important;
	transition: 250ms all;
}

body{
	background-color: #3f3d40 !important;
	/* background-color: #504e51 !important; */
	/* background-image: url('../../new_ahftech/img/main-bg.svg') !important; */
	/* background-image: url('../../new_ahftech/img/image_7.png') !important; */
	background-position: top !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	/* background-attachment: fixed !important; */
	z-index: 9999;
}

.bg-grey{background-color: #504e51 !important;}
.bg-orange{background-color: #fa6742 !important;}
.text-grey{color: #504e51 !important;}
.text-orange{color: #fa6742 !important;}
.fw-900{font-weight: 900 !important;}
.fs-10{font-size: 10px;}
.fs-11{font-size: 11px;}
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-17{font-size: 17px;}
.fs-18{font-size: 18px;}
.fs-19{font-size: 19px;}
.fs-20{font-size: 20px;}
.fs-36{font-size: 36px;}
.fs-42{font-size: 42px;}
.fs-50{font-size: 50px;}

.loader-body{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: #f0f0f0;
	padding: 0.5rem;
    opacity: 0.5;
}
.loader-img{
	width: auto;
	height: 30px;
}

.form-control {
	box-shadow: none !important
}

@media only screen and (max-width: 1200px) {
	.navbar-brand{
		position: relative !important;
	}
}

/* .nav-topbar{
	background: url('../../new_ahftech/img/top-nav.svg') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
} */

.nav-contact-btn {
	overflow: hidden;
	background: #fa6742 !important;
	border-radius: 1.6rem;
	font-size: 16px;
	white-space: nowrap;
	font-weight: 700;
	letter-spacing: 0;
	text-align: center;
	cursor: pointer;
	color: #fff;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	line-height: 1;
	display: inline-block;
	margin: 0;
	text-decoration: none;
	white-space: nowrap;
	vertical-align: middle;
	border: 1px solid transparent;
	outline: 0;
	box-sizing: border-box;
	position: relative;
}
  
.nav-contact-btn::before {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	width: 110%;
	height: 110%;
	z-index: 0;
	transition: all .5s;
	opacity: 1;
	-webkit-transform: translate(-105%,0);
	transform: translate(-105%,0);
	background-color: rgba(255,255,255,.8);
}

.nav-contact-btn:hover::before {
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	opacity: 0.05;
}
.nav-contact-btn:hover{
	border: 1px solid #fff;
	background-color: #504e51 !important;
}

.main-contact-head{
	color: #fff !important;
}

.our-services{
	cursor: pointer;
	transition: 150ms all;
}
.services-arrow{
	transition: 150ms all;
}
.our-services-dropdown{
	transition: 150ms all !important;
	border-radius: 1rem;
	width: 280px;
	visibility: hidden;
	opacity: 0;
	box-shadow: 2px 4px 6px #000 !important;
}
.services-links{
	transition: 150ms all !important;
}
.our-services-dropdown:hover{
	visibility: visible;
	opacity: 1;
}
.our-services:hover > .services-arrow{
	transform: rotate(0.5turn);	
	transition: 150ms all;
}
.our-services:hover + .our-services-dropdown{
	border-radius: 1rem;
	visibility: visible;
	opacity: 1;
}
.services-links:hover{
	color: #fa6742 !important;
	transition: 150ms all !important;
	margin-left: 1rem;
}

.services-links-sm, 
.our-services-sm{
	transition: 150ms all !important;
}

.services-links-sm:active {
	color: #fa6742 !important;
	transition: 150ms all !important;
	margin-left: 1rem !important;
}
  
.our-services-sm:active > .services-arrow-sm {
	transform: rotate(0.5turn) !important;
	transition: 150ms all !important;
}
  
.our-services-sm:hover + .our-services-dropdown-sm {
	display: block !important;
	border-radius: 1rem !important;
	visibility: visible !important;
	opacity: 1 !important;
}
  
.our-services-dropdown-sm:hover {
	display: block !important;
}

.main-contactus-btn {
	background: #fa6742;
	padding: 0.8rem 1.4rem;
	font-weight: 600;
	color: #fff;
	position: relative;
	text-align: center;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	display: inline-block;
	margin: 0;
	box-sizing: border-box;
	overflow: hidden;
}
.main-contactus-btn span {
	padding: 0.7rem !important;
	/* -webkit-padding-end: 10% !important; */
	color: #fa6742;
	right: -15px;
	position: relative;
	/* border-radius: 0% !important; */
}
.main-contactus-btn::before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 110%;
	height: 110%;
	transition: all .5s;
	opacity: 1;
	-webkit-transform: translate(-105%,0);
	-moz-transform: translate(-105%,0);
	-o-transform: translate(-105%,0);
	-ms-transform: translate(-105%,0);
	transform: translate(-105%,0);
	background-color: rgba(255,255,255,.8);
	/* background-color: rgba(59,186,181,.8); */
}
.main-contactus-btn:hover{
	border: 1px solid #fff;
	background: #504e51 !important;
	color: #fff !important
}
.main-contactus-btn:hover::before {
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	opacity: 0.05;
}
.index-main-body{
	margin: 0;
	background-color: #504e51 !important;
	/* background-image: url('../../new_ahftech/img/main-bg.svg') !important; */
	background-image: url('../../new_ahftech/img/image_7.png') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	padding: 12rem 0rem 3rem 0rem !important;
}

.main-form-body{
	/* box-shadow: 0px 0px 20px #fa6742; */
	/* box-shadow: 0px 0px 5px #000; */
	background-color: rgba(253, 156, 104, 0);
	border-radius: 1.6rem;
	padding: 1rem;
}

.main-form-body > div > input,
.main-form-body > div > textarea{
	border: 2px solid #6c6c6e !important;
	background-color: #373538 !important;
	color: #fff !important;
}

.form-body > div > input,
.form-body > div > textarea{
	border: 2px solid #6c6c6e !important;
	background-color: #373538 !important;
	color: #fff !important;
}

.main-heading{
	font-size: 50px !important;
	font-weight: 900 !important;
	font-family: "Red Hat Display",sans-serif !important;
}
.certificate-body{
	margin: 0;
	background-color: #3f3d40 !important;
	/* background: url('../../new_ahftech/img/int-certi-bg.svg') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important; */
	padding: 3rem 0rem !important;
}
.certificate-img {
	width: 300px !important;
	height: 120px !important;
	aspect-ratio: 16/9 !important;
	object-fit: contain !important;
}

/* .swiper-container > swiper-slide{
	filter: brightness(47.5) !important;
} */
.swiper-container{
	padding: 2rem;
}
.swiper-container > swiper-slide > img{
	border-radius: 1.6rem;
	/* background-color: #fff; */
	/* background-color: #504e51; */
	background-color: #fff;
	/* box-shadow: 0px 0px 20px #000; */
}

.compliant-body{
	margin: 0;
	background-color: #3f3d40 !important;
	/* background: url('../../new_ahftech/img/compliant-bg.svg') !important; */
	background-image: url('../../new_ahftech/img/image_8.png') !important;
	background-position: left !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	padding: 3rem 6rem !important;
}

.com-card-body{
	width: 350px;
	height: 250px;
	background: transparent;
	border-radius: 1rem;
	padding: 2rem;
	transition: all 250ms;
}
.com-card-1,
.com-card-2,
.com-card-3,
.com-card-4,
.com-card-5,
.com-card-6,
.com-card-7,
.com-card-8,
.com-card-9{
	transition: all 250ms;
}
.com-card-1:hover{
	background: url('../../new_ahftech/img/card-bg-1.svg') !important;
}
.com-card-2:hover{
	background: url('../../new_ahftech/img/card-bg-2.svg') !important;
}
.com-card-3:hover{
	background: url('../../new_ahftech/img/card-bg-3.svg') !important;
}
.com-card-4:hover{
	background: url('../../new_ahftech/img/card-bg-4.svg') !important;
}
.com-card-5:hover{
	background: url('../../new_ahftech/img/card-bg-5.svg') !important;
}
.com-card-6:hover{
	background: url('../../new_ahftech/img/card-bg-6.svg') !important;
}
.com-card-7:hover{
	background: url('../../new_ahftech/img/card-bg-7.svg') !important;
}
.com-card-8:hover{
	background: url('../../new_ahftech/img/card-bg-8.svg') !important;
}
.com-card-9:hover{
	background: url('../../new_ahftech/img/card-bg-9.svg') !important;
}
.com-card-1:hover,
.com-card-2:hover,
.com-card-3:hover,
.com-card-4:hover,
.com-card-5:hover,
.com-card-6:hover,
.com-card-7:hover,
.com-card-8:hover,
.com-card-9:hover{
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	transition: all 250ms;
	box-shadow: 2px 4px 6px #000;
}
.com-card-img > img{
	width: 50px !important;
}
.com-card-head > h5{
	font-weight: 600 !important;
}

.development-process-body{
	margin: 0;
	background-color: #3f3d40 !important;
	/* background: url('../../new_ahftech/img/development-process-bg.svg') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important; */
	padding: 3rem 6rem !important;
}

.swiper-dev-process > swiper-slide{
	display: flex;
	justify-content: center;
	align-items: center;
}

.dev-process-cards-body{
	width: 170px !important;
	height: 169px !important;
	border-radius: 1rem !important;
	transition: 250ms all;
	margin-bottom: 3.5rem !important;
}

.dev-process-cards-body > a{
	width: 170px !important;
	height: 169px !important;
	border: 1px solid #575558 !important;
	border-radius: 1rem !important;
	transition: 250ms all;
}

.dev-process-cards-body > a:hover{
	transition: 250ms all;
	/* background: linear-gradient(#999999, #fa6742) !important; */
	background: linear-gradient(#3f3d40, #3f3d40, #fa6742) !important;
}

.dev-process-cards-body > a.active {
	transition: 250ms all;
	border: 0 !important;
	border: 1px solid #fa6742 !important;
	/* background: #504e51 !important; */
	/* background: linear-gradient(#999999, #fa6742) !important; */
	background: linear-gradient(#3f3d40, #3f3d40, #fa6742) !important;
	position: relative !important;
}
.dev-process-cards-body > a.active::after {
	content: '';
	transition: 250ms all;
    position: absolute;
    bottom: -22px;    
    border-top: 16px solid transparent;
    border-left: 16px solid #fa6742;
    border-bottom: 16px solid transparent;
    transform: rotate(90deg);
}

.workshop-btn:hover{
	background-color: #504e51 !important;
}

.client-portfolio-body{
	margin: 0;
	background-color: #3f3d40 !important;
	/* background: url('../../new_ahftech/img/client-portfolio-bg.svg') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important; */
	padding: 3rem 6rem !important;
}

.client-portfolio-cards-body > a{
	width: 160px !important;
	height: 139px !important;
	border: 1px solid #fff !important;
	border-radius: 1rem !important;
	transition: 250ms all;
}

.client-portfolio-cards-body > a:hover{
	transition: 250ms all;
	background: linear-gradient(#999999, #fa6742) !important;
}

.client-portfolio-cards-body > a.active {
	transition: 250ms all;
	border: 0 !important;
	/* background: #504e51 !important; */
	background: linear-gradient(#999999, #fa6742) !important;
	position: relative !important;
}
.client-portfolio-cards-body > a.active::after {
	content: '';
	transition: 250ms all;
    position: absolute;
    bottom: -24px;    
    border-top: 16px solid transparent;
    border-left: 16px solid #fa6742;
    border-bottom: 16px solid transparent;
    transform: rotate(90deg);
}

.client-img-body{
	width: 385px !important;
	height: 374px !important;
}

.offer-body{
	margin: 0;
	background-color: #3f3d40 !important;
	/* background: url('../../new_ahftech/img/what-we-offer-bg.svg') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important; */
	padding: 3rem 6rem !important;
}

.digital-marketing-body{
	margin: 0;
	background-color: #3f3d40 !important;
	/* background: url('../../new_ahftech/img/digital-marketing-bg.svg') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important; */
	padding: 3rem 6rem !important;
}

.google-rating-btn{
	border: none;
	background: linear-gradient(to right, #999999, #fa6742) !important;
	font-size: 30px !important;
	box-shadow: 10px 10px 25px #000 !important;
	transition: 0.3s all;
}
.google-rating-btn:hover{
	box-shadow: 10px 10px 25px #000 !important;
	transform: translateY(-8px);
	transition: 0.3s all;
}

.client-dashboard-body{
	margin: 0;
	background-color: #3f3d40 !important;
	/* background: url('../../new_ahftech/img/client-dashboard-bg.svg') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important; */
	padding: 3rem 6rem !important;
}

.client-dashboard-card-body{
	border-radius: 1rem !important;
	background-color: #504e51 !important;
	transition: 0.3s all;
	width: 347px !important;
	height: 238px !important;
	box-shadow: 0.5px 0.5px 10px #000 !important;
}
.client-dashboard-card-body:hover{
	background-color: #fa6742 !important;
	transition: 0.3s all;
}

.client-dashboard-image{
	width: 500px !important;
}

.client-card-image{
	width: 50px !important;
}
.client-dashboard-card-body:hover .big-number {
	color: #fff !important;
}
.big-number{
	font-size: 72px !important;
	bottom: -25px !important;
	right: 0px !important;
	overflow: hidden !important;
}

.client-dashboard-card-middle1{
	margin-left: -10rem !important;
}
.client-dashboard-card-middle2{
	margin-right: -10rem !important;
}

.achievements-body{
	margin: 0;
	background-color: #3f3d40 !important;
	/* background: url('../../new_ahftech/img/achievements-bg.svg') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important; */
	padding: 3rem 6rem !important;
}

.contact-bottom-body{
	margin: 0;
	background-color: #3f3d40 !important;
	/* background: url('../../new_ahftech/img/contact-bottom-body.svg') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important; */
	padding: 3rem 6rem !important;
}

.get-free-quote-btn:hover{
	background-color: #504e51 !important;
}

.footer-body{
	margin: 0;
	background-color: #3f3d40 !important;
	/* background: url('../../new_ahftech/img/footer-bg.svg') !important;
	background-position: bottom !important;
	background-repeat: no-repeat !important;
	background-size: cover !important; */
}

.footer-links{
	transition: 0.3s all !important;
	color: #dddddd !important;
}
.footer-links:hover{
	text-decoration: underline !important;
	/* color: #000 !important; */
	color: #fa6742 !important;
	transition: 0.3s all !important;
}

@media only screen and (max-width: 1040px){
	.footer-logo{
		text-align: center;
	}
}


.follow-us-links > a{
	color: #fa6742;
	border-radius: 0.5rem !important;
	padding: 0.5rem 0.7rem !important;
	font-size: 20px !important;
}

.go-top{
	border-radius: 1.6rem;
	padding: 0.6rem 1rem;
	background: #504e51;
	border: 2px solid #fa6742;
	box-shadow: 1px 2px 4px #000;
	position: fixed;
	bottom: 30px;
	/* right: 50px; */
	right: 30px;
	z-index: 999;
}

.open-whatsapp-btn{
	border-radius: 2.6rem;
	width: 50px;
	height: 50px;
	border: none;
	box-shadow: 1px 2px 4px #000;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 9999;
}

.open-whatsapp-btn > img {
	border-radius: 2.6rem;
}

.about-main-body{
	margin: 0;
	padding: 6rem !important;
}

.about-para{
	text-align: justify;text-justify: inter-word;
}

.read-more-link-1,
.read-less-link-1,
.read-more-link-2,
.read-less-link-2,
.read-more-link-3,
.read-less-link-3{
	color: #fa6742;
	font-style: bold;
}
.read-more-link-1:hover,
.read-less-link-1:hover,
.read-more-link-2:hover,
.read-less-link-2:hover,
.read-more-link-3:hover,
.read-less-link-3:hover{
	color: #fff;
	text-decoration: underline;
	cursor: pointer;
}

#cards .card .user-picture img {
    background: #f8f9fa!important;
    padding: 10px;
}

#cards .card {
	height: 400px;
}

.addTeamHeight{
	height: 500px !important;
}

#cards .card:hover{
	background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url('../../new_ahftech/img/card-bg-9.svg') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	transition: all 250ms;
}

.our-team-body{
	margin: 0;
	padding: 6rem !important;
}

.our-clients-body{
	margin: 0;
	padding: 6rem !important;
}

.client-card-1{
	background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), url('../../new_ahftech/img/ustradeent.png');
}
.client-card-1:before{
	background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), url('../../new_ahftech/img/ustradeent.png');
}

.client-card-2{
	background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), url('../../new_ahftech/img/apparelshopusa.png');
}
.client-card-2:before{
	background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), url('../../new_ahftech/img/apparelshopusa.png');
}
.client-card-3{
	background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), url('../../new_ahftech/img/amazingahf.png');
}
.client-card-3:before{
	background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), url('../../new_ahftech/img/amazingahf.png');
}

.clients-card {
	border-radius: 16px;
	margin: 0 auto;
	width: 500px;
	max-width: 100%;
	min-height: 500px;
	box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
		0px 5px 8px 0px rgba(0, 0, 0, 0.14),
		0px 1px 14px 0px rgba(0, 0, 0, 0.12);
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center !important;
}

.clients-info {
	border-radius: 16px;
	position: relative;
	width: 100%;
	height: 500px;
	background-color: #504e51;
	color: #fff !important;
	transform: translateY(100%)
		translateY(-88px)
		translateZ(0);
	transition: transform 0.5s ease-out;
}

.clients-info:before {
	z-index: -1;
	display: block;
	position: absolute;
	content: ' ';
	width: 100%;
	height: 100%;
	overflow: hidden;
	filter: blur(10px);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center !important;
	opacity: 0.25;
	transform: translateY(-100%)
		translateY(88px)
		translateZ(0);
	transition: transform 0.5s ease-out;
}

.clients-card:hover .clients-info,
.clients-card:hover .clients-info:before {
	transform: translateY(30%) translateZ(0);
}

.clients-title {
	margin: 0;
	padding: 24px;
	font-size: 40px;
	line-height: 1;
	color: #fff !important;
}

.clients-description {
	margin: 0;
	padding: 0 24px 24px;
	font-size: 18px;
	line-height: 1.5;
}
.arrow-up{
	padding: 0.6rem 0.6rem;
	top: -25px !important;
	left: 45%;
	color: #fff;
	background: #504e51 !important;
}
.visit-btn:hover{
	background: #000 !important;
	color: #fa6742 !important;
}

.contact-us-body{
	margin: 0;
	padding: 6rem !important;
}

.contact-left-bg{
	/* background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url('../../new_ahftech/img/contact-us-bg.svg') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important; */
	border: 2px solid #6c6c6e !important;
	background-color: #373538 !important;
	padding: 2rem;
	border-radius: 1rem;
	height: 605px !important;
}

.services-head{
	font-size: 50px !important;
	margin-top: 4.5rem;
	/* color: #7c7b7c; */
	color: #fff;
}

.services-body{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 2rem;
}

.services-sub-body > .service-intro{
	border-radius: 10rem;
	background-color: #fa6742;
	color: #fff;
	width: 200px;
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

/* Career Style Starts */
.custom-accordion .custom-accordion-item {
	border-bottom: 1px solid #504e51;
}
.custom-accordion .custom-accordion-item button[aria-expanded=true] {
	border-bottom: 1px solid #fa6742;
	margin-bottom: 0.1rem
}
.custom-accordion button {
	position: relative;
	display: block;
	text-align: left;
	width: 100%;
	padding: 1em 0;
	color: #7288a2;
	font-size: 1.15rem;
	font-weight: 400;
	border: none;
	background: none;
	outline: none;
}
.custom-accordion button:hover,
.custom-accordion button .custom-accordion-title:hover {
	cursor: pointer;
	color: #fff;
}
.custom-accordion button:hover::after {
	cursor: pointer;
	color: #fff;
	border: 1px solid #fff;
}
.custom-accordion button {
	color: #fa6742;
}
.custom-accordion button .custom-accordion-title {
	padding: 1em 1.5em 1em 0;
}
.custom-accordion button .icon {
	display: inline-block;
	position: absolute;
	top: 18px;
	right: 10px;
	width: 22px;
	height: 22px;
	border: 1px solid;
	border-radius: 22px;
}
.custom-accordion button .icon::before {
	display: block;
	position: absolute;
	content: "";
	top: 9px;
	left: 5px;
	width: 10px;
	height: 2px;
	background: currentColor;
}
.custom-accordion button .icon::after {
	display: block;
	position: absolute;
	content: "";
	top: 5px;
	left: 9px;
	width: 2px;
	height: 10px;
	background: currentColor;
}
.custom-accordion button[aria-expanded=true] {
	color: #fff;
}
.custom-accordion button[aria-expanded=true] .icon::after {
	width: 0;
}
.custom-accordion button[aria-expanded=true] + .custom-accordion-content {
	display: block;
	/* max-height: 9em; */
	transition: all 200ms linear;
	will-change: display, max-height;
}
.custom-accordion .custom-accordion-content {
	display: none;
	/* max-height: 0; */
	overflow: hidden;
	transition: display 200ms linear, max-height 200ms linear;
	will-change: display, max-height;
	background: #fff;
}
.custom-accordion .custom-accordion-content div {
	padding: 2rem;
}
/* Career Style End */

@media only screen and (max-width: 990px) {
	
	body{
		background-attachment: fixed !important;
	}

	#cards .card {
		background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url('../../new_ahftech/img/card-bg-9.svg') !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		transition: all 250ms;
		height: auto !important;
	}

	/* .clients-card:active .clients-info,
	.clients-card:active .clients-info:before {
		transform: translateY(0) translateZ(0);
	} */

	.client-dashboard-card-body{
		width: 100% !important;
	}
	.com-card-1{
		background: url('../../new_ahftech/img/card-bg-1.svg') !important;
	}
	.com-card-2{
		background: url('../../new_ahftech/img/card-bg-2.svg') !important;
	}
	.com-card-3{
		background: url('../../new_ahftech/img/card-bg-3.svg') !important;
	}
	.com-card-4{
		background: url('../../new_ahftech/img/card-bg-4.svg') !important;
	}
	.com-card-5{
		background: url('../../new_ahftech/img/card-bg-5.svg') !important;
	}
	.com-card-6{
		background: url('../../new_ahftech/img/card-bg-6.svg') !important;
	}
	.com-card-7{
		background: url('../../new_ahftech/img/card-bg-7.svg') !important;
	}
	.com-card-8{
		background: url('../../new_ahftech/img/card-bg-8.svg') !important;
	}
	.com-card-9{
		background: url('../../new_ahftech/img/card-bg-9.svg') !important;
	}
	.com-card-body{
		background-position: center !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		transition: all 250ms;
		box-shadow: 2px 4px 6px #000;
	}

}
@media only screen and (max-width: 1150px) {
	.client-dashboard-card-middle1{
		margin-left: 0rem !important;
	}
	.client-dashboard-card-middle2{
		margin-right: 0rem !important;
	}
}
@media only screen and (max-width: 560px) {
	
	.index-main-body{
		padding: 1rem 0rem !important; 
	}
}
@media only screen and (max-width: 760px) {

	.form-body > div > input,
	.form-body > div > textarea{
		width: 100% !important;
	}

	.main-form-body > div > input,
	.main-form-body > div > textarea{
		width: 100% !important;
	}

	.index-main-body{
		padding: 6rem 0rem !important;
	}

	.contact-us-body,
	.our-clients-body,
	.our-team-body,
	.about-main-body,
	.contact-bottom-body,
	.achievements-body,
	.digital-marketing-body,
	.offer-body,
	.client-dashboard-body,
	.client-portfolio-body,
	.development-process-body,
	.compliant-body,
	.certificate-body{
		margin: 0;
		padding: 1rem !important;
		padding-top: 5rem !important;
	}
	.main-heading{
		font-size: 30px !important;
	}
	.main-tagline{
		font-size: 11px !important;
	}
	.main-contact-head{
		font-size: 25px !important;
	}
	.client-dashboard-image{
		width: auto !important;
	}

	.clients-title{
		font-size: 25px !important;
	}
	.clients-description {
		font-size: 15px !important;
	}
	.clients-info {
		transform: translateY(100%)
			translateY(-60px)
			translateZ(0);
	}
	.navbar-brand {
		width: 20% !important;
	}
}