@charset "utf-8";

/* CSS Document */

:root {

	/* real theme color */
	/* --main-color: #ff5956;
    --main-color-rgb: 225, 89, 86;
    --two-color: #462b34;
    --two-color-rgb: 70, 43, 52; */

	/* changed theme color */
	--main-color: #F8BE37;
	--main-color-rgb: 248, 190, 55;
	--two-color: #00589F;
	--two-color-rgb: 0, 88, 159;

	/* reverse theme color */
	/* --two-color: #F8BE37;
	--two-color-rgb: 248, 190, 55;
	--main-color: #00589F;
	--main-color-rgb: 0, 88, 159; */


	/* new theme color */
	--pera-color: #4e5962;
	--pera-color-rgb: 78, 89, 98;
}

.slider-one__content:before {
	background: rgb(225, 89, 86);
	background: linear-gradient(90deg, rgba(225, 89, 86, 1) 26%, rgba(38, 38, 56, 1) 83%);
}

.page-title__content:before {
	background: rgb(225, 89, 86);
	background: linear-gradient(90deg, rgba(225, 89, 86, 1) 26%, rgba(38, 38, 56, 1) 83%);
}

.project-two__img:before {
	background: rgb(226, 30, 47);
	background: linear-gradient(0deg, rgba(226, 30, 47, 1) 2%, rgba(226, 30, 47, 0) 45%);
}

.about-three__play .ripple,
.about-three__play .ripple:before,
.about-three__play .ripple:after {
	-webkit-box-shadow: 0 0 0 0 rgba(225, 89, 86, .3);
	-moz-box-shadow: 0 0 0 0 rgba(225, 89, 86, .3);
	-ms-box-shadow: 0 0 0 0 rgba(225, 89, 86, .3);
	-o-box-shadow: 0 0 0 0 rgba(225, 89, 86, .3);
	box-shadow: 0 0 0 0 rgba(225, 89, 86, .3);
}

.about-two__play .ripple,
.about-two__play .ripple:before,
.about-two__play .ripple:after {
	-webkit-box-shadow: 0 0 0 0 rgba(225, 89, 86, .3);
	-moz-box-shadow: 0 0 0 0 rgba(225, 89, 86, .3);
	-ms-box-shadow: 0 0 0 0 rgba(225, 89, 86, .3);
	-o-box-shadow: 0 0 0 0 rgba(225, 89, 86, .3);
	box-shadow: 0 0 0 0 rgba(225, 89, 86, .3);
}