/* Start CSS */
:root {
    --animate-duration:1s;--animate-delay:1s;--animate-repeat:1}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

body { color: #2f2f2f; background-image: url("../img/backgroung.jpg"); background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; font-family: "Arial"; font-size:14px; line-height: normal; }
a { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; cursor:pointer; text-decoration:none; }
a:hover, a:active, a:focus { text-decoration:underline; outline:none; }
.clearfix10 { display:block; clear:both; height:10px; }
.clearfix20 { display:block; clear:both; height:20px; }
.clearfix30 { display:block; clear:both; height:30px; }
.text-red { color:#e43b2c; }
.container { max-width: 800px; }
.main { display: block; padding: 20px 0; }
.main__heading { background: #e43b2c; border-radius: 5px; color: #fff; font-size: 58px; margin: 0; padding: 10px 0; text-align: center; }
.main__title { color: #000; font-size: 46px; margin: 20px 0; padding: 0; text-align: center; }
.main__text { color: #000; display: block; font-size: 30px; margin: 30px 0; text-align: center; }
.form__outer { max-width: 550px; margin: 0 auto;}
.form { display: block; text-align:center; }
.form__control { border: 3px solid #c0c0c0; border-radius: 5px; background: #fff; color: #000; display: block; font-size: 21px; font-weight: 700; margin: 15px 0; padding: 15px 70px; width: 100%; position: relative; text-align: center; }
.form__control-name { background-image: url("../img/name.png"); background-position: 20px 16px; background-repeat: no-repeat; }
.form__control-email { background-image: url("../img/email2.png"); background-position: 20px 18px; background-repeat: no-repeat; }
.form__control:focus { outline: 0; border: 3px solid #43b0e2; }
.form__button { background: #e43b2c; border-radius: 5px; border: 1px solid rgba(0,0,0,0.2); color: #fff; display: inline-block; font-size: 24px; font-weight: 700; margin: 0; padding: 15px 60px; }
.form__button:hover { box-shadow: inset 0 2px 2px 0 rgba(255,255,255,0.22), 0 233px 233px 0 rgba(255,255,255,0.12) inset; color: #fff; text-decoration: none; }
.form__button:focus { outline: 0; }
.is-invalid {
	border: 3px solid #b91517;
}
.is-valid {
	border: 3px solid #4a8920;
}
.list { display: block; list-style-type: none; margin: 40px 0; padding: 0px; }
.list__item { background-image: url('../img/redarrow01.png'); background-repeat: no-repeat; background-position: 0 2px; font-size: 30px; padding: 10px 10px 10px 60px; }
.footer { display:block; margin:20px 0; text-align:center; }

/* =============== Start Tablet & Phone Device CSS =============== */
@media (max-width: 991px) { 
	.main__heading { font-size: 52px; }
	.main__title { font-size: 44px; }
	.main__text { font-size: 27px; }
}
@media (max-width: 767px) { 
	.main__heading { font-size: 40px; }
	.main__title { font-size: 34px; margin: 20px 0; }
	.main__text { font-size: 21px; margin: 20px 0; }

	.list {
		margin: 30px 0;
	}
	.list__item {
		background-position: 0 4px;
		background-size: 40px 40px;
		font-size: 26px;
	}
	.footer {
		margin: 15px 0;
	}
}
@media (max-width: 575px) { 
	.main__heading {
		font-size: 28px;
	}
	.main__title {
		font-size: 24px;
	}
	.main__text {
		font-size: 15px;
	}
	.form__control {
		padding: 15px 15px  15px 60px;
		font-size: 18px;
		text-align: left;
	}
	.form__control-name {
		background-position: 20px 15px;
	}
	.form__control-email {
		background-position: 20px 17px;
	}
	.form__button {
		font-size: 20px;
		padding: 15px 20px;
		width: 100%;
	}
	.list {
		margin: 20px 0;
	}
	.list__item {
		background-position: 0 7px;
		background-size: 30px 30px;
		font-size: 24px;
		padding: 10px 10px 10px 40px;
	}
}
@media (max-width: 413px) {
	.main__heading {
		font-size: 24px;
	}
	.main__title {
		font-size: 22px;
	}
	.main__text {
		font-size: 13px;
	}
	.form__control {
		font-size: 16px;
	}
	.form__button {
		font-size: 16px;
	}
	.list__item {
		background-size: 30px 25px;
		font-size: 21px;
	}
}
@media (max-width: 359px) { 
	.main__heading {
		font-size: 21px;
	}
	.main__title {
		font-size: 19px;
	}
	.main__text {
		font-size: 11px;
	}
	.form__control {
		font-size: 14px;
		padding: 15px 15px 15px 40px;
	}
	.form__control-name {
		background-position: 10px 13px;
	}
	.form__control-email {
		background-position: 10px 15px;
	}
	.list__item {
		background-size: 28px 24px;
		font-size: 18px;
	}
	.footer {
		margin: 10px 0;
		font-size: 13px;
	}
}
/* =============== End Tablet & Phone Device CSS =============== */