* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: Cursive;
	text-transform: capitalize;
}

:root {
	--orange: #fab622;
	--blue: #583085;
	--white: #ffffff;
	--black: #000;
}

/*body*/
.body-img-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

/*===header===*/
header {
	position: sticky;
	top: 0px;
	z-index: 1;
	background-color: var(--white);
}

.header-page ul li a {
	color: var(--black);
	font-weight: 600;
}

.header-page ul li a:hover {
	color: var(--orange);
	font-weight: 600;
}

/*===header end===*/


/*home*/
.main-11 {
	position: relative;
	overflow: hidden;
}

.bg-img-main {
	background-size: 100% 100%;
	background-repeat: no-repeat;
	overflow: hidden;
}

.home-text h2 {
	color: var(--white);
	font-weight: 600;
	letter-spacing: 4px;
	text-transform: uppercase;
}

.home-text p {
	color: var(--white);
}

.button-animet {
	margin: 0;
	display: grid;
	place-items: center;
}

.button-animet a {
	position: relative;
	padding: 30px 60px;
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.4);
	color: #fff;
	text-decoration: none;
	overflow: hidden;
	border-radius: 10px;
}

.button-animet a span:nth-child(1) {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(to right, var(--orange), var(--orange));
	animation: animate1 2s linear infinite;
}

@keyframes animate1 {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(100%);
	}
}

.button-animet a span:nth-child(2) {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 3px;
	background: linear-gradient(to bottom, var(--orange), var(--orange));
	animation: animate2 2s linear infinite;
	animation-delay: 1s;
}

@keyframes animate2 {
	0% {
		transform: translateY(-100%);
	}

	100% {
		transform: translateY(100%);
	}
}

.button-animet a span:nth-child(3) {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(to left, var(--orange), var(--orange));
	animation: animate3 2s linear infinite;
}

@keyframes animate3 {
	0% {
		transform: translateX(100%);
	}

	100% {
		transform: translateX(-100%);
	}
}

.button-animet a span:nth-child(4) {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 3px;
	background: linear-gradient(to top, var(--orange), var(--orange));
	animation: animate4 2s linear infinite;
	animation-delay: 1s;
}

@keyframes animate4 {
	0% {
		transform: translateY(100%);
	}

	100% {
		transform: translateY(-100%);
	}
}

.home-text {
	position: relative;
}

.home-imgicon {
	position: absolute;
	top: 110px;
	right: 2px;
}

.home-imgicon-2 {

	position: absolute;
	left: 1px;
}

/*about us*/

.section-bg-color {
	background-color: var(--blue);
}

/* service */

.service-box-1 {
	background-color: rgba(250, 182, 34, 0.3);
	border-radius: 10px;
}

.service-box-1 h2 {
	font-size: 25px;
	font-weight: 700;
	color: #fff;

}

.service-box-1 p {
	color: #fff;

}



.bg-icon {
	position: relative;
}

.service-icon-1 {
	padding: 5px;
	background-color: var(--white);
	border-radius: 50%;

	position: absolute;
	top: 20px;
	height: 100px;
	width: 100px;
}

.service-icon-1 img {
	transition: 2s;
}

.service-icon-1 img:hover {
	transform: rotateY(180deg);
}


/* our testimonial */

.ajent-buttion .carousel-indicators .active {
	width: 10px;
	/* Change to adjust the size of the active dot */
	height: 10px;
	/* Change to adjust the size of the active dot */
	border-radius: 50%;
	background-color: orange;
	/* Change to whatever color you want */
}

.ajent-name {
	color: var(--white);
	font-size: 20px;
}

.profail-carda div p {
	color: var(--white);
	/*        font-family: 'Lato', sans-serif;*/
	line-height: 1.3;
	letter-spacing: 0px;
}

.profail-carda div img {
	background-color: var(--orange);
}

/* blog */


.blog-img {
	overflow: hidden;

}


.blog-img img {

	transition: 2s;
}

.blog-img img:hover {

	transform: scale(1.1, 1.1);
}


.blog-link a {
	text-decoration: none;
	color: var(--black);
	font-weight: 600;
}

.blog-link a:hover {
	text-decoration: underline;
	color: var(--black);
	font-weight: 600;
}

.bolg-1 {
	background-color: var(--white);


}

.blog-text div span {

	color: var(--black);

}

/* contact */



input[type=text] {


	border: none;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 5px;
	padding: 5px;
	width: 100%;
	outline: none;



}

input[type=email] {
	border: none;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 5px;
	padding: 5px;
	width: 100%;
	outline: none;

}

input[type=number] {
	border: none;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 5px;
	padding: 5px;
	width: 100%;
	outline: none;

}

textarea {
	border: none;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 5px;
	padding: 5px;
	width: 100%;
	outline: none;

}

input[type=submit] {
	background-color: orange;
	border: none;

	border-radius: 5px;

	color: wheat;
	font-weight: 600;
	outline: none;

}

.contect-p-style p {
	color: #fff;
}



.mnelink {
	color: #fff;
}

.footer-logo-text {
	color: #fff;
}


/*dawnlod app*/

.dawnlod-text {
	color: #fff;
}

.dawnlod-text button {
	color: #fff;
	border: none;
	border-radius: 5px;
	background-color: orange;
}


.stars-box {
	color: orange;

}


/*blog detiale*/


.bg-img-1 {
	background-size: 100% 100%;
}

.feature-text h5 {
	color: var(--orange);
	font-weight: 700;
}

.feature-text p {
	color: var(--white);
}

/*#feature h3{
    color: #ff5e00;
    font-size: 3vw;
}*/

.feature-card {
	width: 90%;
	padding-left: 3vw;
	margin: auto;
	margin-top: 9vw;
	border-left: 3px solid var(--orange);
}


.left-icon i {
	font-size: 4vw;
	color: var(--blue);
}

.blog-bg-img {
	height: 250px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 10px;
	transition: 2s;
	overflow: hidden;
}


.blog-bg-img:hover {
	height: 250px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 10px;
	transform: scale(1.1, 1.1);

}


.recent-bg-img {
	height: 200px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 10px;
	transition: 2s;
	overflow: hidden;

}


/*.recent-bg-img:hover{
    height: 100px;
    background-repeat: no-repeat;
    background-size: 100% 100%;

    transform: scale(1.1,1.1);
    
}*/






.blog-detail-bg-img {
	height: 500px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 10px;

	overflow: hidden;
}





/*key features  */

.features-text p {
	color: var(--white);

}

.features-text h4 {
	color: var(--white);

}

.features-icon i {
	font-size: 50px;
	background-color: var(--white);

}

.features-text {
	background-color: rgba(250, 182, 34, 0.5);
	border-radius: 10px;
}

.features-text a {
	color: var(--white);
	background-color: var(--orange);
}

/**/
.features-text-2 p {
	color: var(--white);

}

.features-text-2 h4 {
	color: var(--white);

}

.features-icon-2 i {
	font-size: 50px;
	background-color: var(--white);

}

.features-text-2 {
	background-color: rgba(88, 48, 133, 0.5);
	border-radius: 10px;
}

.features-text-2 a {
	color: var(--white);
	background-color: var(--blue);
}


/*login form*/