.subscription-banner{
    background:url("../background/resumebg.png" )no-repeat left top;
    background-size: cover;
    background-position: center;
    padding-top: 11px;
    min-height: calc(100vh - 70px);
}
.subscription_container{
        max-width: 1120px;
        margin: 0 auto;
        padding:0 30px;
}
@media only screen and (min-device-width: 428px) and (max-device-width: 926px) {
    .col-sm-4, .col-sm-3{
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
   }
}

label.error.fail-alert {
    border: 2px solid red;
    border-radius: 4px;
    line-height: 1;
    padding: 2px 0 6px 6px;
    background: #ffe6eb;
}
input.valid.success-alert {
    border: 2px solid #4CAF50;
    color: green;
}
p{
    margin-bottom: 0.5rem !important;
}
label.error {
    color:red 
}
.form-control{
    color :black 
}
.headings_class {
    padding: 20px 0px;
}
.content_class {
    padding: 35px 45px;
    margin-bottom: 50px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 14px 0 rgb(0 0 0 / 26%);
}
.headings_class h1 {
    margin-bottom: 25px;
    font-weight: 700;
    font-size: 38px;
    color: #fff;
}
.headings_class h5{
    color: #fff;
}
.content_class p {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 15px;
}
.headings_class p {
    font-size: 25px;
    color: #e10621;
    font-weight: 600;
}
.content_class label {
    margin-left: 0px;
    margin-right: 10px;
}
.radiolabel label {
    margin-left:10px;
}
.download_resume_div button, .download_resume_div a {
    font-size: 17px;
    padding: 6px 10px;
    font-weight: 800;
}
.content_class input, .content_class textarea, .content_class select {
    border: 1px solid #bbb;
}
.error-class-highest.p_none {
    padding: 10px;
}
.social-link{
    margin-right: 15px;
}
@media screen and (max-width: 576) {
    .col-sm-4{
        max-width: 0;
   }
}
@media screen and (max-width: 767px) {
    .subscription_container{
        padding:0 20px;
   }
   .content_class label {
   margin-left:0px !important;
   }
   .radiolabel label {
    margin-left: 10px !important;
   }
    .experience_span{
        display:block;
   }
   .checkbox-div label.checkbox-label {
    margin-left: 10px !important;
   }
    .content_class p {
        font-size: 15px;
        padding: 0 15px;
   }
    .headings_class h1 {
        font-size: 25px;
   }
    .headings_class p {
        font-size: 15px;
   }
    .headings_class h5 {
        font-size: 16px;
   }
    .headings_class {
        padding: 15px 0px;
   }
    .content_class {
        padding: 25px 15px;
   }
    .content_class p {
        font-size: 15px;
   }
    .details_info label {
        min-height: 17px;
        margin-top: 15px;
   }
    form-group .col-sm-4 {
        padding: 0;
   }
    /* .row.details_info .col-sm-3, .row.details_info .col-sm-4 {
        padding: 0;
   } */
    .form-group.input-field.checkbox-div {
        padding: 0px 15px;
   }
   .download_resume_div button, .download_resume_div a {
    font-size: 14px;
    padding: 6px 10px;
    font-weight: 800;
    width: 100%;
}
.reset_info .col-sm-4 {
    display: block !important;
}
.reset_info .reset_btn {
    margin-left: 0px !important;
    width: 100%;
    margin-top: 10px;
}
}
@media screen and (max-width: 375px) {
    .subscription_container {
        padding: 0 20px;
   }
    .row.details_info .col-sm-3, .row.details_info .col-sm-4 {
        padding: 0;
   }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .subscription_container {
        padding: 0 20px !important;
   }
    .form-group .col-sm-4, .form-group .col-sm-12 {
        width: 100%;
        max-width: 100%;
        padding: 0;
   }
   .details_info .col-sm-4 {
    width: 100%;
    max-width: 100%;
    flex: 0 0100%;
    margin-top: 12px;
}
    .content_class label {
        margin-left: 0px;
        margin-right: 0px;
   }
    .details_info .col-sm-3 {
        padding: 8px 0px;
        width: 100%;
        max-width: 100% !important;
        flex: 0 0 100% !important;
   }
   .col-sm-12.radiolabel {
       padding: 0;
   } 
   .radiolabel label {
    margin-left: 6px;
    margin-right: 6px;
}
    .checkbox-label {
        padding: 0px 0px 0px 5px;
   }
   .form-group.input-field.checkbox-div {
    padding: 0px 0px !important;
}
.reset_info .col-sm-4 {
    display: flex;
    width: 100%;
    flex: 0 0 100%;
}
}
.form-group.input-field.checkbox-div {
    padding: 0px 16px;
}
.form-group.input-field.checkbox-div label {
    margin-left: 10px;
}
@media only screen and (min-device-width: 590px) and (max-device-width: 765px) {
    .col-sm-4, .col-sm-3{
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
   }
    .row.details_info .col-sm-3{
        padding:0 15px;
   }
}

@media screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation : landscape){
    .col-sm-4, .col-sm-3{
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
   }

}
@media screen and (max-width: 320px) {
    .col-md-12 {
        padding: 0;
   }
    .content_class {
        padding: 25px 5px;
   }
    .content_class p {
        font-size: 12px;
   }
    .content_class label {
        font-size: 12px;
   }
    .row.details_info .col-sm-3{
        padding: 0 15px !important;
   }
}
.row {
    margin: 0 auto;
}
.checkbox-div #highest_education {
    accent-color: #213d8d;
    margin: 0px !important;
    width: 15px;
    height: 15px;
}
.checkbox-div {
    display: flex;
    align-items: baseline;
}
.checkbox-label {
    font-weight: 100 !important;
    margin: auto 0px;
}
.education_labelinfo .col-sm-4.radiolabel {
    padding: 5px 0;
}


.reset_info .col-sm-4{
    display: flex;
   }
   .reset_info .reset_btn {
    margin-left: 10px;
   }
   .intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
    width: 46px;
    height: 46px;
}
.intl-tel-input {
    position: relative;
    display: inline-block;
    width: 100%;
}
.addbutton{
    border: 1px solid #5a6268;
    background: #5a6268;
    color: #fff;
    line-height: 0px;
}
.add_btn button:hover{
    border: 1px solid #5a6268;
    background: #ffffff;
    color: #000;
}
.col-sm-2.order-4{
    align-self: center;
}
.delete_row {
    color:#e10621;
}

.ui-tooltip, .arrow:after {
    background: rgba(0, 0, 0, 0.833) !important;
    color: rgb(255, 255, 255) !important;
	position: absolute;
	z-index: 9999;
    font-size: 12px !important;
    box-shadow: 0 0 7px rgb(243, 243, 243) !important;
  }
  .graduation_table{
    border: 1px solid #eee;
  }
  .graduation_table th {
    background: #dddddd57;
}
.graduation_table td:last-child {
    text-align: center;
}
.add_btn {
    display: flex;
    justify-content: flex-end;
}
.add_btn button {
    background: #213d8f;
    margin: 0 3px;
    color: #fff;
    padding: 5px 15px;
}
.add_btn svg {
    margin: 0 10px;
}
.form-control{
    min-height: 40px;;
}
.table thead th{
    vertical-align: bottom;
    border: 1px solid #abadae8a;
}
.table td{
    border: 1px solid #abadae8a;
}