/*--------------------------------------------------------	Theme Name: Udvas	Theme URI: 	Description: It is a personal HTML potfolio template.	Author: Spellbit	Author URI: https://themeforest.net/user/bootscore	Version: 1.0-----------------------------------------------------------*//* 			Table Of Content		   ==================	1. reset	2. global	3. header-section	4. banner-section		4.1 Home-page-one		4.2 home-page-two	5. skill-exp-section	6. experience-section	7. about-section	8. cunsult-section	9. ser-pro-section	11. hom-page-two service-section	12. testimonial-section	13. contact-blog-section	14. blog-section	15. footer-section	16. blog-grid.html	17. blog-list.html	18. case-study.html	19. blog-single.html	20. contact.html	21. about.html	22. case-study-details.html	23. services.html	24.	Scroll-to-top	*/@font-face {    font-family: 'func-font-regu';    src: url(../font/Function-regular.ttf);}@font-face {    font-family: 'func-font-bold';    src: url(../font/Function-bold.ttf);}/* =============================reset css=============================*/:root {	--heading-font-bold: 'func-font-bold';	--heading-font-regu: 'func-font-regu';	--para-font: 'Hind', sans-serif;	--heading-color: #333333;	--para-color: #666666;	--primary-color: #6e41ff;	--secondary-color: ;	--border-color: #d0d0d0;	--hr-border-color: #6e41ff;}body {	margin: 0;	padding: 0;	outline: 0;	font-size: 16px;	position: relative;	font-family: var(--heading-font);	counter-reset: section;	overflow-x: hidden;}ul, ol {	list-style: none;	padding: 0;	margin: 0;}img {	max-width: 100%;	height: auto;}a, a:focus, a:hover {	text-decoration: none;	color: initial;	font-family: var(--heading-font-bold);}h1, h2, h3,h4, h5, h6 {	margin: 0;	color: #494949;	font-family: var(--heading-font-bold);	line-height: 1.5;}h1>a, h2>a, h3>a,h4>a, h5>a, h6>a {	-webkit-transition: all 0.3s;	-o-transition: all 0.3s;	transition: all 0.3s;}h1>a:hover, h2>a:hover, h3>a:hover,h4>a:hover, h5>a:hover, h6>a:hover {	color: var(--primary-color);}h1 {	font-size: 72px;}h2 {	font-size: 36px;}h3 {	font-size: 30px;}h4 {	font-size: 24px;}h5 {	font-size: 20px;}h6 {	font-size: 16px;}li,p {	font-family: var(--para-font);	margin: 0;	color: #767676;	font-size: 16px;	line-height: 1.8;}span {	font-family: var(--para-font);	font-weight: 500;}::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: #cccccc;}::-moz-placeholder { /* Firefox 19+ */  color: #cccccc;}:-ms-input-placeholder { /* IE 10+ */  color: #cccccc;}:-moz-placeholder { /* Firefox 18- */  color: #cccccc;}button:focus,input:focus,textarea:focus {	outline: none;	transition: all 0.3s ease-in-out;}input:focus,textarea:focus {	border-color: var(--primary-color) !important;}/* =========================global css=========================*/.cmn-btn-grp {	margin: 25px -10px -10px -10px;}.cmn-btn {	min-width: 170px;	padding: 15px 15px;	margin: 5px 10px;	display: inline-block;	text-align: center;	text-transform: uppercase;	background-color: var(--primary-color);	color: #ffffff;	border-radius: 3px;	-webkit-transition: all 0.3s;	-o-transition: all 0.3s;	transition: all 0.3s;	}.cmn-btn:hover {	color: #fdfdfd;	-webkit-box-shadow: 0px 20px 50px 0px rgba(110,65,255,0.20);	box-shadow: 0px 20px 50px 0px rgba(110,65,255,0.20);}.section-padding {	padding-top: 95px;	padding-bottom: 95px;}.padding-l-r {	padding-left: 100px;	padding-right: 100px;}.section-header {	text-align: center;}.section-header h2 {	text-transform: capitalize;}.section-header p {	margin-top: 10px;	max-width: 535px;	display: inline-block;}.section-wrapper {	margin-top: 45px;}.header-border {	position: relative;	margin-bottom: 45px;}.header-border:after {	position: absolute;	content: '';	bottom: -20px;	left: 0;	width: 70px;	height: 4px;	background-color: var(--primary-color);}/* menu affix animation */.animated {  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}@-webkit-keyframes fadeInDown {  from {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    -ms-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }  to {    opacity: 1;    -webkit-transform: none;    -ms-transform: none;    transform: none;  }}@keyframes fadeInDown {  from {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    -ms-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }  to {    opacity: 1;    -webkit-transform: none;    -ms-transform: none;    transform: none;  }}.fadeInDown {  -webkit-animation-name: fadeInDown;  animation-name: fadeInDown;}.hover-item {	-webkit-transition: all 0.3s;	-o-transition: all 0.3s;	transition: all 0.3s;}.hover-item:hover {	-webkit-box-shadow: 0px 25px 40px 0px rgba(51, 51, 51, 0.1);	box-shadow: 0px 25px 40px 0px rgba(51, 51, 51, 0.1);	transform: translateY(-5px);}.shadow-item {	-webkit-box-shadow: 0px 6px 11px 0px rgba(102, 102, 102, 0.11);	        box-shadow: 0px 6px 11px 0px rgba(102, 102, 102, 0.11);	border-radius: 5px;}.inner-page li.menu_has_children:after,.inner-page .menu li a {	color: #ffffff;}.inner-page .sub-menu li a {	color: #666666;}.inner-page .menu li a:hover {	color: var(--primary-color);}.inner-page .header-section.menu-fixed li.menu_has_children:after,.inner-page .header-section.menu-fixed .menu li a {	color: #666666;}.inner-page .header-section.menu-fixed .menu li a:hover, .menu li a.active {	color: var(--primary-color);}.inner-page.contact-page li.menu_has_children:after,.inner-page.contact-page .menu li a {	color: #666666;}.single-page-banner {	position: relative;	background-image: url(../image/single-banner.jpg);	background-position: center;	height: 350px;	text-align: center;}.single-page-banner:before {	position: absolute;	content: '';	top: 0;	left: 0;	width: 100%;	height: 100%;	background-color: #000000;	opacity: 0.6;}.single-page-banner .banner-content-area {	-webkit-transform: translateY(0);	    -ms-transform: translateY(0);	        transform: translateY(0);}.single-page-banner .banner-content {	width: 100%;	max-width: 100%;}.single-page-banner .banner-content h4 {	font-family: var(--heading-font-bold);	color: #ffffff;}.breadcrumb {	background-color: transparent;	-webkit-box-pack: center;	    -ms-flex-pack: center;	        justify-content: center;}.breadcrumb-item a {	color: #ffffff;}.breadcrumb-item.active {	color: #b9a3ff;}.breadcrumb-item+.breadcrumb-item::before {	content: "|";	color: #ffffff;}.post-btn {	color: #666666;	-webkit-transition: all 0.3s;	-o-transition: all 0.3s;	transition: all 0.3s;	display: inline-block;}.post-btn:hover {	color: var(--primary-color);}/*=======================header-section css=======================*/.header-section {	background-color: transparent;	position: fixed;	top: 0;	left: 0;	width: 100%;	z-index: 999;}.header-section.menu-fixed {	background-color: #ffffff;	-webkit-box-shadow: 0px 0px 20px -1px rgba(110,65,255,0.15);	box-shadow: 0px 0px 20px -1px rgba(110,65,255,0.15);}.header-section .navbar {	background-color: transparent;	padding: 0 0;}.logo {	position: relative;	z-index: 9;	margin-right: 0;	padding: 29px 0 20px 28px;	margin-top: -21px;}.logo:before {	position: absolute;	content: '';	top: 0;	left: 0;	width: 150px;	height: 128px;	background-image: url(../image/logo-shape.png);	z-index: -10;}.menu li {	float: left;	position: relative;}.menu li a {	padding: 35px 23px;	display: inline-block;	text-transform: capitalize;	-webkit-transition: all 0.3s;	-o-transition: all 0.3s;	transition: all 0.3s;	font-family: var(--heading-font-bold);}.menu li a:hover {	color: #b4b1bb;}.menu li:hover .drop-menu {	opacity: 1;	visibility: visible;	top: 100%;}.sub-menu {	position: absolute;	top: 110%;	min-width: 220px;	background-color: #ffffff;	-webkit-box-shadow: 0px 18px 54px -8px rgba(0,0,0,0.15);	box-shadow: 0px 18px 54px -8px rgba(0,0,0,0.15);	padding: 15px 0;	z-index: 999;	opacity: 0;	visibility: hidden;	-webkit-transition: all 0.3s;	-o-transition: all 0.3s;	transition: all 0.3s;}.menu li:hover .sub-menu {	top: 100%;	opacity: 1;	visibility: visible;}.sub-menu li {	float: none;}.sub-menu li a {	padding: 8px 25px;	-webkit-transition: all 0.3s;	-o-transition: all 0.3s;	transition: all 0.3s;}.sub-menu li a:hover {	padding-left: 35px;	color: var(--primary-color);}li.menu_has_children:after {	position: absolute;	content: "\f107";	top: 36px;	right: 0px;	color: #000;	font-family: 'FontAwesome';	z-index: -10;	-webkit-transition: all 0.3s;	-o-transition: all 0.3s;	transition: all 0.3s;	z-index: 2;}li.menu_has_children:hover:after {	content: "\f106";}.social-links li {	float: left;}.social-links li+li {	margin-left: 10px;}.social-links li a {	width: 30px;	height: 30px;	border: 1px solid var(--border-color);	color: var(--border-color);	border-radius: 100%;	line-height: 30px;	text-align: center;	display: block;	-webkit-transition: all 0.3s;	-o-transition: all 0.3s;	transition: all 0.3s;}.social-links li:hover a {	background-color: var(--primary-color);	color: #ffffff;	border-color: var(--hr-border-color);	-webkit-box-shadow: 0px 0px 20px -1px rgba(110,65,255,0.15);	box-shadow: 0px 0px 20px -1px rgba(110,65,255,0.15);}.menu-toggle {  position: relative;  display: block;  width: 35px;  height: 20px;  background: transparent;  border-top: 2px solid;  border-bottom: 2px solid;  color: var(--primary-color);  font-size: 0;  -webkit-transition: all 0.25s ease-in-out;  -o-transition: all 0.25s ease-in-out;  transition: all 0.25s ease-in-out;}.menu-toggle:before, .menu-toggle:after {  content: '';  display: block;  width: 100%;  height: 2px;  position: absolute;  top: 50%;  left: 50%;  background: currentColor;  -webkit-transform: translate(-50%, -50%);          -ms-transform: translate(-50%, -50%);      transform: translate(-50%, -50%);  transition: -webkit-transform 0.25s ease-in-out;  -webkit-transition: -webkit-transform 0.25s ease-in-out;  -o-transition: transform 0.25s ease-in-out;  transition: transform 0.25s ease-in-out;  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;  transition: transform 0.25s ease-in-out,   -webkit-transform 0.25s ease-in-out;}span.menu-toggle:hover {  color: #2b32b2;}span.is-active {  border-color: transparent;}span.is-active:before {  -webkit-transform: translate(-50%, -50%) rotate(45deg);          -ms-transform: translate(-50%, -50%) rotate(45deg);      transform: translate(-50%, -50%) rotate(45deg);}span.is-active:after {  -webkit-transform: translate(-50%, -50%) rotate(-45deg);          -ms-transform: translate(-50%, -50%) rotate(-45deg);      transform: translate(-50%, -50%) rotate(-45deg);}/*=======================banner-section css=======================*//* Home-page-one*/.banner-section {	position: relative;	height: 900px;	overflow: hidden;}.banner-section:after {	position: absolute;	content: '';	top: 0;	left: 0;	width: 100%;	height: 100%;	background-image: url(../image/banner-elements.png);	background-repeat: no-repeat;	background-position: center;	background-size: contain;	z-index: 1;}.banner-man-shape {	position: absolute;    top: -70px;    right: -51px;    width: 702px;    height: 1050px;    background-color: #f7f7f7;    border-radius: 999px 999px 0 0;	transform: rotate(-118deg);	overflow: hidden;}.banner-man-shape img {	transform: rotate(118deg);}.banner-section:before {	position: absolute;	content: '';	z-index: 9;}.banner-content-area {	position: relative;	top: 50%;	left: 0;	-webkit-transform: translateY(-50%);	    -ms-transform: translateY(-50%);	        transform: translateY(-50%);	width: 100%;	z-index: 99;}.banner-content {	max-width: 700px;}.banner-content h1 {	text-transform: uppercase;}.banner-content h3, .banner-content h4 {	font-family: var(--heading-font-regu);}.banner-content p {	max-width: 550px;	margin-top: 10px;}.banner-man-img {	position: absolute;	top: 0;	right: 0;}.video-btn {	position: absolute;	top: 50%;	right: 18%;	-webkit-transform: translateY(-50%);	    -ms-transform: translateY(-50%);	        transform: translateY(-50%);	width: 165px;	height: 165px;	text-align: center;	line-height: 165px;	border-radius: 100%;	background-color: rgba(110, 65, 255, 0.2);	z-index: 99;	color: #ffffff;	font-size: 36px;}/* home-page-two banner-section */.home-page-two .banner-section:after {	position: absolute;	content: '';	background-image: url(../image/home-2-elements.png);	top: 0;	left: 0;	width: 50%;	height: 80%;	background-position: left;	background-size: contain;	z-index: 9;}.home-page-two .banner-section:before {	background-image: url(../image/home-2-banner.jpg);	background-position: center;	background-size: cover;	width: 100%;	height: 100%;	bottom: 0;	left: 0;}/*=======================skill-exp-section css=======================*/.skill-exp-section {	background-color: #ffffff;}.skill-part {	display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    -webkit-box-pack: justify;        -ms-flex-pack: justify;            justify-content: space-between;}.circle {	display: inline-block;	position: relative;	max-width: 110px;	text-align: center;}.circle canvas {	border-color: red;}.circle strong {	position: absolute;	top: 50%;	left: 50%;	-webkit-transform: translate(-45%, -85%);	    -ms-transform: translate(-45%, -85%);	        transform: translate(-45%, -85%);	font-size: 36px;	font-family: var(--heading-font-bold);}.sk-name {	margin-top: 15px;	display: inline-block;}.skill-part p {	margin-top: 15px;}.work-skill-part {	margin-top: 50px;}.work-skill-part h4 {	margin-bottom: 30px;}.skill-bar-item {	margin: 20px 0;}.work-skill-part .skill-bar-item:nth-of-type(4n+1) .bar {	background-color: #f6945f;}.work-skill-part .skill-bar-item:nth-of-type(4n+2) .bar {	background-color: #735db6;}.work-skill-part .skill-bar-item:nth-of-type(4n+3) .bar {	background-color: #48bfee;}.work-skill-part .skill-bar-item:nth-of-type(4n+4) .bar {	background-color: #f9506f;}.work-skill-part .skill-bar-item:nth-of-type(4n+1) .label {	background-color: #f6945f;}.work-skill-part .skill-bar-item:nth-of-type(4n+2) .label {	background-color: #735db6;}.work-skill-part .skill-bar-item:nth-of-type(4n+3) .label {	background-color: #48bfee;}.work-skill-part .skill-bar-item:nth-of-type(4n+4) .label {	background-color: #f9506f;}.work-skill-part .skill-bar-item:nth-of-type(4n+1) .label:before {	border-top-color: #f6945f;}.work-skill-part .skill-bar-item:nth-of-type(4n+2) .label:before {	border-top-color: #735db6;}.work-skill-part .skill-bar-item:nth-of-type(4n+3) .label:before {	border-top-color: #48bfee;}.work-skill-part .skill-bar-item:nth-of-type(4n+4) .label:before {	border-top-color: #f9506f;}.skill-bar p {	margin-bottom: 10px;}.progressbar {    position: relative;    display: block;    width: 100%;    height: 3px;    background-color: #eeeeee;}.bar {	position:absolute;	width: 0px;	height: 100%;	top: 0;	left: 0;	background: #494949;	overflow:hidden;}.label {	position: absolute;	top: -40px;	left: 0;	width: 30px;	height: 30px;	display: block;	background-color: green;	line-height: 34px;	text-align: center;	color: #ffffff;	-webkit-transform: translateX(-15px);	    -ms-transform: translateX(-15px);	        transform: translateX(-15px);}.label:before {	position: absolute;	content: '';	bottom: -10px;	left: 50%;	-webkit-transform: translateX(-50%);	    -ms-transform: translateX(-50%);	        transform: translateX(-50%);	width: 10px;	height: 10px;	border-top: 6px solid green;	border-bottom: 5px solid transparent;	border-right: 5px solid transparent;	border-left: 5px solid transparent;}.main-timeline {	display: -webkit-box;	display: -ms-flexbox;	display: flex;	-ms-flex-wrap: wrap;	flex-wrap: wrap;	position: relative;	padding: 15px 0;}.main-timeline:before {	position: absolute;	content: '';	top: 0;	left: 50%;	-webkit-transform: translateX(-50%);	    -ms-transform: translateX(-50%);	        transform: translateX(-50%);	height: 100%;	width: 1px;	background-color: #ccc;}.main-timeline .timeline:nth-child(odd) {	margin-left: 50%;}.main-timeline .timeline:nth-child(even) {	margin-right: 50%;}.main-timeline .timeline:nth-child(odd) .timeline-inner {	margin-left: 50px;}.main-timeline .timeline:nth-child(even) .timeline-inner {	margin-right: 50px;}.timeline {	-webkit-box-flex: 0;	-ms-flex: 0 0 50%;	flex: 0 0 50%;	max-width: 50%;	position: relative;}.timeline-inner {	border: 1px solid #cccccc;	padding: 15px 25px;	border-radius: 3px;}.timeline:before {	position: absolute;	content: '';	width: 15px;	height: 15px;	border-radius: 100%;	background-color: #000;	top: 0;	left: 0;}.main-timeline .timeline:nth-child(odd):before {	left: -7px;}.main-timeline .timeline:nth-child(even):before {	right: -7px;	left: auto;}.main-timeline .timeline:nth-of-type(4n+1) .timeline-inner {	border-color: #42b853;}.main-timeline .timeline:nth-of-type(4n+2) .timeline-inner {	border-color: #f26522;}.main-timeline .timeline:nth-of-type(4n+3) .timeline-inner {	border-color: #6e41ff;}.main-timeline .timeline:nth-of-type(4n+4) .timeline-inner {	border-color: #ec008c;}.main-timeline .timeline:nth-of-type(4n+1):before {	background-color: #42b853;}.main-timeline .timeline:nth-of-type(4n+2):before {	background-color: #f26522;}.main-timeline .timeline:nth-of-type(4n+3):before {	background-color: #6e41ff;}.main-timeline .timeline:nth-of-type(4n+4):before {	background-color: #ec008c;}.timeline .year {	font-family: var(--para-font);}.timeline p {	margin-top: 10px;}/* home-page-two experience-section */.experience-section {	background-color: #f5f9fe;	position: relative;}.ex-computer-img {	position: absolute;	right: 5%;	bottom: -12%;}.experience-section .section-header {	text-align: left;}.home-page-two .main-timeline .timeline-inner {	border: none;	background-color: #fff;	margin: 15px 15px;	-webkit-box-shadow: 0px 5px 5px 0px rgba( 103, 103, 103, 0.10);	box-shadow: 0px 5px 5px 0px rgba( 103, 103, 103, 0.10);	-webkit-transition: all 0.3s;	-o-transition: all 0.3s;	transition: all 0.3s;}.home-page-two .main-timeline .timeline-inner:hover {	-webkit-box-shadow: 0px 20px 20px 0px rgba( 102, 102, 102, 0.10);	box-shadow: 0px 20px 20px 0px rgba( 102, 102, 102, 0.10);}.home-page-two .main-timeline .timeline-inner h5 {	-webkit-transition: all 0.3s;	-o-transition: all 0.3s;	transition: all 0.3s;}.home-page-two .main-timeline .timeline-inner:hover h5 {	color: var(--primary-color);}.home-page-two .main-timeline .timeline:nth-child(odd) {	margin-left: 0;}.home-page-two .main-timeline .timeline:nth-child(even) {	margin-right: 0;}.home-page-two .main-timeline .timeline:nth-child(odd) .timeline-inner {	margin-left: 0;}.home-page-two .main-timeline .timeline:nth-child(even) .timeline-inner {	margin-right: 0;}.home-page-two .main-timeline .timeline:before {	display: none;}.home-page-two .main-timeline:before {	display: none;}/* home-page-two about-section */.about-section {	text-align: center;}.about-section .work-skill-part {	text-align: left;}/*=======================cunsult-section css=======================*/.cunsult-section {	background-image: url(../image/bg-1.jpg);	background-repeat: no-repeat;	background-position: center;	background-size: cover;	padding-top: 70px;	padding-bottom: 70px;}.subs-content p {	margin-top: 15px;}.subs-form {	margin-right: -35px;	vertical-align: middle;	margin-top: 27px;}.subs-form form {	width: 100%;}.subs-form form input[type="email"] {	max-width: 72%;	width: 72%;	float: left;	background-color: #ffffff;	border: 1px solid #eeeeee;	padding: 15px 35px 15px 25px;	border-radius: 25px;	color: var(--heading-color);	letter-spacing: 1px;}.subs-form form input[type="submit"] {	max-width: 28%;	width: 28%;	float: left;	background-color: var(--primary-color);	color: #ffffff;	border: 1px solid var(--primary-color);	padding: 15px 25px;	border-radius: 999px;	margin-left: -35px;	font-family: var(--para-font);	text-transform: uppercase;	font-weight: 500;	cursor: pointer;}/* home-page-two cunsult-section */.home-page-two .cunsult-section {	background-color: #f8f6ff;	background-image: url(../image/elements-3.png);	background-position-y: 24%;}/*=======================ser-pro-section css=======================*/.service-items-part {	display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;}.ser-item {	-webkit-box-flex: 0;	-ms-flex: 0 0 50%;	flex: 0 0 50%;	max-width: 50%;	text-align: center;}.ser-item-inner {	padding: 15px 15px;	border-radius: 3px;	-webkit-transition: all 0.3s;	-o-transition: all 0.3s;	transition: all 0.3s;}.ser-item-inner:hover {	background-color: #ffffff;}.ser-item .ser-icon {	font-size: 42px;	-webkit-transition: all 0.3s;	-o-transition: all 0.3s;	transition: all 0.3s;}.ser-item:hover .ser-icon i,.ser-item:hover h5 {	color: var(--primary-color);	}.ser-item:hover .ser-icon i{	animation: zoomIn 400ms ease-in-out;}.ser-item-inner h5 {	font-family: var(--heading-font-bold);	text-transform: uppercase;	margin-bottom: 10px;	-webkit-transition: all 0.3s;	-o-transition: all 0.3s;	transition: all 0.3s;	white-space: nowrap;    	overflow: hidden;    	text-overflow: ellipsis;}/* hom-page-two service-section */.home-page-two .service-section {	background-color: #f9fcff;	background-image: url(../image/home-2-testi.png);	background-position: center;	background-size: cover;}.home-page-two .ser-item {	-webkit-box-flex: 0;	-ms-flex: 0 0 25%;	flex: 0 0 25%;	max-width: 25%;	padding: 15px 15px;}.home-page-two .service-items-part {	margin: -15px -15px;}.portfolio-slider {	padding-bottom: 50px;}.portfolio-item {	position: relative;	overflow: hidden;	border-radius: 3px;}.portfolio-item img {	width: 100%;	-webkit-transition: all 0.5s ease-in-out;	-o-transition: all 0.5s ease-in-out;	transition: all 0.5s ease-in-out;}.portfolio-item:before {	position: absolute;	content: '';	top: 0;	left: 0;	width: 100%;	height: 100%;	background-color: var(--primary-color);	opacity: 0;	-webkit-transition: all 0.3s ease-in-out;	-o-transition: all 0.3s ease-in-out;	transition: all 0.3s ease-in-out;	z-index: 1;}.portfolio-item:hover:before {	opacity: 0.7;}.portfolio-item:hover img {	transform: scale(1.2, 1.2);}.port-link {	position: absolute;	top: 50%;	left: 50%;	width: 38px;	height: 38px;	margin-top: -19px;	margin-left: -19px;	line-height: 41px;	text-align: center;	background-color: #ffffff;	display: inline-block;	border-radius: 100%;	color: var(--primary-color);	-webkit-transition: 0.5s;	-o-transition: 0.5s;	transition: 0.5s;	z-index: 2;	opacity: 0;	visibility: hidden;}.port-link:hover {	color: var(--primary-color);}.portfolio-item:hover .port-link {	animation: zoomIn 600ms ease-in-out;	opacity: 1;	visibility: visible;}.portfolio-slider .swiper-pagination {	position: absolute;	bottom: -6px;}.portfolio-slider .swiper-pagination-bullet {	width: 6px;	height: 6px;	border-radius: 100%;	background-color: #eeeeee;	opacity: 1;	-webkit-transition: all 0.3s;	-o-transition: all 0.3s;	transition: all 0.3s;}.portfolio-slider .swiper-pagination-bullet-active {	width: 10px;	height: 10px;	background-color: var(--primary-color);}.portfolio-filter-part {}.portfolio-item-button {	text-align: center;	margin-bottom: 45px;}.portfolio-item-button span {	cursor: pointer;}.portfolio-item-button span+span {	margin-left: 10px;	font-family: var(--heading-font-bold);}.portfolio-item-button span.active {	color: var(--primary-color);}/* home-page-two portfolio-part */.portfolio-filter-part .grid {	margin: -15px 0;}.portfolio-filter-part .portfolio-item {	margin: 15px 0;}/*=======================testimonial-section css=======================*/.testimonial-section {	background-image: url(../image/testi-bg.jpg);	background-size: cover;	background-repeat: no-repeat;	background-position: center;	position: relative;	padding-bottom: 50px;}.testimonial-section .section-wrapper {	text-align: center;}.swiper-container.testimonial-slider {	padding: 75px 50px 45px 50px;}.swiper-container.testimonial-slider .swiper-slide.swiper-slide-prev {	transform: translate3d(84%, 0px, -300px) rotateX(0deg) rotateY(0deg) !important;}.swiper-container.testimonial-slider .swiper-slide.swiper-slide-next {	transform: translate3d(-84%, 0px, -300px) rotateX(0deg) rotateY(0deg) !important;}.swiper-container.testimonial-slider .swiper-slide.swiper-slide-prev .test-thumb,.swiper-container.testimonial-slider .swiper-slide.swiper-slide-next .test-thumb {	opacity: 0;}.swiper-container.testimonial-slider .swiper-slide.swiper-slide-active .test-thumb {	opacity: 1;}.button-prev,.button-next {	position: absolute;	top: 45%;	font-size: 32px;	color: var(--primary-color);}.button-prev {	left: 0;}.button-next {	right: 0;}.button-prev.swiper-button-disabled,.button-next.swiper-button-disabled {	color: #eeeeee;}.testimonial-slider .swiper-pagination-bullets {	bottom: 75px;}.testi-item {	background-color: #ffffff;	-webkit-box-shadow: 0px 25px 40px 0px rgba( 62, 62, 62, 0.1);	box-shadow: 0px 25px 40px 0px rgba( 62, 62, 62, 0.1);	text-align: center;	padding: 30px 50px 55px 50px;	border-radius: 10px;}.test-thumb {	width: 105px;	height: 105px;	display: inline-block;	border-radius: 100%;	border: 2px solid var(--primary-color);	overflow: hidden;	margin-top: -85px;	transition: all 0.5s;}.testi-item h4 {	margin-bottom: 10px;}.testi-item i {	display: block;	margin-top: 30px;	margin-bottom: 30px;	color: #eeeeee;	font-size: 46px;}/* home-page-two testimonial-section */.home-page-two .testimonial-section {	background-image: url(../image/home-2-testi.png);	background-position: center;	background-size: cover;}.home-page-two .testimonial-section:after {	position: absolute;	content: '';	top: 50%;	left: 0;	-webkit-transform: translateY(-50%);	    -ms-transform: translateY(-50%);	        transform: translateY(-50%);	width: 578px;	height: 661px;	background-image: url(../image/Design.png);	background-repeat: no-repeat;}/*=========================contact-blog-section css=========================*/.contact-blog-section .section-header {	text-align: left;}.contact-part, .contact-section {	background-color: #fbfaff;}form {	width: 100%;}input:not(.sub-btn),textarea {	width: 100%;	padding: 15px 25px;	border: 1px solid #eeeeee;	border-radius: 3px;}textarea {	min-height: 180px;	resize: none;}.frm-grp {	margin: 10px 0;}.sub-btn {	width: auto;	display: inline-block;	cursor: pointer;	margin-top: 0;	border: none;}.blog-part, .blog-section {	background-color: #f9f7ff;	background-image: url(../image/blog-elements.png);	background-size: cover;	background-position: center;	background-repeat: no-repeat;}.blog-part.section-padding {	padding-bottom: 15px;}.blog-part .swiper-pagination {	bottom: -6px;}.swiper-container.blog-slider {	padding-bottom: 25px;	margin: 0 -15px;}.blog-slider .swiper-pagination-bullet-active {	background-color: var(--primary-color);}.post-item {	margin: 15px 15px;	border-radius: 5px;	overflow: hidden;}.post-thumb {	position: relative;	overflow: hidden;	-webkit-transition: all 0.3s;	-o-transition: all 0.3s;	transition: all 0.3s;	overflow: hidden;}.post-thumb img {	width: 100%;}.post-content p {	margin-top: 12px;}.post-date {	position: absolute;	bottom: 0;	right: 0;	padding: 23px 12px;	background-color: var(--primary-color);	color: #ffffff;	text-transform: uppercase;	z-index: 9;}.post-date:hover {	color: #ffffff;}.post-content {	background-color: #ffffff;	padding: 35px 15px;	text-align: center;}/* home-page-two blog-section */.home-page-two .blog-section {	background-color: #ffffff;	padding-bottom: 5px;}.home-page-two .blog-part {	background-color: #ffffff;	padding: 0 0;}.home-page-two .blog-part .post-item:hover {	-webkit-box-shadow: none;	        box-shadow: none;}.home-page-two .blog-part .post-item:hover .post-thumb {	-webkit-box-shadow: 0px 25px 40px 0px rgba( 102, 102, 102, 0.1);    box-shadow: 0px 25px 40px 0px rgba( 102, 102, 102, 0.1);}.home-page-two .post-item {	margin: 15px 0;}.home-page-two .post-date {	display: none;}.home-page-two .post-thumb {	margin: 0 15px;}.home-page-two .post-content {	margin: 0 15px;	text-align: left;}/*=======================footer-section =======================*/.about-page .footer-top {	padding-top: 100px;}.subscribe-part {	padding: 0px 100px 50px 100px;	background-color: #ffffff;	-webkit-transform: translateY(85px);	    -ms-transform: translateY(85px);	        transform: translateY(85px);	border-radius: 3px;	overflow: hidden;	-webkit-box-shadow: 0px 130px 108px -20px rgba(110,65,255,0.5);	box-shadow: 0px 130px 108px -20px rgba(110,65,255,0.5);}.subscribe-part .subs-form form input {	border-radius: 3px;}.subscribe-part .subs-form form input[type="submit"] {	border-radius: 0 3px 3px 0;}.footer-bottom {	padding-top: 150px;	padding-bottom: 50px;	background-color: var(--primary-color);	text-align: center;}.footer-bottom .social-links {	display: inline-block;	width: 100%;	margin-bottom: 30px;}.footer-bottom .social-links li {	display: inline-block;	float: none;}.footer-bottom .social-links li a {	border: none;	color: #ffffff;}.footer-bottom .social-links li a:hover {	color: #af99f9;}.copy-right {	color: #ffffff;}.copy-right a {	color: #b39cff;}/*=====================blog-grid.html=====================*/.inner-page .inner-page-section {	padding-bottom: 0;}.blog-grid {	background-image: url(../image/blog-big-elements.png);	background-position: center;	background-size: contain;	background-repeat: no-repeat;}.inner-page .post-item {	margin: 15px 0;}.inner-page .post-date {	background-color: #d8d8d8;	color: #444444;}.inner-page .post-date:hover {	background-color: var(--primary-color);	color: #ffffff;}.inner-page .post-content {	text-align: left;}.inner-page .post-btn {	padding: 9px 13px;	background-color: #eeeeee;	border-radius: 3px;	margin-top: 10px;}.inner-page .post-btn:hover {	background-color: var(--primary-color);	color: #ffffff;	-webkit-box-shadow: 0px 21px 42px -4px rgba(110,65,255,0.15);	box-shadow: 0px 21px 42px -4px rgba(110,65,255,0.15);}.pagination {	margin-top: 30px;}.page-item .page-link {	border-radius: 50%;	padding: 0 0;	width: 30px;	height: 30px;	line-height: 30px;	text-align: center;	color: var(--primary-color);}.page-item.active .page-link {	background-color: var(--primary-color);	border-color: var(--primary-color);}.page-item:first-child .page-link, .page-item:last-child .page-link {	border-top-left-radius: 50%;    border-bottom-left-radius: 50%;    border-top-right-radius: 50%;    border-bottom-right-radius: 50%;}.page-item .page-link:focus {	box-shadow: none;}.pagination li+li {	margin-left: 15px;}.pagination li a:hover {	color: #ffffff;	background-color: var(--primary-color);}/*=====================blog-list.html=====================*/.blog-list {	background-image: url(../image/blog-big-elements.png);	background-position: center;	background-size: contain;	background-repeat: no-repeat;}.widget {	padding: 15px 25px;	background-color: #ffffff;	border-radius: 5px;	-webkit-box-shadow: 0px 6px 11px 0px rgba( 102, 102, 102, 0.15);    box-shadow: 0px 6px 11px 0px rgba( 102, 102, 102, 0.15);}.widget+.widget {	margin-top: 50px;}.widget-header {	margin-bottom: 45px;	position: relative;}.widget-header:after {	position: absolute;	content: '';	bottom: -17px;	left: 0;	background-image: url(../image/widget-header-line.png);	width: 65px;	height: 5px;}.widget-header h4 {	text-transform: capitalize;}.widget-search {	width: 100%;	position: relative;}.widget-search input {	width: 100%;	background-color: #f8f7f7;	border-radius: 3px;	border: none;	padding: 15px 40px 15px 20px;}.widget-search .search-btn {	position: absolute;	top: 50%;	right: 15px;	-webkit-transform: translateY(-50%);	    -ms-transform: translateY(-50%);	        transform: translateY(-50%);	border: none;	color: #666666;	background-color: #f8f7f7;}.post-category {	margin-top: -15px;}.post-category li a {	padding: 10px 0;	display: block;	-webkit-transition: all 0.3s;	-o-transition: all 0.3s;	transition: all 0.3s;}.post-category li a:hover {	color: var(--primary-color);}.post-category li a span {	float: right;}.small-post-list .post-item {	display: -webkit-box;	display: -ms-flexbox;	display: flex;	-ms-flex-wrap: wrap;	flex-wrap: wrap;}.small-post-list .post-thumb {	-webkit-box-flex: 0;	-ms-flex: 0 0 20%;	flex: 0 0 20%;	max-width: 20%;}.small-post-list .post-thumb:before {	position: absolute;	content: '';	top: 0;	left: 0;	width: 100%;	height: 100%;	background-color: var(--primary-color);	opacity: 0;	-webkit-transition: all 0.3s;	-o-transition: all 0.3s;	transition: all 0.3s;}.small-post-list .post-item:hover .post-thumb:before {	opacity: 0.7;}.small-post-list .post-content {	-webkit-box-flex: 0;	-ms-flex: 0 0 80%;	flex: 0 0 80%;	max-width: 80%;	padding: 0 0 0 15px;	-ms-flex-item-align: center;	    -ms-grid-row-align: center;	    align-self: center;}.blog-list .small-post-list .post-item .post-content {	box-shadow: none;}.post-tags {	display: -webkit-box;	display: -ms-flexbox;	display: flex;	-ms-flex-wrap: wrap;	flex-wrap: wrap;	margin: -5px;}.post-tags li a {	padding: 7px 17px;	display: inline-block;	border: 1px solid #cccccc;	border-radius: 3px;	margin: 5px;	font-family: var(--para-font);	font-weight: 500;	-webkit-transition: all 0.3s;	-o-transition: all 0.3s;	transition: all 0.3s;}.post-tags li a:hover {	background-color: var(--primary-color);	color: #ffffff;	border-color: var(--primary-color);}.blog-list .post-date {	background-color: var(--primary-color);	color: #ffffff;}.blog-list .post-item:hover {	-webkit-box-shadow: none;	        box-shadow: none;}.blog-list .post-item {	overflow: visible;}.p-video-icon {	position: absolute;	top: 50%;	left: 50%;	-webkit-transform: translate(-50%, -50%);	    -ms-transform: translate(-50%, -50%);	        transform: translate(-50%, -50%);	width: 65px;	height: 65px;	border-radius: 50%;	line-height: 62px;	text-align: center;	background-color: #ffffff;}.p-video-icon img {	max-width: 100%;	width: auto;}.blog-list .post-item .post-content {	-webkit-box-shadow: 0px 6px 11px 0px rgba( 102, 102, 102, 0.15);	box-shadow: 0px 6px 11px 0px rgba( 102, 102, 102, 0.15);}.post-meta {	display: -webkit-box;	display: -ms-flexbox;	display: flex;	-ms-flex-wrap: wrap;	flex-wrap: wrap;	-webkit-box-pack: justify;	    -ms-flex-pack: justify;			justify-content: space-between;	margin-bottom: 15px;}.post-meta li i {	margin-right: 5px;}.post-meta li,.post-meta li a {	color: #666666;}.post-meta li:hover,.post-meta li:hover a {	color: var(--primary-color);}.post-thumb .post-content {	position: absolute;	top: 50%;	width: 100%;	left: 0;	-webkit-transform: translateY(-50%);	    -ms-transform: translateY(-50%);	        transform: translateY(-50%);	text-align: center;	background-color: transparent;	padding: 0 15px;}.have_content {	border-radius: 3px;	overflow: hidden;	height: 380px;}.have_content:before {	position: absolute;	content: '';	top: 0;	left: 0;	width: 100%;	height: 100%;	background-color: rgba(0,0,0,0.7);}.post-thumb .post-content i {	width: 65px;	height: 65px;	line-height: 65px;	text-align: center;	border-radius: 50%;	background-color: var(--primary-color);	color: #ffffff;	margin-bottom: 30px;}.post-thumb .post-content h3 a {	color: #ffffff;}.post-thumb .post-content p {	color: #ffffff;	margin-top: 20px;}/*=====================case-study.html=====================*/.case-study-part .case-item+.case-item {	margin-top: 75px;}.case-study-part .case-item:nth-child(even) .case-content {	-webkit-box-ordinal-group: 0;	    -ms-flex-order: -1;	        order: -1;}.case-content {	-ms-flex-item-align: center;	    -ms-grid-row-align: center;	    align-self: center;}.case-content h3 {	position: relative;	margin-bottom: 50px;}.case-content h3:after {	position: absolute;	content: '';	width: 75px;	height: 4px;	bottom: -25px;	left: 0;	background-color: var(--primary-color);}.case-content .cmn-btn {	min-width: 235px;}.case-content p+p {	margin-top: 15px;}/*=====================blog-single.html=====================*/.entry-single-thumb {	margin-bottom: 15px;}.entry-single-thumb .post-date {	background-color: var(--primary-color);	color: #ffffff;}.entry-single-content {	margin-top: 30px;	padding: 0 25px 25px 25px;}.entry-single-content .post-meta {	padding-left: 0;}.entry-single-content p {	margin-top: 25px;}blockquote {	background-color: #f9f9f9;	padding: 25px 50px;	margin: 25px 15px 0 15px;}blockquote p {	margin-top: 0 !important;	position: relative;}blockquote p:after {	position: absolute;	content: "\f10e";	font-family: 'FontAwesome';	font-size: 32px;	color: #e5e3e3;	-webkit-transform: translateX(20px);	    -ms-transform: translateX(20px);	        transform: translateX(20px);}.entry-single-content .entry-list-style {	margin-top: 25px;	padding-left: 25px;}.entry-single-content .entry-list-style li {	position: relative;	padding-left: 25px;	margin-left: 30px;}.entry-single-content .entry-list-style li:before {	position: absolute;	content: "\f04b";	font-family: 'FontAwesome';	left: 0;	top: 4px;	font-size: 11px;}.entry-footer {	text-align: right;	margin-top: 15px;}.share-post li {	display: inline;}.share-post li+li {	margin-left: 10px;}.share-post li a i {	width: 30px;	height: 30px;	line-height: 32px;	border-radius: 50%;	text-align: center;	display: inline-block;	color: #ffffff;	background-color: var(--primary-color);}.share-post li a i[class*="facebook"] {	background-color: #3b5998;}.share-post li a i[class*="twitter"] {	background-color: #1da1f2;}.share-post li a i[class*="instagram"] {	background-color: #405de6;}.share-post li a i[class*="linkedin"] {	background-color: #0077b5;}.inner-block {	padding: 25px 50px;	margin-top: 50px;}.block-title {	margin-bottom: 45px;}.comments li .comment {	padding: 30px 0;}.comments li ul {	margin-left: 60px;}.comments li .comment {	border-bottom: 1px solid #eeeeee;}.comments>li:last-child .comment {	border-bottom: none;}.comment {	display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;}.c-thumb {	-webkit-box-flex: 0;    -ms-flex: 0 0 65px;    flex: 0 0 65px;	max-width: 65px;	height: 65px;	background-color: #f2f2f2;	border-radius: 50%;	overflow: hidden;}.c-content {	-webkit-box-flex: 0;    -ms-flex: 0 0 calc(100% - 65px);    flex: 0 0 calc(100% - 65px);	max-width: calc(100% - 65px);	padding-left: 30px;}.c-content-top {	display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;	flex-wrap: wrap;	-webkit-box-pack: justify;	    -ms-flex-pack: justify;	        justify-content: space-between;	margin-bottom: 10px;}.comment-box .block-title {	position: relative;}.comment-box .block-title:after {	position: absolute;	content: '';	bottom: -10px;	left: 0;	width: 65px;	height: 5px;	background-image: url(../image/widget-header-line.png);}.comment-form .message {	background-color: #f9f9f9;	border: none;	min-height: 125px;}/*=====================contact.html=====================*/ .contact-page .banner-content h4 {	color: var(--heading-color);}.contact-page-banner {	background-image: url(../image/contact-bg.jpg);}.contact-page-banner:after {	position: absolute;	content: '';	width: 100%;	height: 100%;	top: 0;	left: 0;	background-image: url(../image/contact-elements.png);	background-position: left;	background-size: cover;	background-repeat: no-repeat;	z-index: 1;}.contact-page-banner:before {	background-image: url(../image/contact-man.png);	width: 555px;	height: 450px;	background-color: transparent;	left: auto;	right: 13%;	-webkit-transform: translateY(75px);	    -ms-transform: translateY(75px);	        transform: translateY(75px);	opacity: 1;}.contact-page-banner h4 {	color: var(--heading-color);}.contact-page-banner .breadcrumb-item a {	color: var(--heading-color);}.featured-part .col-lg-4:nth-child(1) .featured-item:hover h4 {	color: #ff8972;}.featured-part .col-lg-4:nth-child(2) .featured-item:hover h4 {	color: #6e41ff;}.featured-part .col-lg-4:nth-child(3) .featured-item:hover h4 {	color: #7ab8ff;}.featured-item {	padding: 30px 30px;	text-align: center;}.featured-item i {	font-size: 48px;	margin-bottom: 20px;}.featured-item:hover h4 {}.featured-item:hover i {	animation: zoomIn 400ms ease-in-out;}.featured-item:hover h4 {	color: var(--primary-color);}.featured-section {	padding-top: 250px;}.featured-item i[class*="headphones"] {	color: #ff8972;}.featured-item i[class*="comments"] {	color: #6e41ff;}.featured-item i[class*="thumbs"] {	color: #7ab8ff;}.featured-item h4 {	margin-bottom: 20px;}.contact-section {	position: relative;	z-index: 9;}.contact-section:before {	position: absolute;	content: '';	top: 0;	right: 0;	height: 100%;	width: 70%;	background-color: #fafbfd;	z-index: -10;}.contact-shape-img {	position: absolute;	top: 0;	left: 0;	width: 510px;	display: flex;	justify-content: center;}.contact-page .contact-section {	background-color: transparent;}/*=====================about.html=====================*/ .about-section {	position: relative;}.about-thumb {	padding: 30px 30px 0 30px;	background-color: #f9fdff;	position: relative;}.about-thumb:before {	position: absolute;	content: '';	top: 0;	left: -10%;	width: 110%;	height: 110%;	background-image: url(../image/about-man-elements.png);	background-repeat: no-repeat;	background-size: contain;}.about-man-elemnets {	position: absolute;	top: 6%;	left: 14%;	width: 580px;	height: 615px;	background-position: center;	background-repeat: no-repeat;	z-index: 1;}.about-page .about-section {	text-align: left;}.about-page .about-section p+p {	margin-top: 30px;}.about-page .about-section .section-header {	text-align: left;}.about-skill-part {	margin-top: 65px;}.about-skill-part .work-skill-part {	margin-top: 0;}.about-skill-part .col-lg-6 {	-ms-flex-item-align: center;	    -ms-grid-row-align: center;	    align-self: center}.exp-testi-section {	position: relative;}.exp-testi-section:before {	position: absolute;	content: ''; 	top: 0;	left: 0;	width: 100%;	height: 296px;	background-image: url(../image/about-round-top.png);	background-position: center;	background-size: cover;	background-repeat: no-repeat;}.exp-testi-section:after {	position: absolute;	content: ''; 	bottom: 0;	left: 0;	width: 100%;	height: 296px;	background-image: url(../image/about-round-top.png);	background-position: center;	background-size: cover;	background-repeat: no-repeat;	-webkit-transform: rotate(180deg);	    -ms-transform: rotate(180deg);	        transform: rotate(180deg)}.exp-testi-section .testimonial-section {	background-image: none;	margin-top: 100px;	margin-bottom: -295px;}.exp-testi-section .testimonial-part {	margin-top: 0;}/*=====================case-study-details.html=====================*/ .banner-extra-img {	position: absolute;	top: 120%;	left: 50%;	-webkit-transform: translateX(-50%);	    -ms-transform: translateX(-50%);	        transform: translateX(-50%);}.client-reqiremnet-section {	margin-top: 150px;}.cl-req-part {	background-image: url(../image/bg4.jpg);	background-position: center;	background-size: cover;	padding: 25px 145px;}.cl-req-block {	display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;	flex-wrap: wrap;	-webkit-box-pack: justify;	    -ms-flex-pack: justify;	        justify-content: space-between;	margin-top: 45px;	margin-left: -50px;	margin-right: -50px;}.cl-req {	-webkit-box-flex: 0;    -ms-flex: 0 0 33.333333%;	flex: 0 0 33.333333%;	position: relative;	padding: 0 50px;	border-right: 1px solid #d6e2f3;}.cl-req:last-child {	border: none;}.cl-req li {	position: relative;	padding-left: 25px;}.cl-req li:before {	position: absolute;	content: '';	top: 9px;	left: 0;	width: 8px;	height: 8px;	border-radius: 50%;	background-color: transparent;	border: 1px solid var(--primary-color);}.project-challenge-section {	position: relative;	background-color: #f8faff;}.prj-img {	position: absolute;	top: 0;	right: 3%;	height: 100%;}.solve-list li {	position: relative;	padding-left: 25px;}.solve-list li:before {	position: absolute;	content: '';	top: 8px;	left: 0;	width: 8px;	height: 8px;	border-radius: 50%;	border: 1px solid var(--primary-color);}.solve-list li+li {	margin-top: 25px;}.solve-list li h5 {	font-size: 18px;	margin-bottom: 10px;}.cs-solve-img img {	-webkit-transform: translateX(-115px);	    -ms-transform: translateX(-115px);	        transform: translateX(-115px);}.multi-section {	display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;}.multi-section .padding-l-r {	padding-left: 50px;	padding-right: 50px;}.services-list-part .header-border,.client-revw .header-border {	color: #ffffff;}.services-list-part .header-border:after,.client-revw .header-border:after {	background-color: #ffffff;}.more-case-part {	background-color: #f2f6ff;}.more-case-item {	text-align: center;}.more-case-slider.swiper-container {	padding-bottom: 75px;}.more-case-item .case-slide-thumb {	display: inline-block;	-webkit-box-shadow: 0px 32px 80px -8px rgba(0,0,0,0.2);	box-shadow: 0px 32px 80px -8px rgba(0,0,0,0.2);	margin-bottom: 30px;}.more-case-item h6 {	font-size: 18px;	margin-top: 10px;}.client-revw {	background-color: #5d31e9;}.client-revw .testi-item {	-webkit-box-shadow: none;	        box-shadow: none;	padding: 0;	background-color: #5d31e9;	position: relative;	z-index: 9;}.client-revw .testi-item h4,.client-revw .testi-item span,.client-revw .testi-item p {	color: #ffffff;}.client-revw .test-thumb {	width: 100px;	height: 100px;	margin-top: 0;}.client-revw .testi-item i[class*="quote"] {	position: absolute;	top: 39%;	left: 0;	color: rgba(255,255,255,0.3);	z-index: 1;}.client-star i {	color: #ffab49;	display: inline;	font-size: 12px;}.services-list-part {	background-color: #6e41ff;}.services-list li {	color: #ffffff;	font-family: var(--para-font);	font-size: 18px;	letter-spacing: 1px;}.services-list li+li {	margin-top: 10px;}/*=====================services.html=====================*/ .service-section {	position: relative;}.service-section-details {	position: relative;}.service-page .service-section-details:before {	position: absolute;	content: '';	top: 0;	left: 0;	width: 100%;	height: 100%;	background-image: url(../image/services.png);	z-index: -10;	background-repeat: no-repeat;}.service-section-details .section-header {	text-align: left;}.service-details h5 {	font-family: var(--heading-font-regu);	font-size: 18px;	text-transform: uppercase;}.service-details p {	margin-top: 20px;}.service-page .ser-item-inner {	background-color: #fafafa;	margin: 8px 3px}.service-page .ser-item-inner h5 {	-webkit-transition: all 0.3s;	-o-transition: all 0.3s;	transition: all 0.3s;	font-family: var(--heading-font-bold);	font-size: 16px;}.service-page .ser-item-inner:hover {	background-color: var(--primary-color);	box-shadow: 0px 20px 20px 0px rgba( 110, 65, 255, 0.15 );	-webkit-box-shadow: 0px 20px 20px 0px rgba( 110, 65, 255, 0.15 );	-moz-box-shadow: 0px 20px 20px 0px rgba( 110, 65, 255, 0.15 );}.service-page .ser-item-inner:hover i,.service-page .ser-item-inner:hover h5 {	color: #ffffff;}.design-section {	background-image: url(../image/design-bg.png);	background-repeat: no-repeat;	background-position: center;	background-size: cover;	position: relative;}.design-section:after {	position: absolute;	content: '';	background-image: url(../image/services.png);	background-position: center;	background-size: contain;	background-repeat: no-repeat;	top: 0;	left: 0;	width: 100%;	height: 100%;}.design-section .section-wrapper {	margin-top: 100px;}.de-itm .design-item {	position: relative;	z-index: 9;}.de-itm .design-item:after {	position: absolute;	content:'';	bottom: -44px;	right: -5px;	counter-increment: section;	content: "0"counter(section);	color: #ffffff;	font-size: 110px;	font-family: var(--heading-font-bold);	z-index: -10;}.de-itm:nth-of-type(2n+1) .design-item:after {	color: #ff7737;}.de-itm:nth-of-type(2n+2) .design-item:after {	color: #53c7f4;}.de-itm:nth-of-type(2n+3) .design-item:after {	color: #7950ff;}.de-itm:nth-of-type(2n+1) .design-item {	background-color: #f26522;}.de-itm:nth-of-type(2n+2) .design-item {	background-color: #48bfee;}.de-itm:nth-of-type(2n+3) .design-item {	background-color: #6e41ff;}.design-item {	text-align: center;	padding: 0 30px 50px 30px;	border-radius: 3px;}.design-item .design-icon {	position: relative;	width: 92px;	height: 100px;	background-color: var(--primary-color);	display: inline-block;	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);	line-height: 115px;	margin-bottom: 15px;	-webkit-transform: translateY(-25px);	    -ms-transform: translateY(-25px);	        transform: translateY(-25px);	z-index: 9;}.design-item .design-icon:before {	position: absolute;	content: '';	width: 90px;	height: 98px;	top: 50%;	left: 50%;	-webkit-transform: translate(-50%, -50%);	    -ms-transform: translate(-50%, -50%);	        transform: translate(-50%, -50%);	background-color: #ffffff;	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);	z-index: -10;}.design-item .design-icon i {	font-size: 36px;}.de-itm:nth-of-type(2n+1) .design-item .design-icon {	background-color: #f26522;	color: #f26522;}.de-itm:nth-of-type(2n+2) .design-item .design-icon {	background-color: #48bfee;	color: #48bfee;}.de-itm:nth-of-type(2n+3) .design-item .design-icon {	background-color: #6e41ff;	color: #6e41ff;}.design-item h4 {	margin-bottom: 25px;}.design-item h4,.design-item p {	color: #ffffff;}.slick-prev,.slick-next {    font-size: 0;    position: absolute;    bottom: 20px;    color: var(--primary-color);    border: 0;    background: none;	z-index: 1;	top: 0;}.slick-prev {    left: 20px;}.slick-prev:after {	  content: "\f104";    font: 40px/1 'FontAwesome';}.slick-next {    right: 20px;    text-align: right;}.slick-next:after {	   content: "\f105";     font: 40px/1 'FontAwesome';}.work-details h4 {	margin-bottom: 20px;}.work-content {	margin-bottom: -20px;}.work-content p {	margin-bottom: 20px;}.work-featured {	margin-top: 65px;}.work-featured-list {	display: -webkit-box;	display: -ms-flexbox;	display: flex;	-ms-flex-wrap: wrap;	flex-wrap: wrap;}.work-featured-list li {	-webkit-box-flex: 0;	-ms-flex: 0 0 50%;	flex: 0 0 50%;	max-width: 50%;	margin-bottom: 10px;}.work-featured-list li i {	margin-right: 5px;}.work-nav-item.slick-current {	position: relative;	box-shadow: 0px 15px 20px 0px rgba( 23, 23, 23, 0.3);	-webkit-box-shadow: 0px 15px 20px 0px rgba( 23, 23, 23, 0.3);	-moz-box-shadow: 0px 15px 20px 0px rgba( 23, 23, 23, 0.3);}.work-nav-item.slick-current:after {	position: absolute;	content: '';	top: 0;	left: 0;	width: 100%;	height: 100%;	background-color: #708BFF;	opacity: 0.7;	-webkit-transition: all 0.3s;	-o-transition: all 0.3s;	transition: all 0.3s;}.work-thumb img {	width: 100%;}.work-sample-item .slick-dots {	position: absolute;    bottom: -40px;	left: 50%;	transform: translateX(-50%);	-webkit-transform: translateX(-50%);	-moz-transform: translateX(-50%);}.work-sample-item .slick-dots li {	display: inline-block;}.work-sample-item .slick-dots li+li {	margin-left: 5px;}.work-sample-item .slick-dots li.slick-active button[type="button"] {	background-color: var(--primary-color);	width: 10px;	height: 10px;}.work-sample-item .slick-dots li button[type="button"] {	font-size: 0;	width: 8px;	height: 8px;	border-radius: 50%;	border: none;	background-color: #dedede;	padding: 0 !important;}.work-sample-item {	position: relative;}.work-sample-item:hover .work-sample-navigation .prev {	opacity: 1;	margin-left: 0;}.work-sample-item:hover .work-sample-navigation .next{	opacity: 1;	margin-right: 0;}.work-sample-navigation {	position: absolute;	top: 41%;	left: 0;	width: 100%;}.work-sample-navigation .prev,.work-sample-navigation .next {	cursor: pointer;	width: 40px;	height: 40px;	border-radius: 50%;	background-color: var(--primary-color);	color: #ffffff;	text-align: center;	line-height: 46px;	font-size: 28px;	opacity: 0;	transition: all 0.3s ease-in-out;}.work-sample-navigation .prev {	float: left;	margin-left: 15px;}.work-sample-navigation .next {	float: right;	margin-right: 15px;} /*===================== Scroll-to-top css=====================*/.scroll-to-top {	height: 60px;	width: 60px;	position: fixed;	bottom: 45px;	right: 25px;	display: none;	z-index: 99;	cursor: pointer;}.scroll-to-top:hover {    -webkit-animation-name: shake-little;    -ms-animation-name: shake-little;    animation-name: shake-little;    -webkit-animation-duration: 100ms;    -ms-animation-duration: 100ms;    animation-duration: 100ms;    -webkit-animation-iteration-count: infinite;    -ms-animation-iteration-count: infinite;    animation-iteration-count: infinite;    -webkit-animation-timing-function: ease-in-out;    -ms-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;    -webkit-animation-delay: 0s;    -ms-animation-delay: 0s;    animation-delay: 0s;    -webkit-animation-play-state: running;    -ms-animation-play-state: running;    animation-play-state: running;}.scroll-to-top .scroll-icon {    font-size: 40px;	color: #48bfee;    display: inline-block;    -webkit-transform: rotate(-45deg);    -ms-transform: rotate(-45deg);    transform: rotate(-45deg);}@-webkit-keyframes shake-little { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); }  2% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }  4% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }  6% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }  8% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }  10% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }  12% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }  14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }  16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }  18% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }  20% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }  22% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }  24% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }  26% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }  28% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }  30% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }  32% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }  34% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }  36% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }  38% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }  40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }  42% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }  44% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }  46% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }  48% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }  50% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }  52% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }  54% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }  56% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }  58% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }  60% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }  62% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }  64% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }  66% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }  68% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }  70% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }  72% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }  74% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }  76% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }  78% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }  80% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }  82% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }  84% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }  86% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }  88% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }  90% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }  92% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }  94% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }  96% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }  98% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } }@-moz-keyframes shake-little { 0% { -ms-transform: translate(0px, 0px) rotate(0deg); }  2% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }  4% { -ms-transform: translate(-1px, 0px) rotate(-0.5deg); }  6% { -ms-transform: translate(-1px, 0px) rotate(-0.5deg); }  8% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); }  10% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }  12% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); }  14% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }  16% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); }  18% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }  20% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); }  22% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); }  24% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); }  26% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }  28% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }  30% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); }  32% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }  34% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }  36% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }  38% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); }  40% { -ms-transform: translate(-1px, 0px) rotate(-0.5deg); }  42% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); }  44% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); }  46% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }  48% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); }  50% { -ms-transform: translate(-1px, 0px) rotate(-0.5deg); }  52% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }  54% { -ms-transform: translate(-1px, 0px) rotate(-0.5deg); }  56% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); }  58% { -ms-transform: translate(-1px, 0px) rotate(-0.5deg); }  60% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); }  62% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); }  64% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); }  66% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); }  68% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }  70% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); }  72% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); }  74% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); }  76% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); }  78% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }  80% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }  82% { -ms-transform: translate(-1px, 0px) rotate(-0.5deg); }  84% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }  86% { -ms-transform: translate(-1px, 0px) rotate(-0.5deg); }  88% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); }  90% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); }  92% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); }  94% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }  96% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); }  98% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); }   }@keyframes shake-little { 0% { transform: translate(0px, 0px) rotate(0deg); }  2% { transform: translate(0px, 0px) rotate(-0.5deg); }  4% { transform: translate(-1px, 0px) rotate(-0.5deg); }  6% { transform: translate(0px, -1px) rotate(-0.5deg); }  8% { transform: translate(0px, 0px) rotate(-0.5deg); }  10% { transform: translate(-1px, 0px) rotate(-0.5deg); }  12% { transform: translate(-1px, 0px) rotate(-0.5deg); }  14% { transform: translate(0px, 0px) rotate(-0.5deg); }  16% { transform: translate(0px, 0px) rotate(-0.5deg); }  18% { transform: translate(0px, -1px) rotate(-0.5deg); }  20% { transform: translate(0px, 0px) rotate(-0.5deg); }  22% { transform: translate(-1px, 0px) rotate(-0.5deg); }  24% { transform: translate(0px, 0px) rotate(-0.5deg); }  26% { transform: translate(-1px, -1px) rotate(-0.5deg); }  28% { transform: translate(-1px, -1px) rotate(-0.5deg); }  30% { transform: translate(0px, 0px) rotate(-0.5deg); }  32% { transform: translate(-1px, 0px) rotate(-0.5deg); }  34% { transform: translate(0px, -1px) rotate(-0.5deg); }  36% { transform: translate(0px, -1px) rotate(-0.5deg); }  38% { transform: translate(-1px, -1px) rotate(-0.5deg); }  40% { transform: translate(-1px, -1px) rotate(-0.5deg); }  42% { transform: translate(-1px, 0px) rotate(-0.5deg); }  44% { transform: translate(-1px, 0px) rotate(-0.5deg); }  46% { transform: translate(0px, -1px) rotate(-0.5deg); }  48% { transform: translate(0px, 0px) rotate(-0.5deg); }  50% { transform: translate(-1px, -1px) rotate(-0.5deg); }  52% { transform: translate(0px, 0px) rotate(-0.5deg); }  54% { transform: translate(0px, 0px) rotate(-0.5deg); }  56% { transform: translate(-1px, -1px) rotate(-0.5deg); }  58% { transform: translate(-1px, -1px) rotate(-0.5deg); }  60% { transform: translate(-1px, -1px) rotate(-0.5deg); }  62% { transform: translate(-1px, -1px) rotate(-0.5deg); }  64% { transform: translate(-1px, 0px) rotate(-0.5deg); }  66% { transform: translate(0px, -1px) rotate(-0.5deg); }  68% { transform: translate(0px, -1px) rotate(-0.5deg); }  70% { transform: translate(0px, -1px) rotate(-0.5deg); }  72% { transform: translate(-1px, 0px) rotate(-0.5deg); }  74% { transform: translate(0px, -1px) rotate(-0.5deg); }  76% { transform: translate(0px, 0px) rotate(-0.5deg); }  78% { transform: translate(-1px, -1px) rotate(-0.5deg); }  80% { transform: translate(-1px, 0px) rotate(-0.5deg); }  82% { transform: translate(0px, -1px) rotate(-0.5deg); }  84% { transform: translate(0px, 0px) rotate(-0.5deg); }  86% { transform: translate(0px, 0px) rotate(-0.5deg); }  88% { transform: translate(0px, 0px) rotate(-0.5deg); }  90% { transform: translate(-1px, 0px) rotate(-0.5deg); }  92% { transform: translate(0px, 0px) rotate(-0.5deg); }  94% { transform: translate(0px, -1px) rotate(-0.5deg); }  96% { transform: translate(0px, 0px) rotate(-0.5deg); }  98% { transform: translate(0px, 0px) rotate(-0.5deg); } }