@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700&display=swap');
body, html { overflow-x: hidden; font-size: 16px;font-weight: 400; color: #000; font-family: 'Inter', sans-serif; }
body, html, *, h1, h2, h3, h4, h5, h6, ul, li { margin: 0;  padding: 0;}
body, html, *, a, a:hover, a:active, a:focus, h1, h2, h3, h4, h5, h6, ul, li {text-decoration: none ! important;outline: none ! important;}
body, .body-clr {background-color: #F2F6FE;}
.form-control:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus, .btn-primary.focus, .btn-primary:focus, .custom-control-input:focus~.custom-control-label::before { box-shadow: none;}
.btn-primary, a.primary,.unfilled-primary, .h-card img, .h-card, .add-box, .add-box-mob, .close-chip, .close-chip-grey, .m_icon, .m_icon img, .m_icon i, .menu_item, .item_name, .chip, .chip-br-25, .pill, 
.admin-profile img, .p-period img, .p-dash2 img, .menu_item img, .edit-icon, .edit-icon img, .copy-icon img, .reopen-icon img, .more, .close-chip-grey:hover 
{ transition: all .3s;}
body.vh-100 {height: 100vh;}
.btn-primary { background-color: #000; border-color: #000;}
a.primary, .reg-link a:hover, li.menu_item.active-menu .item_name, .menu_item:hover .item_name, .placeholder-color::placeholder, .nav-tabs .nav-link.active.t-black {color: #000;}
.reg-link a, .star-req{color: #E51515;}
.reg-link a.primary {color: #000;}
.btn-primary:hover { background-color: #E51515; border-color: #E51515;}
.m_icon:hover img, .m_icon:hover i, .admin-profile:hover img, .p-period .brd-8:hover img, .p-dash2 .brd-8:hover img, .menu_item:hover img, .edit-icon:hover img, .copy-icon:hover img, .reopen-icon:hover img {transform: scale(1.1);}
.h-card img {border-bottom: 5px solid transparent;}
.active-card img, .h-card:hover img {border-radius: 24px;box-shadow: rgb(0 0 0 / 7%) 0px 1px 2px, rgb(0 0 0 / 7%) 0px 2px 4px, rgb(0 0 0 / 7%) 0px 4px 8px, rgb(0 0 0 / 7%) 0px 8px 16px, rgb(0 0 0 / 7%) 0px 16px 32px, rgb(0 0 0 / 7%) 0px 32px 64px;
  border-bottom: 5px solid #324168;}
  .chip:hover, .pill:hover, .chip-br-25:hover, .more:hover {box-shadow: 0px 8px 30px rgb(0 0 0 / 8%);}
  .pill:hover{background-color: orange;}
  .csr-ptr, .modal-div .form-check-input, .list-radio li, .table-pd tr td img, .add-box, .add-box-mob, .m_icon, .chip, .chip-br-25, .pill, .edit-icon, .popup-talet-list li, .more, button, .plus-icon {cursor: pointer;}

   /*swal2-popup*/
   .swal2-popup{ border-radius: 20px !important; }
   .swal2-styled.swal2-confirm{ background-color: #000000 !important; box-shadow: none !important; padding: 0px 30px !important; height: 40px !important; } 
   /*End swal2-popup*/

  /*Fonts*/
  h1, .font-34 {font-size: 34px;}
  .font-12, .list-border, .fs-small { font-size: 12px;line-height: 15px;}
  .font-14 {font-size: 14px;}
  .font-15{font-size: 15px;}
  .font-20 {font-size: 20px;}
  .fa.fa-filter, .font-24 {font-size: 24px;}
   h2.im-here, .font-25 {font-size: 25px;}
  .lh-29{line-height: 29px;}
  .a-h5, button, .boxes input, .admin-profile h5, .font-18 {font-size: 18px;line-height: 22px;}

  /*radius*/
  .brd-6 {border-radius: 6px;}
  .brd-8 {border-radius: 8px !important;}
  .brd-10{border-radius: 10px;}
  /*back color*/
  .add-box:hover, .add-box-mob:hover, .plus-icon:hover, .close-chip-grey:hover {background-color: #E51515;}
  .bg-black, .close-chip:hover {background-color: #000;}
  .icon_grey, .more {background-color: #dee6f6;}
  .bx-shodow, button.btn, .add-box, .add-box-mob, .btn-pd, .btn-primary{box-shadow: 0px 8px 35px rgba(0, 0, 0, 0.2);}
  .bx-shodow2,.m_icon {box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.08);}
  /*.bg-img-insta{background-color: rgba(225, 62, 239, 0.12);}
  .bg-img-fb{background-color: rgba(59, 89, 151, 0.17);}
  .bg-img-li{background-color: rgba(0, 120, 181, 0.13);}
  .bg-img-tt{background-color: rgba(0, 0, 0, 0.12);}*/
  .curs-pntr img {
      cursor: pointer;
  }
  input#dob {
    transition: none !important;
  }


  /*Messenger*/
  .messenger {
    font-family: 'Inter', sans-serif !important;
  }
  .cust-mgslder {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 40px;
    margin: -20px 0 0 -71px;
    background: #fff;
    filter: contrast(20);
  }
  .cust-mgslder .mgslder-des {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 12px;
    left: 15px;
    filter: blur(4px);
    background: #000;
    border-radius: 50%;
    transform: translateX(0);
    animation: custdes 2.8s infinite;
  }
  .cust-mgslder .mgslder-str {
    transform: translateX(0);
    margin-top: 12px;
    margin-left: 31px;
    animation: custstr 2.8s infinite;
  }
  .cust-mgslder .mgslder-str span {
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    margin-left: 12px;
    filter: blur(4px);
    background: #000;
    border-radius: 50%;
  }
  @-moz-keyframes custdes {
    50% {
    transform: translateX(72px);
    }
  }
  @-webkit-keyframes custdes {
    50% {
    transform: translateX(72px);
    }
  }
  @-o-keyframes custdes {
    50% {
    transform: translateX(72px);
    }
  }
  @keyframes custdes {
    50% {
    transform: translateX(72px);
    }
  }
  @-moz-keyframes custstr {
    50% {
    transform: translateX(-31px);
    }
  }
  @-webkit-keyframes custstr {
    50% {
    transform: translateX(-31px);
    }
  }
  @-o-keyframes custstr {
    50% {
    transform: translateX(-31px);
    }
  }
  @keyframes custstr {
    50% {
    transform: translateX(-31px);
    }
  }


  /*Widths*/
  .w-15px {width: 15px;}
  .w-50px {width: 50px;height: 50px;}
  .w-60px {width: 60px;height: 60px;}
  .more { width: 30px;height: 30px;}
  .p-profile-pic { max-width: 290px;height: 290px; border-radius: 10px; display: flex; flex-wrap: wrap;}
  .p-profile-pic img.w-100 { object-fit: cover; object-position: center center;}
  .mx-60{max-width: 60px;}
  .mx-350{max-width: 350px; height: 350px;}
  .mw-div.cust-width-full {
      width: 100%;
      max-width: 100%;
  }

  /*popup*/
  .modal-div .modal-content { border-radius: 20px;}
  .modal-div .close {opacity: 1;}
  .modal-div .modal-dialog {max-width: 576px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%) ! important;}
  .modal-div .form-check-input {width: 22px; height: 22px;}

  /*Custom checkbox*/
  .custom-control-label::before {background-color: #fff;border: 1px solid #B3B3B3;}   
  .custom-control-label::after, .custom-control-label::before {width: 24px; height: 24px;top: 50%;transform: translateY(-50%);}
  .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url(../images/white-check.png);background-color: #FFC482;border-color:#FFC482; background-size: auto;}


    /*Login page*/ 
    .img-container { background-image: url(../images/reg_casting_iq_bg.jpg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      position: fixed;left: 0;
    }
    .cust-show-password img {
        cursor: pointer;
    }

    .btn-next {bottom: 0;right: 0; }
    .reg-link {bottom: 0;left: 50%; transform: translateX(-50%); }
    .mw-div {max-width: 420px;}
    input:not(input.form-check-input), button, select.form-control:not([size]):not([multiple]) {height: 50px;}
    input, select, textarea, .box-cal {box-shadow: 13.9022px 33.3653px 75.0719px rgba(15, 13, 35, 0.06);}
    label {color: #324168;}
    button.btn {padding: 10px 35px;border-radius: 10px;}
    .unfilled-primary {background-color: transparent;color: #000;}

    /*Select Profile page*/
    .c-icon {padding: 25px;border-radius: 20px;}
    .purple {background-color: #E4D0FF; }
    .yellow {background-color: #FFE9D0; }
    .orange {background-color: #FFD0D0; }
    .dark-orange {background-color: #FAC3B1; }
    .card-body h3, .h3 {font-size: 20px;}
    .work-done-link a,  .cust-hpy-socl-link a {
        color: #000;
    }

    /*Upload Profile Pictures*/
    .img-box {border-radius: 10px;}
    .img-box.mp4-box {background-color: transparent;}
    .add-box { width: 70px; height: 70px; background: #000;}
    .fixed-add-box > a.add-box {position: fixed; top: 123px; right: 24px; z-index: 999;}
    .add-box-mob{width: 60px; height: 60px; background: #000;}
    img.imgRemove { position: absolute; top: 4px; right: 4px; cursor: pointer;}

    /*Enter OTP page*/
    .br-clr input {border-color: #A4B6E1; border-radius: 10px;}
    .boxes input {max-width: 70px;height: 70px;}
    .boxes input, .additional h3, .submissions, .fw-6 {font-weight: 600;}
    .card-body h3, .h3, .fw-5, table.dataTable.table-pd thead th {font-weight: 500;}
    .onclick-btn{display: none;}
    .cust-fixed-btn.btn-next {
        position: fixed;
        bottom: 3rem!important;
        right: 3rem!important;
        z-index: 999;
    }

    .cust-notification img.imgRemove {
        top: 0;
        right: 0;
    }

    /*stepper*/
    .stepper-wrapper {
      width: 100%;
      align-items: center;
      display: flex;
      justify-content: space-between;
      position: relative;
    }
    .stepper-wrapper::before {
      content: "";
      width: 100%;
      border: 1px dashed #FFC482;
      position: absolute;
      z-index: 0;
    }
    .progress {
      content: "";
      width: 0%;
      height: 3px;
      background-color: #FFC482;
      position: absolute;
      z-index: 0;
      transition: width 1s;
    }
    .screen-indicator {
      border-radius: 50%;
      border: 1px solid #FFC482;
      color: #FFC482;
      background-color: #f2f6fe;
      transition-duration: 0.7s;
      z-index: 999;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 50px;
      width: 50px;
    }
    .completed {
        border: 3px solid #FFC482;
        color: #ffffff;
        background: #FFC482;
    }

    /*terms page*/
    .cookie-msg {left: 0;bottom: 0;}
    body.bg-gry {background-color: #E5E5E5;}

    /*Load more button*/
    .li-talet-list {display: none ! important;}
    .li-talet-list.display {
      display: flex ! important;
    }

    /*country code css*/
    .intl-tel-input.separate-dial-code .selected-flag{background: #fff;}
    .intl-tel-input {display: flex;align-items: center;}
    input#mobile_code {margin: 0 0 0 110px;padding-left: 20px;border: none;}
    .active-check {background-color: rgba(255, 196, 130, 0.1);border: 1px solid #FFC482 !important;}

    /*Talent profile css*/
    .card-overflow{overflow: hidden;}
    .img-right{position: absolute;top: 50%;right: 0;z-index: 1;}
    .img-left{position: absolute;top: 50%;left: 0;z-index: 1}
    .bg-card{background-image: url(../images/bg-casting-rotated.png);background-repeat: no-repeat;background-position: top right;}
    .without-bullet::before{display: none;}
    .btn-bg-grey{background-color: #ececec;}
    

    /*Owl slider css*/
    .owl-next:before, .owl-prev:before {
      content: '';
      background-size: contain;
      position: absolute;
      width: 41px;
      height: 41px;
      background-repeat: no-repeat;
    }
    .owl-prev:before {
      background-image: url(../images/arrow-left.png);
    }
    .owl-next:before {
      background-image: url(../images/arrow-right.png);
    }
    .owl-carousel {
      position: relative;
    }
    .owl-next, .owl-prev, .owl-next:before, .owl-prev:before {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
    }
    .owl-next, .owl-next:before {
      right: -10px;
      display: flex;
    }
    .owl-prev, .owl-prev:before {
      left: -10px;
      display: flex;
    }
    .owl-theme .owl-nav [class*=owl-]:hover{background:transparent !important;}
    .p-blog-slider.cust-owl-carousel .owl-carousel .owl-stage img.card-img-top {
        min-height: 175px;
        max-height: 175px;
        overflow-y: hidden;
        object-fit: cover;
        object-position: center center;
      }

    /*Super Admin Dashboard css*/
     .fixed-add-box > .m_icon.m_icon_filter {
          margin-right: 90px;
      }

    /*Talent Seeker Dashboard css*/
    .nav-tabs .nav-link.active.brd-bottom {border-bottom: 4px solid !important;}
    .tab-badge{position: absolute;top: 6px;right: -10px;color: #fff;font-size: 14px;background-color: #a4b6e1;padding: 2px 8px;border-radius: 50px;}
    .bg-grey{background-color: #A4B6E1;}
    .fw-900{font-weight: 900;}
    .bg-grey-img {background-image: url(../images/bg-grey.png);height: 500px;background-size: cover;}
    .brd-grey{border:1px solid #A4B7E1;}
    .brd-4{border-radius: 4px;}
    .brd-50{border-radius: 50px;}
    .badge-tab {margin-left: 10px; padding: 8px; min-width: 35px; min-height: 35px; display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; font-size: 14px;}
    .mw-300{width: 270px; margin-bottom: 10px}
    .mx-200{width: 230px; min-height: 200px;}
    .card-load, .card-load-all, .table-row-load {display: none;}
    .display {display: flex;}
    .brd-10-eye{border-radius: 0 10px 10px 0;}
    .switch {
      position: relative;
      display: inline-block;
      width: 66px;
      height: 31px;
    }
    .switch input { 
      opacity: 0;
      width: 0;
      height: 0;
    }
    .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #ccc;
      -webkit-transition: .4s;
      transition: .4s;
      border-radius: 5px;
    }
    .slider:before {
      position: absolute;
      content: "";
      height: 24px;
      width: 26px;
      left: 4px;
      bottom: 4px;
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s;
    }
    input:checked + .slider {
      background-color: #2196F3;
    }
    input:focus + .slider {
      box-shadow: 0 0 1px #2196F3;
    }
    input:checked + .slider:before {
      -webkit-transform: translateX(26px);
      -ms-transform: translateX(26px);
      transform: translateX(26px);
    }
    .slider2 {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #ccc;
      -webkit-transition: .4s;
      transition: .4s;
      border-radius: 5px;
    }
    .slider2:before {
      position: absolute;
      content: "";
      height: 24px;
      width: 26px;
      left: 4px;
      bottom: 4px;
      background-color: black;
      -webkit-transition: .4s;
      transition: .4s;
    }
    input:checked + .slider2 {
      background-color: #2196F3;
    }
    input:focus + .slider2 {
      box-shadow: 0 0 1px #2196F3;
    }
    input:checked + .slider2:before {
      -webkit-transform: translateX(26px);
      -ms-transform: translateX(26px);
      transform: translateX(26px);
    }
    .cust-notification-holder {
      height: auto;
      max-height: 90vh;
      overflow-y: scroll;
      overflow-x: hidden;
      position: relative;
      box-sizing: border-box;
    }
    .cust-error-msg span.error-msg {
        margin: 0 0 0 110px;
    }

    /*talent review*/
    p.automatch{background: #F2F6FE;padding: 9px 18px;color: #A4B7E1;border-radius: 6px}
    button.btn2, button.btn21 {padding: 10px 35px;}
    button.btn21{background: #F2F6FE;border: 1px solid #A4B7E1;}

    /*Talent/Talent Agent Dashboard*/
    .brd-grey-6{border:6px solid #A4B7E1;}
    .w-22{width: 22px;}
    .large-btn{padding: 30px 100px;}
    button.btn-pd {padding: 10px 50px;}
    .btn-pd-lg{padding: 10px 100px;}
    .mh-150{min-height: 150px;}
    .fw-8{font-weight: 800;}
    .light-shadow{box-shadow: 0px 8px 35px rgb(0 0 0 / 7%) !important;}
    .icon-i{background-color: #E51515; width: 24px; height: 24px; display: flex; justify-content: center;}
    .icon-i-grey{background-color: #A4B6E1; min-width: 24px; width: 24px; height: 24px; display: flex; justify-content: center;}
    .font-mob-25{font-size: 25px;}
    .selected {border: 20px solid #828282; margin: 0; border-radius: 7px; background-color: #828282;}
    .selected2{border: 20px solid #828282; margin: 0; border-radius: 7px; background-color: #828282;}
    .selected3{border: 8px solid #828282 !important; border-radius: 7px !important;}
    .check-circle{position: absolute; right: -15px; top: -3px; width: 52px !important;}
    .check-circle-mark{position: absolute; right: -20px; top: -20px; width: 52px !important;}
    .desktop-hdr .dropdown-menu.border-0.bx-shodow2 {
      transform: translate3d(-50px, 52px, 0px) !important;
    }
    .h-60 {
      height: 60px !important;
    }
    form select {
      -webkit-appearance: none;
      -moz-appearance: none;
      background-image: url("../images/drop-down.png");
      background-repeat: no-repeat;
      background-position-y: 17px;
      background-position-x: -webkit-calc(100% - 10px);
      background-position-x: -moz-calc(100% - 10px);
      background-position-x: calc(100% - 10px);
      padding-right: 25px !important;
    }

    /*Talent/Talent Agent*/
    .th-td-pd th, td{padding-left: 0px !important; padding-right: 0px !important;}
    .w-30{width: 30%;}
    .w-20{width: 20%;}
    .w-mob-100{width: 100%;}
    .img-w-50{width: 50px;}
    .font-28{font-size: 28px;}
    .w-80{width: 80%;}
    .active-plan-card{border:12px solid #000 !important;}   
    .plus-icon {width: 24px;height: 24px; background: #a4b6e1;}
    .circle-i{width: 30px;height: 35px;min-width: 35px; background: #E51515;}
    .mw-1000{min-width: 1000px;}
    .lh-25{line-height: 25px;}
    .dropdown-content{left: 50%;transform: translate(-50%, 0);top: 60px !important;}
    .close-chip-grey{width: 40px;height: 40px;}
    .close-chip-grey:hover{color: #fff;}
    .hover-green:hover{background-color: green;}
    img.position-triangle {position: absolute;bottom: -15px;left: 27%;}
    .mw-360{min-width: 360px;}
    ul.clr-light-gry.cust-bfr-clr > li::before {
      color: #A4B6E1 !important;
    }
    img.card-check-top {
      position: absolute;
      top: 0px;
      right: -3px;
      width: 40px !important;
      display: none !important;
    }
    .selectable.selected img.card-check-top {
      display: inline-block !important;
    }
    .cust-setp-section img {
      cursor: pointer;
    }
    .swal2-checkbox label, .swal2-radio label {
      cursor: pointer;
    }
    input[type=checkbox], input[type=radio] {
      cursor: pointer;
    }
    select {
      cursor: pointer;
    }
    .cust-crsr-txt, .cust-crsr img {
        cursor: pointer;
    }

    .cust-card-header {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      margin: 0px;
      padding: 0px;
    }
    .cust-price-discount {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: #FFC482;
      color: #fff;
      height: 3.5rem;
      width: 3.5rem;
      text-align: center;
      vertical-align: middle;
      line-height: 1;
      margin: 0px;
      transform: rotate(-20deg);
      -webkit-animation: beat 1s ease infinite alternate;
      animation: beat 1s ease infinite alternate;
    }
    .cust-price-discount span {
      font-size: 20px;
      margin-top: 5px;
    }
    .cust-price-discount span em {
      font-size: 16px;
    }
    .cust-price-discount:before, .cust-price-discount:after {
      content: "";
      position: absolute;
      background: inherit;
      height: inherit;
      width: inherit;
      top: 0;
      left: 0;
      z-index: -1;
      transform: rotate(30deg);
    }
    .cust-price-discount:after {
      transform: rotate(60deg);
    }

    @-webkit-keyframes beat {
      from {
      transform: rotate(-20deg) scale(1);
      }
      to {
      transform: rotate(-20deg) scale(1.1);
      }
    }

    @keyframes beat {
      from {
      transform: rotate(-20deg) scale(1);
      }
      to {
      transform: rotate(-20deg) scale(1.1);
      }
    }


    /* Custom Radio */
    .form-check.custom-radio {
      position: relative;
    }
    .custom-radio input[type="radio"] {
        position: absolute !important;
        z-index: 9999;
        opacity: 0;
        width: 100%;
        margin: 0px !important;
        left: 0;
        right: 0;
    }
    .custom-radio input[type="radio"]+label {
        position: relative;
        padding: 0 0 0 30px;
        cursor: pointer;
    }
    .custom-radio input[type="radio"]+label:before {
        content: '';
        background: #fff;
        border: 2px solid #FFC482;
        height: 22px;
        width: 22px;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .custom-radio input[type="radio"]+label:after {
        content: '';
        background: #FFC482;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        position: absolute;
        top: 5px;
        left: 5px;
        opacity: 0;
        transform: scale(2);
        transition: transform 0.3s linear, opacity 0.3s linear;
    }
    .custom-radio input[type="radio"]:checked+label:after {
      opacity: 1;
      transform: scale(1);
    }


    /* Custom Checkbox */
    .cust-chek-box .form-check input {
      position: absolute;
      opacity: 0;
    }
    .cust-chek-box .form-check input + label {
      position: relative;
      cursor: pointer;
      padding: 0;
      margin: 0px !important;
    }
    .cust-chek-box .form-check input + label:before {
      content: "";
      margin-right: 10px;
      display: inline-block;
      vertical-align: text-top;
      width: 20px;
      height: 20px;
      background: #ffffff;
      border: 1px solid #000;
    }
    .cust-chek-box .form-check input:checked + label:before {
      background: #FFC482;
    }
    .cust-chek-box .form-check input:checked + label:after {
      content: "";
      position: absolute;
      left: 5px;
      top: 10px;
      background: #ffffff;
      width: 2px;
      height: 3px;
      box-shadow: 2px 0 0 #ffffff, 4px 0 0 #ffffff, 4px -2px 0 #ffffff, 4px -4px 0 #ffffff, 4px -6px 0 #ffffff, 4px -8px 0 #ffffff;
      transform: rotate(45deg);
    }


    /* Custom CSS */
    .add-box.rounded-circle[onclick] > img, .add-box.rounded-circle > img[onclick] {
      padding: 19px;
    }
    form input::placeholder {
      color: #999 !important;
      opacity: 1 !important;
    }
    form input:-ms-input-placeholder {
      color: #999 !important;
    }
    form input::-ms-input-placeholder {
      color: #999 !important;
    }    
    ul.nav.nav-tabs.pill-row li.nav-item a.nav-link {
      color: #000;
    }
    .cust-card-talent .card-text {
        font-size: 12px;
    }
    .cust-card-talent img.card-img-top {
        max-height: 230px;
        min-height: 230px;
        object-fit: cover;
        object-position: center center;
        overflow-y: hidden;
    }
    .cust-card-talent .card-text .col-4 {
        min-height: 85px;
        max-height: 85px;
        overflow-y: hidden;
    }
    .sidebar_menu.left_side {
        z-index: 999999;
    }
    .cust-text-break {
      word-break: break-all;
    }
    body a, body button, .clear-all-notification, .mark-all-read-notification, .btn-back {
        cursor: pointer !important;
    }
    .select2-selection--multiple ul.select2-selection__rendered {
        height: 50px;
    }
    .select2-selection--multiple ul.select2-selection__rendered li.select2-search.select2-search--inline {
      display: none;
    }
    span.select2-selection.select2-selection--multiple {
      padding: 0px !important;
      overflow: hidden;
    }
    span.select2-selection.select2-selection--multiple ul li.select2-selection__choice {
        margin: 1.5px 0 0 6px;
    }
    .custloader-outer {
      position: absolute;
      top: -webkit-calc(50% - 18px);
      top: -moz-calc(50% - 18px);
      top: calc(50% - 18px);
      left: -webkit-calc(50% - 18px);
      left: -moz-calc(50% - 18px);
      left: calc(50% - 18px);
    }
    .custloader {
      border: 3px solid #f3f3f3;
      border-radius: 50%;
      border-top: 3px solid #000000;
      width: 36px;
      height: 36px;
      -webkit-animation: custspin .75s linear infinite; /* Safari */
      animation: custspin .75s linear infinite;
    }
    @-webkit-keyframes custspin {
      0% { -webkit-transform: rotate(0deg); }
      100% { -webkit-transform: rotate(360deg); }
    }
    @keyframes custspin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }

    img.cust-rounded {
        border-radius: 5px;
    }

    label.cust-switch {
      display: inline-flex;
      flex-flow: row-reverse;
      width: 125px;
      align-items: center;
      height: 31px;
      pointer-events: none;
    }
    label.cust-switch input {
      display: none;
    }
    label.cust-switch input:checked + .check-toggle-wrapper > .check-selector {
      left: calc(100% - 30px);
      background-color: #2196F3;
    }
    label.cust-switch input:checked ~ .check-notification > .check-selected:before {
      content: "ON";
    }
    label.cust-switch .check-toggle-wrapper {
      position: relative;
      width: 66px;
      height: 34px;
      background-color: #eaeaea;
      border-radius: 5px;
      margin: auto;
      cursor: pointer;
      pointer-events: all;
    }
    label.cust-switch .check-toggle-wrapper .check-selector {
      width: 24px;
      height: 26px;
      position: absolute;
      top: 50%;
      left: 4px;
      transform: translateY(-50%);
      background-color: #ffffff;
      transition: left 0.25s ease;
      border-radius: 0%;
    }
    label.cust-switch .check-notification, label.cust-switch .booked-out  {
      font-size: 16px;
      width: auto;
      min-width: 37px;
      display: inline-block;
      font-style: normal;
      text-decoration: none;
      border: none;
    }
    label.cust-switch .check-notification .check-selected:before {
      content: "OFF";
    }

    label.cust-switch input:checked ~ .booked-out > .check-selected:before {
      content: "YES";
    }

    label.cust-switch .booked-out .check-selected:before {
      content: "NO";
    }
    
    .main_body section.right_side {
      min-height: 100vh;
    }
  

    /*Media query*/
    @media (min-width: 768px) {
    /*Talent Seeker Dashboard css*/
    .cust-max-wt-140 {
        max-width: 140px !important;
    }
    table.cust-agent-directory tr th, table.cust-agent-directory tr td {
      min-width: 250px;
    }
    }


    @media (max-width: 991px) {
      .p-profile-pic { max-width: 200px;height: 200px;}
      body.vh-100 {height: 100%;}

      /*Select Profile page*/
      .m-align .d-flex {align-items: center;}

      /*Enter OTP page*/
      .boxes input { width: 50px;  height: 50px; }

      /*Login page*/  
      .m-100vh {height: 100vh;}
      .img-container {background-image: none;background-color: #000;position: relative;}
      .img-container img {height: 70px;}
      .add-box, .m_icon.m_icon_filter { width: 60px; height: 60px;}
      .add-box-mob{width: 40px; height: 40px;}
      .mob-notification-hold{ min-width: 425px; transform: translate3d(-355px, -31px, 0px) !important;}	
      img.position-triangle { bottom: -5px; left: 70%; }	

      /*New css*/
      .fixed-add-box > .m_icon.m_icon_filter { margin-right: 0px; }	
            
    }
    @media (max-width: 768px){
      .screen-indicator{height: 37.34px;width: 37.34px;}
      h3 { font-size: 16px; }
      .btn-next {display: flex; justify-content: center;align-items: center;}
      button.btn {padding: 10px 15px;}
      .w-icon-plus{font-size: 30px;}
      .ab-rev{position: relative;}
      .ab-view{position: absolute;top: 50%;right: 15px;}
      .mw-300{width: 100%;}
      .mx-200{width: 100%;}
      .btn-padding-mob{ margin: 5px;}
      .font-mob-25{font-size: 16px;}
      .btn-pd-lg{padding: 10px 30px;}
      .w-mob-100{width: 80%;}
      .circle-i{width: 30px; height: 30px;}

      /*Dashboard css*/
      .mob-notification-hold.dropdown-menu {
        width: 360px;
        min-width: 100%;
        transform: translate3d(-217px, -40px, 0px) !important;
      }

      /*New css*/
      .mob-notification-hold img.position-triangle { left: 60%; }
	    .fixed-add-box > .m_icon.m_icon_filter { margin-right: 0px; }
    }

    @media (max-width: 767px){
    .fixed-add-box > a.add-box {
        top: 200px;
    }

    /*New css*/
	  .fixed-add-box > .m_icon.m_icon_filter { margin-top: -80px; }
    }

    @media (max-width: 480px) {
      .fixed-add-box > a.add-box {top: 115px;}
      table.cust-agent-directory tr th, table.cust-agent-directory tr td {
        min-width: 160px;
      }
    }

    @media (max-width: 320px) {
      h1 {font-size: 28px;}

      /*Enter OTP page*/
      .boxes input { width: 40px; height: 40px; }      
    }
    @media (max-width: 425px) {

      /*talent page*/
      .revert {flex-direction: row-reverse; justify-content:start !important;}    
      .mob-notification-hold.dropdown-menu { transform: translate3d(-202px, -40px, 0px) !important; } 
      .mob-notification-hold img.position-triangle { left: 56%; } 

      /*New css*/
      .profile2-info .d-flex{
        position: relative;
        padding-top: 35px;
      }
      .profile2-info .justify-content-between .mb-5:last-child {
        position: absolute;
        right: 0;
        top: -10px;
      }
      .start-chat { margin-top: 40px;}
      .fixed-add-box > .m_icon.m_icon_filter {
        margin-right: 0px;
        margin-top: -80px;
        }
        #ad-banner{ margin-top:-40px!important; }
        .separate-dial-code input#mobile_code { margin: 0 0 0 90px; }
        .intl-tel-input{ display:flex !important; }
    }

    @media (max-width: 1505px)and (min-width: 1200px){
      .mediqu{ margin-bottom: 10px;} 
    }
    @media (max-width: 1137px)and (min-width: 992px){
      .mediqu{ margin-bottom: 10px;} 
    }
    @media (min-width: 980px) and (max-width: 1024px){
      .dropdown-content h1{font-size: 25px;}

      /* Responsive new css*/
      .btn-padding-mob{ padding: 5px 16px  !important; }
      .close-icon-img{ margin-top:20px; }
      .profile2-info { width: 100%!important; margin-top: 15px; }
      .profile2-info button.connect-agent{ margin-left: -135px; margin-top: -15px; padding: 10px 25px;}
      .mw-1000 { min-width: 425px; right: 0px; }
      .modal-dialog { left:18%; }
      .swal2-popup{ left:18%; }
      .start-chat{ padding:5px 8px !important; margin-left: 65px;}
      .fixed-add-box > .m_icon.m_icon_filter { margin-right: 0; }
     /*End responsive new css*/
    }     
    @media (min-width: 1023px) and (max-width: 1200px){
      .mw-1000{min-width: 500px;}
    }
    @media (min-width: 1201px) and (max-width: 1600px){
      .mw-1000{min-width: 490px;}
      
    /*New css*/  
	  .profile2-info button.connect-agent{ margin-left:-140px!important; }
    .fixed-add-box > .m_icon.m_icon_filter { margin-right: 0px; }
    }
    @media (min-width: 1601px) and (max-width: 1770px){
      .mw-1000{min-width: 600px;}
    }
    @media (min-width: 1771px) and (max-width: 1800px){
      .mw-1000{min-width: 650px;}
    }
    @media (min-width: 1801px) and (max-width: 2160px){
      .mw-1000{min-width: 650px;}
    }
    @media (min-width: 980px) and (max-width: 1040px){
      img.position-triangle {left: 40%;}
    }
    @media (min-width: 1041px) and (max-width: 1100px){
      img.position-triangle {left: 35%;}
    }
    @media (min-width: 1101px) and (max-width: 1200px){
      img.position-triangle {left: 30%;}
    }
    @media (min-width: 1250px) and (max-width: 1330px){
      img.position-triangle {left: 40%;}
      .modal-dialog{ left:15%; }
    }
    @media (min-width: 1331px) and (max-width: 1440px){
      img.position-triangle {left: 35%;}

    /*New css*/  
	  button.connect-agent{ margin-left:-140px!important; }
    }
    @media (min-width: 1441px) and (max-width: 1500px){
      img.position-triangle {left: 30%;}
    }
    @media (min-width: 1501px) and (max-width: 1560px){
      img.position-triangle {left: 28%;}
    }
    @media (min-width: 1561px) and (max-width: 1600px){
      img.position-triangle {left: 24%;}
    }
    @media (min-width: 1601px) and (max-width: 1680px){
      img.position-triangle {left: 24%;}
    }
    @media (min-width: 1771px) and (max-width: 1800px){
      img.position-triangle {left: 23%;}
    }
    @media (min-width: 1801px) and (max-width: 2160px){
      img.position-triangle {left: 23%;}
    }
  /*Style*/