@charset "utf-8";
/* CSS Document */
body{ background:#ccc; font-family: atm-paragraph !important; line-height: 25px;}
:root {
  --main-bg-color: #f56600;  
  --sub-bg-color: coral; 
}
@font-face {
  font-family: atm-heading;
  src: url(../fonts/RomanSerif.ttf);
}
@font-face {
  font-family: atm-paragraph;
  src: url(../fonts/Lato-Regular.ttf);
}

@import url("animate.css");


/*============ Start Index Header ============*/

.header{ background:#baefff; z-index: 9999; }
.navbar-header a.navbar-brand{ padding:0 15px;}
.navbar-nav { float: right;}
.navbar-inverse{ background:none; border:0;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{}
.navi { overflow: hidden; }
.navi a { float: left; font-size: 16px; color: #222; text-align: center; padding: 14px 16px; text-decoration: none; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.drpdown { float: left; overflow: hidden; }
.drpdown .drpbtn { font-size: 16px; border: none; outline: none; color: #222; padding: 14px 16px; background-color: inherit; font: inherit; margin: 0;
	-webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.navi a:hover, .navi a.active:hover, .drpdown:hover .drpbtn, .navi .drpbtn.active:hover, .drpdown:hover .drpbtn.active:hover { background-color: var(--main-bg-color); color:#fff;}
.drpdown:hover .drpbtn, .navi .drpbtn.active:hover, .drpdown:hover .drpbtn.active:hover { background-color: var(--main-bg-color) !important; color:#fff;}

.navbar-nav .head{ font-family: atm-paragraph;font-family: atm-paragraph; font-style: italic; line-height: inherit; }
.drpdown-content { display: none; border-top:3px solid var(--main-bg-color); position: absolute; padding: 20px 30px; background-color: #f9f9f9; width: 100%; left: 0; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 9999; -webkit-transition-duration: 1s; transition-duration: 1s;}

.drpdown-content .header { background: red; padding: 16px; color: white; }
.drpdown:hover .drpdown-content { display: block; }
.navi .sml-hd{font-size:90%; margin-bottom:15px;}
.nav-aff-logo img{ width:50px; float:right; margin-left:10px;}
.nav-link h3{ color: var(--main-bg-color); font-weight:bold; margin-bottom:5px;}
.nav-link ul li{ list-style:none; display:block; padding-left: 25px; background: url(../img/ico-li.png) no-repeat 0 center;}
.nav-link ul li a{ color: #6f6e6e; padding: 0; float: none; font-size: 90%;}
.nav-link ul li a:hover{ color:var(--main-bg-color); background:none;}
.nav-link .sub-list{ margin-left:20px;}
.nav-link ul.sub-list li{ padding-left: 25px;}

.navi .drpbtn a{ padding:0; margin:0; }
.navi .drpbtn.active a{ color:#fff;}
/*.navi a.active, .navi a.active:focus, .navi a.active:hover,
.navi .drpbtn.active, .navi .drpbtn.active:focus, .navi .drpbtn.active:hover { color: #fff; background-color: var(--main-bg-color); }*/
.navi a.active, .navi .drpbtn.active { background: #3187a0; color: #fff; }


.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #fff; }
.navbar-inverse .navbar-toggle { border-color: var(--main-bg-color); }
.navbar-inverse .navbar-toggle .icon-bar { background-color: var(--main-bg-color); }



/*
.nav-btn{ background: radial-gradient(#70bad6 0,#0826ff 90%); border-radius:5px; margin-left: 15px;}
.nav-btn a{ color:#fff !important; padding:15px 30px;}
.navbar-inverse .navbar-nav>li>a { color: #333;}
.navbar-inverse .navbar-nav>li.nav-btn>a:hover { background: radial-gradient(#70bad6 0,#0720d4 90%); border-radius:5px;}
*/

.sticky { position: fixed; top: 0; width: 100%; }
.sticky + .content { padding-top: 102px; }


/**/
	.slider{background:url(../img/slider/slider-bg.gif); background-repeat: no-repeat; background-size: 100%;}
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        .jssora061 {display:block;position:absolute;cursor:pointer;}
        .jssora061 .a {fill:none;stroke:#fff;stroke-width:360;stroke-linecap:round;}
        .jssora061:hover {opacity:.8;}
        .jssora061.jssora061dn {opacity:.5;}
        .jssora061.jssora061ds {opacity:.3;pointer-events:none;}
		
.caption{
	position:absolute;
	width: 510px;
    height: 220px;
    visibility: visible;
    top: 50px;
    left: 70px;
	color:#FFF;
	cursor:default;
	background-color:rgba(0,0,0,.0);
}
.caption h2{
	color: var(--main-bg-color);
    font-size: 47px;
    white-space: nowrap;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    font-family: 'Economica', Arial, sans-serif;
    font-weight: 700;
	line-height: 45px;
}
.caption p{
	width: 45%;
    top: 150px;
    color: #916c05;
    font-size: 18px;
    line-height: 26px;
    height: 80px;
    overflow: hidden;
    font-style: italic;
    font-family: 'Economica', Arial, sans-serif;
    font-weight: 400;
    font-style: italic;
}
/**/
.carousel-caption{
	position: absolute;
    right: 15%;
    bottom: 20%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
    text-shadow: none;
	width: 30%;
}
.carousel-caption h2{
	color: var(--main-bg-color);
	font-size: 66px;
	width: 50%;
	top: 120px;
	white-space: nowrap;
	z-index: 10;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	font-family: 'Economica', Arial, sans-serif;
	font-weight: 700;
}
.carousel-caption p{
	width: 100%;
	top: 240px;
	color: #916c05;
	font-size: 18px;
	line-height: 26px;
	height: 80px;
	overflow: hidden;
	font-style: italic;
	font-family: 'Economica', Arial, sans-serif;
	font-weight: 400;
	font-style: italic;
	margin: 30px 0;
}
.da-link{
	top: 360px; /*depends on p height*/
	border-radius: 30px;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	color: var(--main-bg-color);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border: 3px solid rgba(245,102,0,0.8);
	padding: 2px 20px 5px;
	font-size: 18px;
	line-height: 30px;
	/*width: 80px;*/
	text-align: center;
	background: rgba(255,255,255,0.2);
}
.da-link:hover{
	background: rgba(255,255,255,0.7);
	color: #d05803;
	border: 3px solid rgba(208,88,3,0.8);
	text-decoration:none;
}
.carousel-indicators li { border: 1px solid var(--main-bg-color); }
.carousel-indicators .active { background-color: var(--main-bg-color);}


/*============ Start Index About ============*/
.index_about{ padding:60px 0;}
.index_about h1{ font-size: 43px; padding-left: 15px; margin-bottom: 20px; border-left: 5px solid var(--main-bg-color); font-family: atm-heading;}
.index_about p{ text-align: justify; word-break: break-word; margin-left: 20px; font-family: atm-paragraph;}
.index_about .img{ border: 3px solid #f67702; box-shadow: 1px 3px 7px 0px #0000008c; overflow: hidden;}
.index_about .img img{ width:100%;}

/*============ Start Index Service ============*/

.index_service{ padding:60px 0; background: #fff;}
.index_service h1{ font-size: 43px; padding-left: 15px; margin-bottom: 20px; text-align:center; margin-bottom: 7px; font-family: atm-heading;}
.index_service .short-bdr{ border-bottom: 5px solid var(--main-bg-color); width:50px; margin: 0 auto 15px;}
.index_service .sub-title{ margin:0 auto; width:60%; text-align:center; font-size: 90%; margin-bottom: 30px; font-family: atm-paragraph;}
.index_service ul.index_serv_list li{ margin-bottom:18px;}

.index_service ul.index_serv_list .srv_list_img{ width: 35%; margin:0 32.5%;}
.index_service ul.index_serv_list img{ width:100%;}
.index_service ul.index_serv_list .srv_list_dtls h3{ font-size: 17px; margin: 5px 0 10px; font-family: atm-heading; text-align:center; font-weight:bold; }
/*
.index_service ul.index_serv_list .srv_list_img{ width: 90%; float: right;}
.index_service ul.index_serv_list img{ width:100%;}
.index_service ul.index_serv_list .srv_list_dtls h3{ font-size: 23px; margin-bottom: 10px; font-family: atm-heading; }*/

/*============ Start Index Blog ============*/
.index_blog{ padding:60px 0;}
.index_blog h1{ font-size: 43px; padding-left: 15px; margin-bottom: 20px; text-align:center; margin-bottom: 7px; font-family: atm-heading;}
.index_blog .short-bdr{ border-bottom: 5px solid var(--main-bg-color); width:50px; margin: 0 auto 15px;}
.index_blog .sub-title{ margin:0 auto; width:60%; text-align:center; font-size: 90%; margin-bottom: 30px; font-family: atm-paragraph;}

/*============ Start Index Clients ============*/
.index_clients{ padding:60px 0; background: #fff;}


/*============ Start Footer ============*/
.footer{ }
.footer .footer-top{ background-image: url(../img/f-bg2.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position:relative; overflow:hidden; padding:60px 0 15px;}
.footer .footer-top h2{ text-align: center; font-size: 39px; font-family: atm-heading; margin-bottom:15px;}/*
.footer .footer-top p{ text-align: center; font-size: 20px; font-family: atm-paragraph;}*/
.footer .footer-top .sub-title { margin: 0 auto; text-align: center; font-size: 90%; margin-bottom: 30px; font-family: atm-paragraph;}
.footer .footer-top h3{ text-align: center; font-size: 28px; font-family: atm-heading; margin: 40px 0 60px;}
.footer .footer-top h3 a{ border: 3px solid var(--main-bg-color); border-radius: 26px; padding: 1px 30px; color: var(--main-bg-color); background: #ffffffa3; }
.footer .footer-top h3 a:hover{ text-decoration:none; background: #ffffff;}

.sml-ft-nav{ text-align:center; margin-bottom: 25px;}
.sml-ft-nav ul{ display: inline-block;}
.sml-ft-nav li{ float:left; padding:0 20px; font-size: 102%; font-weight: 600; border-right: 2px solid var(--main-bg-color);}
.sml-ft-nav li:first-child{ padding-left:0;}
.sml-ft-nav li:last-child{ padding-right:0; border-right: 0;}
.sml-ft-nav li a{ color:#333;}
.sml-ft-nav li a:hover{ color:var(--main-bg-color); text-decoration:none;}



/*====== Start Sml Footer ======*/
.footer_sml{ padding:60px 0 15px; /*background: #baefff;*/ box-shadow: 0px 2px 3px 0px #000000; }
.copy{ color: #333; font-size: 90%; line-height:30px; }

.footer_sml ul.social{background:none;}
ul.social{ text-decoration:none; float:right; }
ul.social li{ display:inline; }
ul.social li a{ color: #333; border: 1px solid #333; width: 25px; height: 25px; display: block; text-align: center; padding: 1px; border-radius: 5px; float: left; margin-left: 5px; }
ul.social li a:hover{ color:var(--main-bg-color); border: 1px solid var(--main-bg-color); }



/*============ Start Footer ============
.footer{ padding:60px 0; background-image: url(../img/f-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; position:relative; overflow:hidden; }
.footer .footer_bg{ position: absolute; opacity: 0.05; left: 10%; width: 80%; top:150px; -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); transform: rotate(10deg);}
.footer .footer_bg img{ width:100%;}

.footer h3{ font-size: 25px; font-weight: 700; color: #f67702; text-shadow: 1px 1px 1px #0000008c; margin: 25px 0px 10px; }
.footer ul.indus li{ width: 25%; float: left; font-size: 17px; line-height: 36px; font-family: unset; }
.footer ul li{ font-size: 17px; line-height: 36px; font-family: unset; }
.footer ul li.serv-head a{ color: #f67702; font-weight: bolder; text-transform: uppercase;}
.footer ul.service li:not(:first-child){ margin-left:10px;}
.footer ul.side-nav li{ font-size: 20px; font-weight: 500; line-height: 47px; text-shadow: 1px 1px 1px #0000004d; }
.footer ul li a:hover{ text-decoration: none; color: var(--main-bg-color);}
.footer h3.first{ margin: 0px 0px 10px; }
*/






/*=============== Inner Page Banner ===============*/
.banner{ width:100%;}
.banner img{ width:100%;}
.inn-banner{ background: url(../img/inner_bg_1.jpg); /*height: 175px;*/ padding: 10px;}
.inn-banner .page-name{ font-size: 32px; margin: 5px 0px 5px; line-height: 31px;}
.inn-banner .page-link{ color: var(--main-bg-color); }

/*=============== Industries Section ===============*/
.inda-sec{ padding:60px 0; background:#fff; min-height:400px;}
.inda-sec h2{ color: #333; font-size: 35px; font-family: atm-heading; margin-bottom: 15px; padding-left: 20px; border-left: 5px solid var(--main-bg-color);}
.inda-sec p{ color:#333; font-size:16px; margin-bottom:10px; font-family: atm-paragraph;}

/*=============== Industries Sub-Section ===============*/
.inda-sub-sec{ padding:60px 0; background:#fff;}
.inda-sub-sec h2{ color: #333; font-size: 35px; font-family: atm-heading; margin-top: 40px; margin-bottom: 15px; padding-left: 20px; border-left: 5px solid var(--main-bg-color);}
.inda-sub-sec p{ color:#333; font-size:16px; margin-bottom:10px; font-family: atm-paragraph;}

/*============ Start Industries R-Services ============*/
.r-services{ padding:60px 0;}
.r-services h1{ font-size: 43px; padding-left: 15px; margin-bottom: 20px; text-align:center; margin-bottom: 7px; font-family: atm-heading;}
.r-services a:hover{ text-decoration:none;}
.r-services .short-bdr{ border-bottom: 5px solid var(--main-bg-color); width:50px; margin: 0 auto 15px;}
.r-services .sub-title{ margin:0 auto; width:60%; text-align:center; font-size: 90%; margin-bottom: 30px; font-family: atm-paragraph;}
.r-services .card{ /*min-height: 500px;*/}
.r-services .card h3{font-size: 27px; font-family: atm-heading;}
.r-services a:hover .card h3{ text-decoration:none; color: var(--main-bg-color);}



/*=============== Services Section ===============*/
.serv-sec{ padding:60px 0; background:#fff; min-height:400px;}
.serv-sec h2{ color: #333; font-size: 35px; font-family: atm-heading; margin-bottom: 15px; padding-left: 20px; border-left: 5px solid var(--main-bg-color);}
.serv-sec p{ color:#333; font-size:16px; margin-bottom:10px; font-family: atm-paragraph;}

.w-design{background: url(../img/w-design.jpg) 0 0 no-repeat; background-size:cover;}
.app{background: url(../img/app.jpg) 0 0 no-repeat; background-size:cover;}
.cloud{background: url(../img/cloud.jpg) 0 0 no-repeat; background-size:cover;}
.consult{background: url(../img/consult.jpg) 0 0 no-repeat; background-size:cover;}
.d-market{background: url(../img/digital.jpg) 0 0 no-repeat; background-size:cover;}
.g-design{background: url(../img/graphic.jpg) 0 0 no-repeat; background-size:cover;}
.w-develop{background: url(../img/w-develop.jpg) 0 0 no-repeat; background-size:cover;}
.s-develop{background: url(../img/software.jpg) 0 0 no-repeat; background-size:cover;}
.seo{background: url(../img/seo.jpg) 0 0 no-repeat; background-size:cover;}

.social{background: url(../img/social.jpg) 0 0 no-repeat; background-size:cover; background-size:cover;}
.school{background: url(../img/school.jpg) 0 0 no-repeat; background-size:cover;}
.report{background: url(../img/report.jpg) 0 0 no-repeat; background-size:cover;}
.mlm{background: url(../img/mlm.jpg) 0 0 no-repeat; background-size:cover;}
.hrm{background: url(../img/hrm.jpg) 0 0 no-repeat; background-size:cover;}
.erp{background: url(../img/erp.jpg) 0 0 no-repeat; background-size:cover;}
.ecom{background: url(../img/ecom.jpg) 0 0 no-repeat; background-size:cover;}
.bill{background: url(../img/bill.jpg) 0 0 no-repeat; background-size:cover;}
.poly{background: url(../img/poly.jpg) 0 0 no-repeat; background-size:cover;}
.medicine{background: url(../img/medicine.jpg) 0 0 no-repeat; background-size:cover;}
.hospital{background: url(../img/hospital.jpg) 0 0 no-repeat; background-size:cover;}
.health{background: url(../img/health.jpg) 0 0 no-repeat; background-size:cover;}
.indus{background: url(../img/indus.jpg) 0 0 no-repeat; background-size:cover;}




/*=============== Contact Us Page ===============*/
.contact{ padding:60px 0 0;}
.contact h1{ font-size: 43px; padding-left: 15px; margin-bottom: 20px; text-align:center; margin-bottom: 7px; font-family: atm-heading;}
.contact .short-bdr{ border-bottom: 5px solid var(--main-bg-color); width:50px; margin: 0 auto 15px;}
.contact .sub-title{ margin:0 auto; width:60%; text-align:center; font-size: 90%; font-family: atm-paragraph;}

.contact-frm{margin: 40px 0; display: inline-block; width: 100%;}
.contact-frm input{ height: 50px;}
.contact-frm textarea{ height: 114px;}
.contact-frm input[type="submit"]{ font-size: 16px; font-weight: 600; border:1px solid var(--main-bg-color); color: var(--main-bg-color);}
.contact-frm input[type="submit"]:hover{ border:1px solid var(--main-bg-color); background: var(--main-bg-color); color: #fff; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}

.contact .map-area{ width:100%; height:346px; border:0; overflow:hidden; position:relative;}
.contact .map-area iframe{ width:100%; height:100%; position:absolute; top:0;}
/**/
.contact .contact-area{ background:#d7eff7db; padding: 65px; height: 346px;}
.contact .contact-area h3{ font-size: 25px; font-weight: bold; color: #333; margin-bottom: 20px; font-family: atm-heading;}
.contact .contact-area li{ margin-bottom: 16px; font-family: atm-paragraph;}
.contact .contact-area li i{ color: var(--main-bg-color); font-size: 130%; margin-right: 10px; }



a.page-btn{ background: #f67702; padding: 10px 20px; border-radius: 5px; color: #fff; margin: 15px 0 1px; display: inline-block;}
a.page-btn:hover{ background: #e26e03; box-shadow: 1px 1px 3px 0px #000000a1; text-decoration:none; margin: 16px 0 0;}
.card { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); border-radius: 5px; text-align: center; background-color: #f1f1f1; overflow:hidden; }
.card img{ width:100%; margin-bottom: 15px;}
.card .date_area{ position: absolute; top: -20px; left: -5px; background: var(--main-bg-color); color: #fff; width: 70px; height: 70px; text-align: center; padding: 10px; }
.card .date_area p{ text-align: center; font-weight: bold; }
.card .date_area .mnth{}

.card .detail{ margin: 0 15px 15px;}
.card h3{ font-size: 22px; margin-bottom: 10px; font-family: atm-heading;}
.card ul.comment{margin:10px 0;}
.card ul.comment li{ list-style:none; float:left; font-size: 90%; display: contents;}
.card ul.comment li a:hover{ text-decoration:none;}
.card p{ text-align:left; font-family: atm-paragraph;}

.bdr-img{ border: 3px solid #f67702; box-shadow: 1px 3px 7px 0px #0000008c; margin: 75px 0 0;}
.bdr-img img{ width:100%;}




/* Image hover Shine */
.img .img-hover-shine, .card .img-hover-shine {
	position: relative;
}
.img .img-hover-shine::before, .card .img-hover-shine::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.img .img-hover-shine:hover::before, .card .img-hover-shine:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
.about{
	background: #f1f0f0;
    padding: 50px 0;
	border-bottom:2px solid #003aa3;
}
.about_img img{
	width:100%;
}
h2.page-title{
	text-align:center;
	color: #003aa3;
	text-decoration: underline;
	margin-bottom:15px;
}
.services{
    padding: 50px 0;
	border-bottom:2px solid #003aa3;
}
.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  margin-bottom:15px;
}
.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.details {
  padding: 2px 16px;
}


.price{
	border-bottom:2px solid #003aa3;
}
.price img{
	width:100%;
}

@media screen and (max-width: 480px) {
	.navbar-brand img{ width:80%;}
	.navbar { margin-bottom: 10px;}
	.drpdown .drpbtn { padding: 14px 8px;}
	.navi a { padding: 14px 8px;}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { margin-top: 20px; }
	.drpdown-content{ max-height:500px; overflow:scroll;}
	
	.carousel-caption{ bottom: -6%; left: 5%; width: 45%;}
	.carousel-caption h2{font-size: 21px ;width: 100%; white-space: normal; margin-bottom:0px; margin-bottom:5px;}
	.carousel-caption p{ display:none;}
	.carousel-caption .da-link{border: 1px solid rgba(245,102,0,0.8); padding: 1px 8px 3px; font-size: 11px; line-height: 30px;}
	.carousel-caption .da-link:hover{ border: 1px solid rgba(208,88,3,0.8); }
	
	
	
/*
.carousel-caption h2{
	color: var(--main-bg-color);
	font-size: 66px;
	width: 50%;
	top: 120px;
	white-space: nowrap;
	z-index: 10;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	font-family: 'Economica', Arial, sans-serif;
	font-weight: 700;
}	
	
	*/
	
	
	
	
	
	
	
	
	
	
	
	/*============ Start Index About ============*/
	.index_about h1{ font-size: 30px;}
	.index_about p{ text-align: left;}

	/*============ Start Index Service ============*/
	.index_service h1{ font-size: 30px;}
	.index_service ul.index_serv_list .srv_list_img{ width: 70%; margin:30px 15% 0; float: none;}
	.index_service ul.index_serv_list .srv_list_dtls h3{ font-size: 14px; }
	
	/*============ Start Index Blog ============*/
	.index_blog h1{ font-size: 30px;}
	
	/*============ Start Industries R-Services ============*/
	.r-services h1{ font-size: 30px;}
	
	/*=============== Contact Us Page ===============*/
	.contact h1{ font-size: 30px;}
	.contact .map-area { height: 1116px;}
	.contact .contact-area {height: auto;}
	
	/*=============== Industries Section ===============*/
	.inda-sec h2 { font-size: 30px;}

	
	
	.bdr-img { margin: 25px 0 0; }
	.copy{ text-align: center;}
	ul.social { text-decoration: none; float: none; width: fit-content; margin: 5px auto 0;}
	.card .date_area { top: 0px; left: 15px;}
	.index_blog .sub-title, .index_service .sub-title, .r-services .sub-title { width: 80%;}
	.index_about .img{margin-top:30px;}
	.w-design, .app, .cloud, .consult, .d-market, .g-design, .w-develop, .s-develop, .seo,
	.social, .school, .report, .mlm, .hrm, .erp, .ecom, .bill, .poly, .medicine, .hospital, .health, .indus { background: #fff;}
	
}