.main-menu{
	width: 100%;
}
		.blog-details-outer .blog-details-fig{z-index: 9!important;}
		.page-id-19546 .footer-outer .our-office{margin-top: 0;}
		.single-case-studies .footer-outer .our-office{margin-top: 0;}
#mega-menu-wrap-menu-1{ background: none; }
#mega-menu-wrap-menu-1 #mega-menu-menu-1{ text-align: center; }
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item{display: inline-block;  padding: 0.7rem 1.125rem;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{color:#fff;display: block; font-size:16px; font-family:'Jost', sans-serif;
  text-transform: uppercase; text-decoration: none; padding: 0; padding-right:5px; line-height: normal; height: unset;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu{background: #fff;padding: 47px;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, 
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title{
font-size:16px; font-weight:bold;  margin-bottom: 15px; color: #171151; text-transform: capitalize; padding: 0;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator::after{
	font-size: 25px; line-height: 21px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12::after{
	position: absolute;
  right:25px;
  top: 0;
  width: 1px;
  height: 100%;
  background: #8C8C8C;
  content: "";
  display: block;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12:last-child:after{
display: none;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li .textwidget ul{
	list-style-type: none; padding: 0; margin: 0;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li .textwidget ul li{
	list-style-type: none;padding: 0; margin: 0;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li .textwidget ul li a{
	color:#000; font-size:14px; text-transform: capitalize; text-decoration: none;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li .textwidget ul li:hover a{
	color:#BE0000;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{
		padding: 0; 
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12{
		padding-right: 30px;
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12:last-child{
		padding-right: 0;
	}
	.header .header-row .menu ul.main-menu li.submenu{padding:  23px 23px 27px;}
@media screen and (max-width:1400px) {
	.header .header-row .menu ul.main-menu > li{
		padding: 23px 7px 27px;
	}
	.header .header-row .menu ul.main-menu li.submenu{padding:  23px 7px 27px;}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu{
		padding: 31px 15px;
	}
}

@media screen and (max-width:1200px) {
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu{
		padding: 25px 15px;
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item{padding: 0.7rem 0.525rem;}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{font-size: 14px;}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, 
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title{
		font-size: 14px;
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{
		padding: 0; 
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12{
		padding-right: 20px;
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12:last-child{
		padding-right: 0;
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12::after{
		right: 16px;
	}
}

@media screen and (max-width:991px) {
	#mega-menu-wrap-menu-1 .mega-menu-toggle{
		display: block; background: none;padding-top: 9px;
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1{
		display: none; position: absolute; top:57px; left: 0; width: 100%;background: #fff;  padding: 20px;
		max-height: 400px; overflow: auto;
	}
	.mega-menu-menu-1-mobile-open #mega-menu-wrap-menu-1 #mega-menu-menu-1{ display: block; }
	#mega-menu-wrap-menu-1{ position: static; }
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{ color:#000; }
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item{ display: block; padding: 10px 0px;    border-bottom: 1px solid #8C8C8C;clear: left;}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:last-child{ border-bottom: none; }
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:hover a.mega-menu-link{ color:#BE0000; }
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu{
		position: static; padding: 0; display: none;transform:unset !important;
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, 
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, 
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{
		 color:#BE0000;
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu.mega-menu-item:hover .mega-sub-menu{
		opacity: 1 !important; visibility: visible !important; display: block;float: left;  width: 100%;
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu{
		float: left;  width: 100%;
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12{
		width: 100%; padding-right: 0;
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12:after{
		display: none; padding-right: 0;
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu.mega-menu-item .mega-sub-menu{ padding: 15px 0px 0px; }
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu.mega-menu-item .mega-sub-menu .mega-menu-row .mega-sub-menu{ padding:0px; }
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12 .mega-sub-menu{
		padding: 0px;
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li .textwidget{
		padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #8C8C8C;
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12:last-child .textwidget{
		 margin-bottom: 0px; 
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{
		background: none; color:#BE0000;
	}
}

@media screen and (max-width:768px) {
	#mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1{
		background: #fff; padding: 20px;
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, 
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, 
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{
		background: none;
	}
	div#ez-toc-container{width: 100%!important;}
}

#ez-toc-container a {font-size: var(--tp-fz-h5);
    font-weight: var(--tp-fw-regular);
    color: var(--tp-common-white) IM !important;
    line-height: 180.625%;
    list-style: none;
    padding-left: 15px;
    margin-bottom: 10px;
    position: relative;}

	ul.ez-toc-list.ez-toc-list-level-1 li::before {
		top: 5px;
	}
	.blog-details-left span.ez-toc-title-toggle {
		display: none;
	}
	.blog-details-outer .blog-details-left p{margin-bottom: 20px;}
	.blog-details-outer .blog-details-left h3{margin-bottom: 15px;}
	.blog-details-outer .blog-details-left ul li::before{top: 5px;}
	.blog-details-outer .blog-details-left h2{margin-bottom: 15px;}

	/* new-header css */
	.header .header-row .menu ul.main-menu li.submenu:hover .submenu-outer{border: 1px solid #bf05054f;}
	.header .header-row{
		position: relative;
	}
	.header .header-row .menu{position: initial;margin-bottom: 30px;}

	.header.is-sticky .header-row .menu{margin-bottom: 0;}
	.header .header-row .logo{padding-bottom: 28px;}
	.header .header-row .phone-no{padding-bottom: 28px;}
	.header .header-row .menu ul.main-menu{text-align: center;}
	.header .header-row .menu ul.main-menu li.submenu .submenu-outer .sub-bx .submenu-inner{text-align: left;position: relative;}
	.header .header-row .menu ul.main-menu li.submenu .submenu-outer .sub-bx .submenu-inner li{margin-bottom: 20px;}
	.header .header-row .menu ul.main-menu li.submenu .submenu-outer .sub-bx .submenu-inner li a{
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 0px;
		color: #171151;
		text-transform: capitalize;
		padding: 0;
	}

	.header .header-row .menu ul.main-menu li.submenu .submenu-outer{height: 418px;top: 74px;}
	.header .header-row .menu ul.main-menu li.submenu .submenu-outer .sub-bx .submenu-inner li .submenu-sub-inner{
		position: absolute;
		display: none;
		width: 86%;
		right: 0;
		padding-left: 25px;
    top: 0px;
    bottom: 0;
	}
	.header .header-row .menu ul.main-menu li.submenu .submenu-outer .sub-bx .submenu-inner li .submenu-sub-inner::before{
		content: '';
		background: #bf0505;
		height: 350px;
    position: absolute;
		top: 0;
		left: 0;
		width: 1px;
	}
	.header .header-row .menu ul.main-menu li.submenu .submenu-outer .sub-bx .submenu-inner li .submenu-sub-inner li{padding-right: 9px;padding-bottom: 6px;
		width: 25%;float: left;margin-bottom: 6px;}
	.header .header-row .menu ul.main-menu li.submenu .submenu-outer .sub-bx ul li ul li a{
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 15px;
		color:#000;
		padding: 0;
	}
	.header .header-row .menu ul.main-menu li.submenu .submenu-outer .sub-bx .submenu-inner li .submenu-sub-inner li ul li {
		width: 100%; margin-bottom: 0!important;
	}
	.header .header-row .menu ul.main-menu li.submenu .submenu-outer .sub-bx .submenu-inner li .submenu-sub-inner li a:hover{color: #000; 
		text-decoration: underline;}
	.header .header-row .menu ul.main-menu li.submenu .submenu-outer .sub-bx .submenu-inner li .submenu-sub-inner li a{font-size: 16px;padding: 3px 0px;
		display: block;}
	.header .header-row .menu ul.main-menu li.submenu .submenu-outer .sub-bx .submenu-inner li:hover .submenu-sub-inner{display: flex;flex-wrap: wrap;}
	.header .header-row .menu ul.main-menu li.submenu .submenu-outer{padding: 30px 0px 0 0px;}
	.header .header-row .menu ul.main-menu li.submenu .submenu-outer .sub-bx{width: 100%;}
	.header .header-row .menu ul.main-menu li.submenu .submenu-outer .sub-bx .submenu-inner li .submenu-sub-inner li ul{
		display: block;margin-top: 15px;
	}
	.header .header-row .menu ul.main-menu li.submenu .submenu-outer .sub-bx .submenu-inner li .submenu-sub-inner li ul li a{
		font-size: 14px;
		border: none;
		color: #000;
		display: block;
		font-weight: 500;text-decoration: none;
	}
	.header .header-row .menu ul.main-menu li.submenu .submenu-outer .sub-bx .submenu-inner li .submenu-sub-inner li ul li.active a{
		 color: #BF0202;
	}
	.header .header-row .menu ul.main-menu li.submenu .submenu-outer .sub-bx .submenu-inner li .submenu-sub-inner li ul li:hover a{
		text-decoration: underline; color: #BF0202;
	}
	.submenu-sub-inner li{
		margin-bottom: 10px!important;
	}

	.header .header-row .menu ul.main-menu li.submenu .submenu-outer .sub-bx .submenu-inner li.active .submenu-sub-inner{display:block;flex-wrap: wrap;}
	.respons-btn span{position: relative;top: 0;left: 0;display: block;width: 32px;height: 4px;z-index: 1;background:#fff;
		margin-bottom: 5px;border-radius: 5px;-webkit-transition: width .5s;transition: width .5s;}
		.respons-btn a:hover span{background: #f13e42;}
		.respons-btn a:hover span:nth-child(2) {width: 50%;}
		.respons-btn {width: 35px;height: 35px; position: absolute;right: 0;display: none;}
		.u-vmenu{display: none;}

.header.is-sticky  .header-row .logo{ padding-bottom:0px; }
.header.is-sticky   .header-row .phone-no{ padding-bottom:0px; }

	@media (max-width: 1200px) {
		.header .header-row .menu ul.main-menu > li{
		
			padding: 23px 7px 27px;
		}
			.header .header-row .menu ul.main-menu li.submenu{padding:  23px 7px 27px;}
	}
	 @media (max-width: 991px) {
	 	.header .header-row .logo{
	 		padding-bottom: 0px;
	 	}
	 	.header .header-row .phone-no{
	 		padding-bottom: 0px;
	 	}
	 }
	@media (max-width: 992px) {
		/* .header .header-row .phone-no {
			padding-bottom: 28px;
			padding-right: 40px;
		}
		.header .header-row .navbar-collapse.show {
			display: block !important;
			text-align: left!important;
			top: 68px;
			
			position: absolute;
			left: 0;
			background: linear-gradient(215deg, #420049 0.01%, #001272 96.4%);
		}
		.header .header-row .navbar-collapse.show li{
			display: block!important;
			padding: 12px 9px 0px!important;
		}
		.header .header-row .menu ul.main-menu li.submenu{
			padding: 15px 14px 18px;
		}
		.header .header-row .menu ul.main-menu li.submenu .submenu-outer {
			padding: 0px 0px 0 0px;
			height: 640px;
    		top: 86px;
			overflow-y: scroll;
			z-index: 9;
		}
		.header .header-row .menu ul.main-menu li.submenu .submenu-outer .sub-bx .submenu-inner li a{margin-bottom: 0;}
		.header .header-row .menu ul.main-menu li.submenu .submenu-outer .sub-bx .submenu-inner li .submenu-sub-inner li{width: 100%;margin-bottom: 0;}
		.header .header-row .menu ul.main-menu li.submenu .submenu-outer .sub-bx .submenu-inner li.active .submenu-sub-inner{
			flex-wrap: wrap;
			position: relative;
			border: 1px solid #edbcbc;
			width: 100%;
			margin-top: 10px;
    		padding-left: 4px;
		}
		.header .header-row .menu ul.main-menu li.submenu .submenu-outer .sub-bx .submenu-inner li .submenu-sub-inner::before{display: none;}
		.header .header-row .navbar-collapse {
			display: none!important ;
		}
		.header .header-row .navbar-toggler {
			display: block!important ;
		}
		.header .header-row .humburger-ico{
			width: 40px;
			flex-wrap: wrap;
			position: absolute;
			top: 15px;
			right: 0px;
			border: none;
		}
		.header .header-row .hum-ico{
			display: block;
			background: #fff;
			position: absolute;
			height: 5px;
			width: 100%;
			border-radius: 9px;
			transition: all 0.3s ease;
		}
		.header .header-row .humburger-ico .hum-ico:nth-child(2) {
			top: 13px;
		}
		.header .header-row .humburger-ico .hum-ico:nth-child(3) {
			top: 22px;
		} */

		.respons-btn{ display: block;right: 0px;top:9px; }
		.header .header-row .menu{display: none;}
		.u-vmenu{ display: block !important;-webkit-transform: translateX(120%);-moz-transform: translateX(120%);-ms-transform: translateX(120%);
			-o-transform: translateX(120%);transform: translateX(120%);-webkit-transition: -webkit-transform .4s;
			-moz-transition: -moz-transform .4s;-ms-transition: -ms-transform .4s;-o-transition: -o-transform .4s;transition: transform .4s;
			position: fixed;right: 0;height: 100%;background:linear-gradient(211deg, #4E004A 1.12%, #010042 100%);top: 0;z-index: 99999;width: 300px; }
			.u-vmenu.open{-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);
			transform: translateX(0);}
			.body-open .respons-btn a span:nth-child(2) {width: 50%;}
			.body-open .respons-btn a span{background: var(--tp-theme-pink);}
			.u-vmenu ul li > span {width: 46px;height: 46px; display: inline-block; position: absolute; right: 0px; top: 0; z-index: 9; cursor: pointer;}
			.u-vmenu  ul li{ position: relative; }
			.u-vmenu  > .mobile-all-area > .mobile-menu > ul > li{border-bottom: 1px solid #2b476f; }
			.u-vmenu  ul li > span[data-option="off"] {background: url(https://www.tisdigitech.com/wp-content/themes/tisca/assets/images/menu-plus.png) no-repeat 0px 7px;background-size: auto;background-size: 30px;}
			.u-vmenu ul li > span[data-option="on"] {background-size: auto;background-size: 30px;background:url(https://www.tisdigitech.com/wp-content/themes/tisca/assets/images/menu-minus.png) no-repeat 0px 7px;}

			.top-toggle-menu .tmimenu_icon-bar {border-radius: 5px;background-color: #171717;display: block;height: 2px;width: 25px;margin-top: 5px;background:  #fff;
				transition: .25s ease-in-out;}
				.body-open .top-toggle-menu .tmimenu_btn .tmimenu_icon-bar:nth-child(1) { width: 0%;}
				.body-open .tmimenu_btn .tmimenu_icon-bar:nth-child(2) {transform: rotate(45deg); margin-top: 5px; float: left;}
				.body-open .tmimenu_btn .tmimenu_icon-bar:nth-child(3) {transform: rotate(-45deg);}
				.top-toggle-menu{float: left;width: 100%;position: relative;z-index: 99;height: 51px;}
				.tmimenu_btn {float: right;padding-right: 13px; padding-top: 10px;}
				.mobile-all-area{ clear: left; }
				.mobile-menu {position: absolute;width: 100%;height: 100%;overflow: auto;padding-bottom: 80px;}
				.mobile-all-area {overflow: auto;position: fixed;top: 0;width: 100%;height: 100%;padding-top: 54px;}
			
				.header .header-row .phone-no{padding-right: 80px;}
				.u-vmenu .mobile-all-area .mobile-menu > ul > li > a {
					height: 46px;
					display: block;
					padding: 0px 15px 0 37px;
					text-decoration: none;
					font-size: 16px;
					line-height: 40px;
					color: #fff;
				}
				.u-vmenu .mobile-all-area .mobile-menu > ul > li > ul > li span[data-option='off'] {
					background: url(https://www.tisdigitech.com/wp-content/themes/tisca/assets/images/menu-plus-hover.png) no-repeat 0 7px;
				}
				.u-vmenu .mobile-all-area .mobile-menu > ul > li > ul > li span[data-option='on'] {
					background: url(https://www.tisdigitech.com/wp-content/themes/tisca/assets/images/menu-minus-hover.png) no-repeat 0 7px;
				}
				.u-vmenu .mobile-all-area .mobile-menu > ul > li > ul > li ul > li span[data-option='off'] {
					background: url(https://www.tisdigitech.com/wp-content/themes/tisca/assets/images/menu-plus-hover.png) no-repeat 0 7px;
				}
				.u-vmenu .mobile-all-area .mobile-menu > ul > li > ul > li ul > li span[data-option='on'] {
					background: url(https://www.tisdigitech.com/wp-content/themes/tisca/assets/images/menu-minus-hover.png) no-repeat 0 7px;
				}
				.u-vmenu ul li {
					position: relative;
				}
				.u-vmenu .mobile-all-area .mobile-menu > ul > li > ul > li > a {
					padding-left: 55px;
					font-size: 15px;
					line-height: 40px;
					color: #171717;
					height: 40px;
					display: block;
				}
				.u-vmenu ul > li.active > a {
					border-left: 3px solid var(--tp-theme-pink);
				}
				.u-vmenu ul li ul {
					background: #f2f3f4;
				}
				.u-vmenu ul > li > ul > li {
					position: relative;
				}
				.mobile-menu ul{ padding-left: 0;}
				.u-vmenu .mobile-all-area .mobile-menu > ul > li > ul > li > a {
					padding-left: 45px;
					font-size: 15px;
					color: #171717;
					text-decoration: none;
					height: 40px;
				}
				.u-vmenu .mobile-all-area .mobile-menu > ul > li > ul > li > ul > li > a {
					padding-left: 75px;
					color: #171717;
					line-height: 40px;
					text-decoration: none;
					line-height: 35px;
					height: 35px;
				}
				.u-vmenu ul > li > a:after {
					content: '';
					background: var(--tp-theme-pink);
					position: absolute;
					left: 0;
					bottom: 0;
					top: 0;
					width: 0;
					z-index: 0;
					transition: all 0.5s;
					-webkit-transition: all 0.5s;
					-moz-transition: all 0.5s;
					-ms-transition: all 0.5s;
				}



				/*----------------mobile menu c--------------*/

.tmimenu_icon{
    margin: 0px;
}
.tmimenu_icon-bar{
    border-radius: 5px;
    background-color: #171717;
    display: block;
    height: 2px;
    width: 25px;
    margin-top: 5px;
}

.mobmenu-overlay{opacity: 0;
-webkit-transition: -webkit-transform .5s;
-moz-transition: -moz-transform .5s;
-ms-transition: -ms-transform .5s;
-o-transition: -o-transform .5s;
transition: transform .5s;}
.body-open .mobmenu-overlay{width: 100%;height: 100%;z-index: 9999;left: 0;top: 0;opacity: 1;-webkit-transition: -webkit-transform .5s;
-moz-transition: -moz-transform .5s;-ms-transition: -ms-transform .5s;-o-transition: -o-transform .5s;transition: transform .5s;
position: fixed;cursor: pointer;background: rgba(0, 0, 0, 0.5);}
/*-------------dropdown code---------------*/
.u-vmenu .mobile-all-area .mobile-menu  > ul{position: absolute;height: 100%;left: 0px;width: 100%;}
.u-vmenu ul li { position: relative; }
.u-vmenu ul > li.active > a{ border-left: 3px solid var(--tp-theme-pink);  }
.u-vmenu ul ul{display: none;}
.u-vmenu ul > li > a:after {content: '';background: var(--tp-theme-pink); position: absolute;left: 0;bottom: 0;top: 0;
width: 0;z-index: 0;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;}
.u-vmenu ul > li:hover > a:after{width: 100%;}
.u-vmenu ul li a {font-size: 14px;height:45px;display: block;color: #fff;text-decoration: none;outline: none;	position: relative;line-height: 40px;}
.u-vmenu .mobile-all-area .mobile-menu > ul > li:hover > a{color: #fff;}
.u-vmenu .mobile-all-area .mobile-menu > ul > li > a:hover{ color: #fff; }
.u-vmenu .mobile-all-area .mobile-menu > ul > li > ul > li > a:hover{color: #fff; }
.u-vmenu .mobile-all-area .mobile-menu > ul > li > ul > li > ul > li > a:hover{color: #fff; }
.u-vmenu .mobile-all-area .mobile-menu > ul > li > ul > li:hover > a{color: #fff; }
.u-vmenu .mobile-all-area .mobile-menu > ul > li > ul > li > ul li:hover > a{color: #fff; }

.u-vmenu ul li ul{ background:#eaf7f1; }

.u-vmenu ul li a span{	z-index: 1; position: relative;}

.u-vmenu .mobile-all-area .mobile-menu > ul > li > a img{ width:13px; margin-right: 8px;position: relative;z-index: 1; }

.u-vmenu .mobile-all-area .mobile-menu > ul > li > ul > li > ul > li > a {
	padding-left:75px;color: #171717; line-height: 35px; height: 35px;
}
.u-vmenu .mobile-all-area .mobile-menu > ul > li > ul > li > ul > li > ul > li > a {
	padding-left:87px;color: #171717;
}


.u-vmenu .mobile-all-area .mobile-menu ul li > span{ width:46px; height:46px; display: inline-block; position: absolute; right: 0px; top:0;
 z-index: 9; cursor: pointer;  }


.u-vmenu .mobile-all-area .mobile-menu > ul > li > ul > li > span{background-size:25px !important; background-position: 0px 9px !important;
right: -3px;}

.u-vmenu .mobile-all-area .mobile-menu > ul > li > ul > li > ul > li span{background-size:25px !important; background-position: 0px 9px !important;
	right: -3px;}

.body-open .tmimenu_btn .tmimenu_icon-bar:nth-child(1){width: 0%;}
.body-open .tmimenu_btn .tmimenu_icon-bar:nth-child(2){transform: rotate(45deg);margin-top: 5px;float: left;}
.body-open .tmimenu_btn .tmimenu_icon-bar:nth-child(3){transform: rotate(-45deg);}
.body-open .tmimenu_btn .tmimenu_icon-bar:nth-child(4){ width: 0%; }
.body-open .tmimenu_btn .tmimenu_icon-bar{-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
		
		
	}
	
	@media (min-width: 992px) {
		.header .header-row .navbar-collapse {
		   display: block;
    align-items: center;
    width: 100%;
    justify-content: center;
	   }
	   .header .header-row .navbar-toggler {
        display: none;
    }
	.header .header-row .navbar-collapse li{
		display: block;
	}

   }
   @media(max-width:767px){
	.header .header-row .humburger-ico{
		top: 6px;
        right: 16px;
	}
	.header .header-row .phone-no{
		padding-right: 70px;
	}
   }



	/* js */
	.guide-section{position: relative;padding: 60px 0 0;}
	.guide-section .tab-menu {
		position: sticky;
		top: 16%;
		color: white;
		z-index: 9;
	}
	
	.guide-section .tab-link {
		padding: 15px 20px;
		cursor: pointer;
		background: none;
		border: none;
		margin: 0 0 15px;
		text-decoration: none;
		color: white;
		font-size: 1em;
		transition: background 0.3s;
	}
	
	.guide-section .tab-link:hover, .tab-link.active {
		border: 1px solid #fff;
	}
	
	
	.guide-section #info
{
	font-size: 18px;
	color: #555;
	text-align: center;
	margin-bottom: 25px;
}

/* css */



/* #wrapper {
    height: 400px;
    overflow-y: auto;
}

.scrollbar {
    scrollbar-width: thin;
    scrollbar-color: #210046 #f4f4f4;
}

/* Custom Scrollbar for Webkit Browsers */
/* .scrollbar::-webkit-scrollbar {
    width: 12px;
}

.scrollbar::-webkit-scrollbar-track {
    background: #f4f4f4;
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
    border: 3px solid #f4f4f4;
}

.force-overflow {
    min-height: 600px;
} */

/* section {
    padding: 20px;
    border-bottom: 1px solid #ddd;
}
/* wnd */

/* .scrollbar
{
	float: right;
	height: 300px;
	width: 65px;
	overflow-y: scroll;
	margin-bottom: 25px;
}

.force-overflow
{
	min-height: 450px;
} */ 


 #style-8::-webkit-scrollbar-track
{
	border: 1px solid black;
	background-color: #F5F5F5;
} 

#style-8::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#style-8::-webkit-scrollbar-thumb
{
	background-color: #000000;	
}
.scrollbar {
	padding: 15px 0;
	display: inline-block;
	border-radius: 10px;
	width: 250px;
}
.tab-menu{
	height: 286px;
overflow-y: auto;
overflow-x: hidden;
padding: 0 20px;
scrollbar-width: thin;
scrollbar-color: #170044c7 #fff;
}

.with-plugin .content-wrap {
	padding-right: 0;
}
.mCSB_inside > .mCSB_container {
	margin-right: 20px;
}
.mCSB_scrollTools {
	width: 6px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: linear-gradient(90deg, #EE0202 0%, #EE9002 100%);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #170044c7;}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color: #170044c7;}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #170044c7;}


	.guide-section .guide-inner-section {
		display: flex;
		flex-wrap: wrap;
	}
	.guide-section .guide-inner-section .guide-right-section h3{
		color: #fff;
		font-size: 20px;
		line-height: 30px;
		font-weight: 600;
	}
	.guide-section .guide-inner-section .guide-right-section p{
		font-size: 16px;
		color: #fff;
	}
	.guide-section .guide-inner-section .guide-right-section figure img{width: 100%;}
	.guide-section .guide-inner-section .guide-left-section{width: 30%;}
	.guide-section .guide-inner-section .guide-right-section{width: 70%;padding-left: 55px;}
	  
	  
	/* js */

	/* service css */
	.bannner-outer .banner-text-outer .banner-text h1{
		line-height: 120%;
	}
	.bannner-outer .banner-text-outer .banner-text p b a{color: #ff3d00;text-decoration: none;}
.how-we-help {
	padding: 60px 0;
  }
  .how-we-help .how-we-row {
	display: flex;
	align-items: center;
  }
  @media (max-width: 991px) {
	.how-we-help .how-we-row {
	  flex-wrap: wrap;
	}

  }
  .how-we-help .how-we-row .how-we-help-left {
	width: 50%;
	padding-right: 70px;
  }
  @media (max-width: 1024px) {
	.how-we-help .how-we-row .how-we-help-left {
	  padding-right: 50px;
	}
  }
  .how-we-help .how-we-row .how-we-help-left .head h3 {
	font-size: 18px;
    font-weight: 500;
	text-transform: uppercase;
	color: var(--tp-heading-spanred);
	padding-bottom: 10px;
  }
  .how-we-help .how-we-row .how-we-help-left .head h2 {
	font-size: 36px;
	font-weight: var(--tp-fw-sbold);
	color: var(--tp-common-black);
	padding-bottom: 15px;
	line-height: 134%;
  }
  .how-we-help .how-we-row .how-we-help-left .head h2 span {
	color: var(--tp-heading-spanred);
  }
  @media (max-width: 991px) {
	.how-we-help .how-we-row .how-we-help-left {
	  width: 100%;
	  padding-right: 0;
	}
  }
  .how-we-help .how-we-row .how-we-help-right {
	width: 50%;
  }
  .how-we-help .how-we-row .how-we-help-right p {
	font-size: var(--tp-fz-h5);
	font-weight: var(--tp-fw-regular);
	color: var(--tp-common-black);
  }
  @media (max-width: 991px) {
	.how-we-help .how-we-row .how-we-help-right {
	  width: 100%;
	}
  }
  .how-we-help .inner-row {
	display: flex;
	margin-top: 55px;
  }
  @media (max-width: 1024px) {
	.how-we-help .inner-row {
	  flex-wrap: wrap;
	}
	.footer-outer .footer-main{flex-wrap: wrap;}
	.footer-outer .footer-main .footer-bx:first-child {
		width: 100%;
	}
	.footer-outer .footer-main .footer-bx {
		width: 100%;
	}
	.footer-outer .footer-main .footer-bx ul{
		justify-content: start;
	}
  }
  .how-we-help .inner-row .inner-box {
	padding-right: 35px;
	width: 25%;
  }
  .how-we-help .inner-row .inner-box figure {
	margin: 0;
  }
  .how-we-help .inner-row .inner-box figure img {
	margin-bottom: 20px;
  }
  .web-platform-outer .row{margin-right: 0;margin-left: 0;}
  .how-we-help .inner-row .inner-box h4 {
	font-size: calc(var(--tp-fz-h4) + 2px);
	font-weight: var(--tp-fw-sbold);
	color: var(--tp-common-black);
	font-family: var(--tp-ff-body);
	padding-bottom: 15px;
	margin: 0;
	min-height: 68px;
  }
  .how-we-help .inner-row .inner-box p {
	font-size: var(--tp-fz-p);
	line-height: 180.625%;
	font-weight: var(--tp-fw-regular);
	color: var(--tp-heading-primary);
  }
  @media (max-width: 1024px) {
	.how-we-help .inner-row .inner-box {
	  width: 50%;
	}
  }
  @media (max-width: 767px) {
	.how-we-help .inner-row .inner-box {
	  width: 100%;
	}
  }
  
  .branding_design_service {
	background: #f8f8fa;
	padding: 60px 0 !important;
  }
  .branding_design_service .head h3 {
	font-size: var(--tp-fz-h4);
	font-weight: var(--tp-fw-regular);
	text-transform: uppercase;
	color: var(--tp-common-black);
	padding-bottom: 10px;
  }
  .branding_design_service .head h2 {
	font-size: 36px;
	font-weight: var(--tp-fw-sbold);
	color: var(--tp-common-black);
	padding-bottom: 15px;
	line-height: 134%;
  }
  .branding_design_service .head h2 span {
	color: var(--tp-heading-spanred);
  }
  .branding_design_service ul {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #d9d9dd;
	padding-left: 0;
  }
  .branding_design_service ul li {
	transition: all ease 0.5s;
	position: relative;
	width: 50%;
	list-style-type: none;
	float: left;
	padding: 60px;
	border-bottom: 1px solid #d9d9dd;
  }
 
  
  .branding_design_service ul li:nth-child(odd) {
	border-left: 1px solid #d9d9dd;
	border-right: 1px solid #d9d9dd;
  }
  .branding_design_service ul li:nth-child(even) {
	border-right: 1px solid #d9d9dd;
  }
  .branding_design_service ul li:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: 0 0;
	transition: all ease 0.5s;
	z-index: 1;
  }
  .branding_design_service ul li figure {
	height: 110px;
	width: 110px;
	position: relative;
	margin-bottom: 30px;
  }
  .branding_design_service ul li figure:after {
	pointer-events: none;
	position: absolute;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	content: "";
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	top: 0;
	left: 0;
	padding: 0;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
	background: 0 0;
  }
  @media (max-width: 991px) {
	.branding_design_service ul li figure:after {
	  height: 90px;
	  width: 90px;
	}
	.footer-outer .footer-main .footer-bx ul{display: block;}
  }
  .branding_design_service ul li figure img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	z-index: 9;
	height: auto;
	margin: auto;
  }
  @media (max-width: 991px) {
	.branding_design_service ul li figure {
	  height: 90px;
	  width: 90px;
	}
  }
  .branding_design_service ul li:hover::before {
	background: linear-gradient(93deg, #3B0097 6.17%, #55004D 148.14%);
	transform: scale(1.04) !important;
  }
  .branding_design_service ul li:hover .cont-box figure::after {
	background: var(--tp-common-white);
  }
  .branding_design_service ul li:hover .cont-box h4 {
	color: var(--tp-common-white);
  }
  .branding_design_service ul li:hover .cont-box p {
	color: var(--tp-common-white);
	transition: all ease 0.5s;
  }
  .branding_design_service ul li .cont-box {
	padding-left: 0;
	position: relative;
	z-index: 1;
  }
  .branding_design_service ul li .cont-box h4 {
	font-size: calc(var(--tp-fz-h4) + 2px);
	font-weight: var(--tp-fw-bold);
	padding-bottom: 14px;
  }
  .branding_design_service ul li .cont-box p {
	font-size: var(--tp-fz-p);
	font-weight: var(--tp-fw-regular);
	color: var(--tp-heading-primary);
	line-height: 180.625%;
	font-weight: var(--tp-fw-regular);
  }
  @media (max-width: 1024px) {
	.branding_design_service ul li {
	  padding: 30px;
	}
  }
  
  .top-brands-image img {
	width: 100%;
  }
  @media (max-width: 991px) {
	.top-brands-image {
	  display: none;
	}
  }
  
  .top-brands {
	padding-bottom: 100px;
	float: left;
	width:100%;
  }
  .top-brands .top-brands-left {
	float: left;
	margin-top: -170px;
	display: inline-block;
	position: relative;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.14);
	font-size: var(--tp-fz-h5);
	font-weight: var(--tp-fw-regular);
	color: var(--tp-common-black);
	z-index: 9;
	padding: 55px 70px 55px 60px;
	width: 50%;
	background: #fff;
  }
  .top-brands .top-brands-left h3 {
	font-size: var(--tp-fz-h4);
	font-weight: var(--tp-fw-regular);
	text-transform: uppercase;
	color: #000;
	padding-bottom: 10px;
  }
  .top-brands .top-brands-left h2 {
	font-size: 36px;
	font-weight: var(--tp-fw-sbold);
	color: var(--tp-common-black);
	padding-bottom: 15px;
	line-height: 134%;
  }
  .top-brands .top-brands-left h2 span {
	color: var(--tp-heading-spanred);
  }
  @media (max-width: 1024px) {
	.top-brands .top-brands-left h2 {
	  font-size: 28px;
	}
  }
  .top-brands .top-brands-left p {
	font-size: var(--tp-fz-h5);
	font-weight: var(--tp-fw-regular);
	color: var(--tp-common-black);
  }
  @media (max-width: 1024px) {
	.top-brands .top-brands-left {
	  padding: 30px 40px 30px 40px;
	}
  }
  @media (max-width: 991px) {
	.top-brands .top-brands-left {
	  width: 100%;
	  margin-top: 40px;
	}
  }
  .top-brands .top-brands-right {
	padding: 30px 20px 30px 60px;
	width: 50%;
	background: #fff;
	margin-top: -270px;
	position: relative;
	margin-left: -65px;
	display: inline-block;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.14);
  }
  .top-brands .top-brands-right .brands-list figure img {
	width: 100%;
  }
  .top-brands .top-brands-right .brands-list .slick-dots {
	width: 100%;
	right: 0;
	bottom: -55px;
	line-height: 2px;
	text-align: center;
  }
  .top-brands .top-brands-right .brands-list .slick-dots li {
	width: 59px;
	height: 8px;
  }
  .top-brands .top-brands-right .brands-list .slick-dots li button {
	width: 100%;
	padding: 0;
	height: 4px;
	background: #e3e4e8;
  }
  .top-brands .top-brands-right .brands-list .slick-dots li button::before {
	display: none;
  }
  .top-brands .top-brands-right .brands-list .slick-dots .slick-active button {
	background: linear-gradient(-3deg, #4E004A 1.12%, #010042 100%);
  }
  .through-digital-tab .accordion-item{border: none;}
  @media (max-width: 991px) {
	.top-brands .top-brands-right .brands-list .slick-dots {
	  bottom: -30px;
	}
  }
  @media (max-width: 991px) {
	.top-brands .top-brands-right {
	  width: 100%;
	  margin-top: 40px;
	  margin-left: 0;
	}
  }
  
  .textmonail-outer {
	padding: 60px 0 70px;
  }
  @media (max-width: 1024px) {
	.textmonail-outer {
	  padding: 180px 0 40px;
	}
  }
  @media (max-width: 991px) {
	.textmonail-outer {
	  padding: 40px 0 40px;
	}
  }
  .faq-outer-main{
	padding: 74px 0px 440px;
    background: linear-gradient(6deg, #4E004A 1.12%, #010042 100%);
  }
  .faq-outer-main .faq-outer {background: none;padding:0 0 70px;}
  .faq-outer-main .faq-outer:last-child{padding: 0;}
  .faq-outer-main .faq-outer .head h2 span{color: var(--tp-heading-spanred);}
  .faq-outer-main .faq-outer .container{        
        padding-bottom: 90px;
    }
	.faq-outer-main .faq-outer .container:last-child{padding-bottom: 0;}

	.faq-outer-main .faq-outer .faw-main ul li {
		font-size: var(--tp-fz-h5);
		font-weight: var(--tp-fw-regular);
		color: var(--tp-common-white);
		margin-bottom: 15px;
		line-height: 120%;
		padding-left: 15px;
		position: relative;
		list-style: none;
	}
	.faq-outer-main .faq-outer .faw-main a{
		color: var(--tp-common-white);
	}
	.faq-outer-main .faq-outer .faw-main ul li:before {
		content: "\f0da";
		font-family: "Font Awesome 6 Free";
		color: var(--tp-common-white);
		font-size: var(--tp-fz-p);
		font-weight: var(--tp-fw-black);
		margin-left: 5px;
		position: absolute;
		left: 0;
		top: 0;
		margin: 0;
		color: var(--tp-heading-orange);
	}

	@media (max-width: 767px) {
		.branding_design_service ul li {
			width: 100%;
			
		}
		.branding_design_service ul li:nth-child(odd){
			border-left: none;border-right:none;
		}
		.branding_design_service ul li:nth-child(even){
			border-right:none;
		}
	  }

	/* end */
	

	/* new guide section */
	.guide-section-new{
		padding-top: 60px;
	}
	.guide-section-new .nav-pills::before{
		background: linear-gradient(90deg, #EE0202 0%, #EE9002 100%);position: absolute;top: 0;height: 250px;width: 2px;
	}
	.guide-section-new .nav{width: 100%;position: relative;border: none;padding-right: 30px;
		overflow-y: auto;
		overflow-x: hidden;}
	.guide-scroll{width: 30%;}
	.guide-section-new .tab-content{width: 70%; padding-left: 55px;}
	.guide-section-new .tab-content figure img{width: 100%;}
	.guide-section-new .nav .nav-item .nav-link{
	padding: 15px 20px;
    cursor: pointer;
    background: none;
	text-align: left;
    border: none;
    margin: 0 0 15px;
    text-decoration: none;
    color: white;
    font-size: 1em;
    transition: background 0.3s;
	}
	.guide-section-new .nav .nav-item .nav-link.active{
		border: 1px solid #fff;
	}
	.guide-section-new .tab-content .tab-pane h3{
		color: #fff;
		font-size: 20px;
		line-height: 30px;
		font-weight: 600;
		margin-bottom: 30px;
	}
	.guide-section-new .tab-content .accordion-item{
		background: none;border: none;
	}
	.guide-section-new .tab-content .tab-pane p{
		font-size: var(--tp-fz-h5);
    font-weight: var(--tp-fw-regular);
    color: var(--tp-common-white);
    padding-bottom: 15px;
	}
	@media screen and (max-width: 991px) {
		.guide-scroll{display: none;}
		.guide-section-new .tab-content{
			width: 100%;padding-left: 0;
		}
		.guide-section-new .tab-content .tab-pane .accordion-collapse .accordion-body{
			padding: 0;
    		margin-top: 35px;
		}
		.accordion-button:focus{box-shadow: 0 0 0;}
		.guide-section-new .tab-content > .tab-pane {
			display: block;
			opacity: 1;
			margin-bottom: 15px;
			
		}
		.guide-section-new .accordion-button.collapsed {
			background: #fff;
        border: 1px solid #e7f1ff;
        font-size: var(--tp-fz-h3);
        color: var(--tp-common-black);
		}
		.guide-section-new .accordion-button {
			background: #fff;
        border: 1px solid #e7f1ff;
        font-size: var(--tp-fz-h3);
        color: var(--tp-common-black);
		}
	
	}
	.blog-insight-sec{padding: 70px 0;}
.blog-insight-sec .head h3{font-size: var(--tp-fz-h4);
    font-weight: var(--tp-fw-regular);
    text-transform: uppercase;
    color: var(--tp-common-black);
    padding-bottom: 10px;
}        
.blog-insight-sec .head h2{
        font-size: 36px;
        font-weight: var(--tp-fw-sbold);
        color: var(--tp-common-black);
        padding-bottom: 15px;
        line-height: 134%;
}
.blog-insight-sec .head h2 span{
    color: var(--tp-heading-spanred);
}
.blog-insight-sec a:hover p {
    color: var(--tp-heading-spanred);
}
.blog-insight-sec .date-category{
    color: #022a5e;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
.blog-insight-sec a{text-decoration: none;}
.blog-insight-sec p {
    margin: 0;
    padding:15px 0 17px 0;
    font-size: 25px;
    color: #022a5e;
    font-weight: 500;
}
.blog-insight-sec .latest-blog-excerpt {
    color: var(--tp-common-black);
    font-size: 17px;
    line-height: 180.5%;
    font-weight: var(--tp-fw-regular);
}
.blog-insight-sec .read-more-latest-blog {
    color: var(--tp-theme-pink);
    margin-top: 5px;
    font-size: 16px;
}
.blog-insight-sec a:hover p.latest-blog-excerpt {
    color: #3e3f44;
}
.meetbrands{
    padding: 30px 0 60px;
}
.meetbrands .container{
    display: flex;
}
.meetbrands .container .brands-left{
width: 50%;
}
.meetbrands .container .brands-left img{
    width: 100%;
	height: 100%;
	object-fit: cover;
}

.meetbrands .brands-right {
    width: 50%;
    background: #33373d;
    display: flex;
    flex-wrap: wrap;
}
.meetbrands .container .brand-right-top{
    position: relative;
    background: linear-gradient(215deg, #420049 0.01%, #001272 96.4%);
    padding: 70px 60px;
    display: flex;
    align-items: center;
}
.meetbrands .container .brand-right-top .brand-right-top-cont h3{
    color: #f13e42;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 16px;
}
.meetbrands .container .brand-right-top .brand-right-top-cont h4{
    color: var(--tp-common-white);   
}
.meetbrands .container .brand-right-top .brand-right-top-cont p{
    color: var(--tp-common-white);
    font-size: 17px;
    line-height: 180.5%;
    font-weight: var(--tp-fw-regular);
}
/* .meetbrands .brands-right .brand-right-top:after {
    position: absolute;
    background: url(../images/back-img.webp);
    left: 50%;
    bottom: -24px;
    content: "";
    display: block;
    width: 124px;
    height: 25px;
    margin-left: -62px;
} */
.faq-outer-main .faq-outer .faw-main ul{padding-left: 0;}
.branding_design_service ul li .cont-box p a{
	color: #000;
	font-weight: 500;
	text-decoration: none;
}
.branding_design_service ul li:hover .cont-box p a{
	color: #fff;
	font-weight: 500;
}
.meetbrands .container .brands-right .brand-right-bottom{
    padding: 60px 60px;
}
.meetbrands .brands-right .brand-right-bottom h4 {
    color: #fff;font-size: 20px; margin-bottom: 25px;
}
.meetbrands .brands-right .brand-right-bottom ul{padding-left: 0;}
.meetbrands .brands-right .brand-right-bottom li{
    font-size: var(--tp-fz-h5);
    font-weight: var(--tp-fw-regular);
    color: var(--tp-common-white);
    margin-bottom: 15px;
    line-height: 120%;
    padding-left: 15px;
    position: relative;
    list-style: none;
}
.meetbrands .brands-right .brand-right-bottom li:before {
    content: "\f0da";
    font-family: "Font Awesome 6 Free";
    color: var(--tp-common-white);
    font-size: var(--tp-fz-p);
    font-weight: var(--tp-fw-black);
    margin-left: 5px;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    color: var(--tp-heading-orange);
}
.magento-solution {
    background: #f8f8fa;
    padding: 60px 0 60px 0;
}
.magento-solution .container{
    display: flex;
    align-items: center;
}
.magento-solution .solution-left{
    width: 40%;
}
.magento-solution .solution-left figure img{width: 100%;}
.magento-solution .solution-right{
    width: 60%;padding-left: 40px;
}
.magento-solution .solution-right ul{
    display: flex;
    margin-top: 35px;
    padding-left: 0;
}
.magento-solution .solution-right ul li{
    float: left;
    width: 50%;
    padding-right: 5%;
    list-style: none;
}
.magento-solution .solution-right .box p{
    font-size: var(--tp-fz-h5);
    font-weight: var(--tp-fw-regular);
    color: var(--tp-common-black);
}
.magento-solution .solution-right .box h2{
    font-size: 36px;
    font-weight: var(--tp-fw-sbold);
    color: var(--tp-common-black);
    padding-bottom: 15px;
    line-height: 134%;
}
.magento-solution .solution-right .box h2 span {
    color: var(--tp-heading-spanred);
}
.magento-solution .solution-right ul li figure img{
    width: 68px;
}
.development-custom{
    padding: 60px 0 0;
}
.development-custom h3{font-size: var(--tp-fz-h4);
    font-weight: var(--tp-fw-regular);
    text-transform: uppercase;
    color: var(--tp-common-black);
    padding-bottom: 10px;
}   
.development-custom h2{
    font-size: 36px;
    font-weight: var(--tp-fw-sbold);
    color: var(--tp-common-black);
    padding-bottom: 15px;
    line-height: 134%;
    max-width: 790px;
}   
.development-custom h2 span{
    color: var(--tp-heading-spanred);
}
.development-custom .container ul{
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-top: 40px;
    margin-bottom: 0;
}
.development-custom .container li {
    width: 33.3%;
    list-style: none;
    float: left;
    margin-bottom: 40px;
    padding-right: 50px;
    box-sizing: border-box;
    min-height: 250px;
}
.development-custom li img {
    padding-bottom: 35px;
	width: 50px;
	height: 98px;
    object-fit: contain;
}
.development-custom li p {
    font-size: var(--tp-fz-h5);
    font-weight: var(--tp-fw-regular);
    color: var(--tp-common-black);
}
.development-custom-back{
    background: #f8f8fa;
}

/* sitemap */
.sitemap-outer {
    padding: 75px 0 0;
}
.sitemap-main {
    padding: 45px 0 450px;
    float: left;
    width: 100%;
}
.sitemap-main h1 {
    font-size: 50px;
    line-height: 80px;
    color: #023575;
    letter-spacing: -.5px;
    text-align: center;
    padding-bottom: 50px;
}
.site-box:first-child {
    width: 15%;
}
.site-box {
    float: left;
    width: 28.3%;
    padding: 0 20px;
}
.site-box>ul:first-child {
    margin-bottom: 20px;
}
.site-box ul li {
    position: relative;
	list-style-type: none;
}
.site-box ul li ul li ul li a {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: #023575;
    position: relative;
    padding-bottom: 10px;
}
.site-box ul li ul li ul li a:hover{
	color: var(--tp-heading-spanred);
}
.site-box ul li a {
    font-size: 20px;
    line-height: 20px;
	text-decoration: none;
    color: #023575;
    font-weight: bold;
    display: block;
    padding-bottom: 25px;
}
.site-box ul li a:hover{
	color: var(--tp-heading-spanred);
}
.site-box ul li ul {
    padding-left: 20px;
}
.site-box.importants-site ul li ul li a {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
}
.site-box ul li ul li a {
    font-size: 16px;
    line-height: 18px;
	text-decoration: none;
    color: #023575;
    padding-bottom: 15px;
    position: relative;
    padding-bottom: 15px;
}
.site-box ul li ul li ul li a:before {
	content: "\f0da";
    font-family: "Font Awesome 6 Free";
    color: var(--tp-common-white);
    font-size: var(--tp-fz-p);
    font-weight: var(--tp-fw-black);
    margin-left: 5px;
    position: absolute;
    left: -20px;
    top: 0;
    margin: 0;
    color: var(--tp-heading-orange);
    
}
.site-box ul li ul li a:before {
	content: "\f0da";
    font-family: "Font Awesome 6 Free";
    color: var(--tp-common-white);
    font-size: var(--tp-fz-p);
    font-weight: var(--tp-fw-black);
    margin-left: 5px;
    position: absolute;
    left: -20px;
    top: 0;
    margin: 0;
    color: var(--tp-heading-orange);
   
}
/* end */

/* career css */
.lead-professional-outer {
    padding: 52px 0px;
    width: 100%;
    min-height: 760px;
}
.lead-professional-main {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    min-height: 655px;
}
.lead-img {
    width: 60%;
    position: absolute;
    left: 0px;
    top: 0;
    display: flex;
    height: 100%;
}
.lead-img img {
    max-width: 100%;
    object-fit: cover;
}
.lead-your-pro {
    float: right;
    width: 50%;
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 40px 20px 48px 45px;
}
.lead-your-pro h3 {
	font-size: var(--tp-fz-h4);
    font-weight: var(--tp-fw-regular);
    text-transform: uppercase;
    color: var(--tp-common-black);
    padding-bottom: 7px;
}
.lead-your-pro h2 {
	font-size: var(--tp-fz-h2);
    font-weight: var(--tp-fw-sbold);
    color: var(--tp-common-black);
    padding-bottom: 20px;
}
.lead-your-pro p {
	font-weight: var(--tp-fw-regular);
    color: var(--tp-common-black);
    margin-bottom: 2rem;
    font-size: var(--tp-fz-h4);
}
.lead-your-pro p  a{
	font-weight: var(--tp-fw-regular);
    color: #ff3d00;
    margin-bottom: 2rem;
    font-size: var(--tp-fz-h4);
	text-decoration: none;
}
.tis-india-outer {
    width: 100%;
    padding: 52px 0px;
    padding-bottom: 20px;
    position: relative;
}
.tis-india-outer img {
    max-width: 100%;
    width: 100%;
}
.tis-india-contet {
    position: absolute;
    top: 25px;
    width: 100%;
    left: 0px;
}
.tis-india-sec {
    width: 650px;
}
.tis-india-sec h3 {
	font-size: var(--tp-fz-h4);
    font-weight: var(--tp-fw-regular);
    text-transform: uppercase;
    color: var(--tp-common-black);
    padding-bottom: 7px;
}
.tis-india-sec h2 {
	font-size: var(--tp-fz-h2);
    font-weight: var(--tp-fw-sbold);
    color: var(--tp-common-black);
    padding-bottom: 20px;
}
.tis-india-sec p {
	font-weight: var(--tp-fw-regular);
    color: var(--tp-common-black);
    margin-bottom: 2rem;
    font-size: var(--tp-fz-h4);
}
.case-study-area {
    display: flex;
    width: 100%;
}
.case-insight-box {
    padding: 0px 27px;
    width: 50%;
}
.curated-selection-outer .curated-bx figure img {
    width: 100%;
}
.curated-selection-outer .curated-bx figure {
    margin-bottom: 0;
}
.case-explore {
    width: 90%;
    margin: -40px auto 0 auto;
    background: #fff;
    border: 1px solid #EAEAEA;
    padding: 12px;
    position: relative;
    text-align: center;
    z-index: 1;
}
.case-explore  a{
	text-decoration: none;
}
.case-explore:hover{
	border: 1px solid var(--tp-heading-spanred);
}
.curated-selection-outer .curated-bx h4{
	color: var(--tp-common-black);
	margin-bottom:14px;
}
.curated-selection-outer .curated-bx .case-explore h4{
	margin-bottom: 0px;
}
.case-study-area .explore1 a{
	margin: 0;
    border-radius: 4px;
	transition: all 1s ease-out 0s;
	border: 1px solid #c8d3d9;   
    padding:8px 37px;
    display: inline-block;
    box-sizing: border-box;
    font-size: 15px;
    text-decoration: none;
    line-height: 128.5%;
    text-transform: capitalize;
    font-weight: var(--tp-fw-regular);
    color: var(--tp-common-black);
    background: none;
    border-radius: 4px;
}
.case-study-area .explore1 a:hover{
	background: linear-gradient(6deg, #4E004A 1.12%, #010042 100%);
	color: #fff;
}

.case-explore .explore1 a::after {
    content: "";
    pointer-events: none;
    display: block;
    position: absolute;
    z-index: 0;
    border: 3px solid;
    border-image-source: none;
    border-image-slice: 1;
    border-image-source: linear-gradient(to left, #00A3FF, #20009E) 6;
    left: -5px;
    top: -5px;
    right: -5px;
    bottom: -5px;
    -webkit-filter: blur(2px);
    filter: blur(2px);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-radius: 6px;
}
.case-explore .explor1 a:hover::after {
    opacity: 0.8;
}
.curated-selection-outer .explore{
	text-align: center;
    padding-top: 60px;
}
.curated-selection-outer .explore a {
    font-size: var(--tp-fz-h3);
    padding: 1.25rem 2.563rem;
    line-height: 100%;
    display: inline-block;
    color: var(--tp-common-black);
    text-transform: uppercase;
    text-decoration: none;
    font-weight: var(--tp-fw-sbold);
    position: relative;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    border: 2px solid #00A3FF;
    border-image-slice: 1;
    border-image-source: linear-gradient(to left, #00A3FF, #20009E) 6;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    color: var(--tp-common-white);
    border-radius: 6px;
}
.curated-selection-outer .explore a i {
    color: var(--tp-heading-spanred);
    margin-left: 8px;
}
.curated-selection-outer .explore a::after {
    content: "";
    pointer-events: none;
    display: block;
    position: absolute;
    z-index: 0;
    border: 3px solid;
    border-image-source: none;
    border-image-slice: 1;
    border-image-source: linear-gradient(to left, #00A3FF, #20009E) 6;
    left: -5px;
    top: -5px;
    right: -5px;
    bottom: -5px;
    -webkit-filter: blur(2px);
    filter: blur(2px);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-radius: 6px;
}
.curated-selection-outer .explore a:hover::after {
    opacity: 0.8;
}
.free-estimate ul {
    margin-top: 25px;
    width: 100%;
}
.free-estimate ul li {
    float: left;
    margin-right: 10px;
    position: relative;
}
.contact-number{
    background: #023575;
    color: #fff !important;
    transition: all ease .3s;
	position: relative;
    overflow: hidden;
}
.contact-number:before{position: absolute;
display: block;
content: '';
width: 16px;
height: 16px;
top: 12px;
left: 18px;
z-index: 2;
pointer-events: none;
background-color: none;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 #ef323a;
}
.free-estimate ul li:last-child a {
    padding: 10px 50px 10px 50px;
    background: #f13e42;
}
.free-estimate ul li a {
    font-size: 14px;
    color: #fff;
    display: block;
    text-transform: uppercase;
    border-radius: 40px;
    text-decoration: none;
}
/* end */

/* counter-css */
.satisfied-client-outer .satisfied-bx h3:after{
    content: " +";
    display: inline-block;
	background: linear-gradient(104deg, #F00 11.77%, #FFF500 89.04%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: calc(var(--tp-fz-h1) + var(--tp-fz-h1));
}
.satisfied-client-outer .satisfied-bx:nth-child(2) h3::after{
    content: " +";
    display: inline-block;
	background: linear-gradient(102deg, #BF00CF 8%, #260094 89.44%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: calc(var(--tp-fz-h1) + var(--tp-fz-h1));
}
.satisfied-client-outer .satisfied-bx h3{display: flex;}



  /* hire-page */

  .hire-section-tis {
	background: url(https://www.techforcehire.com/wp-content/uploads/2023/09/banner.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 180px; padding-bottom: 50px;
}

.hire-content {
	padding-top: 50px;
	width: 60%;
	padding-left: 34px;
}

.hire-content h1 {
	font-family: "Poppins", Sans-serif;
	font-size: 50px;
	font-weight: 600;
	color: var(--tp-heading-spanred);
}

.hire-content h1 span {
	color: #fff;
}

.hire-form-inner {
	padding: 50px 50px;
	background: #fff;
/*	height: 560px;*/
	border-radius: 12px 12px 12px 12px;
}

.hire-content p {
	color: #fff;
	font-weight: 400;
	font-size: 20px;
	max-width: 650px;
	line-height: 30px;
}

.hire-content a {
	padding: 8px 16px;
	text-decoration: none;
	border-radius: 45px;
	background: linear-gradient(24deg, #4E004A 1.12%, #010042 100%);
	color: #fff;
	display: inline-block;
	margin-top: 20px;
}

.growth-submit {
	margin-top: 40px;
}
.growth-submit input{
	font-size: 18px;
padding: 10px 40px;
line-height: 100%;
display: inline-block;
color: #000;
text-transform: uppercase;
text-decoration: none;
font-weight: 600;
position: relative;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
background: none;
border: 2px solid #00A3FF;
border-image-slice: 1;
border-image-source: linear-gradient(to left, #00A3FF, #20009E);
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;

}
.growth-submit input:hover::after {
opacity: 0.8;
}
.growth-submit input::after {
content: "";
pointer-events: none;
display: block;
position: absolute;
z-index: 0;
border: 3px solid;
border-image-source: none;
border-image-slice: 1;
border-image-source: linear-gradient(to left, #00A3FF, #20009E);
left: -5px;
top: -5px;
right: -5px;
bottom: -5px;
-webkit-filter: blur(2px);
filter: blur(2px);
opacity: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}

.counter-hire {
	display: flex;
	margin-top: 60px;
}

.hire-inner-tis {
	display: flex;
	justify-content: space-between;
}

.hire-form-inner h4 {
	color: var(--tp-heading-spanred);
	font-family: "Poppins", Sans-serif;
	font-size: 24px;
	text-align: center;
	font-weight: 600;
	margin-bottom: 40px;
	line-height: 30px;
}

.growth-bx {
	margin-bottom: 18px;
}

.growth-bx input {
	width: 100%;
	display: inline-block;
	background-color: #f5f8fa;
	width: 100%;
	padding: 9px 10px;
	font-size: 16px;
	font-weight: normal;
	line-height: 22px;
	color: #33475b;
	border: 1px solid #cbd6e2;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	height: 40px;
}

.hire-form {
	width: 40%;
}

.hire-bx {
	padding-right: 50px;
}
.hire-bx h3{
	font-size: 1.75rem; color: #fff;
}
.hire-bx h6{color: #fff;}
/*.hire-bx h3:after{
    content: " +";
    display: inline-block;
	background: #171151;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}*/

.hire-developer {
	padding: 73px 0px;
	background: linear-gradient(24deg, #4E004A 1.12%, #010042 100%);
}

.hire-developer .head {
	margin: 0 auto;
	text-align: center;
	padding-bottom: 80px;
}

.hire-developer .head h2 {
	font-size: 40px;
	font-weight: 600;
	color: #fff;
	line-height: 145%;
}

.hire-developer .head p {
	font-size: 20px;
	font-weight: 400;
	color: #fff;
}

.hire-developer-bx {
	margin-top: 30px;
	display: flex;
	margin-bottom: 100px;
}

.hire-developer-bx:last-child {
	margin-bottom: 0;
}
.hire-developer-bx{
        flex-wrap: wrap;
    }
.hire-dev-bx {
	width: calc(25% - 11px); margin-bottom: 66px;
	margin-right: 11px;
	border: 1px solid #898989;
	text-align: center;
	background: rgba(217, 217, 217, 0.06);
	padding: 50px 30px 30px 30px;
}
.hire-dev-bx:last-child{margin-right: 0;}

.hire-img-bx {
	width: 103px;
	height: 103px;
	background: #2a0047;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hire-upper-img {
	display: flex;
	justify-content: center;
	margin-top: -103px;
}

.hire-bx-cont {
	margin-top: 30px;
}

.hire-bx-cont h3 {
	color: #fff;
	font-family: "Poppins", Sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 25px;
}

.hire-bx-cont p {
	color: #fff;
	font-size: 16px;
}

.comparative-analysis-outer {
	padding: 73px 0px;
	background: linear-gradient(24deg, #4E004A 1.12%, #010042 100%);
}

.comparative-analysis-outer .head {

	margin: 0 auto;
	text-align: center;
	padding-bottom: 20px;
}

.comparative-analysis-outer .head h2 {
	font-size: 40px;
	font-weight: 600;
	color: #fff;
	line-height: 145%;
}

.comparative-analysis-outer .analysis-table table tbody>tr:nth-child(odd)>td,
.comparative-analysis-outer .analysis-table table tbody>tr:nth-child(odd)>th {
	background-color: hsla(0, 0%, 50.2%, .0705882353);
}

.comparative-analysis-outer .analysis-table table tbody tr:hover>td,
.comparative-analysis-outer .analysis-table table tbody tr:hover>th {
	background-color: hsla(0, 0%, 50.2%, .1019607843);
}

.comparative-analysis-outer .analysis-table table tbody tr:nth-child(even) {
	background: #460049;
}

.comparative-analysis-outer .analysis-table {
	margin-top: 40px;
}

.comparative-analysis-outer .analysis-table table {
	width: 100%;
}

.comparative-analysis-outer .analysis-table table thead th {
	background: #681676;
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 126%;
	text-transform: capitalize;
	text-align: left;
	padding: 15px;
	border: none;
}

.comparative-analysis-outer .analysis-table table tbody td {
	color: #FFF;
	font-size: 18px;
	font-style: normal;
	line-height: 126%;
	text-transform: capitalize;
	text-align: left;
	padding: 15px;
	border: none;
}

.easy-step-outer {
	padding: 60px 0;
}

.easy-step-outer .head {

	margin: 0 auto;
	text-align: center;
	padding-bottom: 20px;
}

.easy-step-outer .head h2 {
	font-size: 40px;
	font-weight: 600;
	color: #000;
	line-height: 145%;
}

.dev-zig {
	padding-top: 40px;
}

.dev-zig-content-outer {
	padding-top: 50px;
	display: flex;
	justify-content: space-between;
}

.dev-zig-content-inner {
	width: 25%;
	background-color: #F4F4F4;
	padding: 25px 15px;
	position: relative;
	margin-right: 15px;
	transition: all 1s ease-out 0.3s;
}
.dev-zig-content-inner:last-child{margin-right: 0;}

.dev-zig-content-inner:before {
	position: absolute;
	display: block;
	content: "";
	left: 20px;
	top: -30px;
	width: 57px;
	height: 42px;
	background: url() left top no-repeat;
}

.dev-zig-content-inner:hover:before {
	background: url(/wp-content/themes/tisca/assets/images/poly12.png) left top no-repeat;
}

.dev-zig-content-inner:hover {
	background: linear-gradient(24deg, #4E004A 1.12%, #010042 100%);
}

.dev-zig-content-inner:hover h3 {
	color: #fff;
}

.dev-zig-content-inner:hover p {
	color: #fff;
}

.dev-zig-content-inner h3 {
	font-size: 20px;
	color: #000;
}

.dev-zig-content-inner p {
	font-size: 16px;
	color: #000;
}

.no-head {
	width: 75px;
	height: 75px;
	background: linear-gradient(24deg, #4E004A 1.12%, #010042 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	border: 9px solid #fff;
	filter: drop-shadow(0px 7px 23px rgba(0, 0, 0, 0.13));
	position: absolute;
}

.dev-zig-content-inner:hover .no-head {
	border: 9px solid #4E004A;
	background: #fff;
}

.dev-zig-content-inner:hover .no-head h4 {
	color: #4E004A;
}

.no-head h4 {
	color: #fff;
	font-family: "Poppins", Sans-serif;
	font-size: 30px;
	font-weight: 800;
	line-height: 60px;
}

.no-head:nth-child(1n) {
	top: -103px;
	left: 69px;
}

.no-head:nth-child(2n) {
	top: -103px;
	left: 69px;
}

.no-head:nth-child(3n) {
	top: -92px;
	left: 69px;
}

.no-head:nth-child(4n) {
	top: -92px;
	left: 69px;
}

.dev-zig img {
	width: 100%;
}

.hiring-model {
	padding: 60px 0 ;
}

.hiring-model .head {
	margin: 0 auto;
	text-align: center;
	padding-bottom: 80px;
}

.hiring-model .head h2 {
	font-size: 40px;
	font-weight: 600;
	color: #000;
	line-height: 145%;
}

.hiring-model .head p {
	font-size: 20px;
	font-weight: 400;
	color: #000;
}

.model-monthly-hire {
	display: flex;
	justify-content: center;
}

.model-monthly-inner {
	width: 33.3%;
	margin-right: 12px;
}
.model-monthly-inner:last-child{margin-right: 0;}
.per-day-cont ul{
	display: flex;
list-style-type: none;
padding-left: 0;
}
.per-day-cont ul li {
width:calc(50% - 8px);
height: 178px;
border: 1px solid #4E004A;
border-radius: 25px;
padding: 15px 20px;
position: relative;
background: #fff;
margin-right: 8px;
}
.per-day-cont ul  li h3 {
color: #220046;
font-size: 30px;
font-style: normal;
font-weight: 800;
line-height: 126%;
text-transform: capitalize;
word-break: break-word;
}
.btn-hour svg{
margin-right: 15px;
}
.per-day-cont ul  li label {
color: #292929;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 126%;
text-transform: capitalize;
position: absolute;
left: 20px;
bottom: 25px;
}
.btn-hour{
padding: 10px 20px 10px 20px;
text-decoration: none;
background: linear-gradient(24deg, #4E004A 1.12%, #010042 100%);
border-radius: 80px 80px 80px 80px;
}
.model-monthly-inner:nth-child(1n) .btn-hour{
    background: #832c7e;
}
.model-monthly-inner:nth-child(2n) .btn-hour{
    background: #581362;
}
.model-monthly-inner:nth-child(3n) .btn-hour{
    background:  linear-gradient(24deg, #4E004A 1.12%, #010042 100%);
}
.btn-hour a{
display: flex;
align-items: center;
text-decoration: none;
color: #fff;
}
.per-day-cont{margin-top: 30px;}
.expertise-dotnet{
	padding: 60px 0;
}

.expertise-dotnet .head {
	margin: 0 auto;
	text-align: center;
	padding-bottom: 40px;
}

.expertise-dotnet .head h2 {
	font-size: 40px;
	font-weight: 600;
	color: #000;
	line-height: 145%;
}

.expertise-dotnet .head p {
	font-size: 20px;
	font-weight: 400;
	color: #000;
}
.dotnet-inner{
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
}
.dotnet-bx{
	padding: 10px;
	width: 31.3%; margin-right: 15px;
border:1px solid #180044;
border-radius: 3px 3px 3px 3px;
margin-bottom: 10px;
}
.dotnet-bx:last-child{margin-right: 0;}
.dotnet-bx img{max-width: 100%;}
.dotnet-bx h3{
	font-size: 22px;
	margin-top: 20px;
	color: #000;
}
.dotnet-bx p{
	font-size: 18px;
	color: #000;
}
.hire-page .header{
	background: linear-gradient(215deg, #420049 0.01%, #001272 96.4%);padding: 0.875rem 0rem;
}
.hire-page .header .header-row .menu {
   margin-bottom: 0px;
}
/* end */
/* media query */
@media (max-width:1399px){
	.client-cross-outer .client-across-main .client-across-slide .client-across-bx figure{padding: 0 20px;}
	.client-cross-outer .client-across-main .client-across-slide .client-across-bx figure img{width: 100%;}
}
@media (max-width:1366px){
	.tis-india-outer{
		padding: 180px 0px 40px 0;
	}
}
@media (max-width:1023px){
.case-study-area{
	flex-wrap: wrap;
}
.case-insight-box{
	width: 50%; margin-bottom: 30px;
}
}
@media (max-width:991px){
	.lead-professional-main {
        display: block; 
    }
	.satisfied-client-outer .satisfied-bx h3:after{
        font-size: var(--tp-fz-h1)!important;
    }
	.lead-img {
        width: 100%;
        position: relative;
        margin-bottom: 30px;
    }
	.lead-your-pro {
        padding: 0;
        width: 100%;
    }
	.tis-india-outer {
        display: flex;
        flex-wrap: wrap;
        padding: 25px 0 40px;
    }
	.tis-india-outer img {
        order: 2;
        position: relative;
        top: -20px;
    }
	.tis-india-contet {
        position: relative;
        top: 25px;
        order: 1;
        z-index: 1;
    }
    .magento-solution .container{
        flex-wrap: wrap;
    }
    .magento-solution .solution-left {
        width: 100%;
        
    }
    .magento-solution .solution-right {
        width: 100%;
        padding-left: 0;
    }
    .development-custom .container li{width: 50%;}
    .meetbrands .container {
        flex-wrap: wrap;
    }
    .meetbrands .container .brands-left {
        width: 100%;
    }
    .meetbrands .brands-right{width: 100%;}
		.site-box:first-child {
			width: 50%;
		}
		.sitemap-main{padding: 45px 0 50px;}
		.sitemap-area {
			display: flex;
			flex-wrap: wrap;
		}
		.site-box:nth-child(2) {
			order: 3;
		}
		.site-box {
			width: 50%;
		}
		.site-box.importants-site {
			order: 4;
		}
		.hire-inner-tis{
            flex-wrap: wrap;
        }
        .hire-content {
        padding-top: 70px;
        padding-bottom: 70px;
        width: 100%;
     }
     .hire-form {
        width: 100%;
    }
	.dotnet-bx{margin-right: 10px;}
.faq-outer-main{
	padding-bottom: 70px;
}
.hire-dev-bx {
	width: calc(50% - 11px);
}
}
@media (max-width: 767px) {
    .site-box:first-child {
        width: 100%;
    }
	.satisfied-client-outer .satisfied-bx h3{display: flex;
		align-items: center;
		justify-content: center;}
	.site-box {
        float: left;
        width: 100%;
        padding: 0 0;
    }
	.hire-developer-bx{
        flex-wrap: wrap;
    }
    .hire-dev-bx{
        width: 100%;
        margin-bottom: 80px;
    }
    .dotnet-bx{width: 100%;margin-right: 0;}
    .hiring-model{
        padding: 70px 0 0 0!important;
    }
    .hire-dev-bx:last-child{margin-bottom: 0;}
    .hire-developer-bx{margin-bottom: 0;}
    .model-monthly-hire{flex-wrap: wrap;}
    .model-monthly-inner {
        width: 100%;
        margin-bottom: 30px;
        margin-right: 0px;
    }
    .model-monthly-inner:last-child{margin-bottom: 0;}
    .dev-zig-content-outer{flex-wrap: wrap;}
    .dev-zig-content-inner{width: 100%;margin-right: 0;margin-bottom: 50px;padding: 57px 15px;}
    .dev-zig-content-inner:last-child{margin-bottom: 0;}
    .dev-zig {
           display: none;
        }
        .no-head:nth-child(1n) {
            top: 16px;
            left: 12px;
        }
        .dev-zig-content-inner h3{margin-top: 62px;}
        .case-insight-box{
				width: 100%; 
			}
.top-brands .top-brands-right{
	padding: 15px 15px 15px 15px;
}
.top-brands .top-brands-left{
	padding: 30px 15px 30px 15px;
}
.guide-section-new .accordion-button.collapsed {

        font-size: var(--tp-fz-h4);

		}
		.guide-section-new .accordion-button {
        font-size: var(--tp-fz-h4);

		}
		.guide-section-new{
			padding-left: 0px; padding-right: 0px;
		}
		.blog-insight-sec .head h2{
			font-size: 28px;
		}
		.magento-solution .solution-right .box h2{
			font-size: 28px;
		}
		.lead-your-pro h2{
			font-size: 28px;
		}
		.tis-india-sec h2{
			font-size: 28px;
		}
		.counter-hire{
			flex-wrap: wrap;
		}
		.hire-bx{
			width: 100%; padding-right: 0px; padding-bottom: 15px;
		}
}
@media (max-width:676px){
    .development-custom .container li{width: 100%; padding-right: 0px;}
    .magento-solution .solution-right ul{
    	flex-wrap: wrap;
    }
    .magento-solution .solution-right ul li{
    	width: 100%; padding-right: 0px;
    }
    .development-custom h2{
    	font-size: 28px;
    }
    .meetbrands .container .brand-right-top{
    	padding: 39px 20px;
    }
    .meetbrands .container .brands-right .brand-right-bottom{
    	padding: 40px 20px;
    }
    .hire-dev-bx {
	width: 100%; margin-right: 0px;
}
}
@media (max-width:555px){
    .counter-hire {
            flex-wrap: wrap;
        }
        .hire-bx {
            padding-right: 50px;
        }
        .comparative-analysis-outer .analysis-table table thead th{font-size: 14px;}
        .comparative-analysis-outer .analysis-table table tbody td{font-size: 12px;}
}

/* end */
	


.banner-wave{
	 display: block;
    position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: transparent;
  width: 100%;
  height: 300px !important;
  bottom: 0;
  margin: auto 0;
}

canvas {
 	 display: block;
    position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: transparent;
  width: 100%;
  height: 100%;
  bottom: 0;
  margin: auto 0;
}

/*.bannner-outer.out-of-view .banner-wave{
	 z-index: -1; visibility: hidden;
}*/


.contact-container {
  position: fixed;
  right: 0;
  bottom: 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  z-index: 1000;
  z-index: 1000;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  top: 0;
  margin: auto;
  height: 123px;
}
.call-us, .whatsapp-us {
    background-color: white;
    border: 1px solid #eee;
    border-radius: 18px 0 0 18px;
    max-width: 50px;
    margin-bottom: 10px;
    text-align: center;
    padding: 5px 6px;
    transition: max-width 0.5s ease-in-out, opacity 0.5s ease-in-out;
    white-space: nowrap;
    overflow: hidden;
}

.call-us a, .whatsapp-us a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #000;
	margin-left: 7px;
}

.whatsapp-us img {
    width: 35px;
    height: 35px;
    margin-right: 10px;
}
.call-us:hover, .whatsapp-us:hover {
    max-width: 255px;
}
.chat-with-us {
  margin-left: 12px;
}
.chat-with-us p {
    margin-bottom: 0;
    line-height: 20px;
}

/* @media (max-width: 575px) {
    .call-us:hover, .whatsapp-us:hover{
        max-width: 50px !important;
    }
} */

.call-us .icons i{
    font-size: 30px;
    color: #EE0202 ;
}
.whatsapp-us  .icons i{
font-size: 30px;
    color: #64b161;
}

@media (max-width: 1399px) {
	.blog-page-outer .blog-head .nav.nav-tabs .nav-link{
		margin-right: 10px;
	}
}