/* FONT */

 @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

 /* OVERALL */

 html {
     scroll-behavior: smooth;
 }

 * {
     /* border: 1px solid yellow; */
     font-family: "Montserrat", sans-serif;
     box-sizing: border-box;
 }

 main {
     font-family: "Montserrat", sans-serif;

     /* background-image: url("./images/stensil.png"); */
     background-repeat: no-repeat;
     background-position: bottom left;
     background-attachment: local;
     background-size: 25vh;
     z-index: 999;
 }

 a {
     color: #0f0571;
     text-decoration: none;
     font-weight: 500;
 }

 a:hover {
     color: rgb(61, 155, 233);
 }


 /*
    " CS " Means " Custom Style " 
    EX:  CS_Form = CUSTOM STYLE FOR FORM
*/


 /* HEADER */

 header {
     /* margin-bottom: -90px; */
     background-color: rgb(61, 155, 233);
     /* box-shadow: 0 2px 4px -1px rgba(57, 76, 96, .15); */

 }

 img[alt="Logo"] {
     width: 150px;
 }

 section {
     background-color: rgb(61, 155, 233);
 }

 .CS_Back {
     background-image: linear-gradient(#000 0, #00000033 0), url("./images/banner.png");
     background-repeat: no-repeat;
     background-position: center top;
     background-size: cover;
     background-attachment: fixed;
     /* border-bottom: 1px solid rgba(43, 59, 74, .3); */
     min-height: 45vh;
 }

 /* TITLE */

 .CS_Title h1 {
     display: inline-block;
     color: #ffffff;
     font-size: 42px;
     text-shadow: rgba(0, 0, 0, 0.4) 0px 4px 5px;
 }

 .CS_Title h2 {
     color: #f9f9f9;
     border-radius: 5px;
     padding: 20px 20px 0px 0px;
 }


 /* ABSTRACT */

 .CS_Abstract {
     color: #3e3e3e;
     font-size: 18px;
 }

 .CS_Layer {
     background-color: #ee5b30;
     box-shadow: rgb(0 0 0 / 30%) -0px 17px 30px, rgb(0 0 0 / 22%) -0px 15px 30px;
 }


 /* FORM */

 .CS_Form_Section {
     background-color: #fff;
 }

 .CS_Form_Background {
     /* background-color: #ffffff; */
     background-color: rgb(97, 203, 242);
 }

 .CS_Form_Background:hover {
     background-color: #989896
 }

 .CS_Form_Header {
     /* -webkit-background-clip: text;
     background-image: linear-gradient(90deg, #00c4cc, #7d2ae8);*/
     text-align: center;
     color: #fff;
     font-size: 28px;
 }

 .form-control,
 select {
     font-size: 18px;
     background-color: #F5F5F5;
     margin-bottom: 10px;
     border-radius: 0;
 }


 ::placeholder {
     color: #ffffff;
 }

 label {
     color: #fff;
     padding: 10px 5px 5px 0px;
     font-weight: 500;
     font-size: 18px;
 }

 label::after {
     content: " *";
 }

 .CS_Optin {
     color: #fff;
 }

 .CS_Optin a {
     color: #fff;
 }

 .CS_Optin a:hover {
     color: #009ad1;
 }


 button[type="submit"] {
     /* background-color: #ee5b30; */
     border: 2px solid #fff;
     background-color: #fff;
     color: #3e3e3e;
     text-wrap: wrap;
     font-weight: 500;
     margin-bottom: 10px;
     border-radius: 0px;

 }

 button[type="submit"]:hover {
     background-color: #fff;
 }

 /* THUMB */

 img[alt="Thumb"] {
     display: block;
     margin-left: auto;
     margin-right: auto;
     border-top: 1px solid #a0a0a055;
     border-right: 1px solid #a0a0a055;
     box-shadow: rgb(0 0 0 / 15%) -15px 15px 32px, rgb(0 0 0 / 15%) -15px 15px 4px;
     /* clip-path: polygon(0 17px, 17px 0, 100% 0, 100% calc(100% - 7px), calc(50% + 79px) calc(100% - 7px), calc(50% + 73px) 100%, calc(50% - 73px) 100%, calc(50% - 79px) calc(100% - 7px), 0 calc(100% - 7px)); */
     width: 90%;
     max-width: 400px;
 }

 /* FOOTER */

 footer {
     background-color: rgb(0, 84, 111);
     color: #fff;
     border-top: 1px solid rgba(0, 0, 0, .1);
 }

 footer a {
     color: #fff;
 }