@charset "utf-8";
/*===========================
      Font Style
=============================*/

/*Font family - Filson Soft Bold*/

@font-face {
	font-family: 'filson-soft-bold';
	src: url('fonts/filson-soft-bold.ttf'), url('fonts/filson-soft-bold.eot'), url('fonts/filson-soft-bold.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('fonts/filson-soft-bold.woff') format('woff');
	/* Pretty Modern Browsers */
}

/*Font family - Filson Soft Book*/

@font-face {
	font-family: 'filson-soft-book';
	src: url('fonts/filson-soft-book.ttf'), url('fonts/filson-soft-book.eot'), url('fonts/filson-soft-book.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('fonts/filson-soft-book.woff') format('woff');
	/* Pretty Modern Browsers */
}

/*Font family - Filson Soft Regular*/

@font-face {
	font-family: 'filson-soft-regular';
	src: url('fonts/filson-soft-regular.ttf'), url('fonts/filson-soft-regular.eot'), url('fonts/filson-soft-regular.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('fonts/filson-soft-regular.woff') format('woff');
	/* Pretty Modern Browsers */
}

html, body {
	overflow-x: hidden;
  }
 body {
	width:100%;
  }
  
.details{
	background: #b9e4f9;
    font-family: 'filson-soft-regular';
    padding: 100px 0px 35px;
    background-image: url(../images/section2-bg.png);
    background-size: cover;
    background-position: bottom;
	position: relative;
}

.pdetails{
    background-image: url(../images/Gr238.jpg);
}

.details h1, .details b{
	font-family: 'filson-soft-bold';
}

.details .note{
	width: 70%;
    margin: auto;
    font-size: 10px;
}

.highlight-text{
	text-transform: capitalize;
	color: #1975B8;
	font-family: 'filson-soft-bold';
	text-align: center;
}

.rounds-info{
	background-color: white;
    border-radius: 20px;
    text-align: center;
}

.rounds-info h3{
	font-family: 'filson-soft-bold';
}

.rounds-info p{
	margin-bottom: 0;
}

.rounds-info .table thead th{
	border-bottom: none;
	border-top: none;
}

.rounds-info .table td, .table th{
	border-top: none;
	padding: 10px 0;
}

.rounds-info .table tbody tr{
	border-bottom: 3px dashed;
}

.rounds-info .table tbody tr:last-child{
	border-bottom: none;
}

.rounds-info .table{
	width: 80%;
    margin: auto;
}

.rounds-info .table tbody tr .name{
	text-align: left;
}

.winner-note{
	background-color: #53B7E8;
	border-radius: 10px;
	font-family: 'filson-soft-bold';
}

.rounds-info .col-12 .prize-info {
	border-top: 2px dashed;
	border-bottom: 2px dashed;
}

.rounds-info .col-12:last-child .prize-info {
	border-bottom: none;
}

.prize-tag{
	background-color: #53B7E8;
	width: 200px;
    padding: 5px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: auto;
}

.prize-info span{
	color: #C6168D;
    font-weight: bolder;
	font-family: 'filson-soft-bold';
}

.special-note{
	background-color: #FCF8C8;
	padding: 15px;
	border-radius: 20px;
}

.special-note p{
	margin-bottom: 0;
}

.special-note p img{
	width: 15px;
	padding-bottom: 5px;
}

.img-p1{
	width: 250px;
	position: absolute;
	top: 20%;
}

.img-p2{
	width: 150px;
	position: absolute;
	top: 60%;
	left: 10%;
}

.img-p3{
	width: 200px;
	position: absolute;
	top: 80%;
	left: 15%;
}

.img-p4{
	width: 100px;
	position: absolute;
	top: 0%;
	right: 0;
}

.img-p5{
	width: 200px;
	position: absolute;
	top: 40%;
	right: -5%;
}

.img-p6{
	width: 250px;
	position: absolute;
	top: 15%;
	right: -2%;
}

.past-winners{
	background: #b9e4f9;
    font-family: 'filson-soft-regular';
    padding: 100px 0px 35px;
    background-image: url("../images/Group 238.png");
    background-size: cover;
    background-position: bottom;
	position: relative;
}

.past-winners .section-title{
	color: #FCED17;
	border-bottom: 1px solid #EF5A29;
	width: fit-content;
	font-family: 'filson-soft-bold';
	font-size: 40px;
}
.info-title{
	color: #FCED17;
	font-size: 25px;
}

.past-winners .table thead th span{
	background: yellow;
    display: block;
    padding: 10px;
	text-align: center;
}

.past-winners .table tbody td span{
	background: white;
    display: block;
    padding: 10px;
	text-align: center;
}

.past-winners .table thead th, .table tbody td {
	border: none;
    padding: 5px;
}

.past-winners .table thead th:nth-child(1), .table tbody td:nth-child(1) {
	width: 30%;
}

.past-winners .table thead th:nth-child(2), .table tbody td:nth-child(2) {
	width: 15%;
}

.past-winners .table thead th:nth-child(3), .table tbody td:nth-child(3) {
	width: 40%;
}

.past-winners .table thead th:nth-child(4), .table tbody td:nth-child(4) {
	width: 15%;
}

.click-section{
	background: radial-gradient(#FFA400, yellow);
    border: 1px solid;
    width: fit-content;
    text-align: center;
    margin: auto;
    padding: 5px 20px;
    border-radius: 28px;
	margin-top: 40px;
}

.click-section a{
	font-weight: 700;
	color: black;
	text-decoration:  none;
}

.past-winners .win-img-pos-left{
	position: absolute;
	left: 3%;
	bottom: 10%;
	width: 100px;
}

.past-winners .win-img-pos-right{
	position: absolute;
	right: 3%;
	top: 10%;
	width: 100px;
}

.banner{
	position: relative;
}

.download-paper{
	position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translate(-50%, 10px);
    font-family: 'Filson';
    background: #2f3184;
    width: 50vw;
    height: 5vh;
    text-align: center;
    border-radius: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.download-paper a{
	color: white;
	font-size: 1.3vw;
	font-family: 'filson-soft-regular';
	text-decoration: none;
}

.bottom-image{
	position: absolute;bottom: 0;left: 0;width: 100%; z-index: 1;
}

.bottom-image img{
	width: 100%;
    height: 170px;
    object-fit: cover;
}

.contact-section{
	z-index: 100;
    position: inherit;
}

.contact-form .input-group{
	border-radius: 30px;
}

.contact-form .input-group-prepend{
	border-radius: 20px;
	background-color: #2f3184;
	color: white;
	width: 200px;
}

.contact-form .input-group-text{
	border-radius: 20px 0 0 20px;
    background: #007cff;
    color: yellow;
    text-transform: uppercase;
    font-family: 'filson-soft-regular';
    border: 3px solid #004dd8;
	width: 200px;
}

.contact-form .form-control{
	border-radius: 0 20px 20px 0;
    border: 3px solid #004dd8;
}

.info-text{
	color: white;
    font-size: 14px;
    text-align: center;
    margin-bottom: 15px;
}

.contact-image{
	position: absolute; 
	bottom: 25vh; right: 5vw; width: 30vw; object-fit: cover;
}