@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;1,200;1,300;1,400;1,500;1,600&display=swap');
body{
    font-family: 'Poppins', sans-serif !important;
}
.header{
    background-color:#fbfaf7 !important;
}		
.phone > div {
    color: #77695c !important;
}
.phone {
    border: solid 1px #d4612c;
}
.menu_toggle span {
    color: #343340;
}
.hamburger_lines{
    background: #343340;
}
@media only screen and (min-width:300px) and (max-width:740px){
    .model-button{
        display:none;
    }
    .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(7, 7, 13) !important;
}
    .btn-info.focus, .btn-info:focus {
    box-shadow: 0 0 0 0.2rem rgb(7, 7, 13) !important;
}
}
.main_nav {
margin-left: 30px !important;
}
.main_nav ul li:not(:last-of-type) {
    margin-right: 30px !important;
}
.phone{
padding: 10px !important;
}	
.model-button .btn-info {
    color: #fff;
    background-color: #f5c75e;
    border-color: white !important;
}
.model-button .btn-info:hover {
    color: #fff;
    background-color: #323058;
    border-color: #323058;
}
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #ffff !important;
}
.btn-info.focus, .btn-info:focus {
    box-shadow: 0 0 0 0.2rem #ffff !important;
}
/** Careers **/
.careers{
    padding-top:150px;
    padding-bottom: 100px;
}
.career-title{
    font-size: 2.5rem;
    color: #241f62;
    margin-bottom: 30px;
}
.careers p{
    font-size: 1.2rem;
    color: #251919;
    line-height: inherit;
    text-align: center;
}
.btn-red-gradient{
    color: #ffff;
    padding-left: 30px !important;
    padding-right: 30px !important;
    margin-top: 30px !important;
    border-radius: 25px !important;
    font-size: 1.2rem !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background: transparent linear-gradient( 
90deg,#cc3300,#cc3300) 0 0 no-repeat padding-box;
    outline: none !important;
    box-shadow: none !important;
    border:none !important;
    cursor:pointer;
}
/* Create four equal columns that sits next to each other */
.column {
    -ms-flex: 25%; /* IE10 */
    flex: 25%;
    max-width: 25%;
    padding: 0 4px;
  }
  
  .column img {
    margin-top: 8px;
    vertical-align: middle;
    width: 100%;
  }
  
  /* Responsive layout - makes a two column-layout instead of four columns */
  @media screen and (max-width: 800px) {
    .column {
      -ms-flex: 50%;
      flex: 50%;
      max-width: 50%;
    }
  }
  
  /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
  @media screen and (max-width: 600px) {
    .column {
      -ms-flex: 100%;
      flex: 100%;
      max-width: 100%;
    }
  }
  .images-careers{
      margin-top:70px;
      margin-bottom: 70px;
  }
  .job-roles-positions{
      margin-top:50px;
      border:2px solid #555555;
      border-radius: 10px;
      padding: 30px;
  }
  .job-title{
    font-size: 1.5rem;
    color: #d94823;
  }
  .job-position-content p{
      text-align: left !important;
  }
  .btn-apply{
    background: #24205c;
    color: #ffff;
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-size: 1.2rem;
    border-radius: 25px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    outline:none !important;
    box-shadow: none !important;
    border:none !important;
    cursor:pointer;
}
.self-center{
    align-self: center;
}
.bliss-connect{
    background: #24205c;
    padding-top: 80px;
    padding-bottom: 80px;
}
.bliss-connect-title{
    font-size: 2.5rem;
    color: #f0bf41;
    text-align: center;
}
.form-carrer{
    margin-top:50px;
}
.form-carrer label{
    color: #fff;
}
.form-carrer .form-control{
    outline: none !important;
    background: #ffff;
    padding:15px;
    box-shadow: none !important;
    height: auto !important;
}
.form-carrer .form-group{
    margin-bottom: 30px;
}
.form-control select{
    height: auto !important;
}
.btn-submit{
    background: #cc3300;
    color: #ffff;
    padding-left: 40px !important;
    padding-right: 40px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-radius: 25px !important;
    font-size: 1.2rem;
    outline: none !important;
    box-shadow: none !important;
    margin-top: 30px;
    border:none !important;
    cursor:pointer;
}
.invalid-feedback{
    color:red !important;
    font-size: 1rem !important;
}
/** mobile responsive **/
@media (max-width:700px){
    .career-title{
        font-size: 2rem !important;
    }
    .careers p{
        font-size: 1rem;
    }
    .btn-red-gradient{
        word-break: break-all !important;
        white-space: break-spaces !important;
        font-size: 1rem !important;
    }
    .job-roles-positions{
        margin-left: 15px !important;
        margin-right: 15px !important;
        padding: 10px !important;
    }
    .btn-apply {
        font-size: 1rem !important;
        margin-top: 20px !important;
    }
    .job-title{
        font-size: 1.2rem !important;
    }
    .bliss-connect-title {
        font-size: 2rem !important;
    }
    .btn-submit {
        font-size: 1rem !important;
        border:none !important;
    }
    .partner-content{
        margin-top: 30px;
    }
}
.careers p span{
    color:#d54409;
}
.partner-content{
    background: #fbfaf7;
    padding: 30px;
    text-align: center;
    border: 3px solid #a6a6c1;
    border-radius: 10px;
    cursor: pointer;
}
.partner-content img{
    width:100px;
}
.partner-content p{
    margin-top:20px;
    min-height: 90px;
}
.partner-content:hover{
    background: #fcc341;
    border: none !important;
}
.form-title{
    color: #fcc341;
    font-size: 1.5rem;
    margin-bottom: 20px;
}
.btn-apply:hover{
    color: #ffffff !important;
}
.btn-red-gradient:hover{
    color: #ffffff !important;
}