body{
    font-family: 'Roboto', sans-serif !important;
}

*{
    list-style:none !important;
    text-decoration: none !important;
}

h1, h2, h3 {
	font-weight: 700;
	color: #ff0000;
	text-align: center;
	font-size: 40px;
}

/* header-css */

header {
	background-color: #eae4e4;
}

header a {
	font-weight: 600;
	margin-right: 30px;
}

.my-btn {
	background-color: red;
	padding: 10px 25px !important;
	border-radius: 10px;
	color: #fff !important;
    transition: 0.6s;
}
.my-btn:hover {
	background-color: rgb(241, 59, 59);
}

/* *******hero-section******* */

.hero, .about{
    background-image: url(../img/cu-web-banner.jpg);
    background-position: center;
    background-size: cover;
}

.hero h2 {
	font-size: 45px;
	width: 73%;
	text-align: left;
}
.hero span {
	color: #ea2323;
}
.hero p {
	font-size: 18px;
	width: 77%;
}
.hero img {
	width: 280px;
}

/* ----form-css---- */

form h2 {
	font-size: 20px !important;
	text-align: center;
	color: #fff;
	width: 100% !important;
}

form {
    background: rgb(250,6,6);
    background: linear-gradient(0deg, rgba(250,6,6,1) 0%, rgba(184,36,15,1) 100%); 
	padding: 20px;
	border-radius: 20px;
	box-shadow: 2px 2px 3px 4px #1c0a0a;
}

form input, select {
	height: 50px;
	margin-bottom: 30px;
	border-radius: 9px !important;
}


form .my-btn {
    color:black !important;
    width: 100%;

    background:#fff;
    border: none;

}
 /* clients-section */

 .clients img {
	width: 90%;
}

.about{
    background-image: url(../img/cu-about-banner.jpg);
    background-position: center;
    background-size: cover;
}

.about h2 {
	color: #f00;
}
.about p {
	font-size: 20px;
}

.services .icon-box {
	box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
	padding: 50px 30px;
	transition: all ease-in-out 0.4s;
	background: #fff;
    width: 95%;
}

.icon img {
	width: 335px;
}

.services .icon-box:hover {
	transform: translateY(-10px);
}

.card svg {
	width: 15px;
}
.card a {
	color: #ba230f;
}

.course h4 {
	font-size: 18px;
	margin: 10px 0;
}
#course {
	background-image: url(../img/web-banner.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	display: inline-block;
}
.course h5 {
	color: #ff7474;
}
.contact .info {
	border-top: 3px solid #ff7474;
	border-bottom: 3px solid #ff7474;
	padding: 30px;
	background: #fff;
	width: 100%;
	box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
	max-width: 700px;
}
#footer {
	background-color: #ecd9d9;
	padding: 40px;
}
strong {
	font-size: 35px;
}
a {
	color: #ec1010;
}
a:hover {
	color: #d03737;
}
.r-img {
	display: none;
}
@media screen and (max-width: 767px) {
	.hero h2, .hero p, .hero img, .btn-xnt {
		display: none;
	}
	.r-img {
		display: block !important;
		width: 100% !important;
		margin-bottom: 20px;
		border-radius: 10px;
	}

	form h2 {
		display: block !important;
		text-align: center !important;
		margin-bottom: 20px;
	}

	.icon-box {
		width: 100% !important;
		margin-bottom: 20px;
	}
	.info {
		margin-bottom: 20px;
	}

	header img {
		width: 300px !important;
	}
}