@import "common.css";
@import "responsive.css";
@import "inputField.css";

.fs-cont-1 { background-image: url('/images/bg.jpg'); min-height: 100vh; background-position: center; background-attachment: fixed; }
.fs-cont-2 { background-image: url('/images/bg-2.jpg'); min-height: 100vh; background-position: center; background-attachment: fixed; color: white; }
.fs-cont-3 { background-image: url('/images/bg-3.jpg'); min-height: 100vh; background-position: center; background-attachment: fixed; }
.fs-cont-4 { background-image: url('/images/bg-4.jpg'); min-height: 100vh; background-position: center; background-attachment: fixed; }

.fs-cont-400-h-1 { background-image: url('/images/bg.jpg'); height: 400px; background-position: center; background-attachment: fixed; }
.feature-cont { width: 80vw; }
.feature { padding: 120px 20px; }
.feature-2 { padding-bottom: 20px; }
.section-20 { text-align: center; width: 20%; word-wrap: break-word; padding: 30px; border: 2px solid #ededed; border-radius: 20px; }

.feature-2 h1 { width: 70vw; }
.feature-cont-2 p { margin: 24px; line-height: 26px; width: 70vw; }

.contact-form { display: flex; flex-direction: column; }
.contact-form label { margin-bottom: 40px; }


.errors { color: #db1b06; font-size: 14px; line-height: 22px; margin: 20px 0; }

.hover-effect-1:hover { background: #560bad; border: 2px solid #8e2dff; color: white; filter: drop-shadow(2px 2px 6px #8e2dff); }
.hover-effect-2:hover { background: #ffffff; border: 2px solid #fff; filter: drop-shadow(2px 2px 6px #767676); }



button { --color: #560bad; position: relative; overflow: hidden; padding: 12px 30px; border: 2px solid var(--color); transition: color .5s; z-index: 1; font-size: 20px; border-radius: 6px; font-weight: 600; color: var(--color); cursor: pointer; }
button:before { content: ""; position: absolute; z-index: -1; background: var(--color); height: 400%; width: 200%; border-radius: 50%; }
button:hover { color: #fff; }
button:before { top: 100%; left: 100%; transition: all .7s; }
button:hover:before { top: -50px; left: -100px; }
button:active:before { background: #3a0ca3; transition: background 0s; }
button.disabled { pointer-events: none !important; }