/*--------------
--------------
         Add CSS file
----------------------------*/
@import "bootstrap/css/bootstrap.min.css";
@import 'fontawesome/css/font-awesome.css';
@import 'owlcarousel/css/owl.carousel.min.css';
@import 'flaticon/font/flaticon.css';

/*----------------------------
Add font
----------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap');
@font-face { 
 font-family: Calibri ; 
 src: url(font/calibri.ttf); 
} 
/*----------------------------
   element      
----------------------------*/

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html { text-rendering: optimizeLegibility !important;-webkit-font-smoothing: antialiased !important;}
*{margin:0; padding:0}
a{ text-decoration:none;}
a:hover{ text-decoration:none !important;}
header, nav, section, article, aside, footer { display:block;}
html {font-size: 100%;}
body {font-size: 12px;font-family: 'Roboto', sans-serif;line-height: 26px;color: #777;-webkit-font-smoothing: antialiased;font-weight: normal;}
h1, h2, h3, h4, h5, h6 {padding: 5px 0 15px 0;color: #333;font-weight: normal;-webkit-font-smoothing: antialiased;}
:-ms-input-placeholder{color: #000;}
/*----------------------------
         HEADER
------------------------*/
.logo {padding: 10px 0; }
.registration-step-section {background: url(../images/register-bg.jpg); height: 100%; background-size: 100%; background-attachment: fixed; background-position: center; }
.registration-content h2 {font-size: 30px; color: #162237; text-align: center; font-family: Calibri, sans-serif; padding: 0; }
.registration-content h3,
.registration-heading h3{font-size: 20px; color: #024405;    font-weight: bold; text-align: center; font-family: Calibri, sans-serif;  padding: 0; }
.registration-step {width: 55%; margin: 0 auto; }
.registration-step-form {padding: 40px; }
.registration-step-menu ul {border-bottom: 2px solid #7f4500; list-style: none; padding: 0; margin: 0; }
.registration-step-menu ul li {position: relative; padding: 10px 15px; display: inline-block; vertical-align: middle; }
.registration-step-menu ul li.active:after {content: '';left: 0; position: absolute; width: 100%; bottom: -2px; background: #024405; z-index: 9; height: 2px; }
.registration-step-menu ul li a {position: relative; color: #7f4500; text-align: center; font-weight: 400; font-size: 14px; font-family: 'Audiowide', cursive; text-transform: uppercase; }
.registration-step-menu ul li a svg {fill: #7f4500; height: 30px; vertical-align: middle; }
.registration-step-menu ul li.active a{color: #024405; }
.registration-step-menu ul li.active a svg{fill: #024405; }


.registration-step-body{background: rgba(255, 255, 255, 0.78);margin-bottom: 20px; padding: 40px; border-radius: 5px; position: relative; }
.registration-step-body label {color: #7f4500;font-family: Calibri, sans-serif; font-size: 16px; margin-bottom: 0; }
.registration-step-body input.form-control {font-family: Calibri, sans-serif; font-size: 13px; color: #7f4500; border: 1px solid #f6ebdd; padding: 10px 10px; height: 42px; box-shadow: none; outline: none; }
.registration-step-body input.form-control::-webkit-input-placeholder {color:#eccfab; } 
.registration-step-body input.form-control::-moz-placeholder {color:#eccfab; }
.registration-step-body input.form-control:-ms-input-placeholder {color:#eccfab; } 
.registration-step-body input.form-control:-moz-placeholder {color:#eccfab; } 


.registration-step-body select.form-control {font-family: Calibri, sans-serif;font-size: 13px; color: #7f4500; border: 1px solid #f6ebdd; padding: 10px 10px; height: 42px !important; box-shadow: none; outline: none; }


.registration-step-body textarea.form-control {font-family: Calibri, sans-serif; font-size: 13px; color: #7f4500; border: 1px solid #f6ebdd; padding: 10px 10px; height: auto; box-shadow: none; outline: none; }
.registration-step-body textarea.form-control::-webkit-input-placeholder {color:#eccfab; } 
.registration-step-body textarea.form-control::-moz-placeholder {color:#eccfab; }
.registration-step-body textarea.form-control:-ms-input-placeholder {color:#eccfab; } 
.registration-step-body textarea.form-control:-moz-placeholder {color:#eccfab; } 
button.add-btn {background: #024405; padding: 8px 10px; border-radius: 2px; color: #fff; font-size: 14px; border: none; font-family: 'Audiowide', cursive; text-transform: uppercase; outline: none; display: inline-block; }

.registration-step-footer {text-align: center; }
.registration-btn{background: #024405; padding: 8px 20px; border-radius: 2px; color: #fff; font-size: 14px; border: none; font-family: 'Audiowide', cursive; text-transform: uppercase; outline: none; display: inline-block; }

table.registration-step-table thead {background: #fff1df; }
table.registration-step-table th {color: #7f4500; font-family: 'Audiowide', cursive; font-size: 13px; margin-bottom: 0; font-weight: normal; padding: 5px 10px; }
table.registration-step-table td {padding: 5px;background: #fff;  }

.HGCheckbox label {padding-left: 31px; font-family: Calibri, sans-serif;position: relative; display: inline-block; padding: 0 0 0 2em; margin-right: 10px; height: 1.5em; line-height: 1.5; cursor: pointer; color: #7f4500; font-size: 13px; }
.HGCheckbox label::before,
.HGCheckbox label::after {position: absolute; top: 0; left: 0; display: block; width: 17px; height: 17px; }
.HGCheckbox label::before {content: " "; border: 1px solid #fae3aa; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.HGCheckbox input[type="checkbox"]{position: absolute; opacity: 0; z-index: -1; margin: 0; }
.HGCheckbox input[type="checkbox"] + label::after {content: "\2714"; color: #7f456c; line-height: 1.3; text-align: center; border: none; }
.HGCheckbox input[type="checkbox"]:checked + label::before {background: #ffffff;border-color: #7f456c;}
.HGCheckbox input[type="checkbox"] + label::after{-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.HGCheckbox input[type="checkbox"]:checked + label::after{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.HGCheckbox label a{color: #024405;}


.upload-file {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px dotted #839884;
    height: 300px;
}.uploadfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}.addfile + label {
    color: #024405;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-align: center;
}

.addfile:focus + label,
.addfile.has-focus + label,
.addfile + label:hover {
    color: #024405;
}

.addfile + label figure {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #d3394c;
    display: block;
    padding: 20px;
    margin: 0 auto 10px;
}





.registration-gropro-section{padding: 2rem 0 2rem; background: #fffcf7; position: relative;}
.gropro-registration-card {padding: 10px; box-shadow: 0 0 30px rgb(218 180 131 / 27%); background: #fff; }
.gropro-content-info {background: #fff; height: 100vh; height: -webkit-calc(var(--vh,1vh) * 100); height: -moz-calc(var(--vh,1vh) * 100); height: calc(var(--vh,1vh) * 100); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }
.gropro-content-left{display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }
.gropro-content-right{display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.registration-gropro-form {padding: 20px; } 
.gropro-media{width: 520px;/*
    height: 100vh; */display: block; background: #f8f4d9; border-radius: 0px; overflow: hidden;}
.gropro-media img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
.gropro-scroll{overflow: auto;}
.gropro-registration-heading h3{font-size: 16px; color: #024405; text-align: left;font-family: Calibri, sans-serif; padding: 0; }
.registration-gropro-body .row {margin-left: -5px;margin-right: -5px;}
.registration-gropro-body .row .col-xs-6.col-sm-6.col-md-6,
.registration-gropro-body .row .col-xs-12.col-sm-12.col-md-12{padding-right:5px;padding-left:5px;}
.registration-gropro-body{background: rgba(255, 255, 255, 0.78);margin-bottom: 20px; padding:20px 0; border-radius: 5px; position: relative; }
.registration-gropro-body label {color: #7f4500; font-family: Calibri, sans-serif; font-size: 14px; margin-bottom: 0; }
.registration-gropro-body input.form-control {font-family: Calibri, sans-serif; font-size: 13px; color: #7f4500; border: 1px solid #f6ebdd; padding: 10px 10px; height: 42px; box-shadow: none; outline: none; }
.registration-gropro-body input.form-control::-webkit-input-placeholder {color:#eccfab; } 
.registration-gropro-body input.form-control::-moz-placeholder {color:#eccfab; }
.registration-gropro-body input.form-control:-ms-input-placeholder {color:#eccfab; } 
.registration-gropro-body input.form-control:-moz-placeholder {color:#eccfab; } 

.registration-gropro-body input.select2-search__field::-webkit-input-placeholder {color:#eccfab; } 
.registration-gropro-body input.select2-search__field::-moz-placeholder {color:#eccfab; }
.registration-gropro-body input.select2-search__field:-ms-input-placeholder {color:#eccfab; } 
.registration-gropro-body input.select2-search__field:-moz-placeholder {color:#eccfab; } 

.registration-step-form input.select2-search__field::-webkit-input-placeholder {color:#eccfab; } 
.registration-step-form input.select2-search__field::-moz-placeholder {color:#eccfab; }
.registration-step-form input.select2-search__field:-ms-input-placeholder {color:#eccfab; } 
.registration-step-form input.select2-search__field:-moz-placeholder {color:#eccfab; } 
input.select2-search__field{font-family: Calibri, sans-serif;}



.registration-gropro-body select.form-control {font-family: Calibri, sans-serif; font-size: 13px; color: #7f4500; border: 1px solid #f6ebdd; padding: 10px 10px; height: 42px !important; box-shadow: none; outline: none; }
.registration-gropro-body .select2-container--default .select2-selection--multiple,
.registration-step-form .select2-container--default .select2-selection--multiple{font-family: Calibri, sans-serif; font-size: 13px; color: #7f4500 !important; border: 1px solid #f6ebdd; }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f6dcb2;
    border: 1px solid #7f4500;}
.select2-results__option{font-family: Calibri, sans-serif;color: #7f4500; }
.registration-gropro-body textarea.form-control {font-family: Calibri, sans-serif; font-size: 13px; color: #7f4500; border: 1px solid #f6ebdd; padding: 10px 10px; height: auto; box-shadow: none; outline: none; }
.registration-gropro-body textarea.form-control::-webkit-input-placeholder {color:#eccfab; } 
.registration-gropro-body textarea.form-control::-moz-placeholder {color:#eccfab; }
.registration-gropro-body textarea.form-control:-ms-input-placeholder {color:#eccfab; } 
.registration-gropro-body textarea.form-control:-moz-placeholder {color:#eccfab; } 
.auth-form-link{font-family: Calibri, sans-serif;}