:root {
	--color-white: #ffffff;
	--color-yellow: #e88c09;
	--color-yellow1: #ff9800;
	--color-gray: #777777;
	--color-blue: #373293;
	--color-blue1: #363394;
	--color-blue2: #181e5e;
	--color-blue3: #5049c1;
	--color-blue4: #383093;
}
:root {
	--font-josefin: "Josefin Sans";
}
#slider {
	position: relative;
	max-width: 100%;
	margin: auto;
	padding: 0;
	background-size: 100% 86%;
}
#slider .carousel-caption {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#slidemainbox {
	margin-top: 100px;
}
.Slider-left-box {
	z-index: 99999;
}
.slidemidheading {
	width: 14ch;
	animation: typing 2s steps(14) infinite;
	white-space: nowrap;
	overflow: hidden;
}
@keyframes typing {
	from {
		width: 0
	}
}
#maskbg-image {
	position: relative;
	width: 100%;
	min-height: 100%;
	background-size: cover !important;
}
#slider h5 {
	color: var(--color-white);
	font: 600 22px var(--font-josefin);
}
#slider .topheading {
	color: var(--color-white);
	font: 600 22px var(--font-josefin);
	margin-left: 5px;
	background-color: var(--color-yellow);
	padding: 5px;
}
#slider h1 {
	color: var(--color-white);
	font: 500 65px/90px var(--font-josefin);
}
#slider p {
	color: var(--color-white);
	font: 600 16px/28px var(--font-josefin);
}
#slider .vw-slider-button1,#slider .vw-slider-button2 {
	font: 600 16px/22px var(--font-josefin);
	text-align: center;
	padding: 13px 20px;
	border-top-left-radius: 8px;
	border-bottom-right-radius: 8px;
	overflow: hidden;
	display: inline-block;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0s;
}
#slider .vw-slider-button2:hover {
	color: #fff !important;
}
#slider .vw-slider-button1:before,#slider .vw-slider-button2:before,#slider .vw-slider-button1:after,#slider .vw-slider-button2:after,#slider .vw-slider-button1 span:before,#slider .vw-slider-button2 span:before,#slider .vw-slider-button1 span:after,#slider .vw-slider-button2 span:after {
	content: "";
	width: 100%;
	height: 100%;
	background: #363394;
	opacity: 0.6;
	position: absolute;
	top: -90px;
	left: 0;
	z-index: -1;
	transition: all 0.4s ease 0.2s;
}
#slider .vw-slider-button1:after,#slider .vw-slider-button2:after {
	opacity: 1;
	z-index: -2;
	transition: all 0.4s ease 0.3s;
}
#slider .vw-slider-button1 span:before,#slider .vw-slider-button1 span:after,#slider .vw-slider-button2 span:before,#slider .vw-slider-button2 span:after {
	opacity: 0.4;
	z-index: -2;
	transition: all 0.4s ease 0.1s;
}
#slider .vw-slider-button1 span:after,#slider .vw-slider-button2 span:after {
	opacity: 0.2;
	transition: all 0.4s ease 0s;
}
#slider .vw-slider-button1:hover:before,#slider .vw-slider-button1:hover:after,#slider .vw-slider-button1:hover span:before,#slider .vw-slider-button1:hover span:after,#slider .vw-slider-button2:hover:before,#slider .vw-slider-button2:hover:after,#slider .vw-slider-button2:hover span:before,#slider .vw-slider-button2:hover span:after {
	top: 0;
}
#slider .vw-slider-button1 {
	filter: drop-shadow(0 0 24.5px rgba(232, 140, 9, 0.27));
	background-color: var(--color-yellow);
	margin-right: 15px;
}
#slider .vw-slider-button2 {
	background-color: var(--color-white);
	color: var(--color-blue2);
}
.ld-masked-image svg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
svg{
	filter: drop-shadow(0 0 24.5px rgba(232, 140, 9, 0.27));
}
svg:not(:root) {
	overflow: hidden;
}
.ld_masked_image_6111823f8916b .clip-svg {
	clip-path: url("#svg-ld_masked_image_6111823f8916b");
	-webkit-clip-path: url("#svg-ld_masked_image_6111823f8916b");
	background-position-x: 50%;
	background-position-y: 50%;
}
.bg-cover {
	background-size: cover !important;
}
#AboutUs {
	padding: 150px 0;
	margin-top: -61%;
}
#AboutUs .tab-content{
	margin-top: -3%;
}
.About-us-right-box {
	z-index: 9;
}
#AboutUs h6 {
	margin-top: 38%;
}
#AboutUs h2 {
	color: var(--color-blue1) !important;
	font-size: 26px;
}
#AboutUs h5,#AboutUs h5 a,#AboutUs h5 a:hover {
	color: var(--color-blue4) !important;
}
#AboutUs .outer-img {
	margin-top: -121px;
	margin-left: -35px;
	-webkit-animation: spar 3s linear infinite;
	animation: spar 3s linear infinite;
}
@keyframes spar {
	from {
		transform: translate(0, 0px);
	}
	65% {
		transform: translate(10px, 10px);
	}
	to {
		transform: translate(0, -0px);
	}
}
#AboutUs .tab-content i {
	color: var(--color-white);
}
#AboutUs .nav-tabs {
	border-bottom: none;
	margin-top: 27%;
}
#AboutUs .nav-tabs .row {
	z-index: 9 !important;
}
#AboutUs .process_elements img {
	width: 85px !important;
}
#AboutUs .cards:hover img{
	transform: translate(0) scale(1.1);
	transition: 0.7s;
}
#AboutUs .nav-tabs .nav-link {
	border: none !important;
}
#AboutUs .active .cards {
	background: rgb(217 216 234) !important;
}
#AboutUs .active .cards p {
	color: #2f2f2f;
}
#AboutUs .active h5 a,#AboutUs .active h5 a:hover{
	color: var(--color-blue3);
}
#AboutUs .cards {
	border-radius: 10px;
	padding: 50px 15px;
	height: 300px;
	width: 250px;
	filter: drop-shadow(0 0 13.5px rgba(0, 0, 0, 0.09));
	background-color: var(--color-white);
	cursor: pointer;
}
#AboutUs .icon {
	display: inline-flex;
	list-style-type: none;
	padding-left: 0;
}
#AboutUs .icon li {
	padding-right: 15px;
}
.services-card:nth-child(1) {
	position: relative;
	top: -78px;
}
.services-card:nth-child(2) {
	position: relative;
	top: 97px;
}
.services-card:nth-child(3) {
	position: relative;
	top: -65px;
}
#AboutUs .nav-tabs .nav-link.active {
	background-color: unset;
}
#AboutUs .fa-behance {
	background-color: #1767fb;
	font-size: 20px;
	padding: 6px;
	border-radius: 6px;
	margin-right: 5px;
}
#AboutUs .icon .behance {
	color: #1767fb;
}
#AboutUs .fa-basketball-ball {
	background-color: #f91485;
	font-size: 20px;
	padding: 6px;
	border-radius: 6px;
	margin-right: 5px;
}
#AboutUs .icon .dribbble {
	color: #f91485;
}
#AboutUs .fa-instagram {
	background-color: #ffb24e;
	font-size: 20px;
	padding: 6px;
	border-radius: 6px;
	margin-right: 5px;
}
#AboutUs .icon .insta {
	color: #ffb24e;
}
#AboutUs .theme_button {
	padding: 13px 28px;
}
#FeatureSkill {
	margin-top: -68px;
}
#FeatureSkill h5:after {
	display: block;
	content: '';
	position: absolute;
	width: 68px;
	height: 3px;
	margin-top: 6px;
	transition: all .4s ease;
	background-color: var(--color-blue3);
}
#FeatureSkill .progress {
	border-radius: 0;
}
#FeatureSkill .progress-bar {
	background-color: var(--color-yellow1);
	width: 0;
	height: 8px;
	transition: 2s linear;
}
.progress-bar::before {
	content: '';
	position: absolute;
	right: 0px;
	left: 0px;
	padding: 1px 0px;
	font-size: 15px;
	border-radius: 25px;
	font-weight: bold;
	width: 20px;
	margin: 0px auto;
}
#FeatureSkill .progress-bar-text {
	font: 600 17px/20px var(--font-josefin);
	color: var(--color-blue1);
}
#FeatureSkill .progress-bar-per {
	font: 600 17px/20px var(--font-josefin);
	color: #6967b4;
}
#OurAchievments h2,#OurAchievments p,#OurAchievments h4,#OurAchievments h5,#OurAchievments i {
	color: var(--color-white);
}
#OurAchievments h4 {
	font: 600 24px/20px var(--font-josefin);
}
#OurAchievments h5 {
	font: 600 17px/20px var(--font-josefin);
}
#OurAchievments p {
	width: 75%;
}
#OurAchievments i {
	font-size: 35px;
	font-weight: 600;
	border: 4px solid var(--color-white);
	padding: 18px;
	border-radius: 50%;
}
#OurAchievments i:hover {
	border-radius: 1px;
	border-top-left-radius: 12px;
	border-bottom-right-radius: 12px;
	background-color: var(--color-yellow1);
	transition: all .4s ease;
}
#MyResume img {
	width: 36px;
}
/*#MyResume .MyResumeleft:hover .left-box-text img,#MyResume .MyResumeright:hover .right-box-text img {
	-webkit-animation: spinimg 2s linear infinite;
	animation: spinimg 2s linear infinite;
}
*/@keyframes spinimg {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
#MyResume h5:after {
	display: block;
	content: '';
	position: absolute;
	width: 68px;
	height: 3px;
	margin-top: 0px;
	margin-left: 43px;
	transition: all .4s ease;
	background-color: var(--color-blue3);
}
#MyResume .right-box,#MyResume .left-box {
	border-radius: 8px;
	filter: drop-shadow(0 0 3.5px rgba(52, 51, 51, 0.22));
	background-color: var(--color-white);
	border-left: 5px solid var(--color-yellow1);
}
#MyResume .left-box,#MyResume .right-box {
	display: none;
}
#MyResume .icon-left-box i {
	position: absolute;
	margin-top: -13%;
	left: 41%;
}
#MyResume .icon-right-box i {
	position: absolute;
	margin-top: -13%;
	left: 49%;
}
/* new code */
.minus-icon{
	background-color: red;
}
#MyResume .icon-left-box i,#MyResume .icon-right-box i {
	background-color: var(--color-blue1);
	color: var(--color-white);
	padding: 18px 19px;
	border-radius: 50%;
	font-size: 18px;
	cursor: pointer;
}
#MyResume .left-box:after,#MyResume .right-box:after {
	display: block;
	content: '';
	position: absolute;
	width: 15px;
	height: 15px;
	left: -10px;
	top: 22px;
	border-radius: 1px;
	transition: all .4s ease;
	background-color: var(--color-yellow1);
	animation: mymove 2s forwards;
	animation-duration: 6000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@keyframes mymove {
	from {
		top: 22px;
		transform: rotate(0deg);
	}
	to {
		top: 150px;
		transform: rotate(360deg);
	}
}
#MyResume:hover .icon-left-box i,#MyResume:hover .icon-right-box i {
	animation: glowing .5s infinite;
}
@keyframes glowing {
	0% {
		box-shadow: 0 0 -10px var(--color-blue1);
	}
	40% {
		box-shadow: 0 0 15px var(--color-blue1);
	}
	60% {
		box-shadow: 0 0 15px var(--color-blue1);
	}
	100% {
		box-shadow: 0 0 -10px var(--color-blue1);
	}
}
#MyResume .left_card_head,#MyResume .right_card_head {
	font: 600 20px/20px var(--font-josefin);
	color: var(--color-blue1);
}
#MyResume .left_card_uni,#MyResume .right_card_uni {
	background-color: #f7f6fb;
	width: 245px;
	height: 28px;
	padding: 5px;
}
#MyPortfolio .project-tabs ul {
	margin: 0 auto;
	display: block;
}
#MyPortfolio .project-tabs ul li {
	display: inline-block;
	cursor: pointer;
}
#MyPortfolio .project-tabs ul li .nav-link {
	border: none !important;
}
#MyPortfolio .project-tabs ul li .nav-link:hover {
	color: var(--color-yellow1) !important;
}
#MyPortfolio .project-tabs ul li .nav-link:active {
	background-color: var(--color-yellow1) !important;
	color: var(--color-yellow1) !important;
	border-top-left-radius: 8px !important;
	border-bottom-right-radius: 8px !important;
}
#MyPortfolio .vw_portfolio_box {
	overflow: hidden;
	position: relative;
}
#MyPortfolio .project-image {
	margin-top: 30px;
}
#MyPortfolio .project-image img {
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
#MyPortfolio .project-tabs ul li a {
	font: 600 16px var(--font-josefin);
	color: var(--color-yellow1);
}
#MyPortfolio .project-tabs .active {
	color: var(--color-white);
	background-color: var(--color-yellow1);
	border-top-left-radius: 8px;
	border-bottom-right-radius: 8px;
	padding: 11px;
}
#MyPortfolio .project-tabs ul li .active:hover:hover {
	color: var(--color-white) !important;
}
.vw_portfolio_box {
	background-color: rgb(55, 50, 147);
	overflow: hidden;
	position: relative;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
.vw_portfolio_box:before,.vw_portfolio_box:after {
	content: '';
	background: linear-gradient(to right, rgb(55 50 147), rgb(55 50 147), rgb(55 50 147));
	height: 50%;
	width: 100%;
	opacity: 0.8;
	position: absolute;
	top: -50%;
	left: 0;
	z-index: 1;
	transition: all 0.3s ease-in 0s;
	opacity: 0.5;
}
.vw_portfolio_box:after {
	top: auto;
	bottom: -50%;
}
.vw_portfolio_box:hover:before {
	top: 0;
}
.vw_portfolio_box:hover:after {
	bottom: 0;
}
.vw_portfolio_box img {
	width: 100%;
	height: auto;
}
.vw_portfolio_box .project-bgbox {
	color: #fff;
	text-align: center;
	width: 100%;
	opacity: 0;
	position: absolute;
	top: 32% !important;
	left: 0;
	z-index: 2;
	transition: all 0.3s ease-out 0.1s;
}
.vw_portfolio_box:hover .project-bgbox {
	opacity: 1;
	top: 20%;
}
.vw_portfolio_box h3 a {
	font-weight: 600;
	margin: 0;
}
.vw_portfolio_box h3 a:after {
	content: '';
     height: 2px;
     width: 70px;
     border-top: 2px dashed rgba(255,255,255,0.7);
     margin: 7px auto 10px;
     display: block;
     clear: both;
}
 .vw_portfolio_box .icon{
     padding: 0;
     margin: 0;
     list-style: none;
     opacity: 0;
     transform: translateX(-50%);
     position: absolute;
     left: 50%;
     bottom: 40%;
     z-index: 2;
     transition: all 0.3s ease-out 0.1s;
 }
 .vw_portfolio_box:hover .icon{
     opacity: 1;
     bottom: 20%;
 }
 .vw_portfolio_box .icon{
     margin: 0 3px;
     display: inline-block;
 }
 .vw_portfolio_box .icon a{
     color: #444;
     background-color: var(--color-white);
     font-size: 15px;
     text-align: center;
     line-height: 45px;
     height: 38px;
     width: 38px;
     border-radius: 5px;
     display: block;
     transition: all 0.3s ease 0s;
 }
 .vw_portfolio_box .icon a:hover{
     color: #444 !important;
 }
.vw_portfolio_box i {
	font-size: 20px;
	font-weight: 700;
}
#FreelanceAvailable h2,#FreelanceAvailable p,#sponsor h2,#sponsor p {
	color: var(--color-white);
}
#FreelanceAvailable h2:after,#sponsor h2:after {
	display: block;
	content: '';
	position: static;
	width: 116px;
	height: 4px;
	border-radius: 3px;
	transition: all .4s ease;
	background-color: var(--color-yellow1);
	margin: 10px auto;
}
#FreelanceAvailable .theme_button {
	border: 2px solid var(--color-white);
	background-color: transparent;
}
#FreelanceAvailable .freelance-btn img {
	width: 30px;
}
#FreelanceAvailable p,#sponsor p {
	width: 60%;
}
#HireMe .hireme-text {
	color: #505050;
}
#HireMe .box {
	filter: drop-shadow(0 0 12px rgba(41, 60, 151, 0.19));
	background-color: var(--color-white);
	width: 88%;
	border-radius: unset;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border: unset;
}
#HireMe .box:hover {
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
	transition: all 0.8s ease-in;
}
#HireMe .box img {
	width: 70%;
}
#HireMe .box_head {
	font-size: 18px;
	color: var(--color-blue);
}
.box:nth-child(even) {
	margin-left: 12%;
}
#HireMe .box {
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0.3s;
}
#HireMe .box:before,#HireMe .box:after {
	content: '';
	background-color: var(--color-blue);
	width: 100%;
	height: 2px;
	position: absolute;
	top: 0;
	left: -100%;
	transition: all 0.8s ease-in;
}
#HireMe .box:after {
	top: auto;
	bottom: 0;
	left: 100%;
}
#HireMe .box:hover:before,#HireMe .box:hover:after {
	opacity: 0.7;
	left: 0;
}
#WorkProcess .inner_work_process {
	background-size: 100% 100% !important;
	background-repeat: no-repeat;
	padding: 0px 0;
}
.c-dashed-line {
	animation: ways 1s linear infinite;
}
@keyframes ways {
	0% {
		transform: translateX(-1px);
	}
	100% {
		transform: translateX(-56px);
	}
}
#WorkProcess .inner_work_process .owl-carousel {
	position: absolute;
	top: 55%;
	left: 0;
	right: 0;
}
#WorkProcess .workprocess_inner_image {
	background-color: var(--color-blue);
	border-radius: 50px;
	width: 90px;
	height: 90px;
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
	background: linear-gradient(to right, var(--color-blue) 20%, var(--color-blue) 20%, #57b5c7 50%, var(--color-blue) 80%, var(--color-blue) 100%);
	background-size: 200% auto;
	animation: shine 3s linear infinite;
}
.inner_work_process .owl-carousel .owl-item :nth-child(odd) {
	margin-top: 20px;
}
.inner_work_process .owl-carousel .owl-item:nth-child(even) {
	margin-top: -19px;
}
#WorkProcess svg {
	padding: 0 6%;
	position: relative;
}
#WorkProcess .workprocess_inner_image:hover {
	border: 5px solid #9a95c8;
	border-radius: 1px;
	border-top-right-radius: 12px;
	border-bottom-left-radius: 12px;
	transition: all .7s ease;
}
@keyframes shine {
	to {
		background-position: 200% center;
	}
}
#WorkProcess img {
	width: 42px;
	margin-left: 24px;
	margin-top: 21px;
}
#WorkProcess p {
	width: 50%;
}
#WorkProcess h4 {
	color: var(--color-blue);
	text-transform: uppercase;
	font: 600 18px/20px var(--font-josefin);
}
/* #sponsor .sponsor_inner_image img {
	max-width: 65%;
} */
#sponsor .sponsor_inner_image.text-center {
  width: 65%;
}
#sponsor .Sponsor_inner_box {
	background-color: var(--color-white);
	padding: 20px 15px 36px 15px;
	border-top-left-radius: 8px;
	border-bottom-right-radius: 8px;
	position: relative;
	top: 95px;
	filter: drop-shadow(0 0 19px rgba(0, 0, 0, 0.11));
}
#sponsor .Sponsor_inner_box:hover {
	background-color: #f1cf9f;
	transition: all 0.8s ease-in;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
#newsletter h2,#newsletter p {
	color: #ffffff;
}
#newsletter p {
	width:66%;
	font: 400 16px/20px var(--font-josefin);
}
.newsletter-shortcode p {
	text-align: center;
	margin: 0 auto;
}
#newsletter input[type=email] {
	width: 100%;
	padding: 14px 10px;
	border: 1px solid var(--color-white);
	border-top-left-radius: 8px;
}
#newsletter input[type=submit] {
	left: -34%;
	padding: 14px 15px;
	color: var(--color-white);
	border: 1px solid var(--color-yellow1);
	border-bottom-right-radius: 8px;
	position: relative;
	background-color: var(--color-yellow1);
}
#MyBlog .latest-news-content {
	filter: drop-shadow(0 0 3.5px rgba(52, 51, 51, 0.22));
	background-color: #ffffff;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
#MyBlog .latest-news-content:hover {
	filter: drop-shadow(0 0 15px rgba(41, 60, 151, 0.19));
}
#MyBlog .post-one {
	height: 100%;
}
#MyBlog .post-two,#MyBlog .post-three {
	height: 238px;
}
#MyBlog .post-one img,#MyBlog .post-three img {
	border-top-left-radius: 10px;
}
#MyBlog .post-three img {
	height: 238px;
}
#MyBlog .post-two img {
	border-bottom-right-radius: 10px;
	height: 238px;
}
#MyBlog .news-date {
	color: var(--color-gray);
	font: 600 16px var(--font-josefin);
	padding-top: 10px;
}
#MyBlog h5 a {
	color: var(--color-blue);
	font: 600 22px var(--font-josefin);
}
#MyBlog h5 a:hover,#Testimonial h4 a:hover {
	color: var(--color-blue) !important;
}
#MyBlog .latesredmore {
	color: var(--color-yellow1);
	font: 400 14px var(--font-josefin);
}
#MyBlog .latesredmore i {
	margin-left: 6px;
}
#MyBlog .latesredmore:hover{
	color: var(--color-yellow1) !important;
}
#Testimonial {
	margin-bottom: -300px;
}
#Testimonial .testi-icon i {
	color: var(--color-white);
	background-color: var(--color-yellow1);
	padding: 15px;
	font-size: 40px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	position: absolute;
	left: 41%;
	margin-top: 43px;
	-webkit-animation: sp 3s linear infinite;
	animation: sp 3s linear infinite;
}
#Testimonial .testimonial_box img {
	width: 50px !important;
	opacity: 0.6;
}
#Testimonial .testimonial_auther img {
	width: 75px !important;
	opacity: 0.6;
}
.textimonial-img i {
	background-color: var(--color-blue);
	padding: 25px;
	border-radius: 50%;
	font-size: 30px;
	color: var(--color-white);
}
#Testimonial .testimonial_auther:hover .textimonial-img i {
	transition: all 0.9s;
	border-radius: 1px;
	border-top-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
#Testimonial h4 a,.testimonial_name a {
	color: var(--color-blue);
	font: 600 16px var(--font-josefin);
}
@keyframes sp {
	from {
		transform: translate(0, 0px);
	}
	65% {
		transform: translate(0, 30px);
	}
	to {
		transform: translate(0, -0px);
	}
}
.testi-outer-img {
	-webkit-animation: spar 2s linear infinite;
	animation: spar 2s linear infinite;
}
@keyframes spar {
	from {
		transform: translate(0, 0px);
	}
	65% {
		transform: translate(10px, 10px);
	}
	to {
		transform: translate(0, -0px);
	}
}