@font-face {
    font-family: 'SegoeUIBlack';
    src: url('fonts/SegoeUIBlack.eot');
    src: url('fonts/SegoeUIBlack.eot?#iefix') format('embedded-opentype'),
        url('fonts/SegoeUIBlack.woff2') format('woff2'),
        url('fonts/SegoeUIBlack.woff') format('woff'),
        url('fonts/SegoeUIBlack.ttf') format('truetype'),
        url('fonts/SegoeUIBlack.svg#SegoeUIBlack') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SegoeUI-regular';
    src: url('fonts/SegoeUI.eot');
    src: url('fonts/SegoeUI.eot?#iefix') format('embedded-opentype'),
        url('fonts/SegoeUI.woff2') format('woff2'),
        url('fonts/SegoeUI.woff') format('woff'),
        url('fonts/SegoeUI.ttf') format('truetype'),
        url('fonts/SegoeUI.svg#SegoeUI') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SegoeUI-Semibold';
    src: url('fonts/SegoeUI-Semibold.eot');
    src: url('fonts/SegoeUI-Semibold.eot?#iefix') format('embedded-opentype'),
        url('fonts/SegoeUI-Semibold.woff2') format('woff2'),
        url('fonts/SegoeUI-Semibold.woff') format('woff'),
        url('fonts/SegoeUI-Semibold.ttf') format('truetype'),
        url('fonts/SegoeUI-Semibold.svg#SegoeUI-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SegoeUI-Light';
    src: url('fonts/SegoeUI-Light.eot');
    src: url('fonts/SegoeUI-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/SegoeUI-Light.woff2') format('woff2'),
        url('fonts/SegoeUI-Light.woff') format('woff'),
        url('fonts/SegoeUI-Light.ttf') format('truetype'),
        url('fonts/SegoeUI-Light.svg#SegoeUI-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SegoeUI-Bold';
    src: url('fonts/SegoeUI-Bold.eot');
    src: url('fonts/SegoeUI-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/SegoeUI-Bold.woff2') format('woff2'),
        url('fonts/SegoeUI-Bold.woff') format('woff'),
        url('fonts/SegoeUI-Bold.ttf') format('truetype'),
        url('fonts/SegoeUI-Bold.svg#SegoeUI-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

img {
    max-width: 100%;
}

input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="email"],
input[type="tel"],
textarea,
.input-checkbox {
    outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0px;
}

input:focus {
    outline: 0;
}

textarea:focus {
    outline: 0;
}

button:focus {
    outline: 0;
}

a {
    cursor: pointer;
    text-decoration: none;
    transition: all 0.5s ease;
}

a:focus,
a:hover {
    text-decoration: none;
    outline: 0;
}

.TC {
    text-align: center;
}

.TL {
    text-align: left;
}

.TR {
    text-align: right;
}

.margin_auto {
    margin: auto;
    float: none;
}

.padding {
    padding: 0;
}

.al {
    width: 100%;
    height: 100%;
    display: table;
}

.alm {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

abbr[title] {
    border-bottom: none !important;
    cursor: inherit !important;
    text-decoration: none !important;
}

body {
    font-family: 'SegoeUI-regular';
}

.p_0 {
    padding: 0px;
}

.pl-0 {
    padding-left: 0px;
}

.main {
    width: 100%;
}

.container {
    width: 100%;
    max-width: 1360px;
    margin: 0px auto;
}

.login-tactical-all {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: conic-gradient(#EDF0F5 0deg 180deg, #fff 180deg 360deg);
    align-items: center;
    padding: 100px 0 150px 0;
}

.tac-left-ctn-form {
    width: 100%;
    padding: 55px 10px 45px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 10px;
    background-color: #fff;
}

.tac-left-ctn-head {
    text-align: center;
    margin-bottom: 40px;
}

.tac-left-ctn-head img {
    max-width: 50%;
    height: auto;
    object-fit: cover;
}

.letf-ctn-header {
    margin-bottom: 30px;
}

.letf-ctn-header ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
}

.letf-ctn-header ul li {
    list-style: none;
    padding: 0 15px;
}

.letf-ctn-header ul li a {
    color: #000;
    font-family: 'SegoeUI-semibold';
    padding: 10px 20px;
    border-radius: 10px;
}

.letf-ctn-header ul li a.active {
    background-color: #243B87;
    color: #fff;

}

.left-into-ctn p {
    position: relative;
    color: #1E2F76;
    font-family: 'SegoeUI-bold';
    text-align: center;
    font-size: 20px;
    word-spacing: 2px;
    margin-bottom: 25px;
}

.left-into-ctn p::after {
    position: absolute;
    content: "";
    width: 70px;
    height: 4px;
    background-color: #e06769;
    left: 44.5%;
    bottom: -12px;
}

.tac-left-user {
    width: 85%;
    margin: 0 auto;
    margin-top: 15px;
}

.tac-left-user p {
    font-size: 18px;
    font-family: 'SegoeUI-semibold';
    color: #000;
}

.tac-left-user input {
    width: 100%;
    border: none;
    height: 50px;
    background-color: #EDF0F5;
    border-radius: 10px;
    margin-top: 10px;
    padding: 0 20px;
    vertical-align: middle;
}

.tac-left-user input::placeholder {
    color: #bbbdc2;
}

.left-form-login {
    width: 85%;
    margin: 0 auto;
    margin-top: 50px;
}

.left-form-login button {
    background-color: #DE2023;
    padding: 13px 0;
    border-radius: 15px;
    border: 2px solid #DE2023;
    font-size: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #fff;
    margin: 0 auto;
    font-family: 'SegoeUI-semibold';
}

.left-form-login button:hover {
    color: #DE2023;
    background-color: transparent;
}

.tac-page-signup {
    width: 100%;
    margin-top: 40px;
    text-align: center;
}

.tac-page-signup p {
    color: #1c1c1c;
    font-family: 'SegoeUI-bold';
    font-size: 18px;
}

.tac-page-signup a {
    color: #DE2023;
    font-family: 'SegoeUI-bold';
    font-size: 18px;
    padding-left: 10px;
}

.tac-right-image {
    width: 100%;
    text-align: end;
    padding: 120px 0 0 0;
}

.tac-right-image img {
    max-width: 100%;
    object-fit: cover;
    height: auto;
}

/* ----------------------------register-page-------------------------------- */
.register-left-ctn-all {
    width: 90%;
    padding: 30px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 10px;
    margin: 0 auto;
    background-color: #fff;
}

.register-right-image {
    width: 100%;
    text-align: end;
}

.register-right-image img {
    max-width: 100%;
    object-fit: cover;
    height: auto;
}

.register-left-ctn-head p {
    font-size: 24px;
    font-family: 'SegoeUI-bold';
    text-align: center;
    color: #1e2f76;
    position: relative;
}

.register-left-ctn-head p::after {
    position: absolute;
    width: 85px;
    height: 4px;
    background-color: #DE2023;
    content: "";
    top: 43px;
    left: 45%;
}

.my-account-head {
    width: 100%;
}

.r-form-left {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.r-form-left img {
    border-radius: 50%;
    border: 6px solid #fff;
    max-width: 100%;
}

.r-form-left .register-image-upload {
    position: absolute;
    top: 78%;
    left: 42%;
    background: #3B5591;
    width: 50px;
    height: 50px;
    line-height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    color: #fff;
    border: 2px solid #fff;
    font-size: 20px;
}

.r-form-left .register-image-upload input[type="file"] {
    position: absolute;
    transform: scale(2);
    opacity: 0;
    cursor: pointer;
}

.register-form-all {
    width: 100%;
    padding-top: 30px;
}

.register-user-one {
    width: 100%;
}

.register-user-one input {
    width: 100%;
    height: 45px;
    background-color: #EDF0F5;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    padding: 15px;
}

.register-user-one select {
    width: 100%;
    height: 45px;
    background-color: #EDF0F5;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    padding: 10px 15px;
    appearance: none;
    outline:none;
}

.register-user-one label {
    font-size: 16px;
    font-family: 'SegoeUI-semibold';
    color: #000;
}

.r-seclect-all {
    position: relative;
}

.r-seclect-all::after {
    position: absolute;
    width: 14px;
    height: 14px;
    background-image: url(../images/register-arrow.png);
    background-repeat: no-repeat;
    content: "";
    top: 20px;
    right: 8px;
}

.register-all-radio-btn {
    width: 100%;
    padding-top: 15px;
}

.register-all-radio-btn p {
    font-size: 16px;
    color: #000;
    font-family: 'SegoeUI-semibold';
}

.r-one-radio label {
    font-size: 16px;
    color: #000;
    font-family: 'SegoeUI-semibold';
    padding: 0 0 0 15px;
    margin-top: 15px;
}

/* .r-one-radio input {
    transform: scale(2);
    accent-color: #3B5691; 
}  */

.registe-verification {
    width: 100%;
    margin-top: 5px;
}

.registe-verification h6 {
    font-size: 16px;
    color: #000;
    font-family: 'SegoeUI-semibold';
    padding: 15px 0;
}

.registe-verification p {
    font-size: 16px;
    color: #727a81;
    font-family: 'SegoeUI-regular';
}

.registe-verification textarea {
    width: 100%;
    border: none;
    border-radius: 10px;
    background-color: #EDF0F5;
    resize: none;
    padding: 15px;
}

.registe-verification #skype {
    width: 100%;
    height: 45px;
    background-color: #EDF0F5;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    padding: 15px;
    margin: 20px 0;
}

.custom-file-label {
    height: calc(1.5em + .75rem + 10px);
    border: none;
    background-color: #EDF0F5;
    line-height: 2.1;
    border-radius: 10px;
}

.register-choose-all {
    display: flex;
    flex-wrap: wrap;
}

.register-choose-all #image {
    background-color: #E9EEF1;
    border: none;
    width: 80px;
    height: 45px;
    border-radius: 10px;
    margin-left: 20px;
    position: relative;
    z-index: 1;
    background-image: url(../images/place.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.register-choose-all .custom-file-label::after {
    right: 10px;
    border-left-width: 0;
    top: 7px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    border-radius: none;
    content: "Browse...";
    height: 30px;
    line-height: 1em;
    background-color: #E8E8E8;
}

.register-choose-all .custom-file {
    width: 50%;
}

.register-choose-all .custom-file input {
    border: none;
    background-color: red;
    position: relative;
    z-index: 99;
}

.register-submit {
    width: 100%;
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.register-submit button {
    width: 50%;
    height: 45px;
    background-color: #EDF0F5;
    border: none;
    border-radius: 10px;
    font-family: 'SegoeUI-semibold';
    color: #fff;
    background-color: #DE2023;
    border: 2px solid #DE2023;
    transition: 0.5s all;
}

.register-submit button:hover {
    background-color: transparent;
    color: #DE2023;
}

.register-submit a {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-family: 'SegoeUI-semibold';
    color: #000;
}

.modal-all-image {
    text-align: center;
    width: 100%;
    padding-bottom: 25px;
}

.modal-all-image img {
    max-width: 100%;
    object-fit: cover;
}

.register-submit span {
    color: #DE2023;
    padding-left: 5px;
}

.register-popup-all {
    width: 100%;
}

.register-popup-all .modal-dialog {
    max-width: 42%;
}

.register-popup-all .modal-content {
    padding: 40px 30px;
    border-radius: 30px;
}

.register-popup-all .modal-all-ctn {
    text-align: center;
}

.register-popup-all .modal-all-ctn h4 {
    font-size: 20px;
    font-family: 'SegoeUI-bold';
    color: #1e2f76;
}

.register-popup-all .modal-all-ctn p {
    font-size: 16px;
    font-family: 'SegoeUI-regular';
    color: #727a81;
    padding-top: 20px;
}

.modal-all-social {
    text-align:center;
}

.modal-all-social ul {
    padding:50px 0 0;
    max-width: fit-content;
    margin: 0 auto;
}
.modal-all-social ul li{
    list-style: none;
    margin-bottom: 20px;
}
.modal-all-social ul li:last-child{
    margin-bottom: 0;
}
.modal-all-social ul li a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #5a669b;
}

.modal-all-social ul li span {
    font-size: 24px;
    color: #fff;
    background-color: #2196F3;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display:flex ;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

/* 

.modal-all-social ul li a {
    padding-left: 25px;
    font-size: 16px;
    color: #5a669b;
} */

.model-btn {
    width: 55%;
    margin: 0 auto;
    margin-top: 50px;
}

.model-btn a {
    background-color: #DE2023;
    width: 100%;
    display: block;
    border: 2px solid #DE2023;
    transition: .5s all;
    padding: 8px 12px;
    border-radius: 10px;
    color: #fff;
}
.model-btn a:hover{
    background-color: transparent;
    color: #DE2023;
}


/* ------------------------ */
.register-radio-all {
    width: 100%;
}

.custom_radio {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 20px;
}

.custom_radio input[type="radio"] {
    display: none;
}

.custom_radio input[type="radio"]+label {
    position: relative;
    display: inline-block;
    padding-left: 2em;
    margin-right: 1.7em;
    font-size: 16px;
    cursor: pointer;
    line-height: 1.3em;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    accent-color: #fff;
}

.custom_radio input[type="radio"]+label:before,
.custom_radio input[type="radio"]+label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    color: white;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.custom_radio input[type="radio"]+label:before {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: inset 0 0 0 0.2em #EDF0F5, inset 0 0 0 1em #EDF0F5;
}

.custom_radio input[type="radio"]+label:hover:before {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: inset 0 0 0 0.3em #EDF0F5, inset 0 0 0 1em #c6c6c6;
}

.custom_radio input[type="radio"]:checked+label:before {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: inset 0 0 0 0.35em #EDF0F5, inset 0 0 0 1em #4968CE;
    background-color:transparent;
}

.all-number select {
    width: 100%;
    border-radius: 10px 0 0 10px;
}

.all-number input {
    width: 70%;
    height: 45px;
    background-color: #EDF0F5;
    border: none;
    border-radius: 0 10px 10px 0;
    font-size: 16px;
    padding: 15px;
}

.all-number input::before {
    position: absolute;
    width: 2px;
    height: 10px;
    background-color: red;
    content: "";
    top: 0;
    left: 0;

}

.all-number {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}

.num-seclect-all {
    position: relative;
    width: 30%;
}

.num-seclect-all::after {
    position: absolute;
    width: 14px;
    height: 14px;
    background-image: url(../images/register-arrow.png);
    background-repeat: no-repeat;
    content: "";
    top: 18px;
    right: 5px;
}