@charset "utf-8";
/* CSS Document */

/*html, body {
	width: 100%;
	overflow-x: hidden;
} */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

@font-face {
    font-family: CambriaFont;
    src: url(../fonts/Cambria.ttf);
  }

:root 
{
    
    /* Color */
    --main-bg-color: #000; 
    --second-bg-color: #ea6645;
    --heading-text-color:#022547;
    --main-text-color: #022547; 

    /* Font family */
    --body-font:'Poppins', sans-serif;
    --heading-font: CambriaFont; 

}

html
{
    scroll-behavior: smooth;
}


* {
    text-decoration: none !important;
    outline: none !important;
    padding: 0;
    margin: 0;
}
body {
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    background: #fff;
    letter-spacing: 0.4px;
    overflow-x: hidden;
    color: var(--main-text-color);
}
img 
{
    width: auto;
    max-width: 100%;
    height: auto;
    border: 0;
}
ul, ol 
{
    margin: 0;
    padding: 0;
    list-style: none;
}
a, a:hover,a:focus
{
    text-decoration: none;
}
ol 
{
    list-style: decimal inside;
}
h1, h2, h3, h4, h5, h6 
{
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 20px;
    color: var(--heading-text-color);
    line-height: 1.5;
    font-family: var(--heading-font);
}

p
{
    margin: 0;
    padding: 0;
    font-size: 15px;
    
}
b, strong 
{
    font-weight: 600;
}
blockquote 
{
    margin: 0;
    padding: 0;
    border: none;
}
/* a, a:hover, a:visited 
{
    color: #21a108;
} */
/* ::selection 
{
    background: #21a108;
    color: #fff;
}
::-moz-selection 
{
    background: #21a108;
    color: #fff;
} */
a:focus,p:focus,div:focus,input:focus,textarea:focus,submit:focus,button:focus
{
    outline:none;
}
.text-right { text-align: right;}
.navbar-brand { width: 60px;}
.menu_ber { background: #000;}
.menu_ber .navbar { padding: 10px 0;}
.menu_ber .navbar .nav-item .nav-link { color: #fff;}
.menu_ber .navbar .nav-item .nav-link.active { color: #ffff01;}
.menu_ber .navbar-toggler { border-color: #ffff01;}
.menu_ber .navbar-dark .fa { color: #ffff01; line-height: 30px;}
.section { padding: 40px 0;}
.form_box { width: 90%; padding: 15px; margin: 0 auto; border: 1px solid #ccc; border-radius: 5px; background: #f9f9f9; }
.logo_box { width: 120px; height: 120px; margin: 0 auto 10px auto;}
.form_box h2 { font-size: 24px; line-height: 1.2; color: #000; text-align: center; padding: 0; margin: 0 0 10px 0; font-weight: bold;}
.form_box h3 { font-size: 20px; line-height: 1.2; color: #000; text-align: center; padding: 0; margin: 0 0 10px 0; font-weight: bold;}
.bg_color { padding: 6px 10px; background: #ffff01;}
.bg_color h3 { margin: 0; font-size: 18px;}
.time_tbl { margin: 20px 0 0 0;}
.time_tbl table { width: 100%; border: 0;}
.time_tbl table td { border: 0; padding: 5px 10px;}
.time_tbl table td label { margin: 0 10px 0 0; font-weight: bold;}
.boxcenter_align { width: 80%; margin: 20px auto 0 auto;}
.form-cover { margin: 0 0 10px 0;}
.btn_style { padding: 10px 30px; margin: 15px auto; background: #000; color: #fff; border: 0; }
.btn_style:hover { background: #ffff01; color: #000; border: 0; }
.center_box { margin: 0 auto;}
.box_right { width: 100%; float: right;}
.upload-img {
    width: 100px;
    height: 120px;
    border: 1px solid #ccc;
    margin: 15px auto;
    padding: 5px;
    overflow: hidden;
    position: relative;
}
.upload-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.upload-img a { position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; border-radius: 50px; background: #f00; text-align: center; vertical-align: middle;}
.upload-img a .fa { color: #fff; font-size: 18px; line-height: 20px;}
.uploadbtn {
    position: relative;
    background: #ff9800;
    color: #fff;
    padding: 9px 5px;
    border-radius: 4px;
    font-size: 14px;
    transition: 0.3s;
    /* margin: 1px; */
    margin: 0 auto;
    width: 150px;
    text-align: center;
}
.uploadbtn input {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    opacity: 0;
    cursor: pointer;
}
.required{
    color: red;
    font-size: 16px;
}
.alert-message, .marathon_style { width: 64%; margin: 0 auto; }
.alert-message { text-align: center; margin: 15px auto;}
.marathon_style { padding: 35px 20px; border: 1px solid #ccc; border-radius: 5px; margin: 30px auto 0 auto; background: #333; }
.marathon_style h2, .marathon_style h3, .marathon_style h4 { font-weight: bold; margin: 0 0 10px 0; color: #fff;}
.marathon_style h2 { font-size: 30px; color: #ff0b0d; margin: 0 0 35px 0; text-align: center;}
.marathon_style h3 { font-size: 28px; margin: 0 0 15px 0;}
.marathon_style h4 { font-size: 24px;}
.marathon_tbl { width: 72%; background: #fff; border: 0; margin: 0 auto; }
.marathon_tbl td { padding: 10px 10px; font-size: 16px; border-color: #ccc; }
.marathon_tbl td .head_txt { font-weight: bold;}
.marathon_style .btn_box { margin: 25px auto 15px auto; display: table;}
.marathon_style .btn_box .btn { padding: 10px 30px; background: #ffff01; color: #000; border: 0; font-weight: bold; }
.marathon_style .btn_box .btn:hover { background: #000; color: #ffff01; }
.captcha_box { width: 338px; margin: 15px auto 5px auto;}
.footer { width: 100%; background: #000; padding: 10px 0; margin: 30px 0 0 0;}
.copyright_txt { text-align: center; color: #fff;}
.copyright_txt, .copyright_txt p { font-size: 13px; }
.copyright_txt a { color: #ffff01;}
.copyright_txt a:hover { color: #fff;}
.photo-errer { margin: 10px 0 20px 0;}
.photo-errer p { font-size: 13px; color: #f00; text-align: center;}
.sec404 { width: 100%; padding: 80px 0;}
.img404box { width: 50%; margin: 0 auto 30px auto; text-align: center;}
.btn_style1 { background: var(--main-bg-color); border: 0; font-size: 16px; color: var(--white-color); padding: 10px 30px; margin: 0; border-radius: 4px;}
.btn_style1:hover { background: var(--second-bg-color); color: var(--white-color); }
.green_color { color: green;}
.yellow_color { color: #ffff01;}
.message_icon { font-size: 60px; margin: 0 auto; display: table;}
.marathon_style h2.green_color { color: green;}
.marathon_style h2.yellow_color { color: #ffff01;}
.success_mess { color: #ffff01; font-weight: bold; margin: 0 0 35px 0; text-align: center;}
.message_wrap { padding: 30px 15px;}
.event_messbox { background: #ff9898; padding: 30px; text-align: center; }
.event_messbox h1 { font-size: 40px; color: #000;}
.wrapper { min-height: 500px; padding-bottom: 60px; }