/* animation css styles */
/* header rul bar animation*/

.rul div:hover {
	background-color: #095052;
}

/* end header rul bar animation */
/* ..... */
/* left aside social links animations */
.social li:hover {
	margin-left: 1.5rem;
}

/* end */
/* ... */
/* header options animation */
.search:hover {
	border: 2px solid whitesmoke;
}
.search-suggest li:hover {
	color: whitesmoke;
	font-size: 1.05rem;
}
.first-option > div:hover {
	background-color: #095052;
}

.second-option > div:hover {
	background-color: #095052;
}

.second-header-option > div {
	transition: all 0.7s;
}

.second-header-option > div:hover {
	cursor: pointer;
	text-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px,
		rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

.responsive-option > div:hover {
	color: rgb(245, 229, 4);
	cursor: pointer;
}

svg {
	cursor: pointer;
}

/* end header options animation */
/* ... */
/* left aside option animation */
.bg-icon {
	transition: all 1s ease;
}

.bg-icon:hover {
	background-color: #05abad;
}

.bg-icon h1 {
	transition: all 1s ease;
}

.bg-icon:hover.bg-icon h1 {
	color: white;
}

.aside-option > div {
	transition: all 1s;
}

.aside-option > div:hover {
	transform: scale(1.01);
	box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px,
		rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

.responsive {
	transition: all 1s;
}

.responsive:hover {
	transform: scale(1.01);
	box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px,
		rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

.sareers3rd {
	transition: all 1s;
}

.sareers3rd:hover {
	transform: scale(1.01);
	box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px,
		rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

.aside-image > div {
	transition: all 1s;
}

.aside-image > div:hover {
	/* transform: scale(0.1); */
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
		rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

/* end left aside options animation */
/* ... */
/* right image section animation */
.main-image > div {
	transition: all 1.5s;
}

.main-image > div:hover {
	/* transform: scale(1.01); */
	box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px,
		rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}

/* end */
/* ... */
/* footer social apps link animation */
.social-link {
	transition: all 1s;
}

.footer-social-link .x:hover {
	color: black;
}

.footer-social-link .facebook:hover {
	color: rgba(45, 127, 250, 0.637);
}

.footer-social-link .youtube:hover {
	color: red;
}

.footer-social-link .instagram:hover {
	color: rgb(202, 22, 238);
}

.footer-social-link .linkedin:hover {
	color: rgba(45, 127, 250, 0.637);
}

.footer-social-link .github:hover {
	color: black;
}

.footer-right-link a:hover {
	color: rgb(245, 229, 4);
}

.footer-link a:hover {
	color: rgb(245, 229, 4);
}

.footer-text ul li:hover {
	cursor: pointer;
	color: rgb(245, 229, 4);
}

/* end footer social apps link animation */

/* end css animations */