@font-face {
    font-family: OpenSans-Regular;
    src: url("../fonts/OpenSans-Regular.ttf");
}
@font-face {
    font-family: OpenSans-Bold;
    src: url("../fonts/OpenSans-Bold.ttf");
}
@font-face {
    font-family: OpenSans-BoldItalic;
    src: url("../fonts/OpenSans-BoldItalic.ttf");
}
@font-face {
    font-family: OpenSans-ExtraBold;
    src: url("../fonts/OpenSans-ExtraBold.ttf");
}
@font-face {
    font-family: OpenSans-Italic;
    src: url("../fonts/OpenSans-Italic.ttf");
}
@font-face {
    font-family: OpenSans-Light;
    src: url("../fonts/OpenSans-Light.ttf");
}
@font-face {
    font-family: OpenSans-LightItalic;
    src: url("../fonts/OpenSans-LightItalic.ttf");
}
@font-face {
    font-family: OpenSans-Regular;
    src: url("../fonts/OpenSans-Regular.ttf");
}
@font-face {
    font-family: OpenSans-Semibold;
    src: url("../fonts/OpenSans-Semibold.ttf");
}
@font-face {
    font-family: OpenSans-SemiboldItalic;
    src: url("../fonts/OpenSans-SemiboldItalic.ttf");
}
body
{
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    padding:0px;
}
.modal:nth-of-type(even) {
    z-index: 1062 !important;
}
@keyframes MoveUpDown {
    0%, 100% {
      bottom: 0;
      left:150px;
    }
    50% {
      bottom: 10px;
      left:150px;
    }
  }
.datepicker-days
{
    padding:10px;
    box-shadow: 0px 0px 13px #1a7e837a;
}
.datepicker-days  .dow
{
    font-size:13px;
}
.datepicker-days th ,.datepicker-days td
{
    padding: 2px 8px;
}
.datepicker-days td.today
{
    background-image: linear-gradient(178deg, #1a7e83, #4f6869) !important;
    color: #fff !important;
}
.datepicker-days th.today ,.datepicker-days th.prev ,.datepicker-days th.next
{
    background-color: #f7941d;
    color: #fff;
}
select
{
    background-image: url(../images/down.png);
    background-repeat: no-repeat;
    background-position: 97% 57%;
}
.form-check-input[type=checkbox]
{
    width: 17px;
    height: 17px;
    border: 1px solid #c1bebe;
    border-radius: 5px;
}
.form-check-input[type=checkbox]:checked
{
    border:#F7941D !important;
    background-color:#F7941D !important;
}
input.form-check-input[type=radio]
{
    width: 17px;
    height: 17px;
    border-radius: 15px;
    background-color: transparent;
    border: 1px solid #c1bebe;
    margin-top: 3px;
    margin-right: 20px;
    margin-left: 2px;
}
input.form-check-input[type=radio]:checked
{
    border:#F7941D !important;
    background-color:#F7941D !important;
    border-radius: 20px;
}
.drop-in {
    animation: drop-in 1s ease 200ms backwards;
   }
   .drop-in-3 {
    animation: drop-in 1200ms ease 500ms backwards;
   }

   @keyframes zoom-in-zoom-out {
    0% {
      transform: scale(1, 1);
    }
    50% {
      transform: scale(1.2, 1.2);
    }
    100% {
      transform: scale(1, 1);
    }
  }
   @keyframes drop-in {
    from {
     opacity: 0;
     transform: translateY(-100px);
    }
    to {
     opacity: 1;
     transform: translate(0px);
    }
   }

   @keyframes drop-in-3 {
    from {
     opacity: 0;
     transform: translateX(-100px);
    }
    to {
     opacity: 1;
     transform: translate(0px);
    }
   }
   @keyframes fadeInRight {
    from {
      opacity: 0;
      transform: translateX(300px);
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fadeInLeft {
    from {
      opacity: 0;
      transform: translateX(-300px);
    }
    to {
      opacity: 1;
    }
  }
  @keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }
  .fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
  }
  .fadeInUp-animation {
    animation: 1.5s fadeInUp;
  }
  @keyframes fadeInUp {
    0% {
      transform: translateY(100%);
      opacity: 0;
    }
    100% {
      transform: translateY(0%);
      opacity: 1;
    }
  }
  @-webkit-keyframes fadeInUpBig {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes fadeInUpBig {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
.view-aboutme .accordion-button
{
    background-color:transparent;
}
.faqbg-green
{
    background-color: #F2FAF9;
    border:none;
    margin-bottom:5px;
}
.faqbg-red
{
    background-color: #FAF7F2;
    border:none;
    margin-bottom:5px;
}
.global-color-btn-style
{
    background-color: #F7941D;
    color: #fff;
    border-radius: 24px;
    border: none;
    padding: 6px;
    width: 100%;
    font-size: 15px;

 font-family: OpenSans-Regular;
}
.global-simple-btn-style
{
    background-color: transparent;
    color: #1b7e82;
    border-radius: 24px;
    border: 1px solid #1b7e82;
    padding: 6px;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    font-family: OpenSans-Regular;
}
.profile-match .schedule-interview
{
    background-color: #1b7e82;
    color: #ffffff;
    font-family: OpenSans-Regular;
    font-size: 15px;
    font-weight: 500;
}
.form-control:focus
{
    box-shadow:none !important;
}
.clear
{
    clear:both;
}
.banner {
    background-image: url(../images/banner-bg.png);
    padding: 8px 80px 90px 80px;
    position: relative;
    background-size: 60% 90%;
    background-repeat: no-repeat;
}
.resp-signup
{
    display:none;
}
/*-----------------------------------Topbar style end ------------------------------------*/
/*-----------------------------------Top signin link ------------------------------------*/
.signin-topbar {
    background-color: #1B7E82;
    text-align: center;
    position: fixed;
    width: 100%;
    z-index: 1040;
    display:none;
}
.signin-topbar .container-xxl
{
    display:flex;
    justify-content: space-between;
}
.signin-topbar .invisible-logo
{
    width: 110px;
}
.signin-topbar .invisible-login
{
    width: 222px;
}
.signin-topbar p {
    margin-bottom: 0px;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: OpenSans-Regular;
    font-size: 13px;
}
.signin-topbar p a {
    color: #fff;
    margin-left: 5px;
    text-decoration: underline !important;
}

/*-----------------------------------Top signin link end------------------------------------*/
.topbar .navbar-toggler
{
    box-shadow:none;
    border:none;
}
.topbar .dropdown-toggle::after
{
    display:none;
}
.topmenu .nav-link {
    color: #1b7e82 !important;
    font-family: OpenSans-Semibold;
    font-size: 13px;
    margin-top: -2px;
}
.topmenu .nav-link.active
{
    color: #F7941D !important;
}
.topmenu .access-login  .nav-link
{
    border: 1px solid #fff;
    border-radius: 25px;
    width: 135px;
    text-align: center;
    padding: 5px;
}
.topmenu .access-signup
{
    margin-right: 0px;
}
.topmenu .navbar-toggler {
    padding: 0px;
    font-size: 21px;
    line-height: 1;
    background-color: transparent;
    border-radius: 0.25rem;
}
.topmenu .access-signup .nav-link
{
    border: 1px solid #F7941D;
    border-radius: 25px;
    width: 110px;
    text-align: center;
    padding: 5px;
    background-color:#F7941D;
}
.topmenu .navbar-toggler-icon i {
    color: #1b7e82;
    font-size: 20px;
}
.topmenu .top-app-link .nav-item
{
    border-bottom:none !important;
}
.topmenu .language-toggle
{
    margin-top: 20px;
}
/*------------------------------Topbar-style end ------------------------------------*/
.live-popup .live-content
{
    text-align: center;
}
.live-popup .live-content img
{
    width:25%;
}
.live-popup .live-content p
{
font-family: OpenSans-Regular;
    margin-top: 31px;
    font-size: 18px;
    line-height: 27px;
}
.live-popup .live-button
{
    text-align: center;
}
.live-popup .live-button button
{
    background-color: #f7941d;
    color: #fff;
    width: 90px;
    border-radius: 20px;
    font-size: 18px;
    padding: 4px 0px;
}
/*---------------------------------------- Banner-body -------------------------------------*/
.banner-body
{
    margin-top: 140px;
    margin-bottom: 60px;
}
.banner-body.how-inner
{
    margin-top:170px;
}
.banner-body .banner-img img
{
    width:70%;
}
.banner-body .banner-img img.how-work-main
{
    width:90%;
}
.banner-content
{
    width: 100%;
    animation: fadeInRight 1s ease-in-out;
}
.banner-content h4
{
    font-size: 58px;
    color: #1B7E82;
    letter-spacing: 3px;
    line-height: 70px;
    font-family: OpenSans-ExtraBold;
}
.banner-content p
{
    color:#111827;
    font-size: 15px;
     font-family: OpenSans-Regular;
}
.banner-content h4 .heading-color
{
    color: #F7941D;
}
.banner-content .banner-role
{
    white-space: nowrap;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}
.banner-content .banner-role .role-btn {
    background-color: white;
    color: #1B7E82;
    transition: background-color 0.3s, color 0.3s;
    font-family: OpenSans-regular;
}

.banner-content .banner-role .role-btn.active {
    background-color: #1B7E82;
    color: #fff !important;
}
.banner-content .banner-role button
{
    margin-top: 20px;
    box-shadow: 0px 0px 2px #a3a2a2;
}
.banner-content .banner-role button:hover
{
    box-shadow: 0px 0px 2px #a3a2a2 !important;
}
.banner-content .banner-role button:focus
{
    box-shadow: 0px 0px 2px #a3a2a2;
}
.banner-content .banner-role button:nth-child(1)
{
    margin-right:20px;
    color: #1B7E82;
}
.banner-content .banner-role button:nth-child(2)
{
    background-color: #fff;
    color: #1B7E82;
    padding: 12px 0px;
}
.carousel-indicators [data-bs-target] {
    background-color: #f7941d;
}
.banner-content form
{
    margin-top: 20px;
    border-radius: 50px;
    padding: 3px 3px 3px 0px;
    width:90%;
}
.banner-content form label {
 font-family: OpenSans-Regular;
    color: #fff;
    font-size: 13px;
}
.banner-content form input
{
    background-color: #fff;
    border: none;
    padding: 15px;
    color: #313030;
    font-family: OpenSans-Regular;
    font-size: 17px;
    margin-top: 3px;
    box-shadow: 0px 0px 2px #a3a2a2;
    height: 49px;
}
.banner-content form input::placeholder
{
    color:#434343;
}
.banner-content form input:focus
{
    box-shadow: none;
    border: none;
    background-color: transparent;
    box-shadow: 0px 0px 2px #a3a2a2 !important;
    border-radius: 0px;
    color:#000;
}
.banner-content form button
{
    width: 100%;
    height: 51px;
    background-color: #f7941d;
    border: none;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    font-family: OpenSans-Regular;
}
.banner-content form button:hover
{
    background-color: #f7941d;
    color: #fff;
}
.banner-body .banner-rating
{
    margin-top:20px;
    width: 90%;
}
.banner-body .banner-rating p
{
    color: #FF3A44;
    display:flex;
    justify-content: space-between;
    white-space: nowrap;
    align-items: center;
}
.banner-body .rating-mobile
{
    text-align: center;
    display:none;
}
.banner-body .banner-rating.rating-mobile  button.watch-video
{
    margin-left:0px;
}
.banner-body .rating-star
{
    display:flex;
    justify-content: space-between;
}
.banner-body .banner-rating button.watch-video
{
    border: none;
    background-color: transparent;
    color:#F7941D;
    margin-left:50px;
    text-align: right;
}
.banner-body .banner-rating button.watch-video img
{
    width: 20px;
    height: 20px;
    object-fit: contain;
    margin-top: -3px;
}
.banner-body .banner-rating .star i
{
font-size: 25px;
margin-right: 1px;
cursor: pointer;
color: #ccc;
transition: color 0.3s;
}
.banner-body .banner-rating .star i.active
{
  color: #FFA500;
}
.banner-body .banner-rating span
{
    font-size: 20px;
    margin-left: 20px;
}
/*------------------------------banner-end ------------------------------*/
/*-----------------------------------all-services-style ---------------------------------------*/
.all-services-main-content
{
    padding:0px 80px;
}
.all-services-main-content .browse-categories {
    padding: 120px 0px 0px 0px;
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
.all-services-main-content .browse-categories h4
{
      font-family: OpenSans-ExtraBold;
    font-size: 50px;

    color: #1b7e82;
}
.all-services-main-content .browse-categories p
{
font-family: OpenSans-Regular;
    font-size: 15px;
    color: #1c3233;
    line-height: 25px;
    width: 71%;
    margin:0 auto;
    text-align: center;
}
.all-services-main-content .browse-categories input
{
    width: 70%;
    margin: 50 auto;
    border-radius: 25px;
    height: 45px;
    padding: 0px 35px;
    border: none;
    box-shadow: 0px 2px 10px #cdcdcd;
    font-family: OpenSans-Regular;
}
.all-services-main-content .browse-categories input::placeholder
{
    font-family: OpenSans-Regular;
}
.all-services-main-content .browse-categories h4  img
{
    margin-top: -7px;
    margin-right: 7px;
}
.all-services-main-content .browse-categories h4 span
{
    color:#F7941D;
}
.all-services-main-content .category-container
{
    text-align: center;
}
.browse-categories-btns h4
{
    font-family:  ariel_rounded_mt, Arial, sans-serif;
    font-size:25px;
    color:#1A7E83;

    padding-left: 3px;
}
.browse-categories-btns .buttons-group button
{
    border: 1px solid #F7941D;
    border-radius: 8px;
    margin: 7px 6px;
 font-family: OpenSans-Regular;
    color: #1A7E83;

    font-size: 14px;
    padding: 9px 20px;
    display: inline-block;
    width: 234px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.browse-categories-btns button:hover
{
    background-color: #F7941D;
    color:#fff;
}
.buttons-group
{
    margin: 30px 0px;
}
.find-great-work
{
    background-color: #eaf3f5;
    margin: 10px 97px;
    border-radius: 17px;
}
.find-great-work .banner-content
{
    text-align: center;
    width: 50%;
    margin: 0 auto;
    padding: 30px 0px;
}
.find-great-work .banner-content form
{
        width: 100%;
}
/*--------------------------------------find great work end ------------------------------*/
.login-form .country-code
{
        width: 23px;
}
.login-form .banner-content h4
{
    text-align: center;
    font-size: 50px;
    line-height: 66px;
}
.login-form .banner-content p
{
    width:100%;
}
.login-form .form-check-label {
    margin-left: 35px;
    margin-top: -4px;
}
.login-form .form-structure form label {
     font-family: OpenSans-Regular;
    font-size: 14px;
    margin-top:2px;
    color: #50506c;
}
.login-form .form-structure form .form-check.agree label
{
    padding-left: 0px;
    margin-left: 9px;
    margin-top: 1px;
}
.login-form .form-structure form .form-check.agree label  span
{
    color:#F7941D;
}
.login-form .form-structure form .register-role
{
    display:flex;
}
.login-form .form-structure form .register-role .form-check
{
    padding-left:0px;
}
.login-form .form-structure form .register-role .form-check:nth-child(2)
{
    padding-left:20px;
}
.login-form .form-structure form input[type=radio]
{
    height: 22px !important;
    border:1px solid #fff !important;
    width: 22px;
    margin-top: 5px;
}
/*--------------------------------------Pricing end ------------------------------------*/
/*-------------------------------------- Contact Form ---------------------------------*/
.contact-location
{
    margin-top: 180px;
}
.contact-body
{
    width: 50%;
    margin: 90px auto;
}
.contact-body .contact-block
{
    background-color:#FAF7F2;
    width: 70%;
    margin: 40px auto;
    padding: 40px 10px 10px 10px;
    text-align: center;
    position: relative;
}
.contact-body .contact-block h4
{
    font-size:18px;
     font-family: OpenSans-Regular;
}
.contact-body .contact-block p
{
    font-size:14px;
     font-family: OpenSans-Regular;
}
.contact-body .contact-block .location i ,.contact-body .contact-block .email i ,.contact-body .contact-block .phone i
{
    position: absolute;
    top: -21px;
    background-color: #1b7e82;
    color: #fff;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    padding: 15px;
    left: 40%;
    font-size: 24px;
}
.contact-body .contact-block .email i
{
    background-color: #1b7e82;
}
.contact-body .contact-block .phone i
{
    background-color: #1b7e82;
}
.contact-body form
{
    margin-top: 25px;
}
.contact-body form input
{
    padding: 10px 17px;
    height: 50px;
    font-size: 13px;
    color: #000;
    background-color: #1a7e8326;
    border: transparent;
    box-shadow: 0px 0px 2px transparent;
    font-family: OpenSans-Regular;
}
.contact-body form input:focus ,.contact-body form textarea:focus
{
    border: 1px solid #1a7e83;
    box-shadow: 0px 0px 2px #1a7e83;
}
.contact-body form textarea
{
    padding: 10px 17px;
    height: 150px;
    font-size: 13px;
    color: #000;
    background-color: #1a7e8326;
    border:none;
}
.contact-body form .form-send button
{
    background-color: #F7941D;
    color: #fff;
    border-radius: 20px;
    padding: 6px 20px;
    font-size:14px;
     font-family: OpenSans-Regular;
}
.contact-body form .form-send button:hover
{
    background-color: #cf7a13;
    color: #fff;
}
/*-------------------------------------- Contact form-end ------------------------------*/
/*----------------------------------------About us -----------------------------------*/
.about-upseeks
{
    padding: 9px 10px;
}
.about-upseeks .about-upseeks-content h3
{
    font-family: OpenSans-ExtraBold;
    font-size: 45px;
    color: #1a7e83;
    letter-spacing: 3px;
}
.about-upseeks .about-upseeks-content h3 span
{
    color:#f7941d;
}
.about-upseeks .about-upseeks-content p
{
    color: #000000;
 font-family: OpenSans-Regular;
    font-size: 15px;
}
.about-upseeks .about-upseeks-image img {
    width: 100%;
    border-radius: 29px;
    border-right: 2px solid #f7941d;
    padding: 10px 10px 10px 10px;
    border-bottom: 2px solid #f7941d;
}
.about-upseeks .vision
{
    padding: 15px;
    border: 1px solid #e6e1e1;
    border-radius: 15px;
    box-shadow: 0px 0px 5px #1a7e8357;
    background-color: #eaf3f5;
    margin-bottom:20px;
}
.about-upseeks .vision.why-hire
{
    text-align: center;
    height: 235px;
}
.about-upseeks .vision.why-hire h5
{
    font-family: OpenSans-Bold;
    font-size: 25px;
    color: #1a7e83;
}
.about-upseeks .vision.why-hire p
{
    font-family: OpenSans-Regular;
    font-size: 15px;
    color: #000000;
}
.about-upseeks .vision.why-hire  img
{
    width: 60px;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 0px;
}
.about-upseeks .vision.category
{
    text-align: center;
}
.about-upseeks .vision.category img
{
    width: 60px;
}
.about-upseeks .vision.category  h5
{
    color:#f7941d;
    font-family: OpenSans-Bold;
    font-size: 16px;
    margin-top:20px;
    text-transform: uppercase;
}
.about-upseeks .steps .steps-card h4 img
{
    width: 50px;
}
.about-upseeks .steps .steps-card h4
{
    font-family: OpenSans-Bold;
    font-size: 25px;
    color: #1a7e83;
}
.about-upseeks .steps .steps-card .steps-block
{
    margin-left: 55px;
}
.about-upseeks .steps-card .steps-block ul li img
{
    width: 8px;
    margin-right: 10px;
}
.about-upseeks .steps .steps-card .steps-block ul li
{
    font-family: OpenSans-Regular;
    font-size: 14px;
    line-height: 25px;
    display:flex;
    align-items: center;
}
.about-upseeks .steps .steps-card h4 span
{
    color:#f7941d;
}
.about-upseeks li
{
    line-height: 35px;
}
.about-upseeks li span
{
    color: #1a7e83;
    font-family: OpenSans-semibold;
    font-size: 16px;
    text-decoration: underline;
}
.about-upseeks .vision h4
{
    color:#f7941d;
    font-family: OpenSans-bold;
    font-size: 30px;
    display: flex;
    align-items: center;
}
.about-upseeks .vision h4 span
{
    color: #1a7e83;
    font-family: OpenSans-bold;
    font-size: 40px;
    margin-left:10px;
}
.about-upseeks .vision img
{
    width: 35px;
    margin-left:10px;
}
.about-upseeks.founder-block
{
    padding:20px 0px;
}
.about-upseeks.founder-block .row
{
    align-items: center;
}
.about-upseeks .founder h4
{
    color:#f7941d;
    font-family: OpenSans-bold;
    font-size: 40px;
    display: flex;
    align-items: center;
}
.about-upseeks .founder p
{
    text-align: justify;
}
.about-upseeks .founder h4 span
{
    color: #1a7e83;
    font-family: OpenSans-bold;
    font-size: 40px;
    margin-left:10px;
}
.about-upseeks .founder h5
{
    text-align: right;
    font-family: OpenSans-italic;
    font-size: 16px;
}
.about-upseeks.founder-block img
{
    border-radius:30px;
    width:100%;
}
.about-upseeks .founder-img
{
    text-align: center;
}
.about-upseeks .founder-img h3
{
    display: inline-block;
    background-color: #f7941d;
    color: #fff;
    font-size: 23px;
    padding: 3px 38px;
    border-radius: 9px;
    margin-top: -21px;
    font-family: OpenSans-bold;
}
.about-how
{
    padding:90px 0px;
}
.about-how .about-how-heading
{
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.about-how .about-how-heading h3
{
    color:#f7941d;
    font-family: OpenSans-ExtraBold;
    font-size: 60px;
    display: flex;
    align-items: center;
}
.about-how .about-how-heading h3 span
{
    color: #1a7e83;
    margin-left:10px;
    margin-right:10px;
}
.about-how .about-how-heading .nav-pills
{
    border: 1px solid #f7941d;
    border-radius: 24px;
    padding: 2px;
    width: 397px;
}
.about-how .about-how-heading .nav-pills .nav-link
{
  border-radius: 50px;      /* pill shape */
  padding: 8px 20px;
  transition: all 0.3s ease;
  color:#000;
  font-family: OpenSans-semibold;
}
.about-how .about-how-heading .nav-pills .nav-link.active {
  background-color: #1a7e83; /* Bootstrap primary */
  color: #fff;
  box-shadow: 0 3px 6px rgba(0,0,0,0.2);
}
.about-how .tab-content
{
    border:none;
}
.about-rating.counter img
{
    width:100%;
}
.about-rating .col-md-4
{
    padding: 0px 0px;
}
.about-rating .rating-block2 img
{
    width:100%;
    height: 100%;
}
.rating-inner
{
    background-color: transparent;
    margin-top:20px;
    height: 6px;
}
/*----------------------------------------- About us end ------------------------------*/
.do-heading
{
    text-align: center;
    position: relative;
    margin-bottom: 40px;
}
.do-heading h5
{
     font-family: OpenSans-Regular;

    font-size:20px;
}
.do-heading h2
{
     font-family: OpenSans-Regular;
    font-weight: 590;
    font-size:50px;
    color:#1A7E83;
    display: inline-block;
}
.testimonial .do-heading h2
{
      font-family: OpenSans-ExtraBold;

    font-size:50px;
    color:#1A7E83;
    display: inline-block;
}
.do-heading h2::before
{
    content: " ";
    position: absolute;
    height: 3px;
    width: 35%;
    background-color: #1a7e83;
    left: 0px;
    top: 65px;
}
.do-heading h2::after
{
    content: " ";
    position: absolute;
    height: 3px;
    width: 35%;
    background-color: #1a7e83;
    right: 0px;
    top: 65px;
}
.what-we-do
{
    width: 95%;
    margin: 55px auto;
    margin-bottom: 20px;
}
#why-upseeks-do
{
    margin-top:80px;
}
#whyupseeks
{
        margin-top: 40px;
        margin-bottom: 110px;
}
#whyupseeks .how-work-img img {
    width: 75%;
    margin-top: 80px;
}
.what-we-do .point-block h4
{
    font-size: 24px;
    color: #1a7d81;
 font-family: OpenSans-Regular;
    text-transform: capitalize;
    text-align: center;
}
.what-we-do .point-block p
{
    font-size: 14px;
 font-family: OpenSans-Regular;
    line-height: 25px;
    color: #7d6e6e;
}
.what-we-do .left-section .point-block p
{
    text-align: right;
}
.what-we-do .point-icon
{
    font-size: 40px;
    color: #1a7d81;
    border: 2px solid #1a7e83;
    border-radius: 8px;
    width: 75px;
    height: 75px;
    text-align: center;
    margin-top: 33px;
    padding: 13px 10px 10px 10px;
}
.what-we-do .point-icon img
{
    width: 44px;
}
.phone-section
{
    text-align: center;
}
.phone-section img
{
    width: 66%;
}
.what-we-do .left-section ,.what-we-do .right-section
{
    margin-bottom: 25px;
    margin-top: 25px;
    margin-left: 10px;
    height: 173px;
}
.what-we-do .right-section .point-icon
{
    float:right;
}
.what-we-do .left-section .point-block h4
{
    text-align: center;
}
.what-do-body
{
    width: 90%;
    margin: 0 auto;
}
.mobile-what-we-do
{
    display:none;
}
.mobile-what-we-do .left-mobile-what ,.mobile-what-we-do .right-mobile-what
{
    border-bottom: 1px dashed #1b7e82;
    margin: 15px 0px;
}
.mobile-what-we-do .left-mobile-what .point-icon ,.mobile-what-we-do .right-mobile-what .point-icon
{
    padding: 0px;
}
.mobile-what-we-do .left-mobile-what .point-icon img ,.mobile-what-we-do .right-mobile-what .point-icon img
{
    width: 56px;
    height:56px;
    border: 2px solid #1a7e83;
    margin-top: 7px;
}
.mobile-what-we-do .left-mobile-what .point-block h4
{
    text-align: left;
    font-size:14px;

}
.mobile-what-we-do .right-mobile-what .point-block h4
{
    text-align: right;
    font-size:14px;

}
.mobile-what-we-do .right-mobile-what .point-block p
{
    text-align: right;
}
.mobile-market-place
{
    display:none;
}
.rating.counter
{
    visibility: hidden;
}
.rating {
    padding: 9px 15px 8px 15px;
}
.rating .rating-block
{
    text-align: center;
}
.rating .rating-block img
{
    padding: 0px 0px 0px 0px;
    /* background-color: #FFF2E2; */
    width: 82px;
    height: 68px;
    object-fit: contain;
}
.rating .rating-block h2
{
    font-size: 35px;
    font-family: 'ariel_rounded_mt';

    /* color: #ffffff;
    margin-top: -18px; */
    color: #f7941d;
    margin-top: 2px;
}
.rating .rating-block p
{
    font-size: 20px;
     font-family: OpenSans-Regular;
    color: #1B7E82;
    margin-top: -20px;
}
.rating-inner .rating .rating-block p
{
    color:#fff;
}
.video
{
    position: relative;
    background-color: #EAF3F5;
    height: 410px;
    padding: 75px 0px;
}
.how-work-video h3
{
    width: 80% !important;
    margin: 0 auto;
}
.how-work-video p
{
    width: 80% !important;
    margin: 10 auto;
}
.video .video-heading h3
{
    margin-top: 19px;
    font-size: 50px;

    color: #1b7e82;
      font-family: OpenSans-ExtraBold;
}
.video .video-heading h3 span
{
    color: #F7941D;
}
.video .video-heading h5
{
    color:#fff;
    font-size: 40px;
 font-family: OpenSans-Regular;

}
.video .video-heading small
{
    color: #fff;
    font-size: 18px;
 font-family: OpenSans-Regular;
    font-weight: normal;
    line-height: 23px;
}
.video .video-heading p
{
    font-size: 14px;
    color: #000;
     font-family: OpenSans-Regular;
    width: 98%;
    margin: 0px auto;
    margin-bottom: 30px;
    line-height: 28px;
}
.video .video-section
{
width:70%;
margin:0 auto;
}
.video .video-section video
{
width:100%;
}
.testimonial
{
    margin-top: 380px;
    padding: 50px 80px 50px 80px;
}
#testimonial-about
{
    margin-top: 20px;
}
#testimonial-about p
{
    font-size: 14px;
 font-family: OpenSans-Regular;
    width:70%;
}
#testimonial-about h4
{
    font-size: 16px;
    color: #000;
     font-family: OpenSans-Regular;
    margin-bottom:0px;
}
#testimonial-about .test-position
{
    font-size: 12px;
    margin-top: -5px;
}
#testimonial-about img
{
    width: 50px;
    margin-bottom: 20px;
}
#testimonial-about .clients-testimonial img.client-test-img
{
    margin-top:20px;
    margin-bottom:10px;
}
.testimonial .do-heading h2::after {
    content: " ";
    position: absolute;
    height: 3px;
    width: 33%;
    background-color: #1a7e83;
    right: 0px;
    top: 78px;
}
.testimonial .do-heading h2::before {
    content: " ";
    position: absolute;
    height: 3px;
    width: 33%;
    background-color: #1a7e83;
    left: 0px;
    top: 78px;
}
.testimonial .testimonial-content .carousel-item
{
  position: relative;
}
.testimonial .testimonial-content .carousel-item p
{
    width: 40%;
    margin: 0 auto;
}
.testimonial .testimonial-content .carousel-item h3 ,.testimonial .testimonial-content .carousel-item h4 a ,.testimonial .testimonial-content .carousel-item h4
{
    font-size: 27px;

    font-family: 'ariel_rounded_mt';
    margin-top:30px;
    color: #f7941d;
    text-decoration :none;
}
.testimonial .testimonial-content .carousel-item p
{
    font-size: 25px;
     font-family: OpenSans-Regular;
    line-height: 24px;
}
.testimonial .testimonial-content .quotes
{
    position: absolute;
    top: 0px;
    left: 540px;
}
/*-------------------------------------------------*/
.responsive-choose
{
    display:none;
}
.carousel-indicators {
    bottom: -40px !important;
}
.choose-path
{
    padding: 0px 50px 120px 50px;
}
.choose-path h4
{
    font-size: 50px;

      font-family: OpenSans-ExtraBold;
    color:#1b7e82;
}
.choose-path h4  span
{
    color:#F7941D;
}
.choose-path p
{
    font-size:18px;
    color:#111827;
    font-family: OpenSans-Regular;
}
.choose-path  .choose-block
{
    padding: 20px 10px;
}
.choose-path .choose-block img
{
    width: 40px;
    margin-bottom: 15px;
}
.choose-path .choose-block h4
{

    font-size:30px;
    color:#696969;
    font-family: OpenSans-Semibold;
}
.choose-path  .choose-block h4 span
{
    color:#F7941D;
}
.choose-path .choose-block p
{
    color:#374151;
    font-size:16px;
    font-family: OpenSans-Regular;
}
.why-upseeks
{
    background-color: #EAF3F5;
    text-align: center;
    padding: 50px 100px;
}
.why-upseeks .why-upseeks-body
{
    padding-top:80px;
    position: relative;
}
.why-upseeks  h4
{
    font-size: 50px;

    color: #1b7e82;
      font-family: OpenSans-ExtraBold;
}
.why-upseeks  h4  span
{
    color:#F7941D;
}
.why-upseeks p
{
    font-size:18px;
    color:#000;
    font-family: OpenSans-Regular;
}
.why-upseeks .left-options
{
    margin-top:50px;
}
.why-upseeks .left-options .why-left
{
    display:flex;
    text-align: right;
    margin-bottom:80px;
}
.why-upseeks .left-options .why-right
{
    display:flex;
    text-align: left;
    margin-bottom:80px;
}
.why-upseeks .left-options .why-left h4 ,.why-upseeks .left-options .why-right h4
{
    font-size: 20px;
    font-family: OpenSans-Bold;
}
.why-upseeks .left-options .why-left p ,.why-upseeks .left-options .why-right p
{
    font-size: 15px;
    color:#6d6d6d;
    display: -webkit-box;
    -webkit-line-clamp: 3;         /* Show only 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: OpenSans-Regular;
}
.why-upseeks .why-left img
{
    width: 55px;
    height: 55px;
    object-fit: contain;
    margin-left: 15px;
}
.why-upseeks .why-right img
{
    width: 55px;
    height: 55px;
    object-fit: contain;
    margin-right: 15px;
}
.why-upseeks .why-center img
{
    width:300px;
    margin-top:10px;
}
.why-upseeks-responsive
{
    display:none;
    margin-top:30px;
}
.ring-background {
    position: absolute;
    width: 42vw;
    height: 75vh;
    overflow: hidden;
    z-index: 0;
    top: 9px;
    left: 210px;
}

.ring {
  position: absolute;
  top: 55%;
  left: 55%;
  border: 2px solid rgba(27, 127, 130, 0.116);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: pulse 6s linear infinite;
}

.ring1 {
  width: 200px;
  height: 200px;
  animation-delay: 0s;
}

.ring2 {
  width: 300px;
  height: 300px;
  animation-delay: 1s;
}
.ring3 {
  width: 400px;
  height: 400px;
  animation-delay: 3s;
}
.ring4 {
  width: 500px;
  height: 500px;
  animation-delay: 3s;
}

@keyframes pulse {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8);
  }
  50% {
    opacity: 0.60;
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.2);
  }
}
/*-------------------------------------------------*/
.choose-look ul
{
    text-align: center;
}
.choose-look ul li {
    width:80%;
    margin:0 auto;
    text-align: center;
    padding: 8px 0;
    display: block;
    background-color: #F2FAF9;
    border: 1px solid #1A7E83;
    border-radius: 25px;
    margin-bottom: 30px;
}
.choose-look ul li a
{
    text-decoration: none;
    color:#000;
    font-size: 17px;
}
.get-bg-opacity h6.semi-head1
{
    font-size: 19px;
    width: 35%;
    margin: 18px auto;
    line-height: 28px;
}
.get-bg-opacity h3.semi-head1
{
    font-size: 42px;
 font-family: OpenSans-Regular;
    color:#000;
    font-weight:normal;
}
.get-bg-opacity h5
{
    display: inline-block;
    background-color: #1a7e8329;
    border-radius: 20px;
    color: #1a7e83;
    padding: 5px 20px;
}
.get-bg-opacity h4
{
    color: #000000;
    font-size: 40px;
 font-family: OpenSans-Regular;

    line-height: 54px;
}
.get-bg-opacity form
{
    width: 30%;
    margin: 0 auto;
}
.get-started h3
{
    text-align: center;
    color: #1a7e83;
    font-size:40px;
    font-family:  ariel_rounded_mt, Arial, sans-serif;

}
.get-started p
{
    color: grey;
    font-size: 19px;
    width: 30%;
    margin: 0 auto;
}
.get-started button
{
    width: 25%;
    background-color: #e38513;
    color: #fff;
    font-size: 26px;

    margin-top: 20px;
    border-radius: 40px;
    font-family:  ariel_rounded_mt, Arial, sans-serif;
}
.get-started button:hover
{
    background-color: #e38513;
    color: #fff;
}
.responsive-footer
{
    display:none;
}
footer
{
    background-color:#1a7e83;
    padding: 60px 0px 50px 0px;
}
footer .footer-logo
{
    text-align: center;
    margin-top: 14px;
}
footer .quick-links ul li a
{
    color: #fff;
     font-family: OpenSans-Regular;
    font-size: 15px;
}
footer .quick-links ul li a:hover
{
    color:#e38513;
}
footer .quick-links ul li
{
    margin-bottom:7px;
}
footer .quick-links ul li:nth-child(1)
{
     font-family: OpenSans-Regular;
    font-size:15px;
    color:#cfcfcf;
    margin-bottom:15px;
}
footer .responsive-footer .quick-links ul li:nth-child(1)
{
    margin-bottom:7px;
}
footer .copyright
{
    display:flex;
    align-items: center;
    margin-top:20px;
}
footer .copyright p
{
    font-size:15px;
    color:#fff;
    font-family: OpenSans-Regular;
}
footer .copyright ul
{
    margin-left:20px;
}
footer .copyright ul li a
{
    font-size:15px;
    color:#fff;
    font-family: OpenSans-semibold;
}
footer .copyright ul li a:hover
{
    color:#e38513;
}
footer .follow-us
{
    display:flex;
    justify-content: space-between;
    align-items: center;
    border-bottom:1px solid #e3e3e352;
}
footer .follow-us .follow-social
{
    display:flex;
    justify-content: flex-start;
}
footer .follow-us .follow-social p
{
    color: #fff;
    font-family: OpenSans-semibold;
    font-size: 15px;
    margin-right: 18px;
}
footer .follow-us .follow-app
{
    display:flex;
    justify-content: flex-start;
}
footer .follow-us .follow-app p
{
    color: #fff;
    font-family: OpenSans-semibold;
    font-size: 15px;
    margin-right: 18px;
}
footer .follow-us .follow-app img
{
    width: 30px;
    height: 30px;
    object-fit: contain;
    margin-right:10px;
}
footer .responsive-footer .accordion-item
{
    background-color: transparent;
    border:none;
}
footer .responsive-footer .accordion-item button
{
    background-color: transparent;
    box-shadow: none;
    color: #fff;
    font-size: 13px;
    padding: 8px 0px;
}
/*-------------------------------- Login Form------------------------------------------------------*/
/*------------------------------------ Pricing ----------------------------*/
.best-package-pricing
{
    padding: 70px 20px;
}
.pricing-first
{
    float:right;
}
.best-package-pricing .package-pricing-heading h3
{
    color: #000000;
    font-size: 42px;
 font-family: OpenSans-Regular;
    line-height: 45px;
    margin-bottom: 80px;
    font-weight:normal;
}
.best-package-pricing .package-pricing-heading h3 span
{
    color: #F7941D;
    position: relative;
}
.best-package-pricing .package-pricing-heading h3 span::after
{
    content: url(../images/Line1.png);
    position: absolute;
    bottom: -30px;
    left: -10px;
}
.best-package-pricing .pricing-block
{
    width: 90%;
    padding: 20px;
    box-shadow: 0px 0px 4px #afacac;
    border-radius: 7px;
    background-color: #1b7e82;
}
.best-package-pricing .pricing-block .pricing-first
{
    float:right;
}
.best-package-pricing .pricing-block .pricing-last
{
    float:left;
}
.best-package-pricing .pricing-block.block-middle
{
    margin:0 auto;
    box-shadow: 0px 0px 4px #f7941d;
    border: 1px solid #f7941d;
}
.best-package-pricing .pricing-block.block-middle .pricing-block-image .pricing-block-type p
{
    background-image:linear-gradient( #FF4E00 , #FE9500);
    animation: mover 1s infinite alternate;
}
.best-package-pricing .pricing-block .pricing-block-image
{
    text-align: center;
    position: relative;
}
.best-package-pricing .pricing-block .pricing-block-image img
{
    width: 120px;
    animation: mover 1s infinite alternate;
}
.best-package-pricing .pricing-block .pricing-block-image .pricing-block-type p
{
    position: absolute;
    background-image: linear-gradient(#1A7E83 , #085254);
    top: 14px;
    padding: 0px 9px;
    border-radius: 15px;
    left: 20px;
    color: #fff;
    font-size: 12px;
    animation: mover 1s infinite alternate;
}
.best-package-pricing .pricing-block .pricing-block-content
{
    margin-top:20px;
}
.best-package-pricing .pricing-block .pricing-block-content h1
{
    text-align: center;
    font-size: 23px;
    color: #f7941d;
 font-family: OpenSans-Regular;

}
.best-package-pricing .pricing-block .pricing-block-content h2
{
    color:#fff;
}
.best-package-pricing .pricing-block .pricing-block-content h2 img
{
    width: 17px;
}
.best-package-pricing .pricing-block .pricing-block-content h2 span
{
    font-size: 37px;
 font-family: OpenSans-Regular;
}
.best-package-pricing .pricing-block .pricing-block-content h2 sup
{
    font-size: 19px;
    margin-right: 4px;
}
.best-package-pricing .pricing-block .pricing-block-content h2 sub
{
    font-size: 19px;
    margin-left: 4px;
}
.best-package-pricing .pricing-block .pricing-block-content ul li
{
    font-size: 16px;
 font-family: OpenSans-Regular;
    line-height: 40px;
    color: #fff;
}
.best-package-pricing .pricing-block .pricing-block-content ul li span
{
    margin-right: 7px;
}
.best-package-pricing .pricing-block .pricing-block-content button
{
    background-color: #F7941D;
    border-radius: 8px;
    color: #fff;
    font-size: 15px;
    padding: 11px 40px;
    width: 220px;
 font-family: OpenSans-Regular;
    margin:0 auto;
}
.free-trial
{
    background-color:#1a7e83;
    padding: 90px 100px;
}
.free-trial-image img
{
    width:100%;
}
.free-trial .free-trial-content
{
    margin-top: 40px;
}
.free-trial .free-trial-content h1
{
    font-family:  ariel_rounded_mt, Arial, sans-serif;
    font-size:58px;

    color:#fff;
}
.free-trial .free-trial-content p
{
    font-size: 20px;
 font-family: OpenSans-Regular;
    color: #fff;
    margin-top: 30px;
    line-height: 32px;
    margin-bottom: 40px;
}
.free-trial .free-trial-content button
{
    background-color: #f7941d;
    color: #fff;
    border-radius: 20px;
    padding: 7px 30px;
}
/*--------------------------------------Pricing-style end --------------------------*/
/*------------------------------------ FAQ --------------------------------*/
.faq
{
    width: 60%;
    margin: 60px auto;
}
.faq .faq-img img
{
    width: 80%;
    margin: 40px auto;
}
.faq .faq-content p.small-heading ,.contact-form p
{
    font-family: FontsFree-Net-Circular-Std-Book;
    display: inline-block;
    background-color: #e7f2f2;
    padding: 3px 11px;
    color: #1a7e83;
    border-radius: 17px;
    font-size: 18px;
}
.faq .faq-content h2 ,.contact-form h2
{
    font-size: 42px;
    /* font-family: OpenSans-Regular; */
       font-family: OpenSans-ExtraBold;
    line-height: 47px;
    color: #1b7e82;

    word-spacing: 0px;
    letter-spacing: 1px;
    line-height: 52px;
    text-transform: capitalize;
}
.faq .faq-content h2
{
font-family:  ariel_rounded_mt, Arial, sans-serif;

}
.faq .faq-content .faq-questions h2 button
{
    font-size: 16px;
 font-family: OpenSans-Regular;
    background-color: transparent;
    border: 1px solid #92d8db;
    padding: 8px;
    border-radius: 8px;
    margin-bottom: 9px;
}
.faq .faq-content .accordion-item
{
    border:none;
}
.faq .faq-content .accordion-item .accordion-body
{
    margin-top: -6px;
    margin-bottom: 5px;
    background-color: #1a7e83;
    color: #fff;
    padding: 11px;
    border-radius: 7px;
}
.faq .faq-content .accordion-item .accordion-body p
{
    font-size: 12px;
    line-height: 18px;
}
/*---------------------------------- FAQ end ----------------------------*/
.login-page {
    width: 100%;
    /* height: 100%; */
    background-attachment: fixed;
    /* margin: 0px auto; */
    /* position: fixed; */
    /* padding: 20px 30px; */
}
.login-page .login-form .form-structure
{
    width:90%;
    margin:50px auto;
}
.login-image
{
    width: 100%;
}
.login-image img
{
    width: 80%;
    margin-top: 20px;
}
.login-page .welcome-img
{
    text-align: center;
}
.login-page .welcome-img img
{
    width: 80%;
    margin-top: 50px;
}
.login-page .logo img, .registration-page .logo img {
    width: 8%;
}
.login-page input::placeholder ,.registration-page input::placeholder ,.hourly-rate .input-group .form-input-add::placeholder
{
    color: rgb(245, 243, 243) !important;
    opacity: 1;
}
.form-structure
{
    margin-top: 130px;
    /* animation: fadeInRight 1s ease-in-out; */
}
.form-structure h3
{
    font-family:  ariel_rounded_mt, Arial, sans-serif;
    font-size:40px;

    color: #ffffff;
    text-align:center;
}
.form-structure p
{
    color: #fff;
}
.form-structure .inner-smallheading
{
     font-family: OpenSans-Regular;
    font-size:18px;
    text-align:center;
}
.form-structure form
{
    color: #fff;
}
.form-structure form input:focus
{
    color:#fff;
    border: 1px solid #ffffff !important;
}
.form-structure form label
{
     font-family: OpenSans-Regular;
    font-size:20px;
}
.form-structure form input[type="email"] ,.form-structure form input[type="password"] ,.form-structure form input[type="text"]
{
    height: 46px;
    border-radius: 50px;
    padding-left: 50px;
    border: 1px solid #ffffff;
    background-color: transparent;
    color: #fff;
}
.form-structure form .register-phonenumber input
{
    height: 46px;
    border-radius: 50px;
    padding-left: 50px;
    border: 1px solid #ffffff;
    background-color: transparent;
    color: #fff;
    width:100%;
}
.form-structure form .iti--allow-dropdown ,.register-phonenumber .iti--allow-dropdown
{
    width:100%;
}
.form-structure form .input-group span
{
    background-color:transparent;
    border-radius: 25px 0px 0px 25px;
     font-family: OpenSans-Regular;
}
.form-structure form .input-group span select
{
    background-color:transparent;
    color:#fff;
    border:none;
}
.form-structure form .input-group span select option
{
    color:#1b7e82;
}
.form-structure form input[type="email"]:focus ,.form-structure form input[type="password"]:focus ,.form-structure form input[type="text"]:focus
{
    border: 1px solid #1a7e83;
}
.login-form .form-structure form input[type="email"]:focus ,.login-form .form-structure form input[type="password"]:focus ,.login-form .form-structure form input[type="text"]:focus
{
    border: 1px solid #ffffff;
    background-color: transparent;
    color: #fff;
}
.login-form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px transparent inset !important;
    -webkit-text-fill-color: rgb(255, 255, 255) !important;
    transition: background-color 5000s ease-in-out 0s;
    background-color: transparent;
    color: #000;
  }
.login-form  input:-webkit-autofill:focus {
    /* -webkit-box-shadow: 0 0 0 30px transparent inset !important; */
    background-color: transparent;
    color: #000;
  }
.form-structure form .uname
{
    background-image: url("../images/profile-input.png") !important;
    background-repeat: no-repeat;
    background-position: 16px 11px;
    background-size: 16px;
}
.form-structure form .location
{
    background-image: url("../images/location12.png") !important;
    background-repeat: no-repeat;
    background-position: 17px 15px;
    background-size: 20px;
}
.form-structure form .psw
{
    background-image: url("../images/lock-input.png");
    background-repeat: no-repeat;
    background-position: 16px 12px;
    background-size: 16px;
    color:#fff;

}
.form-structure form .refer
{
    background-image: url(../images/refer-code.png);
    background-repeat: no-repeat;
    background-position: 15px 13px;
    background-size: 22px;
    color:#fff !important;

}
.form-structure form .phone
{
    background-image: url("../images/phone-input.png");
    background-repeat: no-repeat;
    background-position: 16px 12px;
    background-size: 16px;
}
.form-structure form .mail
{
    background-image: url("../images/mail-input.png");
    background-repeat: no-repeat;
    background-position: 16px 14px;
    background-size: 16px;
}
.form-structure form .forget
{
    text-align: right;
     font-family: OpenSans-Regular;
    font-size:16px;
}
.form-structure form .password-block
{
    position: relative;
}
.form-structure form .forget a
{
    color: #666666;
}
.form-structure form #togglePassword
{
    cursor: pointer;
    position: absolute;
    top: 60px;
    right: 21px;
}
/* .form-structure form button ,.form-structure form button:hover
{
    width: 100%;
    background-color: #F7941D;
    color: #fff;
    border-radius: 50px;
    margin-top: 12px;
    height: 41px;
} */
.login-form .form-structure form button, .form-structure form button:hover {
    width: 100%;
    background-color: #F7941D;
    color: #fff;
    border-radius: 50px;
    /* margin-top: 12px; */
    height: 54px;
}
.form-structure .already
{
    text-align: center;
     font-family: OpenSans-Regular;
    font-size:18px;
    margin-top:10px;
    font-weight:normal;
}
.form-structure .already a
{
    color: #f7941d;
}
.form-structure .or-option
{
    text-align: center;
    position: relative;
}
.form-structure .or-option ul li
{
    margin-right: 70px;
}
.form-structure .or-option ul li img
{
    width: 30px;
    height: 30px;
    object-fit: contain;
}
.form-structure .or-option ul li:last-child
{
    margin-right:0px;
}
.form-structure .or-option p
{
    margin-top:0px;
    display:inline-block;
}
.form-structure .or-option p::before
{
    content: "";
    position: absolute;
    height: 1px;
    width: 35%;
    background-color: #c7c7c747;
    left: 0;
    top: 56px;
}
.form-structure .or-option p::after
{
    content: "";
    position: absolute;
    height: 1px;
    width: 35%;
    background-color: #c7c7c747;
    right: 0;
    top: 56px;
}
.registration-page
{
    width: 100%;
    position: relative;
}
.registration-page .form-structure
{
    width: 90%;
    margin: 0px auto;
    height: calc(100vh - 150px);
    max-height: calc(100vh - 150px);
    overflow-y: scroll;
    overflow-x: hidden;
    padding:0px 10px;
}
.registration-page .form-structure::-webkit-scrollbar
{
    display: none;
}
.registration-page .banner-role
{
    display:flex;
    justify-content: flex-start;
}
.registration-page .banner-role button
{
    border-radius:8px !important;
    padding:5px 5px !important;
    background-color: #fff !important;
    color: #1b7e82 !important;
    height: 40px !important;
    width: 150px !important;
    font-size: 15px !important;
    border:none !important;
    box-shadow: 0px 0px 2px #a3a2a2;
    font-family: OpenSans-Semibold;
}
.registration-page .banner-role button.active
{
    color:#fff !important;
    background-color:#f7941d !important;
}
.registration-page .banner-role button:hover
{
    box-shadow: 0px 0px 2px #a3a2a2 !important;
}
.registration-page .banner-role button:nth-child(1)
{
    margin-right:10px;
}
.verification-page
{
    background-image: url(../image/banner-bg.png);
    padding: 8px 80px 0px 80px;
    position: relative;
    background-size: 60% 100%;
    background-repeat: no-repeat;
}
.verification-page .logo img
{
    width:110px;
}
.email-verification
{
    margin: 100px auto;
}
.email-verification  .verification-block
{
    width: 60%;
    margin: 0 auto;
    text-align: center;
    padding: 45px 0px;
}
.verification-form
{
    width: 41%;
    margin: 0 auto;
}
.verification-form button
{
    width:100% !important;
}
.email-verification .welcome {
    padding: 115px 0px;
}
.email-verification .welcome button
{
    background-color:#f7941d !important;
    color:#fff !important;
}
.email-verification .verification-block h3
{
      font-family: OpenSans-ExtraBold;
    font-size: 40px;
    color: #1B7E82;

}
.email-verification .verification-block h3 span
{
    color:#f7941d;
}
.email-verification .verification-block img
{
    width: 12%;
    margin-bottom: 28px;
    margin-top: 28px;
}
.email-verification .verification-block h5
{
    font-family: OpenSans-Regular;
    font-size: 25px;
    color: grey;

    margin-bottom: 30px;
}
.email-verification .verification-block p
{
    font-family: OpenSans-Regular;
    font-size: 20px;
    line-height: 25px;
    color: grey;
}
.email-verification .verification-block p span {
    color: #000;
    font-family: OpenSans-Regular;
    font-size: 20px;
}
.email-verification .verification-block p a {

    color: #f7941d;
    font-size: 18px;
}
.email-verification .verification-block form
{
    padding: 7px;
}
.email-verification .verification-block form input[type=text]
{
    width: 45px;
    height: 40px;
    float: left;
    display: inline-block;
    background-color: #EAF3F5;
    border: none;
    margin-top: 12px;
    border-radius: 0px;
    text-align: center;
    color: #000;
    font-size: 25px;
}
.email-verification .verification-block form input:focus
{
    border: 1px solid #1a7e83;
    box-shadow: none;
}
.email-verification .verification-block form input[type=checkbox]
{
    width: 30px;
    height: 30px;
    border-radius: 17px;
    background-color: #015a5f;
    border: #DBDBDB;
    margin-top: 16px;
}
.email-verification .verification-block form input[type=checkbox]:checked
{
    border:#F7941D;
    background-color:#F7941D;
}
.email-verification .verification-block button
{
    width: 80%;
    background-color: #F7941D;
    color: #fff;
    border-radius: 50px;
    margin-top: 32px;
    height: 41px;
}
.email-verification .verification-block button:hover
{
    background-color: #F7941D;
    color: #ffffff;
}
.email-verification .verification-block .already
{
    margin-top: 30px;
    font-size: 20px;
}
.email-verification .verification-block .already button
{
    font-size: 20px;
    padding: 0px 5px;
}
.email-verification .verification-block .already a
{
    color: #f7941d !important;
}
.email-verification .verification-block .welcone-message
{
    font-family: OpenSans-Regular;
    font-size: 20px;
    margin: 25px 0px;
    line-height: 30px;
}
/*----------------------------------- create profile style ----------------------------------*/
.create-profile
{
    background-color: #1a7e83;
    padding: 48px 80px;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
}
.create-profile .profile-form
{
    position: relative;
}
.create-profile .form-structure .heading
{
    font-size: 30px;
    color: #fff;
    text-align: left;
    width: 52%;
    margin: 0 auto;
}
.form-structure .back-button
{
    border: none;
    background-color: transparent;
    color: #fff;
    font-size: 30px;
    margin-right:20px;
}
.progress-step
{
    position: relative;
    width: 60%;
    margin: 0 auto;
}
.progress-step  .progress-strip i
{
    font-size: 100px;
    color:#fff;
}
.progress-step .progress-strip.active i
{
    color: #f7941d;
}
.create-profile .form-content
{
    width: 60%;
    margin: 0 auto;
    text-align: center;
}
.create-profile .form-content .inner-subheading
{
    color:#fff;
    font-family:  ariel_rounded_mt, Arial, sans-serif;
    font-size:30px;

    width: 80%;
    margin: 0 auto;
}
.create-profile .form-content .inner-smallheading
{
    color:#fff;
     font-family: OpenSans-Regular;
    font-size: 17px;
    margin: 20 auto;
}
.create-profile .account-verification .inner-smallheading
{
    width:60%;
    margin:30px auto;
    margin-top:0px;
}
.why-need a
{
    color:#fff;
    text-decoration: underline;
}
.create-profile .option-block
{
    margin-top:70px;
}
.your-skills input
{
    padding-left: 19px !important;
    color:#fff;
}
.your-skills input:focus
{
    color:#fff;
}
.your-skills p
{
    text-align: right;
}
.your-skills input::placeholder
{
    color:#fff;
    font-size:14px;
}
.your-skills .search-skills
{
    border: 1px solid #fff;
    border-radius: 6px;
    padding: 16px 23px;
    height: 130px;
}
.your-skills .search-skills span
{
    padding: 5px 10px;
    background-color: #f7941d;
    font-size: 14px;
    border-radius: 15px;
}
.suggestion p span
{
    border: 1px solid #fff;
    padding: 4px 10px;
    border-radius: 15px;
    margin-right: 9px;
}
.suggestion .skills-list
{
    overflow-y: scroll;
    padding-bottom:20px;
    max-height: calc(100vh - 400px);
    min-height: calc(100vh - 400px);
}
.suggestion .skills-list::-webkit-scrollbar
{
    display:none;
}
.suggestion.skills-reduced .skills-list {
    max-height: calc(100vh - 450px); /* reduced height */
    min-height: calc(100vh - 450px); /* reduced height */
}
.suggestion .skills-list input
{
    margin-right: 18px;
    margin-top: 7px;
}
.suggestion .skills-list label
{
    color:#5D5D5D;
    padding-top: 0px;
    margin-top:4px;
}
.suggestion .skills-list .form-check label
{
    margin-top:0px;
}
.suggestion .skills-list .form-check input
{
        margin-top: 0px;
}
.suggestion .skills-list .form-check
{
    margin-top: 4px;
    display: flex;
    align-items: center;
}
.suggestion .skills-list .form-check:nth-child(even)
{
    background-color: #FAF7F2;
    padding: 10px 35px;
    margin-bottom: 10px;
    border-radius: 10px;
}
.suggestion .skills-list .form-check:nth-child(odd)
{
    background-color: #F2FAF9;
    padding: 10px 35px;
    margin-bottom: 10px;
    border-radius: 10px;
}
.your-skills .search-skills span img {
    margin-right: 3px;
    margin-top: -2px;
    width: 14px;
    cursor: pointer;
}
.your-skills .search-skills .skill-list
{
    height:auto;
}
.select-jobtype label
{
    /* margin: 1px 0;
    font-size: 17px;
    width:100%; */
    margin: 9px 0;
    font-size: 17px;
    width: 100%;
    height: 39px;
}
.select-jobtype label span {
    text-align: center;
    padding: 3px 0;
    display: block;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 25px;
    margin-bottom: 30px;
}
.select-jobtype label input {
    position: absolute;
    display: none;
    color: #fff !important;
}
.select-jobtype label input + span
{
    color: #fff;
}
.select-jobtype input:checked + span {
    color: #ffffff;
    text-shadow: 0 0  6px rgba(0, 0, 0, 0.8);
}
.select-jobtype input:checked + span
{
    background-color: #f7941d;
    border: 1px solid #f7941d;
}
.profile-form .pn-button button
{
    color: #fff;
    background-color: #f7941d;
    width: 60px;
    height: 60px;
    border-radius: 30px;
}
.profile-form .pn-button button.prev
{
    position: fixed;
    left: 86px;
    top: 45%;
    bottom: 50%;
}
.profile-form .pn-button button.next
{
    position: fixed;
    right: 86;
    top: 45%;
    bottom: 50%;
}
.profile-form .upload-plus img
{
    width:11%;
}
.profile-form .upload-resume button
{
    border: none;
    background-color: #f7941d;
    border-radius: 30px;
    padding: 7px;
    width: 100%;
    color: #fff;
    font-size: 20px;
     font-family: OpenSans-Regular;
    margin-top: 87px;
}
.profile-form .upload-resume button img
{
    width: 18px;
    margin-right: 17px;
}
.profile-form .manually button
{
    border: 1px solid #fff;
    background-color: transparent;
    border-radius: 30px;
    padding: 7px;
    width: 60%;
    color: #fff;
    font-size:20px;
     font-family: OpenSans-Regular;
    margin-top:30px;
}
.upload-resume input[type=file]::file-selector-button
{
    display:none;
}
.upload-resume
{
    position: relative;
    width: 60%;
    margin: 0 auto;
}
.upload-resume input[type=file]
{
    position: absolute;
    top: 7px;
    font-size: 13px;
    color: #fff;
    width: 25%;
    left: 42%;
}
.form-structure .services-form
{
    text-align: left;
    margin-top: 30px;
}
.services-form label
{
    color: #fff;
    font-size: 15px !important;
}
.services-form .search
{
    background-image: url("../images/service-search.png");
    background-repeat: no-repeat;
    background-position: 1px 13px;
    background-size:20px;
    background-color: transparent;
    border-radius: 0px !important;
    border-bottom: 1px solid #fff !important;
    color:#fff !important;
}
.profile-form .services-form .search
{
    border:none;
    border-bottom: 1px solid #fff !important;
}
.profile-form .services-form .search:focus
{
    border:none !important;
    border-bottom: 1px solid #fff !important;
}
.profile-form .services-form .search::placeholder
{
    color:#fff;
}
.services-form .search:focus
{
    background-color: transparent;
    border-bottom: 1px solid #fff !important;
    box-shadow:none;
}

.services-form p
{
    text-align: left;
    color: #fff;
    font-size: 14px;

}
.select-jobtype span img
{
    width: 20px;
    margin-right: 12px;
    margin-top: -2px;
}
#selected-options img
{
    display:none;
}
#selected-options
{
    font-size: 14px;
    font-family: OpenSans-Regular;
    color: #f7941d;
    font-weight: normal;
}
.checkit
{
    float: left;
    margin-top: 14px;
}
.checkit .form-check-input:checked
{
    background-color: #f7941d;
    border-color: #f7941d;
}
.checkit input
{
    width: 19px;
    height: 18px;
}
.checkit label
{
    margin-top: 3px;
    margin-left: 10px;
    color: #fff;
}
/*---------------------------------- Add Experience page style --------------------------*/
/*-------------------------------------- Upload ID style ----------------------------------*/
.upload-id-tabs
{
    width: 20%;
    margin: 0 auto;
}
.success-verification1
{
    width:40%;
}
.success-verification1 .step-verify
{
    width: 90%;
}
.upload-id-tabs .nav-tabs
{
    border-bottom: 1px solid #c1bcbc59;
}
.upload-id-tabs .nav-tabs li
{
    width:50%;
}
.upload-id-tabs .nav-tabs li .nav-link
{
    width:100%;
    margin-bottom:0px;
}
.upload-id-tabs .nav-tabs li .nav-link.active
{
    background-color: transparent;
    border: none;
    border-bottom: 3px solid #F7941D;
    font-size: 20px;
     font-family: OpenSans-Regular;
    color: #fff;

}
.upload-id-tabs .nav-tabs li .nav-link
{
    background-color: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    font-size: 20px;
     font-family: OpenSans-Regular;
    color: #fff;
    font-weight: normal;
}
.upload-id-tabs .tab-content p
{
    font-size: 15px;
     font-family: OpenSans-Regular;
    color:#fff;
}
.upload-id-tabs .tab-content h5
{
    color:#fff;
    font-size: 20px;
     font-family: OpenSans-Regular;

}
.upload-id-tabs .tab-content p a
{
    font-size: 15px;
     font-family: OpenSans-Regular;
    color: #F7941D;
}
.upload-id-tabs .upload-id-img
{
    width: 22%;
}
.uploadid-button
{
    text-align: center !important;
    width:100%;
}
.uploadid-button button
{
    width: 100% !important;
    margin-top: 0px !important;
}
.uploadid-button button.show-upload-img-btn
{
    width:40% !important;
    margin:0px !important;
    position: relative;
}
.upload-img-toggle
{
    position: absolute;
    right: 0px;
    background-color: #fff;
    height: 120px;
    width: 150px;
    border-radius: 10px;
    z-index: 5;
}
.upload-img-toggle  ul li
{
    color:#000;
    padding: 6px 11px;
    text-align: left;
}
.upload-img-toggle ul li img
{
    width: 14px;
    float: right;
    margin-top: 5px;
}
/*--------------------------------------- Upload ID Style End -----------------------------*/
/*------------------------------------------- Upload Image style -----------------------------*/
#upload-image .work-experience
{
    margin-top:20px;
}
.work-experience.industry input[type=text] ,.work-experience.industry input[type=email]
{
    background-image:url("../images/browse-search.png");
    background-repeat: no-repeat;
    background-position: 17px 15px;
    background-size: 16px;
}
#upload-image .work-experience .upload-photo-sel-opt option
{
    color:#000;
}
.work-experience.verify-content h3
{
    font-size: 18px;
    font-family: OpenSans-Regular;
    color:#000;
}
.work-experience.verify-content h4
{
    font-size: 15px;
    font-family: OpenSans-Regular;
    color:#000;
}
.work-experience.verify-content p
{
    font-size: 15px;
    font-family: OpenSans-Regular;
    color:#000;
    text-align: center;
    font-weight: 500;
}
.work-experience.verify-content input[type=text]
{
    border: none !important;
    border-bottom: 1px solid #c1c1c1 !important;
    border-radius: 0px !important;
    color:#000 !important;
    padding:0px;
    padding-left:0px !important;
    text-align: center;
    margin-right: 12px;
}
#upload-image .upload-image-pic
{
    width:40%;
    margin:0 auto;
    position: relative;
}
#upload-image .show-upload-img-btn
{
    width: 40%;
    margin-left: 47px;
    background-color: #F7941D;
    color: #fff;
    margin-top: 13px;
    border-radius: 20px;
}
#upload-image .upload-image-pic .display
{
    width: 47%;
    height: 23%;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #f7941d;
    margin: 0 auto;
}
#upload-image .upload-image-pic .display img
{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
#upload-image .upload-image-pic img.info
{
    width: 36px;
    margin-top: 9px;
    margin-left: 8px;
}
#upload-image .input-group .form-select {
    flex: 0.1 1 auto;
    height: 46px;
    background-color: transparent;
    border: 1px solid #fff;
    border-right: none !important;
    --bs-form-select-bg-img: none;
    background-image: url(../images/down.png);
    background-size: 12px;
    color: #fff;
    border-radius: 5px 0px 0px 5px !important;
}
#upload-image .input-group input  {
    border-left: none !important;
    border-radius:0px 5px 5px 0px !important;
}
#upload-image input:focus
{
    color:#fff;
}
/*------------------------------------------- Upload Image style end -----------------------------*/
/*------------------------------------ My-stat --------------------------*/
#my-stat .interview-proposal
{
    overflow: scroll;
}
#my-stat .interview-proposal::-webkit-scrollbar
{
    display: none;
}
#my-stat .interview-proposal h4
{
    color: #1a7e83;

    font-family:  ariel_rounded_mt, Arial, sans-serif;
    font-size:30px;
}
#my-stat .interview-proposal h4 img
{
    width: 13px;
    margin-right: 20px;
}
#my-stat .interview-proposal h5
{
    font-family:  ariel_rounded_mt, Arial, sans-serif;
    font-size:18px;
    color:#000;
}
#my-stat .interview-proposal p
{
    font-size: 15px;
    font-family: OpenSans-Regular;
    color: #3B3B3B;
}
#my-stat .interview-proposal p  span
{
    float:right;
}
#my-stat .interview-proposal p a
{
    color:#f7941d;
}
/* .interview-proposal::-webkit-scrollbar
{
    display:none;
} */
/*-------------------------------------- My stat style end -----------------------*/
.work-experience  form label
{
    color: #2c2b2b;
    font-size: 14px;
     font-family: OpenSans-Regular;
}
.work-experience input[type=text] ,.work-experience input[type=email]
{
    border-radius: 5px !important;
    border: 1px solid #c9c3c3 !important;
    background-color: transparent;
    color: #373636;
    height: 46px;
    padding-left:40px !important;
    background-repeat: no-repeat;
    background-position: 9px 11px;
    font-family: OpenSans-Regular;
    font-size: 13px;
}
.work-experience input[type=text]:hover ,.work-experience input[type=email]:hover ,.work-experience input[type=text]:focus ,.work-experience input[type=email]:focus ,.work-experience select:focus ,.work-experience select:hover ,.work-experience textarea:focus ,.work-experience textarea:hover
{
    border: 1px solid #f7941d !important;
}
.work-experience input::placeholder ,.work-experience select option:first-child
{
    color:grey;
}
.work-experience select
{
    border-radius: 5px !important;
    border: 1px solid #c9c3c3 !important;
    background-color: transparent;
    color: #373636;
    height: 46px;
    padding-left: 45px !important;
    background-repeat: no-repeat;
    background-position: 9px 11px;
 font-family: OpenSans-Regular;
    font-size: 13px;

}
.work-experience select option span
{
    font-size:10px;
}
.work-experience select option
{
    color:#000;
}
.work-experience input:focus ,.work-experience select:focus ,.work-experience textarea:focus
{
    box-shadow: none;
    color: #3c3b3b;
    background-color: transparent;
}
.work-experience textarea
{
    border-radius: 5px !important;
    border: 1px solid #c9c3c3 !important;
    background-color: transparent;
    color: #373636;
    font-size:13px;
     font-family: OpenSans-Regular;
}
.work-experience input[type=checkbox]
{
    width: 16px;
    height: 16px;
    margin-top: 10px;
    background-color: transparent;
    padding-left: 0px !important;
    border-radius:4px;
}
.work-experience label.form-check-label
{
    margin-left:15px;
    margin-top: 8px;
}
.work-experience .form-buttons .clear
{
    background-color: transparent;
    width: 120px;
}
.work-experience .form-buttons .clear:active
{
    border: none;
    color: #fff;
}
.work-experience .form-buttons .save
{
    background-color: #F7941D;
    width: 120px;
}
.work-experience.industry .edit-about-main
{
    /* height: 570px; */
        overflow: hidden;
}
.work-experience .other-options
{

}
.work-experience .other-options .other-block
{
    display:flex;
    justify-content: flex-start;
}
.work-experience .other-options .other-block input
{
    margin-right:10px;
}
.work-experience .other-options .other-block button
{
    background-color: #1A7E83;
    color: #fff;
    font-size: 25px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    height: 38px;
}
.work-experience .custom-input
{
    border-radius:5px;
}
.person-experience ul
{
    white-space: nowrap;
    width: 100%;
    overflow-x: scroll;
    padding: 11px;
    border: 1px solid #c2cdcd;
    border-radius: 10px 10px 0px 0px;
    margin-top: 50px;
}
.person-experience ul li
{
    width: 425px;
}
.experience-card
{
    padding: 3px 0px 5px 0px;
    position: relative;
    margin-top: 6px;
    border-bottom: 1px solid #80808030;
    display: flex;
    justify-content: space-between;
}
.experience-card:last-child
{
    border-bottom:none;
}
.experience-card.bg-22:nth-child(n)
{
    background-color:#fff;
}
.experience-card.bg-22:nth-child(2n)
{
    background-color: #FAF7F2;
}
.experience-summmary
{
    text-align: left;
    line-height:13px;
}
.experience-card .company-icon img
{
    width: 40%;
    margin-top: 17px;
}
.experience-card .company-icon
{
    text-align: center;
}
.experience-card .experience-summmary h4
{
    font-size: 21px;
    font-family: OpenSans-Regular;
    color: #ffffff;

    margin-bottom: 2px !important;

}
.experience-card .experience-summmary p.company-name
{
    font-size: 16px;
    font-family: OpenSans-Regular;
    color: #000;
    margin-bottom:10px;
}
.experience-card .experience-summmary p.time-period
{
    font-size: 14px;
    font-family: OpenSans-Regular;
    color: #727272;
}
.experience-card .card-ed-del .edit-card
{
    /* position: absolute; */
    color: #1a7e83;
    top: 7px;
    right: 2px;
    border: 1px solid #1a7e83;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    padding: 4px;
    cursor: pointer;
    font-size: 10px;
}
.experience-card .card-ed-del .delete-card
{
    /* position: absolute; */
    color: #1a7e83;
    top: 43px;
    right: 2px;
    border: 1px solid #1a7e83;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    padding: 4px;
    cursor: pointer;
    font-size: 10px;
}
.experience-card a
{
    text-decoration: none;
}
.experience-card a:nth-child(1)
{
    margin-right:14px;
}
.add-experience-img
{
    margin: 60px 0px;
}
.add-experience-img  img
{
    width: 10%;
    margin-bottom: -40px;
}
.form-structure .language form
{
    width:40%;
    margin:0 auto;
}
.profile-form .add-language button , .profile-form .add-language button:hover
{
    border: none;
    background-color: #f7941d;
    border-radius: 30px;
    padding: 7px;
    width: 100%;
    color: #fff;
    font-size: 20px;
     font-family: OpenSans-Regular;
    margin-top: 110px;
    height: 48px;
    width:50%;
}
.language .language-selecter-block
{
    position: relative;
}
.language .language-selecter-block #btnAddtoList .add-card
{
    position: absolute;
    bottom: 28px;
    right: -61px;
    width: 25px;
}
.edit-about #language-opt
{
    padding-right: 50px;
}
.edit-about #language-opt  .edit-testi label
{
    color:#000;
    font-size: 15px;
}
.edit-about #language-opt  .edit-testi textarea
{
    border-radius: 5px !important;
    border: 1px solid #a5a5a5 !important;
    background-color: transparent;
    color: #000;
    height: 86px;
}
.language #language-opt .edit-testi
{
    position: relative;
}
.language #language-opt .language-row
{
    position: relative;
}
#language-opt .language-del .delete-card
{
    position: absolute;
    right: -16px;
    color: #fff;
    top: 9px;
    border: 1px solid #fff;
    padding: 5px;
    cursor: pointer;
    border-radius: 20px;
    height: 26px;
    width: 25px;
    font-size: 15px;
}
#language-opt .language-del .add-card
{
    position: absolute;
    right: -68px;
    color: #fff;
    top: 5px;
    padding: 5px;
    cursor: pointer;
    border-radius: 20px;
    height: 34px;
    width: 34px;
    font-size: 15px;
}
.language form h5
{
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 9px;
    font-size: 17px;
}
/*---------------- Add Portfolio css --------------------*/
.portfolio
{
    margin-top: 6px;
    text-align: left;
}
.portfolio form
{
    width:100%;
}
.portfolio form label
{
    color: #fff;
}
.portfolio form textarea
{
    background-color: transparent;
    border: 1px solid #fff;
    height: 90px;
    color: #fff;
    font-size: 12px;
}
.portfolio form textarea:focus
{
    background-color: transparent;
    border: 1px solid #fff;
    color:#fff;
}
.portfolio form textarea::placeholder
{
    color:#fff;
}
.portfolio .portfolio-card
{
    border: 1px solid #f7941d;
    padding: 8px;
    height: 130px;
    border-radius: 4px;
}
.portfolio .portfolio-card img
{
    width: 40px;
    height: 50px;
    object-fit: contain;
    margin-bottom: 15px;
}
.portfolio .portfolio-card .add-port-button button
{
    border: 1px solid #f7941d;
    background-color: #f7941d;
    width: 65%;
    height: 30px;
    margin: 13px auto;
    padding: 0px;
}
.hourly-rate
{
    width: 30%;
    margin: 0 auto;
}
.hourly-rate form
{
    width: 100%;
}
.hourly-rate h5
{
    color: #fff;

    font-size: 16px;
    text-align: left;
}
.hourly-rate form label
{
    color: #fff;
    font-size: 16px;
}
.hourly-rate .input-group .form-select
{
    flex: 0.1 1 auto;
    height: 46px;
    background-color: transparent;
    border: 1px solid #fff;
    border-right: none;
    --bs-form-select-bg-img: none;
    background-image:url("../images/down.png");
    background-size: 12px;
    color:#fff;
}
.hourly-rate .input-group .form-select:focus
{
    box-shadow: none;
}
.hourly-rate .input-group .form-select option
{
    color:#000;
}
.hourly-rate .input-group .form-input-add
{
    background-color: transparent;
    border: 1px solid #fff;
    color:#fff;
    border-radius: 0px 5px 5px 0px !important;
}
.hourly-rate .input-group .input-group-text
{
    border: none;
    background-color: transparent;
    color: #fff;
}
/*---------------------------------- Why Upseeks ---------------------------------------------*/
.whyupseek-bannerbottom
{
    background-color: #fff;
    width: 60%;
    margin: 60px auto;
    padding: 20px 30px;
    height: 160px;
    border-radius: 15px;
}
.whyupseek-bannerbottom .banner-bottom-block
{
    width: 47%;
    float: left;
    height: 122px;
}
.whyupseek-bannerbottom .banner-bottom-block:nth-child(1)
{
    border-right:1px solid #000;
}
.whyupseek-bannerbottom .banner-bottom-block:nth-child(2)
{
    margin-left: 50px;
}
.whyupseek-bannerbottom .banner-bottom-block img
{
    width: 60px;
    float:left;
    margin-top: 15px;
}
.whyupseek-bannerbottom .banner-bottom-block .banner-block-content
{
    position: absolute;
    width: 21%;
    padding-left: 20px;
    padding-right: 30px;
}
.whyupseek-bannerbottom .banner-bottom-block .banner-block-content b
{
    color: #000000;
    font-size: 17px;
 font-family: OpenSans-Regular;

}
.whyupseek-bannerbottom .banner-bottom-block .banner-block-content span
{
    line-height: 20px;
    color: #000;
    font-size: 14px;
 font-family: OpenSans-Regular;
}
#why-upseek .banner-content
{
    margin: 100px 0px 0px 0px;
}
/*-------------------------------------- Why Upseeks end --------------------------------------*/
/*---------------------------------------- Success Stories ------------------------------------*/
.success-stories
{
    background-color: #1a7e83;
    padding: 80px 80px;
}
.success-stories .success-stories-body
{
    width: 85%;
    margin: 0 auto;
}
.success-stories .success-stories-body .success-stories-content {
    padding-top: 40px;
}
.success-stories .success-stories-body .success-stories-content h6
{
    color: #fff;
    display: inline-block;
    background-color: #fff3;
    padding: 5px 13px;
    border-radius: 15px;
    margin-bottom: 20px;
}
.success-stories .success-stories-body .success-stories-content h3
{
    color:#fff;
    font-size: 40px;
 font-family: OpenSans-Regular;
    line-height: 45px;
    margin-bottom: 30px;
}
.success-stories .success-stories-body .success-stories-content h3 span
{
    color:#F7941D;
    position:relative;
}
.success-stories .success-stories-body .success-stories-content h3 span::after
{
    content: url("../images/success-123.png");
    position: absolute;
    bottom: 0px;
    left: 0;
    height: 1px;
}
.success-stories .success-stories-body .success-stories-content p
{
    color: #fff;
    line-height: 23px;
    font-size: 15px;
 font-family: OpenSans-Regular;
    margin-bottom: 30px;
}
.success-stories .success-stories-body .success-stories-content form select
{
    background-color: transparent;
    border: none;
    padding-left: 30px;
    color: #fff;
    font-size: 12px;
}
.success-stories .success-stories-body .success-stories-content form select option
{
    color:#000;
}
.success-stories .success-stories-body .success-stories-content form select:focus
{
    box-shadow:none;
}
.success-stories .success-stories-body .success-stories-content form .form-block
{
    border: 1px solid #fff;
    border-radius: 50px;
}
.success-stories .success-stories-body .success-stories-content form .form-block label
{
    padding-left: 30px;
    color: #fff;
}
.success-stories .success-stories-body .success-stories-content form button
{
    background-color: #f7941d;
    color: #FFF;
    border-radius: 20px;
    padding: 4px 23px;
    margin-top: 20px;
}
.success-stories .success-stories-body .success-stories-content form button:hover ,.success-stories .success-stories-body .success-stories-content form button:focus
{
    background-color: #cf7a13;
    color: #fff;
}
.success-stories .success-stories-body .success-stories
{
    text-align: center;
    position: relative;
}
.success-stories .success-stories-body .success-stories-img
{
    text-align: center;
}
.success-stories .success-stories-body .success-stories-img img {
    width: 65%;
}
.success-stories form h4
{
    font-size: 15px;
    color: #fff;
    font-weight: normal;
}
/*---------------------------------------- Success Stories end --------------------------------*/
/*----------------------------------------- why-upseek-rating --------------------------------*/
.why-upseek-rating
{
    width: 60%;
    margin: 10 auto;
    padding: 26px 50px 1px 60px;
    background-image: url(../images/rating-bg.png);
    background-size: 100% 100%;
    margin-top: -170px;
    margin-bottom: 90px;
}
.why-upseek-rating  ul li
{
    width: 320px;
}
.why-upseek-rating  ul li p span.head
{
    font-family: FontsFree-Net-Circular-Std-Book;
    font-size: 85px;
    color: #fff;
    float: left;
    line-height: 90px;
    margin-right: 9px;
    width: 110px;
}
.why-upseek-rating  ul li p span.line
{
    color: #fff;
    font-size: 18px;
    font-family: FontsFree-Net-Circular-Std-Book;
    line-height: 20px;
    float: left;
    width: 168px;
    display: inline;
    margin-top: 26px;
}
/*----------------------------------------- why-upseek-rating end ----------------------------*/
/*-------------------------------------------client-talent style -----------------------------*/
.client-talent
{
    padding:40px 80px 40px 80px;
}
.client-talent .client-talent-img img
{
    animation: mover 1s infinite alternate;
}
.client-talent .client-talent-content
{
    margin-top: 50px;
}
.client-talent .client-talent-content  h5
{
    display: inline-block;
    color: #1a7e83;
    background-color: #1a7e8329;
    padding: 4px 25px;
    border-radius: 16px;
    font-size: 17px;
 font-family: OpenSans-Regular;
    margin-bottom: 30px;
}
.client-talent .client-talent-content  h3
{
    font-size: 40px;
 font-family: OpenSans-Regular;
    color:#000;

    line-height: 50px;
}
.client-talent .client-talent-content  h6
{
    font-size: 18px;
 font-family: OpenSans-Regular;
    color: #000;
    font-weight: normal;
    line-height: 25px;
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
    padding-left: 30px;
}
.client-talent .client-talent-content  h6::before
{
    content:"";
    width:5px;
    height: 54px;
    background-color:#F4732A;
    position: absolute;
    left:0;
}
.client-talent .client-talent-content  p
{
    width: 540px;
    margin-top: 50px;
    margin-bottom: 50px;
}
.client-talent .client-talent-content button
{
    background-color: #f7941d;
    color: #fff;
    border: none;
    padding: 6px 25px;
    border-radius: 20px;
}
.client-talent .client-talent-content button:hover ,.client-talent .client-talent-content button:focus
{
    background-color:#cf7a13;
    color: #fff;
}
/*------------------------------------------client-talent style end ---------------------------*/
/*------------------------------------------- Offer-categories --------------------------------*/
.offer-categories
{
    background-color:#F3F8F9;
    padding: 40px 0px;
}
.offer-categories .offer-categories-heading
{

}
.offer-categories .offer-categories-heading h5 ,.testimonial h5
{
    display: inline-block;
    background-color: #1a7e8329;
    padding: 5px 20px;
    border-radius: 20px;
    color: #1a7e83;
    font-size:20px;
}
.offer-categories .offer-categories-heading h2
{
    font-family:  ariel_rounded_mt, Arial, sans-serif;
    font-size: 50px;

    line-height: 65px;
    color: #1a7e83;
}
.offer-categories .categories-more button {
    background-color: #f7941d;
    color: #FFF;
    border-radius: 20px;
    padding: 4px 23px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.offer-categories .categories-more button:hover
{
    background-color: #cf7a13;
    color: #fff;
}
.offer-categories .offer-categories-heading h2 span
{
    color: #f7941d;
    position: relative;
}
.offer-categories .offer-categories-heading h2 span::before
{
    content: url(../images/category-heading.png);
    position: absolute;
    bottom: -32px;
}
.offer-categories .offer-categories-list
{
    width: 90%;
    margin: 0 auto;
}
.offer-categories .offer-categories-list .offer-categories-block
{
    padding: 40px 10px 30px 10px;
    margin-top: 50px;
    transition-duration: 1s;
    border-top: 3px solid transparent;
    border-radius: 12px 12px 0px 0px;
}
.offer-categories .offer-categories-list a:hover .offer-categories-block
{
    background-color:#fff;
    margin-top: 30px;
    transition-duration: 0.5s;
    border-top: 3px solid #1a7e83;
    border-left: 0.5px solid #70707056;
    border-right: 0.5px solid #70707056;
}
.offer-categories .offer-categories-list .offer-categories-block .category-icon
{
    background-color: #1a7e83;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border-radius: 50%;
    padding: 33px;
}
.offer-categories .offer-categories-list .offer-categories-block .category-icon img
{
    width: 52px;
}
.offer-categories .offer-categories-list .offer-categories-block p
{
    margin-top: 50px;
    color:#000;
 font-family: OpenSans-Regular;
    font-size:20px;
}
.offer-categories .offer-categories-list .offer-categories-block .category-view i
{
    color: #f19423e3;
    border: 1px solid #f3a03b;
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 16px;
    font-size: 16px;
}
.offer-categories .offer-categories-list a:hover .offer-categories-block .category-view i
{
    background-color: #e38513;
    color: #fff;
}
.offer-categories-list .popular-see-more
{
    margin-top:30px;
}
.offer-categories-list .popular-see-more button
{
    background-color: #f7941d;
    color: #fff;
    font-size: 17px;
    width: 173px;
    border-radius: 25px;
}
.offer-categories-list .popular-see-more button:hover  ,.offer-categories-list .popular-see-more button:focus
{
    background-color:#cf7a13;
    color:#fff;
}
/*-------------------------------------------offer-categories end ------------------------------*/
/*--------------------------------------------------- Dashboard-Style -----------------------------------*/
.sidebar {
    padding-left: 10px;
}
#sidebar_menu li span
{
    color: #1a7e83;
    font-size: 14px;
    font-family: OpenSans-Semibold;
}
#sidebar_menu li button
{
    background-color: #f7941d;
    color: #fff;
    border-radius: 20px;
    padding: 5px 18px;
    width: 66%;
    margin-left: 11px;
    font-family: OpenSans-Regular;
}
#sidebar_menu li.proposal-active span
{
    color: #F7941D;
    font-size: 17px;
 font-family: OpenSans-Regular;
}
#sidebar_menu li .icon_menu i
{
    color: #F7941D;
    font-size: 20px;
    margin-right: 0px;
    -webkit-transition: .5s;
    transition: .5s
}
#sidebar_menu li
{
    margin-left: 20px;
    position: relative;
}
#sidebar_menu li a
{
    text-decoration: none;
 font-family: OpenSans-Regular;
    font-size:18px;
}
#sidebar_menu li .menu-name
{
    margin-top: 10px;
}
#sidebar_menu li.active
{
    background-color: #fff !important;
    border-radius: 12px;
    padding: 7px 4px 1px 22px;
}
#sidebar_menu li.active span.left-border
{
    border-left: 17px solid #F7941D;
    position: absolute;
    left:0;
    top:0;
    border-radius: 20px;
    width:10px;
    height:100%;
}
#sidebar_menu li.active span.menu-name
{
    color: #f7941d;
}
.sidebar-profilesection
{
    margin-left: 27px;
}
.sidebar-profilesection .user-profile-name h4
{
    font-family: OpenSans-Semibold;
    font-size: 14px;
    color: #1a7e83;
    margin-bottom: 0px;
}
.sidebar-profilesection .user-profile-name p
{
 font-family: OpenSans-Regular;
    font-size: 13px;
   color: #1a7e83;
    margin-bottom: 0px;
}
.sidebar-profilesection .user-profile-name p span
{
    margin-left: 5px;
}
.sidebar-profilesection .user-profile-name p span i
{
    color: #fff;
    font-size: 13px;
}
.sidebar-profilesection .user-profile img
{
    margin-top: -23px;
    width: 40px;
    border: 1px solid #eba652;
    border-radius: 50px;
    padding: 3px;
    height: 40px;
    object-fit: cover;
}
.dashboard_part nav
{
    height: 90px;
}
#message .topbar
{
    margin-left: 0px;
}
.topbar
{
    /* padding: 0px 35px; */
    padding: 0px 40px 0px 40px;
    background-color: #F9F9F9;
    width: 100%;
}
.resp-logo {
    position: absolute;
    top: 18px;
    left: 41%;
    display: none;
}
.dashboard_part .topbar .navbar-nav
{
    display: flex;
    align-items: center;
}
.dashboard_part .topbar .navbar-nav .nav-item
{
    margin-left:11px;
}
.dashboard_part .topbar .navbar-nav .nav-item:last-child
{
    padding:0px;
}
.dashboard_part .topbar .navbar-nav .nav-item a
{
    font-family: OpenSans-semibold;
    font-size: 13px;
    display:flex;
    color: #555454;
    align-items: center;
    border-bottom:2px solid transparent;
}
.dashboard_part .topbar .navbar-nav .nav-item a.active
{
    border-bottom: 2px solid #f7941d;
    color: #f7941d;
}
.dashboard_part .topbar .navbar-nav .nav-item a img
{
    width: 13px;
    height: 13px;
    object-fit: contain;
    margin-right: 8px;
    margin-bottom: 1px;
}
.dashboard_part .topbar .navbar-nav .nav-item i
{
    color: #555454;
    font-size: 13px;
    margin-right: 8px;
}
.dashboard_part .topbar .navbar-nav .nav-item a.active i
{
    color: #f7941d;
}
.dashboard_part .search-home
{
    width: 380px;
    border: 1px solid #1a7e83;
    border-radius: 20px;
    background-color: transparent;
}
.dashboard_part .search-home
{
    background-image: url(../images/search-bg.png);
    background-position: 10px 9px;
    background-repeat: no-repeat;
    padding-left: 42px;
}
.dashboard_part .filter-button
{
    position: absolute;
    right: 15px;
    border: 0px !important;
}
.dashboard_part .search-filter
{
    position: relative;
}
.dashboard_part .search-filter button
{
    color: #1a7e83;
    border: 1px solid #1a7e83;
    border-radius: 25px;
    height: 35px;
    width: 35px;
    text-align: center;
    padding: 0px;
}
.main-body-content
{
    padding: 0px;
}
#notification .main-body-content
{
    background-color:#fff;

}
.main-body-content .user-detail-profile
{
    position: relative;
    display:inline-block;
}
.main-body-content .user-detail-profile img
{
    width: 130px;
    height: 130px;
    border: 2px solid #f7941d;
    border-radius: 64px;
    padding: 4px;
    object-fit: cover;

}
.main-body-content .user-detail-profile .person-profile h3
{
    font-family: OpenSans-Regular;
    font-size: 11px;
    color: #fff;
    background-color: #f7941d;
    display: inline-block;
    padding: 3px 15px;
    border-radius: 14px;
    position: absolute;
    bottom: -9px;
    letter-spacing: 1px;
    left: 24px;
}
.main-body-content .user-name-detail
{
    margin-top:30px;
    margin-bottom:30px;
}
.main-body-content .user-name-detail h4
{
    font-family: OpenSans-Regular;
    font-size:13px;
}
.main-body-content .user-name-detail h4 span.posted-time
{
    font-family: OpenSans-Regular;
    color:#8A8A8A;
    font-weight:normal;
    font-size:12px;
}
.main-body-content .user-name-detail p
{
font-family: OpenSans-Regular;
    font-size: 15px;
    font-weight: 600;
    margin-top: 29px;
    display:inline;
}
.main-body-content .user-name-detail p span
{
    font-family: OpenSans-Regular;
    font-weight:normal;
    font-size:12px;
    color: #8f8b8b;
}
.fvrt-user-icon
{
    float:none;
    display: inline;
}
.fvrt-user-icon span.favourite-seeker
{
    margin-left:8px;
}
.fvrt-user-icon span.favourite-seeker img
{
    width: 30px;
    cursor: pointer;
}
.main-body-content .user-overview .verified
{
    background-color: #fff;
    padding: 6px 15px 6px 15px;
    margin-right: 11px;
    border-radius: 20px;
    box-shadow: 0px 1px 2px #bdbcbc;
    color: #1A7E83;
}
.main-body-content .user-overview .verified::-webkit-scrollbar
{
    display:none;
}
.main-body-content .user-overview p
{
 font-family: OpenSans-Regular;
    font-size:12px;
    margin-bottom:34px;
    white-space: nowrap;
}
.main-body-content .user-overview .verified img
{
    width: 16px;
    margin-right: 6px;
    margin-top: -3px;
    height: 16px;
    object-fit: contain;
}
.main-body-content .job-detail a
{
    color: #1a7e83;
    text-decoration: none;

}
.main-body-content .user-overview .featured
{
    background-color: #1A7E83;
    padding: 6px 15px 6px 15px;
    margin-right: 11px;
    border-radius: 15px;
    box-shadow: 0px 1px 2px #bdbcbc;
    color: #fff;
}
.main-body-content .user-overview .user-overview-heading
{
    color: #000;
}
/* .user-job-tabs1
{
    animation: fadeInRight 1s ease-in-out;
} */
.user-job-tabs .accordion-button
{
    background-color: transparent;
    padding-bottom: 0px;
}
.user-job-tabs .accordion-button span
{
    background-image: url(../images/tab-heading-border.png);
    background-repeat: no-repeat;
    background-position: 0px 20px;
    height: 31px;
font-family: OpenSans-Regular;

    font-size: 13px;
    background-size: 100% 17%;
}
.proposal-detail
{
    width: 98%;
    background-color: #FAF7F2;
    padding: 55px 40px 60px 50px;
    border-radius: 25px;
}
.proposal-detail h3
{
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    font-size: 24px;
    font-family:  ariel_rounded_mt, Arial, sans-serif;

    color:#1A7E83;
}
.proposal-detail h3 img
{
    margin-right: 40px;
}
.proposal-detail h5
{
 font-family: OpenSans-Regular;
    font-size: 20px;

    margin-top: 30px;
}
.proposal-detail .small-subheading
{
    margin-bottom: 40px;
}
.proposal-detail h6
{
    background-image: url(../images/tab-heading-border.png);
    background-repeat: no-repeat;
    background-position: 0px 20px;
    height: 31px;
font-family: OpenSans-Regular;

    font-size: 16px;
    background-size: 100% 17%;
    display: inline-block;
}
.proposal-detail .proposal-button
{
    text-align: center;
}
.proposal-detail .proposal-button button.start-interview
{
    width: 25%;
    background-color: #f7941d;
    color: #fff;
    border-radius: 20px;
    height: 40px;
    margin-bottom:20px;
    font-family: OpenSans-Regular;
    font-size: 15px;

}
.proposal-detail .proposal-button button.reschedule
{
    width: 25%;
    background-color: transparent;
    color: #fff;
    border-radius: 20px;
    height: 40px;
    border:1px solid #555555;
    color:#555555;
    font-family: OpenSans-Regular;
    font-size: 15px;

}
.proposal-detail .proposal-button button.reschedule img
{
    width: 17px;
    margin-right: 10px;
}
.user-job-tabs .accordion-button:focus
{
    box-shadow:none;
}
.user-job-tabs .accordion-item
{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #dbdbdb85;
    padding-bottom: 12px;
}
.user-job-tabs .accordion-body p ,.proposal-detail p
{
 font-family: OpenSans-Regular;
    font-size: 13px;
    letter-spacing: 0px;
    word-spacing: 3px;
    color: #000000bd;
}
.user-job-tabs .accordion-body p a
{
    display: inline-block;
}
.user-job-tabs .accordion-body .job-detail-list ul li
{
    font-family: OpenSans-Regular;
    max-width: 170px;
    min-width: 170px;
    background-color: #fff;
    padding: 7px;
    border-radius: 20px;
    box-shadow: 0px 1px 2px #00000047;
    margin-right: 33px;
    text-align: center;
    font-size: 12px;
}
.user-job-tabs .accordion-body .job-detail-list ul
{
    white-space:nowrap;
    overflow-x: scroll;
    padding-bottom: 6px;
}
.user-job-tabs .accordion-body .job-detail-list ul::-webkit-scrollbar {
	display: none;
}
.user-job-tabs .accordion-body .job-detail-list ul::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #918f8f62;
	/* background-image: -webkit-linear-gradient(top, #faecdb 0%, #faeee0 50%, #ebaf65 51%,  #f8a33b 100%); */
}

.user-job-tabs .accordion-body .job-detail-list ul li:last-child
{
    margin-right:0px;
}
.user-job-tabs .accordion-body .full-detail-list ul li i ,.proposal-detail .full-detail-list ul li i
{
    margin-right: 8px;
    font-size: 14px;
    color:#000;
}
.user-job-tabs .accordion-body .full-detail-list ul li span ,.proposal-detail .full-detail-list ul li span
{
    font-size: 14px;

    font-family: OpenSans-Regular;
    color:#000;
    margin-right:10px;
}
.user-job-tabs .accordion-body .full-detail-list ul li ,.proposal-detail .full-detail-list ul li
{
    font-size: 14px;

    font-family: OpenSans-Regular;
    color: #8A8A8A;
    margin: 15px 0px;
}
.user-job-tabs .accordion-body .additional-detail-content .que ,.user-job-tabs .accordion-body .about-client .que
{
    font-size: 13px;
    font-weight: normal;
    font-family: OpenSans-Regular;
    color:#979D9D;
}
.user-job-tabs .accordion-body .additional-detail-content .ans ,.user-job-tabs .accordion-body .about-client .ans
{
    font-size: 13px;
    font-weight: normal;
    font-family: OpenSans-Regular;
    color:#000000;
}
.user-job-tabs .accordion-body .additional-detail-content .ans img
{
    width: 17px;
    margin-top: -4px;
    margin-right: 5px;
}
.user-job-tabs .accordion-body .additional-detail-content .payment-star i
{
    color: #f7941d;
}
.user-job-tabs .accordion-body .dproject-t
{
    margin-top:20px;
}
.user-job-tabs .accordion-body .about-client .payment
{
    color:#1A7E83;
    font-size:16px;
}
.user-job-tabs .accordion-body .about-client .payment img
{
    margin-right: 7px;
}
.user-job-tabs .accordion-body .about-client .payment-star i
{
    color: #1a7e83;
    font-size: 23px;
    margin-right:4px;
}
.user-job-tabs .accordion-body .about-client .payment-star span
{
    color:#9F9F9F;
    font-family: OpenSans-Regular;
    font-size: 16px;
}
.page-control-buttons ,.main-body-content
{
    /* background-color: #F2FAF9; */
    margin-top: 15px;
    padding: 15px;
    border-radius: 20px;
}
.main-body-content
{
    height: calc(100vh - 310px);
    overflow-y: scroll;
    /* overflow:hidden; */
}
.main-body-content.empty-body
{
    height: calc(100vh - 310px);
    display: flex;              /* enable flexbox */
    justify-content: center;    /* center horizontally */
    align-items: center;        /* center vertically */
    overflow-y: auto;
}
.main-body-content::-webkit-scrollbar {
    display: none;
}
#job-seeker-body
{
    margin-left: 20px;

    height: calc(100vh - 255px);
    width: 95%;
    margin: 0 auto;
    padding: 0px;
    border-radius: 15px;
    margin-top: 35px;
    position: relative;
}
#job-seeker-body .main-body-content
{
    height:100%;
}
#job-seeker-body .page-control-buttons ,#job-seeker-body .main-body-content
{
    background-color: #FAF7F2;
}
#hirer-body .page-control-buttons ,#hirer-body .main-body-content
{
    /* background-color: #F2FAF9; */
}
.page-control-buttons
{
    background-color: #f2faf9;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: -110px;
    height:82px;
}
.page-control-buttons.empty-create
{
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-control-buttons h4
{
    margin-bottom:0px;
}
.page-control-buttons h4  a
{
    color: #f7941d;
    text-decoration: none;
    font-size: 20px;
}
.page-control-buttons li
{
    padding-top: 13px;
}
.page-control-buttons li .refresh , .page-control-buttons li .cross , .page-control-buttons li .check ,.page-control-buttons li .power
{
    padding: 6px 27px 6px 27px;
    border-radius: 22px;
    font-size: 18px;
    margin: 0px 25px;
}
.page-control-buttons li .refresh i, .page-control-buttons li .cross i, .page-control-buttons li .check i, .page-control-buttons li .power i{
    font-size:17px;
}
.page-control-buttons li .refresh
{
    color: #1634A1;
    border: 1px solid #1634A1;
}
.page-control-buttons li .cross
{
    color: #E51A1A;
    border: 1px solid #E51A1A;
}
.page-control-buttons li .check
{
    color: #1A7E83;
    border: 1px solid #1A7E83;
}
.page-control-buttons li .power
{
    color: #F7941D;
    border: 1px solid #F7941D;
}
.page-map
{
    margin-top: 20px;
}
.page-map p
{
    color:#1A7E83;
    margin-top:10px;
font-family: OpenSans-Regular;
}
.footer_part p
{
    background-color: #e9e9e9;
    padding: 15px;
    color: #1A7E83;
    font-family: OpenSans-Regular;

    margin-bottom: 60px;
}
#sidebar_menu .logout
{
    position: absolute;
    bottom: 40px;
}
.search-dropdown
{
    display: block;
    position: absolute;
    top: 60px;
    z-index: 999;
    background-color: #fff;
    width: 430px;
    padding: 18px;
    border-radius: 6px;
}

.dropdown-search-block .form-check-input
{
    width: 16px;
    height: 16px;
    border: var(--bs-border-width) solid #f7941d;
}
.dropdown-search-block .form-check-input:checked {
    background-color: #f7941d;
}
.dropdown-search-block .form-check-label
{
    font-family: OpenSans-Regular;
    font-size: 14px;
    margin-top: 1px;
    margin-left: 30px;
}
.dropdown-search-block .nav-tabs
{
    padding-bottom: 1px;
}
.dropdown-search-block .search-tabs li .nav-link
{

    color: #020202;
    border: none;
    width: auto;
    font-family: OpenSans-Regular;

    border-bottom: 4px solid #ffffff;
    border-radius: 0px;
    margin-right: 34px;
}
.dropdown-search-block .search-tabs li .nav-link.active
{
    border-bottom: 4px solid #f7941d;
    color: #f7941d;
}
.search-dropdown h4 ,.filter-dropdown h4
{
 font-family: OpenSans-Regular;
    font-size:18px;
    color:#000;

    margin-bottom: 21px;
}
.search-dropdown h4 span ,.filter-dropdown h4 span
{
    float: right;
    cursor: pointer;
}
.blur-bg
{
    position: fixed;
    background-color: #00000045;
    width: 100%;
    height: 100%;
    z-index: 9999;
    left: 0;
    top: 0;
}
.search-tabs .Search-tab-content
{
    margin-top: 18px;
    padding-bottom: 2px;
    border-bottom: 1px solid #dbdbdb;
}
.search-tabs .Search-tab-content:last-child
{
    border-bottom: none;
}
.search-tabs .Search-tab-content h4
{
    font-family: OpenSans-Regular;
    font-size:16px;

    margin-bottom: 15px;
}
.search-tabs .Search-tab-content h4 span i
{
    color:#F7941D;
    border: 1px solid #F7941D;
    padding: 3px;
    border-radius: 12px;
    font-size: 13px;
}
.search-tabs .Search-tab-content p
{
    font-family: OpenSans-Regular;
    font-size: 13px;
    width: 330px;
}
.search-tabs .Search-tab-content .user-budget li
{
    background-color: #1a7e8314;
    padding: 4px 13px 4px 13px;
    border-radius: 16px;
    font-size: 12px;
}
.search-tabs .Search-tab-content .user-skills
{
    text-align: center;
}
.search-tabs .Search-tab-content .user-skills li
{
    background-color: #FFFBF6;
    font-family: OpenSans-Regular;
    font-size: 13px;
    margin: 0px 14px;
}
.search-tabs .Search-tab-content .user-skills li:first-child ,.search-tabs .Search-tab-content .user-skills li:last-child
{
    padding: 2px 4px 0px 4px;
}

/*-----------------------------------------------------Dashboard Style End ----------------------------------*/
/*--------------------------------- Edit About style ---------------------------------------------*/
.edit-about .select-jobtype label span {
    text-align: center;
    padding: 7px 0;
    display: block;
    background-color: transparent;
    border: 1px solid #1a7e83;
    border-radius: 25px;
    margin-bottom: 30px;
    width: 240px;
    height: 39px;
    margin: 0 auto;
}
.edit-about .select-jobtype label span i
{
    color: #1e999f;
    margin-right: 11px;
    font-size: 19px;
}
.edit-about .select-jobtype label input + span {
    color: #1a7e83;
}
.edit-about .select-jobtype input:checked + span {
    background-color: #f7941d;
    border: 1px solid #f7941d;
    color: #ffffff;
}
.edit-about .select-jobtype input:checked + span i{
    color: #ffffff;
}
.edit-about .form-content
{
    width: 94%;
    margin: 25px auto;
}
.edit-about .view-aboutme .view-profile-heading .profile-progreebar
{
    display: inline-block;
    text-align: right;
    width: 10%;
    margin-top: 4px;
}
.edit-about .view-aboutme .view-profile-heading .profile-progreebar button
{
    border:none;
    color:#fff;
    background-color: transparent;
    font-size:16px;
}
.edit-about .view-aboutme  label
{
    color:#000;
    margin-bottom:8px;
    font-size: 16px !important;
}
.edit-about .view-aboutme .view-profile-heading .profile-progreebar  a
{
    color:#fff;
    text-decoration: none;
    font-size: 17px;
}
.edit-about .inner-subheading
{
    font-family:  ariel_rounded_mt, Arial, sans-serif;
    font-size:20px;

}
.edit-about .sub-subheading
{
 font-family: OpenSans-Regular;
    font-size: 14px;

    color:#8A8A8A;
}
.edit-about .services-form .search
{
    background-image: url(../images/edit-search-bg.png);
    background-repeat: no-repeat;
    background-position: 1px 13px;
    background-size: 15px;
    background-color: transparent;
    border-radius: 0px !important;
    border: none;
    border-bottom: 1px solid #121212 !important;
    color: #020202 !important;
    padding: 6px 27px;
}
.edit-about .services-form p
{
    text-align: left;
    color: #1a7e83;
    font-size: 14px;

}
.edit-about .view-aboutme
{
    height: 740px;
}
.edit-about .view-aboutme .view-profile-heading {
    width: 100%;
    height: 80px;
    background-color: #1a7e83;
    padding: 25px 30px 19px 25px;
    border-radius: 9px 9px 0px 0px;
}
.edit-about .view-aboutme .view-profile-heading .left-heading img{
    width: 20px;
}
.view-aboutme .view-profile-heading .left-heading img
{
    width: 18px;
    height:18px;
    object-fit: contain;
}
.edit-about .services-form p
{
    text-align: right;
}
.edit-about #selectedServices
{
    text-align: left;
}
.edit-about-main  h4 span img
{
    margin-left: 0px;
}
.edit-about-main ul li input
{
    position: absolute;
    display: none;
    color: #fff !important;
}
.portfolio .edit-about-main form ul li label
{
    margin: 3px 0;
    font-size: 14px;
    height: auto;
    width: auto;
}
.portfolio .edit-about-main form ul li label span
{
    text-align: center;
    display: inline-block;
    background-color: transparent;
    border-radius: 25px;
    border: 1px solid #1a7e83;
    padding: 4px 15px;
    height: auto;
    width: auto;
    color:#1a7e83;
    font-size:14px;
}
.portfolio .edit-about-main form ul li label span img
{
    display:none;
}
.portfolio .edit-about-main .suggestion ,.portfolio .suggestion
{
    padding: 6px 25px;
}
.services-options input
{
    position: absolute;
    display: none;
    color: #fff !important;
}
/* .edit-about-main #services-tab .view-tab-skills ul li
{
    width:90%;
    margin:0 auto;
} */
 .view-tab-skills .cross-skill
 {
    border:none;
    background-color:transparent;
 }
 .view-tab-skills .cross-skill  img
 {
    margin-left: 0px;
    width: 14px;
    height:14px;
    object-fit: contain;
 }
 #certificate-form #upload-button
 {
    border: none;
    background-color: #f7941d;
    color: #fff;
    padding: 4px 11px;
    border-radius: 17px;
 font-family: OpenSans-Regular;
 }
.edit-about-main .view-tab-skills ul li  label span
{
    text-align: center;
    padding: 3px 8px;
    display: block;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 25px;
    margin-bottom: 4px;
    margin-right:10px;
}
#services-suggestions label ,#skills-suggestions label
{
    margin: 3px 0;
    font-size: 13px;
    height: auto;
    width: auto;
}
#services-suggestions label span
{
    text-align: center;
    display: inline-block;
    background-color: transparent;
    border-radius: 25px;
    border: 1px solid #1a7e83;
    padding: 4px 15px;
    height: auto;
    width: auto;
    font-size: 14px;
}
.edit-about-main .view-tab-skills ul li input+span
{
    color:#000;
}
.services-options input + span
{
    color:#000;
}
.edit-about-main .view-tab-skills ul li input:checked + span
{
    background-color: #f7941d;
    border: 1px solid #f7941d;
}
#services-suggestions input:checked + span
{
    background-color: transparent;
    border: 1px solid #f7941d;
    color:#f7941d;
    text-shadow:none;
}
.edit-about .your-skills .search-skills {
    border: 1px solid #b1aeae;
    border-radius: 6px;
    padding: 16px 23px;
    height: auto;
}
.edit-about .your-skills .search-skills input
{
    border: 1px solid #b1aeae;
    border-radius: 20px;
    color:#000;
}
.services-options input
{
    border: 1px solid #b1aeae;
    border-radius: 20px;
    color:#000;
}
.edit-about .suggestion h4
{
 font-family: OpenSans-Regular;
    font-size: 18px;

}
.edit-about .suggestion p span {
    border: 1px solid #b1aeae;
    padding: 4px 10px;
    border-radius: 15px;
    margin-right: 9px;
}
.edit-about .your-skills .search-skills span {
    padding: 5px 10px;
    background-color: transparent;
    font-size: 14px;
    border-radius: 15px;
    color:#000;
}
.edit-about .work-experience {
    margin-top: 20px;
    padding: 2px;
}
.edit-about .work-experience  button.upload-img
{
    border: none;
    background-color: #f7941d;
    color: #fff;
    border-radius: 15px;
    padding: 3px 10px;
}
.edit-about .work-experience form input, .edit-about .work-experience form select {
    border-radius: 5px !important;
    border: 1px solid #a5a5a5 !important;
    background-color: transparent;
    color: #5f5959;
    height: 40px;
    font-size: 15px;
    padding-left: 8px ;
 font-family: OpenSans-Regular;
}
.edit-about .work-experience form input[type="checkbox"] ,.edit-about .work-experience form input[type="checkbox"]:checked
{
    width: 20px ;
    height: 20px ;
    padding: 0px !important;
    margin-top: 4px ;
    background-position: 0 0;
}
.edit-about .language form h5 {
    color: #000000;
    border: 1px solid #a5a5a5;
    border-radius: 5px;
    padding: 9px;
    font-size: 17px;
 font-family: OpenSans-Regular;
}
.edit-about #language-opt .language-del .delete-card {
    color: #f11b1b;
}
.edit-about .language .language-selecter-block #btnAddtoList .add-card {
    position: absolute;
    bottom: 28px;
    right: 0px;
    width: 18px;
    top: 14px;
}
.edit-about .language-edit label
{
    color:#000;
    font-size: 17px;
 font-family: OpenSans-Regular;
}
.edit-about .language-edit input ,.edit-about .language-edit select
{
    background-repeat: no-repeat;
    background-position: 5px 8px;
    padding-left: 45px !important;
}
.edit-about .work-experience .language-edit textarea
{
    border-radius: 5px !important;
    border: 1px solid #a5a5a5 !important;
    background-color: transparent;
    color: #000000;
    height: 86px;
}
.edit-about .experience-card.bg-22 {
    border: 1px solid #1a7e8347;
    border-radius: 5px;
    padding: 3px 0px 10px 20px;
    position: relative;
    margin-top: 21px;
}
.edit-about .experience-card.bg-11 {
    border: 1px solid #f7941d47;
    border-radius: 5px;
    padding: 3px 0px 10px 20px;
    position: relative;
    margin-top: 21px;
}
.edit-about .sub-sub-heading
{
    font-family:  ariel_rounded_mt, Arial, sans-serif;
    font-size:20px;

}
.edit-about .sub-sub-heading span
{
    float:right;
}
.edit-about .sub-sub-heading span a
{
    color:#F7941D;
    text-decoration: none;
    font-size: 15px;
}
.edit-about .experience-card img
{
    width: 50%;
}
.edit-about .experience-card .experience-summmary h4 {
    font-size: 21px;
    font-family: OpenSans-Regular;
    color: #4b4a4a;
    font-weight: normal;
    margin-bottom: 4px;
    margin-top: 5px !important;
}
.edit-about .experience-card .experience-summmary p.company-name {
    font-size: 16px;
    font-family: OpenSans-Regular;
    color: #000000;
    margin-bottom:10px;
}
.edit-about .experience-card .experience-summmary p.time-period {
    font-size: 14px;
    font-family: OpenSans-Regular;
    color: #757575;
}
.edit-about .experience-card .card-ed-del .edit-card {
    position: absolute;
    color: #080808;
    top: 20px;
    right: 16px;
    border: 1px solid #fff;
    border-radius: 20px;
    width: 25px;
    height: 25px;
    padding: 4px;
    background-color: #fff;
    cursor: pointer;
    font-size: 15px;
    border: 1px solid #a7a7a7;
}
.edit-about .experience-card .card-ed-del .delete-card {
    position: absolute;
    color: #f1071e;
    top: 59px;
    right: 16px;
    border: 1px solid #fff;
    border-radius: 20px;
    width: 25px;
    height: 25px;
    padding: 5px;
    background-color: #fff;
    cursor: pointer;
    font-size: 15px;
    border: 1px solid #a7a7a7;
}
.edit-about .form-content
{
    height: 80%;
    overflow-y: scroll;
}
.edit-about .form-content::-webkit-scrollbar
{
    display:none;
}
.edit-about iframe
{
    width: 100%;
    height: 336px;
    border-radius: 17px;
    box-shadow: 0px 0px 3px #1a7e834f;
}
.edit-about .add-video
{
    background-color: #FAF7F2;
    border: 1px dashed #f7941d63;
    width: 45%;
    text-align: center;
    margin: 60px auto;
    padding: 20px;
    border-radius: 26px;
}
.edit-about .add-video img
{
    width: 60px;
    margin-bottom: 25px;
}
.edit-about .add-video p
{
    font-family: OpenSans-Regular;
    font-size: 16px;
    color:#000;
}
.edit-about .add-video a
{
    color: #f7941d;
    text-decoration: none;
}
.certificate-image
{
    position: relative;
    width: 100%;
    height: 150px;
}
.certificate-image img.certificate-preview
{
    width:100%;
    height:100%;
    object-fit: contain;
}
.certificate-image .certificate-edit
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0000008f;
    border-radius: 8px;
    display: none;
    text-align: center;
    z-index: 1;
}
.certificate-image .certificate-edit a:nth-child(1) img
{
    position: absolute;
    z-index: 999;
    left: 43%;
    top: 41%;
}
.certificate-image .certificate-edit a:nth-child(2) img
{
    position: absolute;
    z-index: 999;
    left: 35%;
    top: 41%;
    width:100%;
}
.certificate-image:hover .certificate-edit
{
    display:block;
}
.certificate .certificate-image img
{
    width:100%;
}
.edit-about #save-button
{
    color: orange;
    background-color: transparent;
    border: none;
    margin-top: -6px;
    font-size: 18px;
 font-family: OpenSans-Regular;
}
/*------------------------------------ Edit About Style end --------------------------------*/
/*--------------------------------- instant msg-style ----------------------------*/
.instant12
{
    text-align: left !important;
 font-family: OpenSans-Regular;
    font-size:20px;

}
.instant12 img
{
    margin-right:20px;
    width: 13px;
}
.instant-msg-block .instant-left
{
    width: 85%;
    float: left;
}
.instant-msg-block .instant-left h4
{
 font-family: OpenSans-Regular;
    font-size:18px;
}
.instant-msg-block .instant-left p
{
 font-family: OpenSans-Regular;
    font-size:16px;
    margin-left: 21px;
}
.instant-msg-block .instant-left h4 img
{
    width: 11px;
    margin-right: 5px;
}
.instant-msg-block .instant-right
{
    width: 15%;
    float: right;
    text-align: center;
}
.instant-msg-block .saved-block
{
    height: 100px;
}
.instant-msg-block .instant-right p
{
    margin-bottom:2px;
}
.instant-msg-block .instant-right p span:nth-child(1)
{
 font-family: OpenSans-Regular;
    font-size:14px;
    color:#484848;
    margin-right:5px;
}
.instant-msg-block .instant-right p span:nth-child(2)
{
 font-family: OpenSans-Regular;
    font-size:18px;
    color:#1A7E83;
}
.instant-msg-block .instant-right button
{
    border-radius: 20px;
    border: none;
    background-color: #f7941d;
    color: #fff;
    padding: 2px 7px;
    width: 104px;
}
.pay-token-block
{
    width: 80%;
    float: right;
    margin-top:20px;
}
.pay-token-block p img
{
    background-color: #1a7e83;
    padding: 4px 8px;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    object-fit: contain;
}
.pay-token-block p
{
    font-family: OpenSans-Regular;
    font-size: 20px;
    color: #1a7e83;
}
.pay-token-block p span
{
font-family: OpenSans-Regular;
    font-size: 12px;
    color:#828282;
}
.pay-token-block ul
{
    margin-top:30px;
}
.pay-token-block ul
{
    border-bottom: 1px dashed #4e4e4e6b;
}
.pay-token-block ul li
{
    font-family: OpenSans-Regular;
    font-size: 14px;
    color:#4E4E4E;
    margin: 14px 0px;
}
.pay-token-block ul li  span
{
    float: right;
}
.pay-token-block p.total
{
    text-align: right;
}
.pay-token-block p.total
{
    font-family: OpenSans-Regular;
    font-size: 18px;
    color:#4E4E4E;
}
.pay-token-block p.total span
{
    color:#1A7E83;
    font-family: OpenSans-Regular;
    font-size: 18px;
}
.pay-token-block .btn12
{
    text-align: right;
}
.pay-token-block .btn12 button
{
    background-color: #f7941d;
    color: #fff;
    border-radius: 20px;
    padding: 6px 18px;
    font-family: OpenSans-Regular;
    font-size: 18px;
}
.accepted-proposal-modal p
{
    font-family: OpenSans-Regular;
    font-size: 22px;
}
.accepted-proposal-modal p img
{
    margin-right: 10px;
}
.accepted-proposal-modal .scheduled-interview-img img
{
    width: 80%;
    border: 1px solid #1b7e82;
    border-radius: 50%;
    padding: 4px;
}
.accepted-proposal-modal .scheduled-interview-form
{
    text-align: left;
}
.scheduled-interview-form.form input
{
    width:83%;
    float:right;
    margin-bottom:10px;
    border: 1px solid #dee2e6 !important;
    border-radius:10px;
}
.rescheduled-interview-form.form
{
    padding:20px;
}
.rescheduled-interview-form.form input
{
    width:100%;
    float:right;
    margin-bottom:10px;
    border: 1px solid #dee2e6 !important;
    border-radius:10px;
}
.rescheduled-interview-form.form  button
{
    background-color:#1A7E83;
    border-radius:20px;
    color:#fff;
    margin-top:20px;
}
/* .accepted-proposal-modal .scheduled-interview-form .date-picker
{
    background-image: url("../images/schedule-date.png");
    background-repeat: no-repeat;
    background-position: 98% 46%;
} */
.accepted-proposal-modal .scheduled-interview-form .clock-picker
{
    background-image: url("../images/schedule-clock.png");
    background-repeat: no-repeat;
    background-position: 98% 46%;
}
.accepted-proposal-modal .scheduled-interview-form h3
{
 font-family: OpenSans-Regular;
    font-size:20px;
    margin-bottom:5px;
    text-transform: capitalize;
}
.accepted-proposal-modal .scheduled-interview-form h5
{
 font-family: OpenSans-Regular;
    font-size:16px;
    color: #a1a1a1;
    margin-bottom:6px;
    text-transform: capitalize;
}
.accepted-proposal-modal .scheduled-interview-form p
{
    font-family: OpenSans-Regular;
    font-size: 14px;
    margin-bottom:20px;
}
.accepted-proposal-modal .scheduled-interview-form p small
{
    color: #a1a1a1;
}
.accepted-proposal-modal .scheduled-interview-form h3 span
{
 font-family: OpenSans-Regular;
    font-size:14px;
    margin-left:20px;
    color: #a1a1a1;
}
.accepted-proposal-modal .scheduled-interview-form img
{
    width:3%;
}
.accepted-proposal-modal .scheduled-interview-form button
{
    background-color: #ffa200;
    color: #fff;
    border-radius: 20px;
    padding: 7px 45px;
    /* margin-top:60px;
    margin-bottom:60px; */
    background-color: #ffa200;
    color: #fff;
    border-radius: 20px;
    padding: 7px 45px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.accepted-proposal-modal .scheduled-interview-form input
{
    height: 42px;
    border: 1px solid #a3a0a0;
}
.accepted12
{
    height: 400px !important;
    overflow: auto;
    padding: 11px 0px !important;
}
.accepted12::-webkit-scrollbar
{
    display:none;
}
.accepted12 li
{
    padding: 10px 21px;
}
/*-----------------------------------instant msg style end ------------------------------*/
/*-------------------------------------------- Profile-match-style ---------------------------------------*/
.match-bg
{
    background-image: url(../images/match-bg.png);
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    width: 100%;
}
.profile-match
{
    background-image: url(../images/banner-bg.png);
    background-repeat: no-repeat;
    height: 100%;
    position: fixed;
    background-size: 100% 100%;
    width: 100%;
}
.profile-match-content
{
    width: 100%;
    margin: 0px auto;
    padding: 50px 0px 0px 0px;
}
/* .profile-match-content .match-profile-images
{
    width:20%;
} */
.profile-match-content h3
{
    font-family: OpenSans-Bold;
    font-size:40px;
    text-align: center;
    color:#1B7E82;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.profile-match .profile-match-content p
{
    font-family: OpenSans-Regular;
    font-size: 13px;
    color: #1b7e82;
    text-align: center;
}
.profile-match .match-profile-images
{
    width: 22%;
    margin: 40px auto;
    position: relative;
    height: 310px;
}
.profile-match-content .match-buttons
{
    width: 20%;
    margin:0 auto;
}
.profile-match .match-2
{
    position: absolute;
    right: 65px;
    width: 170px;
    top: 0px;
    border-radius: 25px;
    text-align: center;
    color: #fff;
    animation: fadeInRight 1s ease-in-out;
}
.profile-match img
{
    width: 170px;
    border: 1px solid #f7941d;
    border-radius: 50%;
    padding: 5px;
}
.profile-match .match-1
{
    position: absolute;
    left: 45px;
    width: 170px;
    border-radius: 25px;
    top: 100px;
    text-align: center;
    color: #fff;
    animation: fadeInLeft 1s ease-in-out;
}
.match-bg .like-img img
{
    border: none;
    width: 60px;
}
.match-bg .like-img img.like1
{
    position: absolute;
    top: 24%;
    left: 32%;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
.match-bg .like-img img.love2
{
    position: absolute;
    top: 24%;
    right: 32%;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
.match-bg .like-img img.love1
{
    position: absolute;
    bottom: 47%;
    left: 33%;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
.match-bg .like-img img.like2
{
    position: absolute;
    bottom: 47%;
    right: 34%;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
.match-bg .like-img img.star2 {
    position: absolute;
    bottom: 32%;
    right: 39%;
    width: 39px;
    animation: rotation 4s infinite linear;
}
.match-bg .like-img img.star1 {
    position: absolute;
    top: 30%;
    left: 39%;
    width: 39px;
    animation: rotation 4s infinite linear;
}
.match-bg .like-img img.star3 {
    position: absolute;
    bottom: 55%;
    left: 52%;
    width: 39px;
    animation: rotation 4s infinite linear;
}
.match-bg .like-img img.star4 {
    position: absolute;
    top: 27%;
    right: 40%;
    width: 39px;
    animation: rotation 4s infinite linear;
}
/*---------------------------------------- Profile-matcj-style-end --------------------------------*/
/*------------------------ Filter sort -------------------------------------*/
.filter-dropdown
{
    display: block;
    position: absolute;
    top: 60px;
    z-index: 999;
    background-color: #fff;
    width: 430px;
    /* padding: 18px; */
    border-radius: 6px;
}
.filter-dropdown .dropdown-search-block
{
    padding:18px;
}
#dropdown-filter
{
    height: 670px;
    overflow: auto;
}
.experience-sort
{
    padding: 7px 7px 7px 28px;
    background-color: #FAF7F2;
    box-shadow: 0px 2px 3px #00000036;
}
.experience-sort label
{
    font-family: OpenSans-Regular;
    font-size:14px;
}
.experience-sort label span ,.job-type-filter ul .form-check-label span
{
    font-size: 12px;
    color: #808080bf;
}
.experience-sort input.form-check-input[type=radio]
{
    border-radius: 3px !important;
    border: 1px solid #938c8c;
}
.job-type-filter
{
    background-color: #F2FAF9;
    margin-top: 17px;
    padding: 13px 9px 12px 26px;
    box-shadow: 0px 2px 3px #00000036;
}
.job-type-filter ul ul
{
    margin-left: 33px;
    margin-top: 8px;
}
.job-type-filter h6
{
    font-family: OpenSans-Regular;
    font-size: 14px;
}
.job-type-filter ul ul li
{
    line-height: 32px;
}
.job-type-filter ul ul li input.form-check-input
{
    margin-top: 9px;
}
.filter-search-button
{
    position: sticky;
    z-index: 9999;
    bottom: 0px;
    background-color: #fff;
    width: 100%;
    height: 60px;
    text-align: center;
}
.filter-search-button  button
{
    width:111px !important;
    margin-top: 12px;
    border:1px solid #F7941D !important;
    color:#F7941D !important;
}
.dropdown-search-block
{
    position: relative;
}
.dropdown-search-block select
{
    background-color: #F5F5F5;
    font-family: OpenSans-Regular;
    font-size: 14px;
}
.dropdown-search-block select:focus
{
    box-shadow: none;
    border:1px solid #F7941D;
}
.dashboard_part input:focus
{
    border:1px solid #F7941D;
}
.dropdown-search-block .input-group input
{
    background-color: transparent;
    height: 30px;
    color: #000;
    border-radius: 0px;
    background-image: url(../images/$.png);
    background-repeat: no-repeat;
    background-size: 9px;
    background-position: 6px 4px;
    padding-left: 23px;
    font-family: OpenSans-Regular;
    font-size: 14px;
}

.dropdown-search-block .input-group .post
{
    background-color:transparent;
    border:none;
}
.dropdown-search-block .form-check-inline
{
    width: 121px;
}
::-webkit-scrollbar
{
	width: 4px;
    height: 7px;
    background-color: #d7d7d742;
}
::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #1b7e82ab;
}
/*--------------------------- Filter Sort End --------------------------------*/
/*---------------------------View-profile-style ------------------------------*/
.user-heading
{
    background-image: url("../images/user-heading.png");
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 2px 16px 4px 35px;
    border-radius: 9px;
    width:100%;
    height: 80px;
}
.user-heading ul
{
    display:flex;
    justify-content: space-between;
    margin-bottom:0px;
    height: 80px;
    align-items: center;
}
.user-heading ul li.user-heading-detail
{
    display:flex;
    flex: 1;
}
.user-heading .switch-role
{
    margin-top: 9px;
}
.user-heading .switch-role label
{
    padding: 0px 4px;
    height: 23px;
    color: #fff !important;
    width: 63px;
    font-family: OpenSans-Regular;
    font-size: 14px;
}
.user-heading .switch-role .btn-group
{
    border: 1px solid #fff;
    color: #fff;
    border-radius: 20px;
    height: 25px;
}
.user-heading .switch-role .btn-check:checked+.btn, .user-heading .switch-role .btn.active, .user-heading .switch-role .btn.show, .user-heading .switch-role .btn:first-child:active, :not(.btn-check)+.btn:active
{
    background-color: #f7941d;
    border: 1px solid #f7941d;
    color: #fff;
    border-radius: 15px;
}
.view-profile-tab-option .nav-pills .nav-link.active
{
    background-color: #ffead4;
}
.view-profile-tab-option .nav-pills .nav-link:hover
{
    background-color: #f2faf9;
}
.view-profile-tab-option .nav-pills .nav-link:hover .menu-icon-tab
{
    color:#8a8a8a;
}
.view-profile-tab-option .nav-pills .nav-link
{
    text-align: left;
    height: 50px;
    border-radius: 5px;
}
.view-profile-tab-option .profile-progreebar
{
    width: 50%;
    float: right;
    text-align: right;
    display: inline-block;
    font-family: OpenSans-regular;
}
.view-profile-tab-option .profile-progreebar  img.right-arrow
{
    width:8px;
    margin-left: 22px;
}
.profile-progreebar .profile-donebutton
{
    border: none;
    background-color: transparent;
    color: #fff;
    font-size: 16px;
}
.view-profile-tab-option .progress
{
    width: 65%;
    float: right;
    display: inline-block;
    margin-top: 6px;
    height: 8px;
}
.view-profile-tab-option .nav-link.active .progress-bar
{
    background-color:#1A7E83;
}
.view-profile-tab-option .nav-tab-heading
{
    margin-left: 27px;
 font-family: OpenSans-semibold;
    font-size: 14px;
    color: #5D5D5D;
}
.view-profile-tab-option .active .nav-tab-heading
{
    color: #3b3b3b;
}
.view-profile-tab-option button img
{
    margin-top: -1px;
    width: 15px;
}
.view-profile-tab-option .view-profile-label
{
    padding-right:6px;
}
.view-profile-tab-option .nav-link .progress-bar
{
    background-color: #1a7e83;
}
.view-profile-tab-option .nav-link.active .view-profile-label
{
    color: #1a7e83;
}
.view-profile-tab-option .nav-link .view-profile-label
{
    color: #1a7e83;
}
.view-profile-tab-option .profile-progreebar img
{
    width: 20px;
}
.view-profile-tab-option button
{
    padding: 0px 44px 0px 29px;
    margin-bottom: 20px;
    background-image: url(../images/forw.png);
    background-repeat: no-repeat;
    background-position: 98% 45%;
    background-size: 8px;
}
.view-profile-tab-option .nav-pills
{
    width: 100%;
}
.profile-completed
{
    background-color: #FFEAD4;
    border-radius: 10px;
    padding: 10px 10px 5px 26px;
    margin: 15px 0px;
    height: 125px;
    position: relative;
    width:100%;
    display:flex;
}
  .profile-completed .percentage-content
  {
    width: 95%;
    float: left;
    padding-top: 10px;
    margin-left:20px;
  }
  .profile-completed .percentage-content h3
  {
 font-family: OpenSans-semibold;
    font-size:15px;

    color:#3B3B3B;
  }
  .profile-completed .percentage-content p
  {
 font-family: OpenSans-Regular;
    font-size: 13px;
    color:#737373;
  }
.profile-completed .cross-percentage
  {
    position: absolute;
    right: 20px;
    font-size: 22px;
    top: 5px;
  }
  .view-aboutme
  {
    width: 96%;
  }
  .view-aboutme .view-profile-heading
  {
    width: 100%;
    height: 80px;
    background-color: #1a7e83;
    padding: 25px 25px 19px 25px;
    border-radius: 9px 9px 0px 0px;
    background-image: url(../images/user-heading.png);
    background-repeat: no-repeat;
    background-size: 100% 166%;
    background-position: 0px -27px;
  }
.view-aboutme .view-profile-heading .left-heading
  {
    display: inline-block;
    float: left;
  }
  .view-aboutme .save-right
  {
    display: inline-block;
    float: right;
    font-size: 20px;
    margin-top: 9px;
    color: orange;
    cursor: pointer;
  }
.view-aboutme .view-profile-heading .profile-progreebar
{
    display: inline-block;
    float: right;
    width: 150px;
    margin-top: 4px;
    display: flex;
    align-items: center;
}
.view-aboutme .view-profile-heading .profile-progreebar .progress
{
    float: left;
    width: 74%;
    height:7px;
}
.view-aboutme .view-profile-heading .profile-progreebar .view-profile-label
{
    display: inline-block;
    float: left;
    margin-top: -2px;
    cursor: pointer;
    margin-right: 12px;
    color: #fff;
}
.view-aboutme .view-profile-heading .left-heading
{
    color:#fff;
 font-family: OpenSans-Regular;
    font-size: 15px;
    display:flex;
    align-items: center;
}
.view-aboutme .nav-tab-heading
{
    padding-left:10px;
}
.view-aboutme .view-tab-content
{
    padding: 15px 0px;
}
.view-aboutme .view-tab-content .sub-sub-heading
{
    display:flex;
    justify-content: space-between;
    font-family: OpenSans-Regular;
    font-size: 13px;
    padding: 0px 25px;
}
.view-aboutme .view-tab-content .sub-sub-heading a
{
    color: #f7941d;
    text-decoration:none;
    margin-right:5px;
    font-family: OpenSans-Regular;
    font-size: 13px;
}
.view-tab-content .profile-mobile-verify
{
    background-color: transparent;
    color: #1a7e83;
    border: none;
    padding: 0px;
    border-radius: 25px;
    font-size: 12px;
    margin-left: 10px;
    margin-right:10px;
    width: 55px;
}
.view-tab-content .choose-look
{
    width: 60%;
    margin: 70px auto;
}
.view-tab-content .choose-look .select-jobtype label span {
    text-align: center;
    padding: 8px 0;
    display: block;
    background-color: #F2FAF9;
    border: 1px solid #1A7E83;
    border-radius: 25px;
    margin-bottom: 30px;
}
.view-tab-content .choose-look .select-jobtype label input + span
{
    color: #000000;
}
.view-tab-content .choose-look .select-jobtype input:checked + span {
    background-color: #f7941d;
    border: 1px solid #f7941d;
    color:#fff;
}
.view-aboutme .view-tab-content h4
{
font-family: OpenSans-Regular;
    font-size:16px;

    display: flex;
    justify-content: space-between;
}
.view-aboutme .view-tab-content .empty-invoice h4
{
    text-align: center;
    display: block;
}
.view-aboutme .view-tab-content h4 img
{
    margin-left: 20px;
    width: 23px;
    margin-top: -7px;
}
.org
{
    background-color:#FAF7F2;
}
.bl
{
    background-color:#F2FAF9;
}
.bg-1
{
    background-color:#FAF7F2;
    padding: 25px;
    margin-bottom: 15px;
    border-radius:10px
}
.bg-11
{
    background-color:#FAF7F2;
}
.bg-22
{
    background-color:#F2FAF9;
}
.bg-2
{
    background-color:#F2FAF9;
    padding: 25px;
    margin-bottom: 15px;
    border-radius:10px
}
.bg-3
{
    background-color:#ffead48c;
    padding: 25px;
    margin-bottom: 15px;
    border-radius:10px
}
.bg-4
{
    background-color:#eaf3f5;
    padding: 25px;
    margin-bottom: 15px;
    border-radius:10px
}
select.bg-1 ,select.bg-2
{
    padding: 8px 23px !important;
    margin: 14px 2px !important;
    width: 70%;
}
.view-tab-content .about-content-right .view-tab-skills:nth-child(odd)
{
    background-color:#F2FAF9;
    padding: 25px;
    margin-bottom: 20px;
    border-radius:10px;
}
.view-tab-content .about-content-right .view-tab-skills:nth-child(even)
{
        background-color: #FAF7F2;
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 10px;
}
.view-tab-content .view-tab-skills .profile-head
{
    font-family: OpenSans-semibold;
    font-size: 13px !important;
    margin-bottom: 0px !important;
    color: #3B3B3B;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top:0px;
}
.view-tab-content .view-tab-skills .mobile-update-profile
{
    display:flex;
}
.view-tab-content .view-tab-skills h4.mobile-verification
{
    display:flex;
    justify-content: space-between;
}
.view-tab-content .view-tab-skills h4.mobile-verification div
{
    display:flex;
}
.view-tab-content .view-tab-skills h3
{
 font-family: OpenSans-Regular;
    font-size: 14px;
    color: #3B3B3B;
    margin-top:10px;
}
.view-tab-content .view-tab-skills h4 span
{
    float:right;
}
.view-tab-content .view-tab-skills h4 span img
{
    width: 25px;
    margin-top: -2px;
    margin-right:10px;
}
.view-aboutme .view-tab-content .main-overview-edit img
{
    width: 20px;
    margin-top: -2px;
    margin-right:10px;
}
.view-tab-content .view-tab-skills h4 span img:nth-child(2)
{
    width: 29px;
}
.view-tab-content .view-tab-skills ul
{
        margin-bottom: 0px;
        margin-top:10px;
}
.view-tab-content .view-tab-skills ul.industry-block li ,.view-tab-content .view-tab-skills ul.skills-block li
{
    background-color: #f0c99e;
    padding: 5px 6px;
    margin-right: 10px;
    font-size: 12px;
    font-family: OpenSans-Regular;
    border-radius: 7px;
    margin-bottom:6px;
}
.view-tab-content .view-tab-skills ul.industry-block li a ,.view-tab-content .view-tab-skills ul.skills-block li a
{
    color: #505050;
    text-decoration: none;
}
.view-tab-content .view-tab-skills ul.industry-block li a img ,.view-tab-content .view-tab-skills ul.skills-block li a img
{
    margin-left: 15px;
}
.view-tab-content .view-tab-skills ul.services-block li
{
    background-color: #B0D5D7;
    padding: 5px 6px;
    margin-right: 10px;
    font-size: 12px;
    font-family: OpenSans-Regular;
    border-radius: 7px;
    margin-bottom:6px;
}
.view-tab-content .view-tab-skills ul.services-block li a
{
    color: #005357;
    text-decoration: none;
}
.view-tab-content .view-tab-skills ul.services-block li a img
{
    margin-left: 15px;
}
.view-tab-content .view-tab-skills p ,.view-aboutme .view-tab-content .main-overview
{
    font-family: OpenSans-Regular;
    font-size: 13px;
    margin-bottom:0px;
    margin-top:2px;
}
.view-tab-content .view-tab-skills p.language-list
{
    color:#848484;
}
.view-tab-content .view-tab-skills p.language-list span
{
        color: #3B3B3B;
}
.view-profile-content .view-profile-lefttabs
{
    height: 85%;
}
.view-profile-content .view-profile-lefttabs.wallet-tabs
{
    height:100%;
}
.view-aboutme
{
    width: 100%;
    border-radius: 9px;
    /* box-shadow: 0px 0px 5px #89898982; */
}
.view-aboutme .view-tab-content
{
    height: 650px;
    overflow: auto;
    position: relative;
}
.view-aboutme .view-tab-content::-webkit-scrollbar
{
    display:none;
}
.view-aboutme .view-tab-content .main-overview
{
    width:95%;
    float:left;
    color: #848484;
}
.view-aboutme .view-tab-content .main-overview-edit
{
    /* float: right; */
    margin-top: 26px;
    position: absolute;
    top: 28px;
    right: 13px;
}
.view-aboutme .view-profile-heading .progress-bar
{
    background-color: #f7941d;
    height: 7px;
}
.view-tab-content .view-search-form input
{
    border: none;
    border-bottom: 1px solid #1A7E83;
    border-radius: 0px;
    background-image: url(../images/search-bg.png);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    padding: 0px 28px;
    margin-top: 20px;
    margin-bottom: 11px;
}
.view-profile-content .add-portfolio
{
    text-align: center;
}
.view-profile-content .add-portfolio img
{
    width: 50px;
    margin-bottom: 30px;
    margin-top: 30px;
}
.view-profile-content .add-portfolio h3
{
   font-family: OpenSans-Regular;
    font-size: 15px;
    color:#848484;
}
.view-profile-content .add-portfolio p
{
 font-family: OpenSans-Regular;
    font-size: 13px;
    color:#F7941D;
}
.view-profile-content .add-portfolio .testimonial-view .carousel-inner
{
    width:80%;
    margin:0 auto;
}
.view-profile-content .add-portfolio .testimonial-view .carousel-control-next-icon {
    background-image: url(../images/123456.png);
    width: 9px;
    height: 14px;
}
.view-profile-content .add-portfolio .testimonial-view .carousel-control-prev-icon {
    background-image: url(../images/back.png);
    width: 9px;
    height: 14px;
}
.view-profile-content .add-portfolio .testimonial-view h3
{
    font-family: OpenSans-Regular;
    font-size: 15px;
    color: #000000;
}
.view-profile-content .add-portfolio .testimonial-view h5
{
    font-family: OpenSans-Regular;
    font-size: 14px;
    color: #848484;
}
.view-profile-content .add-portfolio .testimonial-view p
{
    font-family: OpenSans-Regular;
    font-size: 12px;
    color: #000;
}
.view-profile-content .portfolio-images ul
{
    text-align: center;
}
.view-profile-content .portfolio-images ul li p
{
    color: #f7941d;
    font-size: 13px;
    margin-top: 5px;
}
.view-profile-tab-option .menu-icon-tab
{
    color: #8A8A8A;
    font-size: 20px;
    width: 20px;
}
.view-profile-tab-option .active .menu-icon-tab
{
    color: #8a8a8a;
}
.view-profile-lefttabs .user-profile-name h4
{
    color: #fff;
 font-family: OpenSans-semibold;
    font-size: 15px;
    margin-bottom: 0px;
}
.view-profile-lefttabs .user-profile-name p
{
    color: #fff;
    margin-bottom: 0px;
    font-size: 14px;
    letter-spacing: 1px;
    font-family: OpenSans-regular;
}
.view-profile-lefttabs .user-profile-name p i
{
    color: #fff;
    margin-left: 8px;
}
.view-profile-lefttabs .user-profile
{
    position: relative;
    width: 40px;
    height: 40px;
    display: block;
    margin-right: 10px;
}
.view-profile-lefttabs .user-profile img
{
    border: 1px solid orange;
    padding: 1px;
    width: 40px;
    height: 40px;
    object-fit: contain;
    border-radius: 25px;
}
.view-profile-lefttabs .user-profile img.browse-photo
{
    position: absolute;
    bottom: 0;
    width: 19px;
    height: 19px;
    right: -6px;
    background-color: #fff;
    padding: 3px;
    object-fit: contain;
    border: 1px solid #f7941d;
}
/*------------------------Messages-pages style ------------------------------*/
.msg-top
{
    background-color:#F9F9F9;
}
#messages
{
    padding-left: 0px;
    padding-bottom: 0px;
    background-color: #fff;
}
#messages .main_content_iner
{
    padding: 1px 35px;
}
.main_content_iner .post-type
{
    float: right;
    width:20%;
}
.main_content_iner .post-type label
{
 font-family: OpenSans-Regular;
    font-size: 14px;
    margin-bottom: 5px;
    color: #f7941d;
}
.main_content_iner .post-type select
{
    padding: 8px 10px;
    border: 1px solid #80808030;
    background-color: #f2faf9;
    border-radius: 9px;
    box-shadow: 0px 0px 10px #80808029;
    width: 100%;
}
#messages .main-body-content
{
    background-color:#fff;
    height: 100%;
}
#messages .msg-heading h3
{
 font-family: OpenSans-Regular;
    color: #1A7E83;
    font-size: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid #8080804f;
}
#messages .search-filter
{
    /* margin-left: 501px; */

}
#messages .search-filter {
    margin-left: 94px;
}
#messages .logo img
{
    width: 114px;
}
#messages .msg-search .input-group
{
    width: 85%;
    float: left;
}
#messages .msg-contact
{
    background-color: #F9F9F9;
    padding: 15px 15px 15px 15px;
    border-radius:10px;
}
#messages #suggestion .small-heading ,#notification #suggestion .small-heading
{
    width: 92%;
    margin: 0 auto;
    font-family: OpenSans-Regular;
    font-size: 16px;
    color:#555555;
}
#messages .suggestion-contact ,#notification .suggestion-contact
{
    width: 92%;
    margin: 0 auto;
    height: 410px;
    overflow: scroll;
    overflow-x: hidden;
}
#messages .contact-list .contact-name-msg ,#messages .suggestion-contact .contact-name-msg ,#notification .contact-name-msg{
    position: relative;
    cursor: pointer;
}
#notification .contact-name-msg
{
    display:flex;
    justify-content: flex-start;
}
#messages .contact-list .contact-name-msg img ,#messages .suggestion-contact .contact-name-msg img ,#notification .contact-name-msg img
{
    width: 30px;
    height: 30px;
    object-fit: contain;
    border: 1px solid #1b7e82;
    border-radius: 29px;
    margin-top: 11px;
}
#notification .contact-name-msg img
{
    margin-top:0px;
}
#messages .contact-list .contact-name-msg span ,#messages .suggestion-contact .contact-name-msg span
{
    position: absolute;
    top: 13px;
    left: 52px;
}
#notification .contact-name-msg span
{
    position: absolute;
    top: 1px;
    left: 52px;
}
#messages .contact-list .contact-name-msg span h3 ,#messages .suggestion-contact .contact-name-msg span h3 ,#notification .contact-name-msg span h3
{
    font-family: OpenSans-Regular;
    font-size: 12px;

    margin-bottom: 3px;
    margin-top: 3px;
}
#messages .contact-list .contact-name-msg span p ,#messages .suggestion-contact .contact-name-msg span p ,#notification .contact-name-msg span p
{
    font-family: OpenSans-Regular;
    font-size: 12px;
    color:#797979;
    margin-bottom:0px;
}
#messages .contact-list .contact-name-msg span p
{
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}
#notification .main_content_iner
{
    padding:5px 20px;
}
#notification .contact-list li
{
    border:none !important;
    padding-right:20px;
}
#notification .contact-list li:nth-child(even)
{
    background-color: #FAF7F2;
}
#notification .contact-list li:nth-child(odd)
{
    background-color: #F2FAF9;
}
#messages .contact-list .contact-name-msg span .file-img ,#messages .suggestion-contact .contact-name-msg span .file-img
{
    width: 16px;
    border-radius: 0px;
    border: none;
    margin-right: 5px;
}
#messages .time-count
{
    text-align: right;
}
#messages .time-count p
{
    font-family: OpenSans-Regular;
    font-size: 10px;
    margin-bottom: 3px;
    margin-top: 17px;
    color: #747474;
}
#messages .time-count span
{
    background-color: #1b7e82;
    color: #fff;
    padding: 0px 5px 0px 5px;
    border-radius: 10px;
}
#messages .contact-list ,#notification .contact-list
{
    height: calc(100vh - 270px);
    max-height: calc(100vh - 270px);
    min-height: calc(100vh - 270px);
    overflow: scroll;
    padding-right: 25px;
    overflow-x: hidden;
}
#notification .time-count p
{
    font-size: 12px;
}
#messages .contact-list li ,#messages .suggestion-contact li ,#notification .contact-list li
{
    border-bottom: 1px solid #CBCBCB;
    margin: 12px 0px;
}
#messages .contact-list li.active .contact-list-block ,#notification .contact-list li.active .contact-list-block
{
    background-color: #FFEAD4;
    margin-bottom: 11px;
    padding: 14px;
    border-radius: 10px;
}
#messages .contact-list li .contact-list-block ,#messages .suggestion-contact li .contact-list-block ,#notification .contact-list li .contact-list-block
{
    margin-bottom: 11px;
    padding: 8px 15px;
    border-radius: 10px;
}
#notification .contact-list li .contact-list-block
{
     display:flex !important;
    justify-content: space-between !important;
}
#messages .msg-search ,#notification .msg-search
{
    position: relative;
    margin-top: 25px;
    margin-bottom: 20px;
}
#messages .msg-search .filter-button ,#notification .msg-search .filter-button
{
    right: 82px;
    top: 0px;
}
#messages .msg-search .search-home ,#notification .msg-search .search-home
{
    float: left;
    width: 96%;
}
#messages .msg-search .contact-edit-btn ,#messages .msg-search .contact-menu-btn ,#notification .msg-search .contact-menu-btn
{
    padding:0px;
}
#messages .msg-search .contact-edit-btn i ,#notification .msg-search .contact-edit-btn i
{
    font-size: 23px;
    margin: 5px 18px;
    color: #1b7e82;
}
#messages .msg-search .contact-menu-btn i ,#notification .msg-search .contact-menu-btn i
{
    font-size: 22px;
    margin: 6px 0px;
    color: #1b7e82;
}
#messages .chat-screen
{
    background-color: #F9F9F9;
    height: 100%;
    border-radius: 10px;
    position: relative;
}
#messages .chat-screen .chat-msg-box
{
    height: calc(100vh - 290px);
    max-height: calc(100vh - 290px);
    min-height: calc(100vh - 290px);
    overflow-y: scroll;
}
#messages .chat-header ,#notification .chat-header
{
    position: relative;
    background-color: #1b7e82;
    padding: 11px 30px 11px 55px;
    border-radius: 10px 10px 0px 0px;
    height: 88px;
}
#messages .name-input-box #multiple-name
{
    border-radius: 25px;
    width: 95%;
    margin: 25px auto;
    background-color: transparent;
    border: 1px solid #1b7e82;
    padding: 8px 25px 8px 35px;
    box-shadow: 0px 0px 3px #1b7e82d6;
}
#messages .name-input-box #multiple-name-2
{
    border-radius: 0px;
    width: 92%;
    margin: 25px auto;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #1b7e82;
    padding: 8px 15px 8px 55px;
    box-shadow: none;
    background-image: url(../images/Icon-material-add.png), url(../images/To.png);
    background-repeat: no-repeat ,no-repeat;
    background-size: 10px;
    background-position: 100% 40% , 1% 51%;
    position: relative;
}
#messages .name-input-box #multiple-name-2 input
{
    border:none;
    background-color: transparent;
}
#messages .name-input-box #multiple-name-2 span
{
    background-color: #f7941d;
    color: #fff;
    padding: 2px 19px 2px 9px;
    border-radius: 14px;
    position: relative;
}
#messages .name-input-box #multiple-name-2 span::after
{
    content: "X";
    position: absolute;
    right: 5px;
    font-size: 11px;

    top: 6px;
    cursor: pointer;
}
#messages .chat-header h3 ,#notification .chat-header h3
{
    color: #fff;
    font-family: OpenSans-Regular;
    font-size: 20px;
    margin-top: 0px;
}
#messages .chat-profile-images ,#notification .chat-profile-images
{
    position: relative;
    display:inline-block;
}
#messages .chat-profile-images img.profile-display ,#notification .chat-profile-images img.profile-display
{
    width: 55px;
    height: 55px;
    border-radius: 30px;
    object-fit: cover;
}
#messages .chat-profile-images .profile-powr
{
    position: absolute;
    bottom: 2px;
    right: 1px;
}
#messages .person-detail ,#notification .person-detail{
    position: absolute;
    top: 22px;
    left: 128px;
}
#messages .person-detail .person-name ,#notification .person-detail .person-name
{
    font-family: OpenSans-Regular;
    font-size: 14px;

    margin-bottom:3px;
    color: #fff;
}
#messages .person-detail .person-status
{
    font-family: OpenSans-Regular;
    font-size: 12px;
    font-weight:normal;
    color: #fff;
    padding-left: 15px;
}
#notification .person-detail .person-status
{
    font-family: OpenSans-Regular;
    font-size: 16px;
    font-weight:normal;
    color: #fff;
    padding-left: 0px;
}
#messages .person-detail .person-status::before
{
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #f7941d;
    top: 24px;
    left: -2px;
    border-radius: 29px;
}
#messages .video-phone-menu ,#notification .video-phone-menu
{
    display: inline-block;
    float: right;
    margin-top: 23px;
}
#messages .video-phone-menu li i ,#notification .video-phone-menu li i
{
    color: #fff;
    font-size: 26px;
    margin: 0px 19px;
}
#messages .chat-msg-box .sender
{
    padding: 20px 10px 10px 46px;
    width: 50%;
    display: flex;
    flex-wrap: nowrap;
}
#messages .chat-msg-box .sender p
{
    font-family: OpenSans-Regular;
    font-size: 14px;

    margin-left: 0px;
    background-color: #FFEAD4;
    padding: 8px 55px 12px 10px;
    border-radius: 19px;
    line-height: 25px;
    position: relative;
    display: inline-block;
}
#messages .chat-msg-box .sender span img
{
    width: 25px;
    height: 25px;
    border-radius: 25px;
    object-fit: cover;
    margin-right: 7px;
}
#messages .chat-msg-box .sender .msg
{
    /* font-family: OpenSans-Regular;
    font-size: 14px;

    margin-left: 11px;
    background-color: #FFEAD4;
    padding: 8px 30px 12px 10px; */
    /* border-radius: 19px; */
}
#messages .chat-msg-box .sender .msg span
{
    font-size: 9px;
    color: grey;
    position: absolute;
    bottom: -3px;
    right: 12px;
}
#messages .chat-msg-box .you
{
    width: 40%;
    float: right;
    margin-right: 45px;
    text-align: right;
    position: relative;
}
/* #messages .chat-msg-box .you .msg
{
    padding: 8px 30px 12px 20px;
    position: relative;
} */
#messages .chat-msg-box .you .msg span
{
    font-size: 9px;
    color: #c5c5c5;
    position: absolute;
    bottom: 0px;
    right: 15px;
}
#messages .chat-msg-box .you img
{
    width: 2.5%;
    position: absolute;
    bottom: 10px;
    right: 0px;
}
#messages .chat-msg-box .you p
{
    background-color: #1B7E82;
    color: #fff;
    padding: 8px 55px 12px 20px;
    position: relative;
    border-radius: 20px;
    display:inline-block;
}
#messages .msg-typing-area
{
    position: absolute;
    bottom: 0;
    width: 98%;
    left: 12px;
}
#messages .newchat-typing-area
{
    position: fixed;
    bottom: 32px;
    width: 58.2%;
    margin-left: 45px;
}
#messages .newchat-typing-area textarea
{
    height: 130px;
    border: 1px solid #808080ad;
    box-shadow: 0px 0px 3px #5d5b5b91;
    padding: 10px 20px 10px 20px;
}
#messages .newchat-typing-area .attach
{
    border: none;
    margin-top: 8px;
}
#messages .newchat-typing-area .attach:hover
{
    background-color:transparent;
    color: #f7941d;
}
#messages .newchat-typing-area .send-btn
{
    float: right;
    background-color: #F7941D;
    border: none;
    width: 160px;
    padding: 5px;
    border-radius: 23px;
    color: #fff;
    margin-top: 4px;
    font-family: OpenSans-Regular;
    font-size: 18px;
}
#messages .msg-typing-area #button-addon1
{
    background-color: transparent;
    border: none;
}
#messages .msg-typing-area #button-addon1 i
{
    color: #6C6C6C;
}
#messages .msg-typing-area input
{
    border: none;
    background-color: transparent;
    font-size: 14px;
}
#messages .msg-typing-area .input-group
{
    border: 1px solid #707070bf;
    border-radius: 25px;
    box-shadow: 0px 0px 3px #808080ad;
    padding: 0px 10px;
}
#messages .msg-search .chat-options
{
    position: absolute;
    right: 0;
    background-color: #fff;
    padding: 9px;
    height: 155px;
    width: 145px;
    top: 50px;
    border-radius: 7px;
    box-shadow: 0px 0px 3px #0000004f;
    /* display: none; */
    z-index: 9;
}
#messages .msg-search .chat-options ul li
{
    padding: 10px 0px;
}
#messages .msg-search .chat-options ul li a
{
    color: #000;
    text-decoration: none;
    font-family: OpenSans-Regular;
    font-size: 18px;
}
/*-------------------------messages page style end ----------------------------*/
/*--------------------------Settings --------------------------------*/
#settings
{
    background-color:#FAF7F2;
    width: 90%;
    border-radius: 16px;
    padding: 31px;
    height: 760px;
    overflow: auto;
}
#settings .view-profile-tab-option .nav-pills
{
    width: 100%;
}
#settings .setting-heading h4
{
    font-family:  ariel_rounded_mt, Arial, sans-serif;
    font-size: 29px;
    color: #1a7e83;

    padding-left: 26px;
}
#settings-view .view-tab-content h4 span.run-test
{
    float:right;
    font-size: 16px;
    font-family: OpenSans-Regular;
    color: #f7941d;
    font-weight: normal;
}
#settings-view .view-tab-content h4 span.run-test img
{
    margin-top: 0px;
}
#settings-view .view-tab-content h4 span img
{
    width: 14px;
}
#settings .setting-heading h4  img
{
    width: 13px;
    margin-top: -3px;
    margin-right: 21px;
}
#settings .view-profile-tab-option button  .right-arrow img
{
    width: 9px;
    float: right;
    margin-top: 3px;
}
#settings .view-profile-tab-option .nav-pills .nav-link {
    height: 42px;
    border-radius: 8px;
}
#settings .view-profile-tab-option button
{
    padding: 0px 14px 0px 0px;
    margin-bottom: 0px;
}
#settings .view-profile-tab-option h5
{
    text-transform: uppercase;
    font-size: 20px;
    padding-left: 26px;
    font-family: OpenSans-Regular;
}
#settings-view .view-aboutme
{
    width: 96%;
    box-shadow: none;
}
#settings-view .view-aboutme .view-profile-heading {
    width: 100%;
    height: 40px;
    background-color: transparent;
    padding: 5px 5px 9px 5px;
    border-radius: 9px 9px 0px 0px;
}
#settings-view .view-aboutme .view-profile-heading .left-heading
{
    color: #1a7e83;
    font-family:  ariel_rounded_mt, Arial, sans-serif;
    font-size: 22px;

}

#settings-view form input[type=checkbox] {
    width: 22px;
    height: 22px;
    border-radius: 5px;
    background-color: transparent;
    border: 1px solid #c1bebe;
    margin-top: 20px;
}
#settings-view form input[type=checkbox]:checked
{
    border:#F7941D;
    background-color:#F7941D;
}
#settings-view .form-check .form-check-reverse
{
    display: inline-block;
    float: right;
    margin-top: -21px;
}
#settings-view .card-mid img
{
    width: 21px;
    margin-right: 11px;
}
#settings-view .card-mid
{
    margin-left: 110px;
}
#settings-view .card-name
{
    font-size: 16px;
    font-family: OpenSans-Regular;
    width: 190px;
    display: inline-block;
}
#settings-view input.form-check-input[type=radio]
{
    width: 17px;
    height: 17px;
    border-radius: 15px;
    background-color: transparent;
    border: 1px solid #c1bebe;
    margin-top: 3px;
    margin-right: 20px;
    margin-left: 2px;
}
#settings-view form input[type=radio]:checked
{
    border:#F7941D;
    background-color:#F7941D;
}
#settings-view .view-aboutme .view-tab-content {
    padding: 6px 18px;
}
#settings-view .form-check
{
    padding-left:0px;
}
#settings-view .form-check label
{
    width:90%;
    margin-left: 25px;
}
#settings-view .form-check label span
{
    float:right;
    color:#F7941D;
    font-size: 16px;
    font-family: OpenSans-Regular;
    margin-right:-26px;
}
#settings-view .bg-1 ,#settings-view .bg-2
{
    margin-left:45px;
}
#settings-view .contactinfo-detail h5
{
    font-size: 18px;
    font-family: OpenSans-Regular;

}
#settings-view .contactinfo-detail p
{
    font-size: 18px;
    font-family: OpenSans-Regular;
    font-weight:normal;
}
#settings-view .contactinfo-detail .close-account
{
    text-align: right;
}
#settings-view .contactinfo-detail .close-account a
{
    color: #f7941d;
    text-decoration: none;
}
#settings-view .contactinfo-detail h3
{
    font-family:  ariel_rounded_mt, Arial, sans-serif;
    font-size: 22px;

}
#settings-view .contact-info-btn button
{
    border: 1px solid #ffffff;
    border-radius: 30px;
    width: 40%;
    /* color: #747474; */
    background-color: orange;
    color: #fff;
}
.experience-blocks
{
    margin-left: 0px !important;
    padding: 11px 0px 2px 0px;
    width: 70%;
}
.experience-block span
{
    display:flex;
    align-items: center;
}
#country_code
{
    background-image: url("../images/location12.png");
    background-position: 13px 12px;
    background-size: 19px;
    background-repeat:no-repeat;
}
#country_code:-webkit-autofill
{
    -webkit-box-shadow: 0 0 0 30px white inset !important; /* match background */
    -webkit-text-fill-color: #000 !important;
    background-image: url("../images/location12.png");
    background-position: 10px 12px;
    background-size: 16px;
    background-repeat:no-repeat;
}
#settings-view .experience-blocks label {
    width: 86%;
}
#settings-view .experience-blocks label h6
{
    font-size: 18px;
    font-family: OpenSans-Regular;
}
#settings-view .experience-blocks label p
{
    font-size: 15px;
    font-family: OpenSans-Regular;
    color: #797777;
}
#settings-view .experience-blocks input
{
    margin-top: 20px !important;
}
.pass-req-switch .form-check-input[type=checkbox]
{
    width: 29px !important;
    height: 17px !important;
    border: 1px solid #c1bebe !important;
    border-radius: 9px !important;
    right: 60px;
    top: -23px;
}
.pass-req-switch .form-check-input:checked
{
    background-color: #1a7e83 !important;
    border-color: #1a7e83 !important;
}
.pass-req-switch label
{
    margin-left:0px !important;
}
.group-invite
{
    margin-left: 21px;
    margin-top: 16px;
}
.group-invite label
{
    margin-left:10px;
}
.setting-troubleshoot
{
    margin-left: 21px;
}
.setting-troubleshoot  .form-check
{
    margin-top: 10px;
}
.setting-troubleshoot  .form-check input
{
    border-radius: 9px;
}
.setting-troubleshoot  .form-check img
{
    margin-left: -20px;
    width: 17px;
}
.setting-troubleshoot  .form-check label ,.setting-troubleshoot  .form-check span
{
    margin-left: 10px;
}
.setting-troubleshoot .device-setting
{
    margin-top: 13px;
}
.setting-troubleshoot .device-setting  span
{
    color: #f7941d;
}
/*----------------------------Settings style end ---------------------*/
/*---------------------------- Video-call-style --------------------------------*/
/* .video-call
{
    position: relative;
} */
.video-call .chat-block
{
    position: absolute;
    top: 90px;
    right: 0;
    width: 20%;
    background-color: #fff;
    height: 82.5%;
    /* display: none; */
}
.video-call .chat-block  .chat-side
{
    position: relative;
}
.video-call .chat-block  .chat-side .call-chat
{
    position: absolute;
    bottom: -70px;
    width: 100%;
}
.video-call .chat-block  .chat-side .call-chat input
{
    width: 85%;
    margin: 0 auto;
    border-radius: 25px;
}
.participent-list .part-list
{
    padding: 0px 20px;
    height: 300px;
    overflow: auto;
}
.participent-list h3
{
    background-color: #1a7e83;
    font-size: 19px;
    color: #fff;
    padding: 7px 18px;
}
.participent-list h3 span
{
    float:right;
}
.participent-list h3 span img
{
    width: 28px;
    margin-top: 4px;
}
.participent-list .part-list li img
{
    width: 42px;
    margin-right: 14px;
}
.participent-list .part-list li .part-opt
{
    float:right;
    margin-top: 9px;
}
.participent-list .part-list li .part-opt img
{
    width: 16px;
    margin-right: 12px;
}
.participent-list .part-list .msg
{
    font-size: 12px;
}
.participent-list .part-list .you
{
    text-align: right;
}
.video-call .video-call-footer
{
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #1a7e83;
    height: 77px;
    padding: 9px 70px 9px 70px;
}
.video-call .video-call-header
{
    background-color: #1a7e83;
    height: 90px;
}
.video-call .video-call-header .call-date
{
    color: #fff;
    margin-left: 31px;
    font-size: 21px;
    margin-top: 3px;
}
.video-call .video-call-header h4
{
    padding: 22px 70px 22px 70px;
}
.video-call .video-call-header .video-call-name
{
 font-family: OpenSans-Regular;
    color: #ffffff;
    font-size: 24px;

}
.video-call .video-call-header .video-call-time
{
 font-family: OpenSans-Regular;
    color: #1a7e83;
    font-size: 18px;
    background-color: #fff;
    margin-left: 40px;
    padding: 7px;

    border-radius: 11px;
}
.video-call .video-call-header .video-call-view
{
    float:right;
    font-family: Poppins-Regular;
    color: #fff;
    font-size:20px;
}
.video-call .video-call-header .video-call-view  img
{
    margin-right: 8px;
}
.video-call .video-call-header .video-call-view a
{
    color: #fff;
    text-decoration: none;
}
.video-call .video-call-footer .video-footer-left
{
    display: inline-block;
    margin-bottom: 0px;
}
.video-call .video-call-footer  ul
{
    margin-bottom: 0px;
}
.video-call .video-call-footer ul  li
{
    margin-right: 30px;
    text-align: center;
    width: 83px;
    color: #fff;
    font-family: Poppins-Regular;
    font-size: 14px;
}
.video-call .video-call-footer ul li img
{
    padding: 8px;
    border-radius: 8px;
    margin-bottom: 1px;
    height: 37px;
    width: 37px;
    object-fit: contain;
}
.video-call .video-call-footer ul li img.react
{
    padding: 6px;
    border-radius: 8px;
    margin-bottom: 3px;
    height: 40px;
    width: 40px;
    object-fit: contain;
    background-color:transparent;
}
.video-call .video-call-footer .video-footer-right
{
    display: inline-block;
    margin-bottom: 0px;
    float: right;
}
.video-call .video-footer-control
{
    position: absolute;
    top: 20px;
    bottom: 0;
    left: 45.2%;
}
.video-call .video-footer-control .video-icon-img
{
    padding:0px;
    width: 37px;
}
.video-call .video-call-footer .video-footer-control ul  li.connect-disconn
{
    width: auto;
    background-color: #fff;
    padding: 5px 5px 4px 5px;
    border-radius: 30px;
    margin-right: 0px;
}
.video-call .video-call-footer .video-footer-control ul  li img.micro
{
    background-color: #F7941D;
    margin-right: 30px;
    border-radius: 25px;
    padding: 6px;
}
.video-call .video-call-body
{
    width: 95%;
    margin: 15px auto;
    padding: 7px 0px;
}
.video-call .video-call-body .other-person
{
    animation: fadeInLeft 1s ease-in-out;
}
.video-call .video-call-body .self
{
    animation: fadeInRight 1s ease-in-out;
}
.video-call .video-call-body .other-person ,.video-call .video-call-body .self
{
    width: 100%;
    height:100%;
    position: relative;
}
.video-call .video-call-body .other-person img ,.video-call .video-call-body .self img
{
    width: 100%;
    height: 96%;
    object-fit: contain;
    position: relative;
}
.video-call .video-call-body .video-personal-control
{
    position: absolute;
    height: 50px;
    top: 0px;
    width: 96%;
    margin-left: 18px;
    background-color: #3b3b3b30;
    border-radius: 11px 11px 10px 10px;
}
.video-call .video-call-body .video-personal-control .video-self-control
{
    padding: 6px 30px 6px 30px;
}
.video-call .video-call-body .video-personal-control .self-control-left img
{
    display: inline-block;
    width: 38px;
    height: 38px;
    object-fit: scale-down;
    background-color: #443e3d80;
    padding: 9px;
    margin-right: 20px;
    border-radius: 7px;
}
.video-call .video-call-body .video-personal-control .self-control-right img
{
    display: inline-block;
    width: 38px;
    height: 38px;
    object-fit: scale-down;
    background-color: #443e3d80;
    padding: 10px;

    margin-right: 0px;
    margin-left:15px;
    border-radius: 7px;
}
.video-call .video-call-body .video-personal-control .self-control-right
{
    float: right;
}
.video-call .video-call-footer .video-footer-right li
{
    margin-right: 0px;
}
#participent .modal-header
{
    border-bottom:none;
    padding: 40px 40px;
}
#participent .modal-header h1
{
    color: #000000;
    font-family: Poppins-Regular;
    font-size:18px;
}
#participent .modal-header h1 img
{
    width: 25px;
    margin-right: 20px;
}
#participent .modal-body
{
    padding: 3px 44px 30px;
}
#participent .modal-body p
{
    font-family: Poppins-Regular;
    font-size:16px;
    color:#6C6C6C;
}
#participent .modal-body h4
{
    font-family: Poppins-Regular;
    font-size: 16px;
    color: #484848;
    background-color: #FAF7F2;
    padding: 5px 5px 5px 5px;
    border-radius: 7px;
}
#participent .modal-body .participent-share-list
{
    padding: 40px 0px 9px 0px;
}
.audio-call-body
{
    position: fixed;
    width: 100%;
    height: 100%;
    /* background-image:url("../images/audio-bg.png"); */
    background-size: 100% 100%;
}
.audio-call-body h4
{
    text-align: center;
 font-family: OpenSans-Regular;
    font-size:30px;

    margin:60px 0px 20px 0px;
}
.audio-call-body h5
{
    text-align: center;
}
.audio-call-body h5 span
{
    background-color: #F7941D;
    padding: 4px 15px 5px 15px;
    color: #fff;
    border-radius: 7px;
 font-family: OpenSans-Regular;
    font-size:20px;

}
/*--------------------------- Proposals page ---------------------*/
#proposals-body #main-sidebar
{
    padding-top: 66px;
    width: 50px;
    border-right: 1px solid #e29226;
    z-index: 999;
}
#proposals-body #main-sidebar .logo img {
    width: 120px;
    margin-left: 10px;
}
#proposals-body #main-sidebar:hover
{
    padding-top: 66px;
    width: 260px;
    border-right: 1px solid #e29226;
}
#proposals-body #main-sidebar li {
    margin-left: 0px;
    margin-right: 20px;
    margin-top: 30px;
    padding: 7px 4px 1px 0px;
    white-space: nowrap;
}
#proposals-body #proposal-sidebar
{
    /* display:none; */
    /*left: 50px;*/
    z-index: 888;
}
#proposal-page-content.main_content {
    padding-left: 310px;
    width: 100%;
    padding-top: 0 !important;
    transition: .5s;
    position: relative;
    min-height: 100vh;
    padding-bottom: 0px;
    overflow: hidden;
}
/*----------------------------- Proposals Page style end -------------------------*/
/*----------------------------- Video call-style end  -----------------------------*/
/*--------------------------------- Proposal style sheet ----------------------------*/
.calendar-menu
{
    float: right;
    margin-top: 4px;
}
.proposal-menu
{
    width: 22px !important;
}
.interview-proposal
{
    border-radius: 20px;
    padding: 30px;
    height: 750px;
    overflow-y: scroll;
}
.interview-proposal .interview button.available
{
    border: 1px solid #f7941d;
    border-radius: 20px;
 font-family: OpenSans-Regular;
    font-size:18px;
    color: #f7941d;

}
.interview-proposal .accordion-button
{
    margin-bottom: 5px;
 font-family: OpenSans-Regular;
    font-size: 13px;
    letter-spacing: 1px;

}
.interview-proposal .accordion-button:focus , .interview-proposal .accordion-button:not(.collapsed)
{
    background-color:transparent;
    box-shadow:none;
}
.open-jobs-list
{
    padding: 0px 50px;
}
.open-jobs-list .job-client-img
{
    display:inline-block;
    float: left;
}
.open-jobs-list .job-client-img img
{
    width: 50px;
    height: 50px;
    border-radius: 30px;
    object-fit: cover;
    padding: 2px;
    border: 1px solid #f7941d;
}
.open-jobs-list .job-client-detail
{
    display: inline-block;
    margin-left: 20px;
}
.open-jobs-list .job-client-detail h5
{
    font-family: OpenSans-Semibold;
    font-size: 14px;
    margin-bottom: 6px;
}
.open-jobs-list .job-client-detail h6
{
    font-family: OpenSans-Regular;
    font-size: 13px;
    color:#5D5D5D;
    margin-bottom: 4px;
}
.open-jobs-list .job-client-detail p
{
    font-family: OpenSans-Regular;
    font-size: 12px;
    color:#8A8A8A;
    margin-bottom:3px;
}
.open-jobs-list .job-client-bookmark
{
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 0;
}
.open-jobs-list .job-client-bookmark .fill-icon
{
    color: #f7941d;
    font-size: 14px;
    margin-top: 5px;
}
.open-jobs-list .job-client-bookmark .empty-icon
{
    color: #8A8A8A;
    font-size: 14px;
    margin-top: 5px;
}
.open-jobs-list li
{
    padding: 15px 0px;
    border-bottom: 1px solid #8080805c;
    position: relative;
}
.open-jobs-list h4
{
    font-family: OpenSans-Semibold;
    font-size: 14px;
}
.open-jobs-list ul
{
    height: calc(100vh - 230px);
    max-height: calc(100vh - 230px);
    overflow: auto;
}
.open-jobs-list ul::-webkit-scrollbar
{
    display:none;
}
.interview-proposal ul li a
{
    text-decoration: none;
}
.interview-proposal ul li a h4
{
 font-family: OpenSans-Regular;
    font-size: 14px;
    color:#000;
}
.interview-proposal ul li a h6
{
 font-family: OpenSans-Regular;
    font-size: 13px;
    color:#3B3B3B;
}
.interview-proposal ul li a p
{
 font-family: OpenSans-Regular;
    font-size: 13px;
    color: #8A8A8A;
    margin-bottom: 0px;
}
.interview-proposal ul li
{
    width:100%;
    margin-top: 6px;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 15px;
}
.interview-proposal ul li:nth-child(even)
{
    background-color: #F2FAF9;
}
.interview-proposal ul li:nth-child(odd)
{
    background-color: #FAF7F2;
}
.interview-proposal ul li .interview-list-left
{
    display:inline-block;
    float:left;
}
.interview-list-left .proposal-card-detail
{
    display:flex;
    justify-content: flex-start;
    margin-top:20px;
    margin-bottom:10px;
}
.interview-list-left .proposal-card-detail img
{
    width: 30px;
    height: 30px;
    object-fit: contain;
    border: 1px solid orange;
    padding: 5px;
    border-radius: 17px;
    margin-right: 10px;
}
.interview-list-left .proposal-card-detail h4
{
    margin-bottom:0px;
    font-size: 13px;
}
.interview-list-left .proposal-card-detail p
{
    font-size: 11px;
}
.interview-proposal ul li .interview-list-right
{
    float:right;
    margin-top: 50px;
}
.interview-proposal ul li .interview-list-right button.msg-btn
{
    background-color: transparent;
    border: 1.5px solid #f7941d;
    padding: 2px 13px;
    border-radius: 20px;
 font-family: OpenSans-Regular;
    font-size: 14px;
    color: #f7941d;
    font-weight: 600;
    width: 103px;
}
.interview-proposal ul li .interview-list-right button.msg-btn img
{
    width: 15px;
    margin-right: 9px;
}
.interview-proposal ul li .interview-list-right button.reschedule
{
    background-color: #a9896300;
    border: 1px solid #1a7e83;
    padding: 2px 13px;
    border-radius: 20px;
 font-family: OpenSans-Regular;
    font-size: 14px;
    color: #1a7e83;
    font-weight: 600;
    width: 103px;
}
.interview-proposal ul li .interview-list-right button.reschedule img
{
    width: 20px;
    margin-right: 9px;
}
.interview-proposal ul li .interview-list-right button.hired
{
    background-color: transparent;
    border: 1.5px solid #f7941d;
    padding: 5px 45px;
    border-radius: 20px;
 font-family: OpenSans-Regular;
    font-size: 14px;
    color: #f7941d;

    width: 150px;
}
.interview-proposal ul li .interview-list-right button.hired img
{
    width: 20px;
    margin-right: 9px;
}
.interview-proposal ul li .interview-list-right button.cancelled
{
    background-color: #FFEEEE;
    border: 1px solid #e9a3a3;
    color: #FF0C0C;
    padding: 2px 13px;
    border-radius: 20px;
 font-family: OpenSans-Regular;
    font-size: 13px;

    width: 100px;


}
.interview-proposal ul li .interview-list-right button.cancelled img
{
    width: 20px;
    margin-right: 9px;
}
.token .use-token
{
    text-align: center;
}
.token .use-token button ,#token-button
{
    background-color: #f7941d;
    border-radius: 25px;
    color: #fff;
    padding: 5px 21px;
    font-size: 16px;
    margin-top:30px;
}
 .token .success-msg1
{
    color: #29868b;

    font-size: 21px;
}
.token h5
{
 font-family: OpenSans-Regular;
    font-size: 17px;
    margin-bottom: 19px;
}
.token .modal-header{
    justify-content: flex-end;
    padding: 16px 40px;
}
#submitted-list
{
    overflow: auto;
    height: 330px;
}
#submitted-proposal-modal .modal-header ,.change-terms .modal-header ,#submitted-interview-modal .modal-header ,.modals-style .modal-header
{
    justify-content: flex-start;
    padding: 16px 50px;
}
#submitted-proposal-modal .modal-header button ,.change-terms .modal-header button ,#submitted-interview-modal .modal-header button ,.modals-style .modal-header button
{
    margin:0px;
}
#submitted-proposal-modal .modal-header .modal-title ,#submitted-interview-modal .modal-header .modal-title ,.modals-style .modal-header .modal-title
{
 font-family: OpenSans-Regular;
    font-size: 22px;
    color: #1B7E82;
    margin-left: 30px;

}
.change-terms .modal-header .modal-title
{
    font-family: 'OpenSans-bold';
    font-size: 18px !important;
    color: #1B7E82;
    margin-left: 10px;

}
#submitted-proposal-modal  .modal-body ,.change-terms  .modal-body ,#submitted-interview-modal .modal-body ,.modals-style  .modal-body
{
    padding: 30px 58px;
}
#submitted-proposal-modal  .modal-body .submitted-modal-content h3 ,.change-terms  .modal-body .submitted-modal-content h3 ,#submitted-interview-modal  .modal-body .submitted-modal-content h3 ,.modals-style .modal-body .submitted-modal-content h3
{
    font-family: OpenSans-Regular;
    font-size: 14px;
    color:#080808;

    border-bottom: 1px solid #c9c7c7;
    margin-bottom: 20px;
    padding-bottom: 15px;
}
#submitted-proposal-modal  .modal-body .submitted-modal-content .webfloaw ,.change-terms  .modal-body .submitted-modal-content .webfloaw ,#submitted-interview-modal .modal-body .submitted-modal-content .webfloaw
{
    padding: 15px;
    border-radius: 8px;
    margin-top: 19px;
}
#submitted-proposal-modal  .modal-body .submitted-modal-content .webfloaw h5 ,.change-terms  .modal-body .submitted-modal-content .webfloaw h5 ,#submitted-interview-modal .modal-body .submitted-modal-content .webfloaw h5 ,.modals-style .modal-body .submitted-modal-content h5
{
    font-family: OpenSans-Regular;
    font-size: 14px;
    color:#080808;

}
#submitted-proposal-modal  .modal-body .submitted-modal-content .webfloaw p ,.change-terms  .modal-body .submitted-modal-content .webfloaw p ,#submitted-interview-modal  .modal-body .submitted-modal-content .webfloaw p ,.modals-style .modal-body .submitted-modal-content p ,#submitted-proposal-modal .modal-body .submitted-modal-content .webfloaw span
{
    font-family: OpenSans-Regular;
    font-size: 14px;
    color:#080808;
    margin-bottom: 0px;
}
.modals-style button.join
{
    background-color: #f2faf9;
    border: 1px solid #1b7e82;
    color: #228286;
    font-family: OpenSans-Regular;
    width: 190px;
    padding: 6px;
    border-radius: 20px;
    margin-top: 10px;

}
.modals-style button.reschedule
{
    background-color: #FAF7F2;
    border: 1px solid #f7941d;
    color: #f7941d;
    font-family: OpenSans-Regular;
    width: 190px;
    padding: 6px;
    border-radius: 20px;
    margin-top: 10px;
}
#submitted-proposal-modal  .modal-body .submitted-modal-content .webfloaw p span ,#submitted-interview-modal  .modal-body .submitted-modal-content .webfloaw p span
{
    color:#F7941D;
}
#submitted-proposal-modal  .modal-body .submitted-modal-content .proposed-team ,.change-terms  .modal-body .submitted-modal-content .proposed-team ,#submitted-interview-modal  .modal-body .submitted-modal-content .proposed-team
{
    background-color:#F2FAF9;
    margin-top: 19px;
    padding: 15px;
    border-radius: 8px;
}
#submitted-proposal-modal  .modal-body .submitted-modal-content .proposed-team h5 ,.change-terms  .modal-body .submitted-modal-content .proposed-team h5 ,#submitted-interview-modal  .modal-body .submitted-modal-content .proposed-team h5
{
    font-family: OpenSans-Regular;
    font-size: 18px;
    color:#080808;

}
#submitted-proposal-modal  .modal-body .submitted-modal-content .proposed-team p ,.change-terms  .modal-body .submitted-modal-content .proposed-team p #submitted-interview-modal  .modal-body .submitted-modal-content .proposed-team p
{
    font-family: OpenSans-Regular;
    font-size: 18px;
    color:#080808;
}
#submitted-proposal-modal  .modal-body .submitted-modal-content .submitted-modal-buttons ,.change-terms  .modal-body .submitted-modal-content .submitted-modal-buttons ,#submitted-interview-modal  .modal-body .submitted-modal-content .submitted-modal-buttons
{
    text-align: center;
}
#submitted-proposal-modal  .modal-body .proposal-detail-buttons
{
    text-align: center;
    margin-top:20px;
}
#submitted-proposal-modal  .modal-body .proposal-detail-buttons button ,#submitted-interview-modal  .modal-body .proposal-detail-buttons button
{
    width: 190px;
    padding: 6px;
    border-radius: 20px;
    margin-top:10px;
}
#submitted-proposal-modal  .modal-body .proposal-detail-buttons button.join ,#submitted-interview-modal .modal-body .proposal-detail-buttons button.join
{
    background-color: #f2faf9;
    border: 1px solid #1b7e82;
    color: #228286;
    font-family: OpenSans-Regular;
}
#submitted-proposal-modal  .modal-body .proposal-detail-buttons button.reschedule  ,#submitted-interview-modal  .modal-body .proposal-detail-buttons button.reschedule
{
    background-color: #FAF7F2;
    border: 1px solid #f7941d;
    color: #f7941d;
    font-family: OpenSans-Regular;
}
.submitted-modal-content .submitted-modal-buttons .change-terms
{
    background-color: #F7941D;
    width: 200px;
    margin-top: 20px;
    margin-right:20px;
    border-radius: 20px;
    color: #fff;
    font-family: OpenSans-Regular;
    font-size: 14px;
    padding: 5px 0px;
    height: 35px;
}
.submitted-modal-content .submitted-modal-buttons button.withdraw-proposal
{
    background-color: transparent;
    border:1px solid #F7941D;
    width: 200px;
    margin-top: 20px;
    border-radius: 20px;
    color: #F7941D;
    font-family: OpenSans-Regular;
    font-size: 14px;
    padding: 5px 0px;
    border-radius: 20px;
    height: 35px;
}
.submitted-modal-content .submitted-modal-buttons button.offer-button
{
    border:1px solid #1A7E83;
    border-radius:20px;
    font-family: OpenSans-Regular;
    font-size: 14px;
    padding: 3px 27px;
    margin-top:20px;
    background-color:#1A7E83;
    color:#fff;
    width:30%;
}
.submitted-modal-content .submitted-modal-buttons button.start-inter
{
    border:1px solid #F7941D;
    border-radius:20px;
    font-family: OpenSans-Regular;
    font-size: 14px;
    padding: 3px 27px;
    margin-top:20px;
    background-color:#F7941D;
    color:#fff;
    width:30%;
}
.submitted-modal-content .submitted-modal-buttons button.cancel-inter
{
    border:1px solid #000;
    border-radius:20px;
    font-family: OpenSans-Regular;
    font-size: 14px;
    padding: 3px 27px;
    margin-top:20px;
    background-color:transparent;
    color:#000;
    width:30%;
}
#submitted-proposal-modal .member-date
{
font-family: OpenSans-Regular;
    font-size:20px;
    color:#8A8A8A;
    margin-top:10px;
}
/*------------------------------ Submitted proposal ------------------------------------------*/
#submit-proposal .modal-header,
.change-terms .modal-header {
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom:none;
}
#submit-proposal .sub-prop-hint
{

}
#submit-proposal .modal-header button,
.change-terms .modal-header button {
    margin: 0px;
}

#submit-proposal .modal-header .modal-title {
 font-family: OpenSans-Regular;
    font-size: 22px;
    color: #1B7E82;
    margin-left: 30px;

}
#submit-proposal .modal-body,
.change-terms .modal-body {
    padding: 30px 25px;
}

#submit-proposal .modal-body .submitted-modal-content h3,
.change-terms .modal-body .submitted-modal-content h3 {
    font-family: 'OpenSans-Bold';
    font-size: 14px;
    color: #080808;
    border-bottom: 1px solid #c9c7c7;
    margin-bottom: 20px;
    padding-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.change-terms .modal-body .submitted-modal-content h3 span
{
    font-family: OpenSans-Regular;
    font-size: 12px;
    color: #555454;
}
#submit-proposal .submitted-modal-content .submitted-content
{
    height: 640px;
    overflow: scroll;
}
.submitted-modal-content .submitted-content h5
{
     font-family: OpenSans-Regular;
    font-size: 20px;
    color: #555454;
    display:flex;
    justify-content: space-between;
}
.submitted-modal-content .submitted-content h5 span
{
    font-size: 13px;
}
.submitted-modal-content .about-seeker
{
    display:flex;
    justify-content: flex-start;
}
.submitted-modal-content .about-seeker  img
{
    border: 1px solid #f7941d;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    object-fit: contain;
    padding: 4px;
    margin-right: 15px;
}
#submit-proposal .submitted-modal-content .submitted-content::-webkit-scrollbar
{
    display:none;
}
#submit-proposal .job-detail
{
    font-family: OpenSans-Regular;
    font-size: 16px;
}
#submit-proposal .submitted-modal-content .webfloaw,
.change-terms .modal-body .submitted-modal-content .webfloaw {
    padding: 15px;
    border-radius: 8px;
    margin-top: 19px;
}
.submit-applied
{
    display:flex;
    justify-content: space-between;
}
.submit-applied p
{
    font-size: 11px;
}
 .proposal-attachment button
{
    background-color:#1A7E83;
    color:#fff;
    width:20%;
    border-radius:25px;
}
#submit-proposal .webfloaw h5,
.change-terms .modal-body .submitted-modal-content .webfloaw h5 {
    font-family: OpenSans-Semibold;
    font-size: 14px;
    color: #080808;

    padding-bottom: 10px;
}

#submit-proposal .modal-body .submitted-modal-content .webfloaw p,
.change-terms .modal-body .submitted-modal-content .webfloaw p {
    font-family: OpenSans-Regular;
    font-size: 14px;
    color: #595959;
}

#submit-proposal .modal-body .submitted-modal-content .webfloaw p span {
    color: #F7941D;
}

#submit-proposal .modal-body .submitted-modal-content .proposed-team,
.change-terms .modal-body .submitted-modal-content .proposed-team {
    background-color: #F2FAF9;
    margin-top: 19px;
    padding: 15px;
    border-radius: 8px;
}

#submit-proposal .modal-body .submitted-modal-content .proposed-team h5,
.change-terms .modal-body .submitted-modal-content .proposed-team h5 {
    font-family: OpenSans-Regular;
    font-size: 18px;
    color: #080808;

    border-bottom: 1px solid #CBCBCB;
    padding-bottom: 10px;
}
.modal-content .proposed-team h5
{
    display:flex;
    justify-content: space-between;
}
.modal-content .proposed-team h5 span
{
    font-size: 14px;
    color: #535151;
}
#submit-proposal .modal-body .submitted-modal-content .proposed-team h5 small
{
    color: gray;
    font-weight: normal;
}
#submit-proposal .modal-body .submitted-modal-content .proposed-team p,
.change-terms .modal-body .submitted-modal-content .proposed-team p {
    font-family: OpenSans-Regular;
    font-size: 14px;
    color: #080808;
}
#submit-proposal .modal-body .submitted-modal-content .proposed-team .form-check label
{
    font-family: OpenSans-Regular;
    font-size: 14px;

}
#submit-proposal .modal-body .submitted-modal-content .proposed-team .form-check label span
{
    font-weight:normal;
}
#submit-proposal .modal-body .submitted-modal-content .proposed-team .input-group
{
    width: 23%;
}
#submit-proposal .modal-body .submitted-modal-content .proposed-team .bid a ,#submit-proposal .modal-body .submitted-modal-content .proposed-team .bid-protection a
{
    text-decoration: none;
    color:#1B7E82;
}
#submit-proposal .modal-body .submitted-modal-content .proposed-team .bid-protection
{
    font-family: OpenSans-Regular;
    font-size: 14px;
}
#submit-proposal .modal-body .submitted-modal-content .proposed-team .input-group span
{
    background-color: #fff;
}
#submit-proposal .modal-body .submitted-modal-content .submitted-modal-buttons,
.change-terms .modal-body .submitted-modal-content .submitted-modal-buttons {
    text-align: center;
}
.change-terms .modal-body .submitted-modal-content .submitted-modal-buttons #job-action-buttons
{
    display: flex;
    justify-content: center;
}
#submit-proposal .submitted-modal-content .submitted-modal-buttons .change-terms {
    background-color: transparent;
    margin-top: 20px;
    border-radius: 20px;
    color: #FF2323;
    font-family: OpenSans-Regular;
    font-size: 18px;
    padding: 5px 0px;
    width: 170px;
}

#submit-proposal .submitted-modal-content .submitted-modal-buttons .Withdraw-proposal {
    background-color: #F7941D;
    border: 1px solid #F7941D;
    width: 170px;
    margin-top: 10px;
    border-radius: 20px;
    color: #ffffff;
    font-family: OpenSans-Regular;
    font-size: 18px;
    padding: 5px 0px;
}
.submitted-modal-content .submitted-modal-buttons .edit-proposal{
    background-color: #F7941D;
    border: 1px solid #F7941D;
    width: 410px;
    margin-top: 10px;
    border-radius: 20px;
    color: #ffffff;
    font-family: OpenSans-Regular;
    font-size: 18px;
    padding: 5px 0px;
}
#submit-proposal .member-date {
font-family: OpenSans-Regular;
    font-size: 20px;
    color: #8A8A8A;
    margin-top: 10px;
}
/*----------------------------------Submitted Proposal-styled end ---------------------------------*/
.change-terms  .modal-body .submitted-modal-content .webfloaw form .input-group
{
    width: 200px;
    border: 1px solid #6c6c6c87;
    border-radius: 7px;
    box-shadow: 0px 0px 6px #0000003d inset;
}
.change-terms  .modal-body .submitted-modal-content .webfloaw form .input-group select
{
    width: 58px;
    border: none;
    border-radius: 10px;
    background-color:transparent;
    color: #f7941d;
    text-align: center;

    font-size: 15px;
 font-family: OpenSans-Regular;
    font-size: 20px;
}
.change-terms  .modal-body .submitted-modal-content .webfloaw form .input-group input
{
    border: none;
    background-color:transparent;
}
.change-terms .proposed-team textarea
{
    background-color: transparent;
    border: 1px solid #c5c4c4;
    height: 110px;
}
.proposed-team .interview-clientdetail
{
    font-size: 15px;
}
.proposed-team .interview-clientdetail img
{
    width: 15px;
    height: 17px;
    object-fit: contain;
}
.proposed-team .interview-clientvalue
{
    margin-left: 30px;
    color: grey !important;
    font-size: 13px !important;
    margin-top: -5px;
}
/* .change-terms .submitted-modal-content .submitted-modal-buttons .change-terms
{
    margin: 130px 0px;
} */
.withdrawal-proposal h5
{
    font-family: OpenSans-Regular;
    font-size: 20px;

    color:#000;
}
.withdrawal-proposal .form-check label
{
    font-family: OpenSans-Regular;
    font-size: 16px;
    color:#3a3a3a;
}
.withdrawal-proposal .form-check
{
    padding: 7px 21px;
}
.withdrawal-proposal .form-check .form-check-input
{
    border: var(--bs-border-width) solid #f7941d;
}
.withdrawal-proposal .form-check .form-check-input:checked
{
    background-color: #f7941d;
    border-color: #f7941d;
}
.withdrawal-proposal .withdraw
{
    background-color:#f7941d;
    color:#fff;
    font-family: OpenSans-Regular;
    font-size: 18px;
    border-radius: 20px;
    margin-left: 60px;
    padding: 5px 25px;
}
.withdrawal-proposal .widthdrawal-cancel
{
    color: #f7941d;
}
.withdrawal-proposal
{
    margin: 40px 0px;
}
.success-withdraw
{
    text-align: center;
}
.success-withdraw img {
    width: 36%;
}
.change-terms .success-msg
{
    font-family: OpenSans-Regular;
    font-size: 21px;
    text-align: center;
    color:#6C6C6C;
    margin-top:50px;
}
.change-terms .success-msg span
{
    color: #1a7e83;

}
.change-terms .success-msg1
{
 font-family: OpenSans-Regular;
    font-size: 22px;
    color:#000;
}
.change-terms .next-link a
{
    font-family: OpenSans-Regular;
    font-size: 24px;
    color:#F7941D;
    margin-top:10px;
    text-decoration: none;
}
#scheduled-popup .date-time
{
    background-color: #1a7e83;
    width: 80%;
    margin: 18px auto;
    text-align: center;
    line-height: 43px;
}
#scheduled-popup .date-time p
{
    color: #fff;
}
#scheduled-popup p a
{
    color: #f19323;
    text-decoration: none;
}
 /*----------------------------------Propopsal style sheet end ------------------------------*/
 /*--------------------------------- link footer style --------------------------*/
 .link-footer {
    width: 87%;
    margin: 40px auto;
}
.link-footer ul
{
    text-align: center;
}
.link-footer ul li
{
    margin: 5px 0px;
}
.link-footer ul li a
{
 font-family: OpenSans-Regular;
    font-size:12px;
    color: #707070;
    text-decoration: none;
    margin: 0px 15px;
   text-transform: capitalize;
}
.footer-copyright p
{
    font-family: OpenSans-Regular;
    font-size:14px;
    color: #414141;
    display:flex;
    align-items:center;
    justify-content: center;
}
.footer-copyright p img
{
    width: 55px;
    margin-right:20px;
}
.ui-datepicker
{
    background-color:#fff;
    border-radius:8px;
}

.ui-datepicker-header{
        background-color: #1B7E82;
        color: white;
        text-align: center;
        font-family: 'Roboto';
        padding: 10px;
        height: 60px;
        border-radius: 8px 8px 0px 0px;
  }

  .ui-datepicker-prev span,
  .ui-datepicker-next span{
    display:none;
  }
  /* .ui-datepicker-prev:after
  {
    content:"<<";
    font-size: 40px;
    float: left;
    margin-left: 11px;
    cursor: pointer;
    color: #fff;
    font-family: Poppins-Regular;
    letter-spacing: -12px;
  }
  .ui-datepicker-next:after
  {
    content:">>";
    float:right;
    font-size:40px;
    margin-right:24px;
    cursor:pointer;
    color:#fff;
    font-family: Poppins-Regular;
    letter-spacing: -12px;
  } */
  .ui-datepicker-calendar th{
    padding: 15px 20px;
    color: #1b7e82;
    font-family: Poppins-Regular;
    font-size:15px;
  }

  .ui-datepicker-calendar {
    text-align: center;
    margin: 3px auto;
    padding: 8px;
  }

  .ui-datepicker-title{
    padding: 4px;
    font-family: Poppins-Regular;
    font-size: 20px;

  }

  .ui-datepicker-calendar td {
    padding: 13px 5px;
  }
  .ui-datepicker-calendar td span
  {
    font-family: Poppins-Regular;
    font-size:15px;

  }
  .ui-datepicker-calendar .ui-state-default {
    text-decoration:none;
    color:black;
    font-family: Poppins-Regular;
    font-size:15px;

    text-align: center;
  }

  .ui-datepicker-calendar .ui-state-active ,.ui-datepicker-today .ui-state-default {
    color: #f7941d;
    background-color: #FFF8EE;
    padding: 5px;
    border-radius: 15px;
  }
  #calendar .ui-datepicker-inline
  {
    background-color: #fff;
    height: 420px;
  }
  #calendar-popup #calendar .ui-datepicker-inline
  {
        background-color: #fff;
        height: 448px;
        width: 539px;
  }
  .blank-div {
    margin-bottom: 299px;
}
  .footer-new
  {
    /* margin-top: 510px; */
    text-align: center;
    background-color: #1b7f81;
    padding: 20px 0px;
  }
  .footer-new p {
    color: #fff;
    font-size: 17px;
    margin-bottom: 0px;
 font-family: OpenSans-Regular;
}
  .footer-new p img
  {
    width: 100px;
    margin-right: 0px;
  }
 /*--------------------------------Link footer style end ---------------------------*/
 /*------------------------------------ Submitted List style --------------------------*/
#sublist
{
    display: block;
 font-family: OpenSans-Regular;
    font-size:20px;
    color: #313131;

    text-decoration: none;
}
#sublist  span
{
    float: right;
}
.payment-options #sublist span
{
    float: right;
    margin-top: -62px;
}
#submitted-list .interview-proposal
{
    padding: 30px 0px;
}
#my-stat .payment-options .interview-proposal p
{
    margin-left: 40px;
    margin-top: 5px;
}
.stat-activity .time-spent
{
    text-align: right;
    margin-right: 51px;
}
 /*----------------------------------Submitted List style End ---------------------------*/
 /*---------------------------------Saved Page Style ---------------------------------*/
.saved-jobs-list h3
{
    text-align: center;
    color:#1A7E83;
    font-family: OpenSans-Regular;
    font-size:16px;
    padding: 10px 0px;
    border-bottom: 1px solid #c7c7c7;
    margin-bottom:20px;

}
.saved-jobs-list .saved-list-detail
{
    height: 750px;
    overflow: auto;
}
.save-job-tab nav
{
    height: 50px;
}
.save-job-tab nav .nav-tabs
{
    border:none;
}
.save-job-tab nav .nav-tabs .nav-link
{
 font-family: OpenSans-Regular;
    font-size:18px;

    border:none;
    border-bottom:4px solid transparent;
    color:#000;
}
.save-job-tab nav .nav-tabs .nav-link:hover
{
    border:none;
    border-bottom:4px solid transparent;
}
.save-job-tab nav .nav-tabs .nav-link.active
{
    border: none;
    color: #1a7e83;
    border-bottom: 4px solid #f7941d;
}
.saved-jobs-list .saved-list-detail .empty-list
{
    text-align: center;
}
.saved-jobs-list .saved-list-detail .empty-list img
{
    width: 32%;
    margin-top: 70px;
    margin-bottom: 30px;
}
.saved-jobs-list .saved-list-detail .empty-list p
{
 font-family: OpenSans-Regular;
    font-size:14px;
    color:#000;
}
.saved-jobs-list .saved-list-detail::-webkit-scrollbar
{
    display:none;
}
.saved-list-detail h3
{
    font-family: OpenSans-Regular;
    font-size: 22px;
    color:#030303;

}
.saved-list-detail.posted-jobs  h3
{
    font-family: OpenSans-Regular;
    font-size: 22px;
    color:#030303;

    text-align: left;
    margin-bottom: 0px;
}
.saved-list-detail.posted-jobs .applied-candidate p
{
    display:inline-block;
    font-family: OpenSans-Regular;
    font-size: 18px;
}
.saved-list-detail.posted-jobs .applied-candidate ul
{
    display:inline-block;
    margin-left:30px;
    margin-right:30px;
}
.saved-list-detail.posted-jobs .applied-candidate ul li
{
    width: 6px;
}
.saved-list-detail h3 span
{
    float:right;
}
.saved-list-detail h3 span i
{
    color: #f7941d;
}
.saved-list-detail .saved-job-span span
{
    margin-right: 20px;
    font-family: OpenSans-Regular;
    font-size: 17px;
    display: inline-block;
    width: 250px;
}
.saved-list-detail .saved-job-span span b
{
    font-weight:600 !important;
}
.saved-list-detail .saved-job-span
{
    margin-top: 9px;
}
.saved-list-detail .saved-job-span span img
{
    width: 15px;
    margin-right: 10px;
}
.saved-list-detail .save-job-content p
{
    font-family: OpenSans-Regular;
    font-size: 18px;
    margin-top: 10px;
}
.saved-list-detail .save-job-content p span
{
    float:right;
}
.saved-list-detail .save-job-content p span a
{
    color:#F7941D;
    text-decoration: none;

    text-decoration: underline;
}
.saved-list-detail .saved-block:nth-child(even)
{
    background-color: #FAF7F2;
    padding: 20px;
    margin-bottom: 15px;
    box-shadow: -2px 3px 3px #0000000d;
    border-radius: 10px;
}
.saved-list-detail .saved-block:nth-child(odd)
{
    background-color: #F2FAF9;
    padding: 25px;
    margin-bottom: 15px;
    box-shadow: -2px 3px 3px #0000001f;
    border-radius: 10px;
}
 /*---------------------------------Saved Pages Style end --------------------------*/
/*-----------------------------------Membership-style ------------------------*/
.membership-heading
{
    font-family:  ariel_rounded_mt, Arial, sans-serif;
    font-size:30px;

    color: #1b7e82;
    width: 90%;
    margin: 0px auto;
}
.membership-heading
{
    border-bottom: 1px solid #E0E0E0;
    padding: 19px 0px;
}
.membership-heading img
{
    margin-right:30px;
}
.membership-block
{
    width: 90%;
    margin: 100px auto;
}
.membership-block .member-card
{
    animation: fadeInLeft 1s ease-in-out;
}
.membership-block .member-card
{
    background-color: #1B7E82;
    width: 100%;
    padding: 20px 20px 20px;
    position: relative;
    border-radius: 0px 10px 10px 10px;
    z-index: 7;
    height: 510px;
    position: relative;
}
.membership-block .member-card  .membership-type-img img
{
    width: 100px;
    margin-bottom: 20px
}
.membership-block .member-card  .membership-type-img p
{
 font-family: OpenSans-Regular;
    font-size:14px;
}
.membership-block .member-card  h2
{
    color: #fff;
 font-family: OpenSans-Regular;
    font-size:25px;

}
.membership-block .member-card  h2 span
{
 font-family: OpenSans-Regular;
    font-size:14px;
    font-weight:normal;
}
.membership-block .member-card p
{
    font-family: OpenSans-Regular;
    font-size:14px;
    color: #fff;
    margin-bottom: 10px;
}
.membership-block .member-card .membership-list
{
    height: 140px;
}
.membership-block .member-card button
{
    background-color: #f7941d;
    color: #fff;
    border-radius: 20px;
    padding: 5px 25px;
 font-family: OpenSans-Regular;
    font-size:14px;

    margin:20px 0px
}
.membership-block .member-card .membership-list p img
{
    margin-right: 10px;
    width: 13px;
}
.membership-block .membership-type
{
    position: absolute;
    top: -29px;
    background-color: #f7941d;
    color: #fff;
    left: 0;
    padding: 4px 18px;
    border-radius: 9px 9px 0px 0px;
 font-family: OpenSans-Regular;
    font-size: 14px;
    text-transform: uppercase;

    z-index: 6;
}
.membership-block .membership-recommended
{
    position: absolute;
    background-color: #f7941d;
    color: #fff;
    padding: 3px 6px;
    top: 0;
    right: 0;
    border-radius: 0px 9px 0px 9px;
 font-family: OpenSans-Regular;
    font-size: 11px;

    text-transform: uppercase;
}
.membership-block .membership-auto-renew
{
    background-color: #f7941d;
    color: #fff;
    text-align: center;
    padding: 8px;
    width: 51%;
    margin: 0 auto;
    border-radius: 5px;
 font-family: OpenSans-Regular;
    font-size: 15px;

}
/*---------------------------------Membership---style-end ---------------------*/
/*------------------------------ Memebership payment style -------------------------*/
.payment-option-form form
{
    border-top: 1px dashed #b1adad;
    padding-top: 20px;
}
.payment-option-form form label
{
    font-family: OpenSans-Regular;
    font-size:15px;
    color:#565656;
}
.payment-option-form form input
{
    border: none;
    margin-top: 10px;
    height: 37px;
    margin-bottom: 10px;
}
.payment-options a
{
    font-family: OpenSans-Regular;
    font-size:20px;

}
.payment-options a p
{
    font-family: OpenSans-Regular;
    font-size:17px;
    color: #7b7b7b !important;
}
.payment-options input[type=radio]
{
    margin-top: 8px;
}
.payment-option-form label img
{
    width: 14px;
}
.payment-options .interview-proposal {
    border-radius: 20px;
    padding: 30px;
    height: 900px;
}
.payment-member-block
{
    height: 800px;
    overflow: auto;
}
.payment-summary
{
    margin-top: 90px;
}
.payment-summary h3
{
    color: #1a7e83;

    font-family:  ariel_rounded_mt, Arial, sans-serif;
    font-size: 25px;
}
.payment-summary h6
{
    font-family: OpenSans-Regular;
    font-size:24px;
    color:#1A7E83;
    margin-bottom: 30px;
}
.payment-summary h6 img
{
    width: 20px;
    margin-right: 10px;
    margin-top: -4px;
}
.payment-summary p
{
    font-family: OpenSans-Regular;
    font-size:18px;
}
.payment-summary p span
{
    float:right;
}
.payment-summary .form-check-inline
{
    padding-left: 0px;
}
.payment-summary .form-check-inline label
{
    font-family: OpenSans-Regular;
    font-size:16px;

}
.payment-summary .form-check-inline label small ,.payment-summary p small
{
    font-family: OpenSans-Regular;
    font-size:12px;
    color:#1B7E82;
}
.payment-summary .payment-total
{
    text-align:right;
    font-family: OpenSans-Regular;
    font-size:18px;

}
.payment-summary .payment-total small
{
    font-family: OpenSans-Regular;
    font-size:18px;
    color:#000;
    font-weight: normal;
}
.payment-summary h3 img
{
    margin-right: 30px;
}
.payment-summary button
{
    width: 100%;
    background-color: #F7941D;
    color: #fff;
    border-radius: 20px;
    font-family: OpenSans-Regular;
    font-size:18px;
    margin-top:40px;
}
.payment-summary button:hover
{
    width: 100%;
    background-color: #F7941D;
    color: #fff;
    border-radius: 20px;
    font-family: OpenSans-Regular;
    font-size:18px;
    margin-top:40px;
}
/*--------------------------------- Memebership payment style end ---------------------*/
/*--------------------------------- Create Post -----------------------*/
#create-job-post .create-job-posts-blocks h6
{
    font-family: OpenSans-Regular;
    font-size: 15px;

    padding-left: 12px;
}
#create-job-post .create-job-posts-blocks p
{
    font-family: OpenSans-Regular;
    font-size:20px;
    font-weight: normal;
}
#create-job-post .bg-1 ,#create-job-post .bg-2
{
    height: 80px;
    padding: 10px;
}
#create-job-post .create-job-posts-blocks
{
    width:80%;
    float:left;
}
.create-job-posts-blocks.desc
{
    width: 100%;
    float: none;
    padding: 18px;
    margin-bottom: 15px;
}
.create-job-posts-blocks .tax-download
{
    color:#f7941d;
    text-decoration: none;
}
.create-job-posts-blocks.desc textarea
{
    border: 1px solid #80808042;
    color: #000;
    background-color: #ffffffc9;
}
.create-job-posts-blocks .income-checkbox
{
    margin-left:22px;
    margin-bottom:5px;
}
#create-job-post .create-job-posts-blocks input , #create-job-post .create-job-posts-blocks select
{
    border: none;
    background-color: transparent;
    font-size: 15px;
}
.create-job-posts-blocks.budget input[type=radio]
{
    border: 1px solid grey;
    width: 20px;
    height: 20px;
    border-radius: 25px;
}
 .create-job-posts-blocks .form-check
 {
        padding-left:0px !important;
 }
 .create-job-posts-blocks .payment-label
 {
    width:95%;
 }
 .create-job-posts-blocks.budget  .form-check
 {
        padding-left:0px !important;
        padding-bottom:5px;
 }
 .create-job-posts-blocks.budget .budget-input
 {
    width:35%;
 }
  .create-job-posts-blocks.budget .budget-input input
  {
        width: 220px;
  }
#create-job-post .create-job-posts-blocks.budget label
{
    font-family: OpenSans-Regular;
    font-size: 15px;
    margin-top: 2px;
}
#create-job-post .create-job-posts-blocks.budget .form-check ,#change-terms .create-job-posts-blocks.budget .form-check
{
    margin-bottom:10px;
}
#create-job-post .create-job-posts-blocks.budget .input-group ,#change-terms .create-job-posts-blocks.budget .input-group
{
    width:40%;
    margin-left:20px;
    border: 1px solid #7e7f7f5e;
    border-radius: 6px;
}
#create-job-post .create-job-posts-blocks.budget .input-group input ,#change-terms .create-job-posts-blocks.budget .input-group input
{
    width:275px;
    text-align: left;
}
#create-job-post .create-job-posts-blocks.budget .input-group select ,#change-terms .create-job-posts-blocks.budget .input-group select
{
    border-right:1px solid #7e7f7f5e;

}
#create-job-post .create-job-posts-blocks.budget .input-group select:focus ,#create-job-post .create-job-posts-blocks.budget .input-group input:focus ,#change-terms .create-job-posts-blocks.budget .input-group input:focus
{
    box-shadow:none;
}
.delete-post h4
{
    font-family: OpenSans-Regular;
    font-size: 20px;
    color: #080808;

}
.delete-post p
{
    font-family: OpenSans-Regular;
    font-size: 15px;
    margin-bottom: 20px;
}
#create-job-post .post-block-right
{
    display:inline-block;
    float:right;
}
#create-job-post .post-block-right img
{
    width: 24px;
    cursor: pointer;
}
/* #create-job-post .modal-header
{
    position: fixed;
    width: 59.2%;
    height: 60px;
    z-index: 9;
    background-color: #fff;
} */
#create-job-post .modal-header span
{
    width: 77%;
    text-align: right;
}
#create-job-post .modal-header span a
{

    color: #1b7e81;
    text-decoration: none;
    font-size: 17px;
}
#create-job-post .modal-body .bottom-done
{
    text-align: right;
}
#create-job-post .modal-body .bottom-done a
{
    color: #f7941d;
    text-decoration: none;
    font-size: 17px;
}
#create-job-post-popup .modal-body p a
{
    color: #f7941d;
    text-decoration: none;
    font-size: 19px;
}
/*--------------------------------- Edit Post ---------------------------------*/
#edit-post .create-job-posts-blocks h6
{
    font-family: OpenSans-Regular;
    font-size:18px;

}
#edit-post .create-job-posts-blocks p
{
    font-family: OpenSans-Regular;
    font-size:20px;
    font-weight: normal;
}
#edit-post .bg-1 ,#edit-post .bg-2
{
    height: 50px;
    padding: 15px;
}
#edit-post .create-job-posts-blocks
{
    width:80%;
    float:left;
}
.info-note img
{
    width: 15px;
    height:15px;
    object-fit: contain;
}
.info-note
{
    display:flex;
    justify-content: start;
}
.info-note p
{
    font-size: 13px;
    font-family: OpenSans-Regular;
    margin-left:15px;
}
.hirer-modals-popups .online-work
{
    background-color: #FAF7F2;
    padding: 10px 20px;
    margin-bottom:20px;
    border-radius: 10px;
}
.hirer-modals-popups .online-work h4
{
    font-family: OpenSans-Regular;
    font-size: 17px;

}
.hirer-modals-popups .online-work p
{
    font-size: 16px;
    font-family: OpenSans-Regular;
}
.hirer-modals-popups .online-work.recharge
{
    background-color:#fff;
}
.hirer-modals-popups .online-work.recharge h4
{

    font-size:20px;
}
.create-job-posts-blocks .create-post1
{
    display:flex;
}
.create-job-posts-blocks .create-post1 label h4
{
    font-size: 13px;
    font-weight: 600;
}
.create-job-posts-blocks .create-post1 label p
{
    font-size: 14px;
    margin-bottom:0px;
}
.create-job-posts-blocks .create-post1 label
{
    margin-top: 3px;
}
.create-job-button
{
    text-align: center;
    margin-bottom: 25px;
}
.create-job-button button
{
    background-color: #f7941d;
    color: #fff;
    border-radius: 20px;
    /* padding: 6px 40px; */
    font-family: OpenSans-Regular;
    width: 400px;
    font-size:13px;
}
.create-job-button a
{
    background-color: #f7941d;
    color: #fff;
    border-radius: 20px;
    /* padding: 6px 40px; */
    font-family: OpenSans-Regular;
    width: 400px;
    font-size:13px;
}
.choose-existing
{
    text-align: center;
}
.choose-existing button
{
    background-color: #fff;
    color: #707070;
    border:1px solid #707070;
    border-radius: 20px;
    padding: 6px 40px;
    font-family: OpenSans-Regular;
    width: 400px;
}
.choose-existing button:hover a:hover
{
    border:1px solid #707070;
}
.create-job-button button:hover a:hover
{
    background-color: #e38516;
    color: #fff;
    border-radius: 20px;
}
#edit-post .post-block-right
{
    display:inline-block;
    float:right;
}
#edit-post .post-block-right img
{
    width: 10px;
}
#edit-post .modal-header span {
    width: 77%;
    text-align: right;
}
#edit-post .modal-header span a
{
    color: #f7941d;
    text-decoration: none;
    font-size: 17px;
}
#edit-post .modal-body .bottom-done
{
    text-align: right;
}
#edit-post .modal-body .bottom-done a
{
    color: #ffffff;
    text-decoration: none;
    font-size: 17px;
    border: 1px solid #f7941d;
    padding: 4px 17px;
    border-radius: 20px;
    background-color: orange;
}
#edit-post #create-job-post-popup .modal-body p a
{
    color: #f7941d;
    text-decoration: none;
    font-size: 19px;
}
#edit-post .modal-body form label
{
    font-family: OpenSans-Regular;
    font-size:20px;

}
#edit-post .modal-body form input
{
    border: 1px solid #1b7e82;
    height: 48px;
    color: #000;
    background-image: url(../images/browse-search.png);
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: 7px 11px;
    padding: 0px 43px;
}
.edit-post-opt
{
    /* height: 550px; */
    overflow: auto;
    padding: 5px;
}
.edit-post-opt::-webkit-scrollbar
{
    display:none;
}
.otf-profile-list
{
    background-color:#FAF7F2;
    padding: 25px;
    border-radius: 10px;
}
.otf-prof-block
{
    display:flex;
    justify-content: space-between;
    padding-bottom:20px;
    padding-top:20px;
    border-bottom:1px solid #DBDBDB;
}
.otf-profile-list .otf-prof-block:last-child
{
    border-bottom:none;
}
.otf-prof-block .profile-detail
{
    display:flex;
}
.otf-prof-block .profile-detail .job-client-img img
{
    width:70px;
    height:70px;
    object-fit: contain;
    border-radius:25px;
}
.otf-prof-block .profile-detail .job-client-detail
{
    margin-left:20px;
}
.otf-prof-block .profile-detail .job-client-detail h5
{
    font-size:18px;
    color:#3B3B3B;
    font-family: OpenSans-Regular;

    margin-bottom:3px;
}
.otf-prof-block .profile-detail .job-client-detail h6
{
    font-size:16px;
    color:#3B3B3B;
    font-family: OpenSans-Regular;
    margin-bottom:3px;
}
.otf-prof-block .profile-detail .job-client-detail p
{
    margin-bottom:0px;
    font-family: OpenSans-Regular;
}
.otf-prof-block .profile-detail .job-client-detail p i
{
    margin-right:8px;
}
.otf-prof-block .job-client-bookmark button a
{
    background-color:#F7941D;
    border-radius:25px;
    padding:2px 10px;
    color:#fff;
}
.view-otf-right
{
    background-color:#F2FAF9;
    width:95%;
    margin-top:0px;
    padding: 65px 30px;
    border-radius:10px;
    height: 100%;
}
.view-otf-right  button.view-otf-buy
{
    margin-top: 50px;
}
.view-otf-right .otf-content
{
    font-family: OpenSans-Regular;
    font-size: 14px;
    color: #4E4E4E;
    margin: 14px 0px;
}
.view-otf-right ul li img ,.otf-package-right ul li img
{
    width:25px;
    margin-right:15px;
}
.otf-package-right .otf-content
{
    font-family: OpenSans-Regular;
    font-size: 14px;
    color: #4E4E4E;
    margin: 14px 0px;
}
/*----------------------------------- Edit Post end -------------------------------*/
/*----------------------------------- Create Post end -------------------*/
/*----------------------------------- Notification style --------------------------*/
#notification .notification-msg p
{
    padding: 20px 40px;
}
#notification .contact-list .msg-day
{
    font-family: OpenSans-Regular;
    font-size:14px;
    color: #1b7e82;

}
#notification .main-body-content ,#messages .main-body-content {
    margin-bottom: 0px;
}
#notification .main-body-content{
    height: 800px;
}
#notification .main-body-content .msg-heading h3
{
    font-family: OpenSans-Bold;
    font-size: 16px;
    color: #1a7e83;
}
#notification .profile-match-content {
    width: 39%;
    margin: 0px auto;
    padding: 150px 0px 0px 0px;
}
#notification .match-bg .like-img img {
    border: none;
    width: 71px;
}
#notification .profile-match {
    background-color: #1A7E83;
    height: 100%;
}
/*------------------------------------- Notification Style end ----------------------*/
:root {
  --animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --animation-duration: 1s;
}
@keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(25%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-25%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInleft {
  0% {
    opacity: 0;
    transform: translateX(25%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(-25%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.75);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes zoomReverseIn {
  0% {
    opacity: 0;
    transform: scale(1.25);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes flipInY {
  0% {
    opacity: 0;
    transform: perspective(90vw) rotateY(67.50deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}


@keyframes slideInFromLeft {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(0);
    }
  }


/*
[data-animation] {
  opacity: 0;
  animation-timing-function: var(--animation-timing-function);
  animation-fill-mode: both;
  animation-duration: var(--animation-duration);
  will-change: transform, opacity;
}
 */
.animations-disabled {
  &,
  [data-animation] {
    animation: none !important;
    opacity: 1 !important;
  }
}

.slideInUp {
  animation-name: slideInUp;
}
.slideInDown {
  animation-name: slideInDown;
}
.slideInLeft {
  animation-name: slideInleft;
}
.slideInRight {
  animation-name: slideInRight;
}

.fadeIn {
  animation-name: fadeIn;
}

.zoomIn {
  animation-name: zoomIn;
}
.zoomReverseIn {
  animation-name: zoomReverseIn;
}
.flipInY {
  animation-name: flipInY;
}
.flipOutY {
  animation-name: flipInY;
  animation-direction: reverse;
}

header h1 {
  margin: 0;
  color: #fff;
}
header .title {
  font-size: 5rem;
}
header .subtitle {
  font-size: 4rem;
}
.box {
  width: 7rem;
  height: 7rem;
  margin: 1rem;
  background: radial-gradient(
    circle at top right,
    hsl(340, 80%, 50%),
    hsl(260, 80%, 50%)
  );
  border-radius: 1.5rem;
  box-shadow: 0 0 0 3px rgba(255,255,255,0.3) inset, 0 3px 9px rgba(0, 0, 0, 0.3);
}

/*------------------------- Calendar Page -------------------------------------*/
/* .calendar-events
{
    margin-top: 40px;
}
.calendar-events .table-calendar
{
    width: 100%;
    margin-top: 30px;
}
.calendar-events h3
{
    margin-left: 30px;
    font-family: Poppins-Regular;
    font-size:24px;

}
.calendar-events h3 span
{
    float: right;
    margin-right: 45px;
}
.calendar-events h3 span img
{
    width: 25px;
}
.calendar-events .table-calendar  tr td
{
    text-align: center;
    width: 11%;
}
.calendar-events .table-calendar  tr td .next-date
{
    color: #000;
    line-height: 24px;
    width: 45%;
    margin: 0 auto;
    border-radius: 16px;
    padding: 8px 0px 8px 0px;
    font-family: Poppins-Regular;
    font-size:18px;
}
.calendar-events .table-calendar  tr td .current-date
{
    background-color: #f7941d;
    color: #fff;
    line-height: 24px;
    width: 45%;
    margin: 0 auto;
    border-radius: 16px;
    padding: 8px 0px 8px 0px;
    font-family: Poppins-Regular;
    font-size:18px;
}
.calendar-events .interview-list
{
    width: 93%;
    margin: 0 auto;
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px dashed #ababab;
}
.calendar-events .interview-list li a img
{
    width: 23px;
    margin-top: -60px;
}
.calendar-events .interview-list li
{
    margin-bottom: 15px;
}
.calendar-events .interview-list li a
{
    text-decoration: none;
    color:#565656;
}
.calendar-events .interview-list li a .interview-name
{
    display: inline-block;
    margin-left: 30px;
}
.calendar-events .interview-list li a .interview-name b
{
    font-family: Poppins-Regular;
    font-size:18px;

}
.calendar-events .interview-list li a .interview-name p
{
    font-family: Poppins-Regular;
    font-size:16px;
    margin-top: 9px;
}
.calendar-events .interview-list .interview-time
{
    float:right;
}
.small-calendar
{
    width: 470px;
}
.small-calendar #calendar .ui-datepicker-inline
{
    box-shadow: 0px 0px 6px #cbc8c8;
    border-radius: 9px;
}
.small-calendar #calendar
{
    height: 450px;
}
.small-calendar .form-check label
{
    margin-left: 13px;
    font-size: 20px;
    font-family: Poppins-Regular;
}
.small-calendar .form-check input
{
    width: 20px;
    height: 20px;
    margin-top: 7px;
} */

#s-calendar
{
    background-color:#FFF9F1;
    padding: 20px 24px;
}
#s-calendar .small-calendar-top h4
{
    font-family: Poppins-Regular;
    font-size:17px;
}
#s-calendar .small-calendar-top button
{
    background-color: #1a7e83;
    color: #fff;
    width: 140px;
    border: none;
    padding: 5px 6px;
    border-radius: 20px;
    font-family: Poppins-Regular;
    font-size:16px;
}
#s-calendar .small-calendar-top button span
{
    margin-right:10px;
}
#s-calendar .small-calendar-top button img
{
    margin-left:10px;
}
.small-cal header
{
    background-color: #1a7e83;
    border-radius: 15px 15px 0px 0px;
}
.small-cal table
{
    margin-top:0px !important;
}
.small-cal table thead
{
    background-color: #1a7e83;
}
.small-cal .calendar header .btn-prev {
    top: 14px;
    left: 14px;
    transform: rotate(-180deg);
}
.small-cal .calendar header .btn-next {
    top: 14px;
    right: 14px;
}
.small-cal header h2
{
    color:#fff;
    font-family: Poppins-Regular;
    font-size:30px;
}
.small-cal table thead  td
{
    color:#fff;
}
.small-cal .calendar .day.today
{
    background: #1a7e83;
    color: white;
}
.small-cal .calendar .day.has-event:after
{
    background: #1a7e83;
}
.small-cal table tbody
{
    background-color: #F9F9F9;
}
.calendar-other-options .selection-box p
{
    font-family: Poppins-Regular;
    font-size:16px;
}
.calendar-other-options .selection-box p  span
{
    float:right;
}
.calendar-other-options .selection-box p  span img
{
    width:15px;
    margin-left:10px;
}
.calendar-other-options .selection-box .form-check
{
    padding:5px 0px 5px 23px;
}
.calendar-other-options .selection-box .form-check span
{
    float:right;
}
.calendar-other-options .selection-box .form-check label
{
    font-family: Poppins-Regular;
    font-size:16px;
    margin-left: 15px;
}
.calendar-other-options .selection-box .form-check span img
{
    width: 12px;
}
.calendar-other-options .selection-box
{
    margin-bottom:20px;
}
/*-------------------------------- Calendar Page ends -----------------------------*/
#add-new-card input
{
    border: 1px solid #8080807a;
}
#add-new-card .payment-option-form form
{
    border-top:none!important;
}
/*------------------------------- Creative design inner-pages style -----------------------------------*/
.banner-content.inner-pages h4 {
      font-family: OpenSans-ExtraBold;

    font-size: 50px;
    color: #fff;
    letter-spacing: 3px;
    line-height: 70px;
}
.services-rating
{
    margin: 40 auto;
    background-color: #1a7e83;
    padding: 0px 73px;
}
.creative-services {
    width: 90%;
    margin: 0px auto;
    margin-top: 340px;
}
.creative-services .work-heading h3
{
      font-family: OpenSans-ExtraBold;
    font-size: 50px;
    position: relative;
    color: #007d80;
    margin-bottom: 40px;
}
.services-rating .rating-block img
{
    width: 45px;
    margin-bottom: 20px;
}
.services-rating .rating-block p {
    width: 56%;
    margin: 0 auto;
 font-family: OpenSans-Regular;
    font-size: 18px;
    color: #fff;
    line-height: 28px;
}
.creative-services .work-heading h3 span
{
    color: #F7941D;
}
.creative-services .work-heading h3::after {
    content: "";
    position: absolute;
    height: 5px;
    width: 54%;
    background-color: #1A7E83;
    top: 39px;
    right: 0px;
}
.creative-services.extrapage .work-heading h3::after
{
    content: "";
    position: absolute;
    height: 5px;
    width: 36%;
    background-color: #1A7E83;
    top: 83px;
    right: 0px;
}
.creative-services.extrapage {
    width: 90%;
    margin: 0px auto;
    margin-top: 50px;
}
.creative-services-sections .creative-serve-block {
    width: 100%;
    margin: 20px auto;
    padding: 30px 30px 30px 30px;
    border-radius: 30px;
    box-shadow: 0px 3px 5px #80808047;
    height: 225px;
}
.creative-services-sections .creative-serve-block:hover
{
    /* position: relative; */
    /* z-index: 2; */
}
.creative-services-sections .creative-serve-block.org:hover {
    background-color: #f7941d;
}
/* .creative-services-sections .creative-serve-block.org:hover:before {
    content: "";
    width: 100%;
    color: green;
    position: absolute;
    top: -26px;
    border: 1px solid #f7941d;
    left: -29px;
    height: 100%;
    border-radius: 31px;
    z-index: 0;
} */
.creative-services-sections .creative-serve-block.bl:hover {
    background-color: #1A7E83;
}
/* .creative-services-sections .creative-serve-block.bl:hover:before {
    content: "";
    width: 86%;
    color: green;
    position: absolute;
    top: 0;
    border: 1px solid #1A7E83;
    left: 0;
    height: 81%;
    border-radius: 31px;
} */
.creative-services-sections .creative-serve-block h4
{
    font-family:  ariel_rounded_mt, Arial, sans-serif;
    font-size: 20px;

    margin-bottom: 5px;
    color:#000;
}
.creative-services-sections .creative-serve-block:hover h4 ,.creative-services-sections .creative-serve-block:hover p
{
    color:#fff;
}
.creative-services-sections .creative-serve-block p
{
    color: #000000b8;
    margin-bottom: 2px;
    font-size: 14px;
     font-family: OpenSans-Regular;
}
.creative-services-sections .creative-serve-block p i
{
    font-size: 20px;
    margin-right: 8px;
}
.creative-services-sections .creative-serve-block p span
{
    font-size: 12px;

}
.creative-services-sections .creative-serve-block.org img {
    position: absolute;
    right: 1px;
    top: -15px;
    background-color: #f7941d;
    padding: 12px;
    width: 52px;
    height: 52px;
    object-fit: cover;
    border-radius: 15%;
}
.creative-services-sections .creative-serve-block.org p span
{
    color: #f7941d;
}
.creative-services-sections .creative-serve-block.bl p span
{
    color: #1a7e83;
}
.creative-services-sections .creative-serve-block.org:hover p span ,.creative-services-sections .creative-serve-block.bl:hover  p span
{
    color:#fff;
}
.creative-services-sections .creative-serve-block.bl img
{
    position: absolute;
    right: 1px;
    top: -15px;
    background-color: #1A7E83;
    padding: 12px;
    width: 52px;
    height: 52px;
    object-fit: cover;
    border-radius: 15%;
}
.enterprises
{
    width: 89%;
    margin: 40 auto;
    background-color: #1a7e83;
    padding: 45px;
    border-radius: 50px;
}
.enterprises .enterprise-content h5
{
    font-family:  ariel_rounded_mt, Arial, sans-serif;
    font-size: 36px;
    color:#fff;

}
.enterprises .enterprise-content h3 {
    font-family:  ariel_rounded_mt, Arial, sans-serif;
    font-size: 78px;
    color: #fff;

    line-height: 100px;
    margin-top: 50px;
    letter-spacing: 2px;
}
.enterprises .enterprise-content h3 span
{
    color: #f79c2f;
}
.enterprises .enterprise-content p
{
 font-family: OpenSans-Regular;
    font-size: 22px;
    line-height: 27px;
    color: #fff;
    margin-top:40px;
}
.enterprises .enterprise-content .enterprise-button
{
    color: #fff;
    background-color: #f79c2f;
    margin-top: 100px;
    border-radius: 20px;
    width: 180px;
}
.enterprises .enterprise-image img
{
    width: 100%;
}
.essential-brand
{
    background-color: #EEF6F6;
    padding: 60px 106px;
}
.essential-brand .essential-brand-content h3
{
    font-family:  ariel_rounded_mt, Arial, sans-serif;
    font-size: 60px;

    color:#000;
}
.essential-brand .essential-brand-content h6 {
 font-family: OpenSans-Regular;
    font-size: 28px;
    color: #000;
    line-height: 52px;

}
.essential-brand .essential-brand-content p {
 font-family: OpenSans-Regular;
    font-size: 21px;
    color: #6C6C6C;

}
.essential-brand .essential-rating span img
{
    width: 20px;
    margin-right: 3px;
    margin-top: -6px;
}
.essential-brand .essential-rating span
{
    font-size: 17px;

    color: #1a7e83;
}
.essential-brand .essential-rating span.budget-rating
{
    padding-left: 90px;
    color:#000;
}
.essential-brand .essential-skills p
{
    font-size: 20px;
    margin-top: 29px;
    color: #000;
}
.essential-brand .essential-skills p span
{
    background-color: #FFE7CB;
    margin-right: 10px;
 font-family: OpenSans-Regular;
    font-size: 15px;
    padding: 3px 10px 7px 10px;
    border-radius: 15px;
}
.essential-brand .essential-brand-image img
{
    width: 100%;
}
.creative-list
{
    width: 89%;
    margin: 70px auto;
    margin-top: 70px;
}
.creative-list .creative-list-heading
{
    position: relative;
}
.creative-list .creative-list-heading h3
{
    font-family:  ariel_rounded_mt, Arial, sans-serif;
    font-size: 50px;

    color: #1a7e83;
    display: inline-block;
    text-transform: capitalize;
}
.creative-list .creative-list-heading h3::after {
    content: "";
    position: absolute;
    height: 5px;
    width: 45%;
    background-color: #1A7E83;
    top: 39px;
    right: 0px;
}
.creative-list .creative-list-heading h3 span
{
    color: #f7941d;
}
.creative-list .creative-inner-heading h4
{
 font-family: OpenSans-Regular;
    font-size: 26px;

    margin-bottom: 20px;
}
.creative-list ul li
{
 font-family: OpenSans-Regular;
    font-size: 21px;
    color: #000;
    padding: 4px 0px;
}
.creative-navbar {
    margin-bottom: 15px;
    margin-top:105px;
}
.creative-navbar ul
{
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 9px 2px;
}
.creative-navbar ul::-webkit-scrollbar
{
	width: 8px;
    height:3px;
	background-color: #5a9b9e1c;
}
.creative-navbar ul::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #f7941d;
	/* background-image: -webkit-linear-gradient(top, #faecdb 0%, #faeee0 50%, #ebaf65 51%,  #f8a33b 100%); */
}
.creative-navbar ul li a {
    color: #1b7e82;
    margin: 0px 1px;
    border: 1px solid #1b7e82;
    padding: 5px 8px;
    border-radius: 21px;
 font-family: OpenSans-Regular;
    font-size: 13px;
}
.creative-navbar ul li a:hover
{
    color: #ffffff;
    border: 1px solid #f7941d;
    background-color: #f7941d;
}
.creative-navbar ul li a.active
{
    color: #ffffff;
    border: 1px solid #f7941d;
    background-color: #f7941d;
}
.right-talent.talent-mobile
{
    display:none;
}
.right-talent.talent-mobile .carousel-indicators
{
    bottom: -23px;
}
.right-talent.talent-mobile .carousel-indicators button
{
    background-color: #1a7e83;
}
.right-talent.talent-mobile .carousel-indicators button.active
{
    background-color:#f7941d;
}
.right-talent .right-talent-block {
    padding: 22px;
    text-align: center;
    box-shadow: 0px 4px 6px #8080805e;
    border-radius: 16px;
    height: 460px;
    position: relative;
}
.right-talent .right-talent-block .profile
{
    width: 100px;
    margin-bottom: 20px;
}
.right-talent .right-talent-block h4
{
 font-family: OpenSans-Regular;
    font-size: 18px;

}
.right-talent .right-talent-block p
{
 font-family: OpenSans-Regular;
    font-size: 16px;
}
.right-talent .right-talent-block h6
{
 font-family: OpenSans-Regular;
    font-size: 15px;
}
.right-talent .right-talent-block h6 img
{
    width: 15px;
    margin-right: 9px;
}
.right-talent .right-talent-block p img {
    margin-right: 7px;
    width: 16px;
    margin-top: -6px;
}
.right-talent .right-talent-block .talent-skills
{
    line-height: 20px;
    display: flex;
    white-space: normal;
    justify-content: center;
    flex-wrap: wrap;
}
.right-talent .right-talent-block .talent-skills span
{
    background-color: #FFE7CB;
    padding: 4px 5px 5px 8px;
    border-radius: 13px;
    margin-right: 3px;
    white-space: nowrap;
    font-size: 12px;
    text-transform: capitalize;
}
.right-talent .right-talent-block .talent-skills p
{
    background-color: #FFE7CB;
    padding: 4px 5px 5px 8px;
    border-radius: 13px;
    margin-right: 9px;
    white-space: nowrap;
    font-size: 12px;
    text-transform: capitalize;
}
.right-talent .right-talent-block .talent-skills span span
{
    color: grey;
    font-size: 9px;
    padding: 0px;
    background-color:transparent;
}
.right-talent .right-talent-block .talent-button
{
    position: absolute;
    width: 92%;
    bottom: 22px;
}
.right-talent .right-talent-block .talent-button button
{
    width: 100%;
    margin-top: 20px;
    border: 1px solid #1a7e83;
    color: #1a7e83;
    border-radius: 25px;
 font-family: OpenSans-Regular;
    font-size: 15px;

}
.right-talent .right-talent-block .talent-button button:hover
{
    background-color: #f7941d;
    color: #fff;
    border: 1px solid #f7941d;
}
.right-talent .see-talent
{
    text-align: center;
    display:none;
}
.right-talent .see-talent button ,.commercial-law .see-talent button
{
    background-color: #f7941d;
    color: #fff;
    border-radius: 29px;
    margin-top: 30px;
    text-transform: capitalize;
 font-family: OpenSans-Regular;

}
.right-talent .see-talent button:hover ,.commercial-law .see-talent button:hover
{
    background-color: #cf7a13;
    color: #fff;
}
.creative-services.sales-marketing .work-heading h3::after {
    content: "";
    position: absolute;
    height: 5px;
    width: 59%;
    background-color: #1A7E83;
    top: 115px;
    right: 0px;
}
.how-work-rotate.inner-rotate  {
        position: absolute;
        left: 150px;
        top: 0;
        width: 430px;
        z-index: 0;
        animation: rotation 4s infinite linear;
    }
#filter-panel
{
    display:none;
}
.progress-bar
{
    color:transparent !important;
}
#more-content {display: none;}

.title{
    text-align: center;
}

.calendar-container{
    position: relative;
    margin: 50px auto;
    max-width: 500px;
    margin-bottom: 4px;
}
/*---------------------------------- Big-calendar --------------------------------------*/
.fc-printButton-button
{
    display:none;
}

#calendar .fc-header-toolbar
{
    background-color: #1a7e83;
    padding-bottom: 14px;
    border-radius: 12px 12px 0px 0px;
}
#calendar .fc-toolbar .fc-left
{
    margin-left: 15px;
}
#calendar .fc-toolbar .fc-right
{
    margin-right: 15px;
}
#calendar .fc-toolbar .fc-left .fc-prevYear-button
{
    border-radius: 30px;
    width: 29px;
    height: 29px;
    padding: 2px 0px;
    font-size: 15px;
    background: none;
    border: 1px solid #fff;
}
#calendar .fc-toolbar .fc-left .fc-nextYear-button
{
    border-radius: 30px;
    width: 29px;
    height: 29px;
    padding: 2px 0px;
    font-size: 15px;
    background: none;
    border: 1px solid #fff;
}
#calendar .fc-toolbar .fc-icon-left-double-arrow:after {
    content: "\AB";
    font-size: 160%;
    top: -7%;
    color: #fff;
}
#calendar .fc-toolbar .fc-icon-right-double-arrow:after
{
    font-size: 160%;
    top: -7%;
    color: #fff;
}
#calendar .fc-toolbar .fc-center button
{
    border-radius: 30px;
    width: 29px;
    height: 29px;
    padding: 2px 0px;
    font-size: 15px;
    background: none;
    border: 1px solid #fff;
}
#calendar .fc-toolbar .fc-center .fc-prev-button .fc-icon-left-single-arrow:after
{
    color:#fff;
}
#calendar .fc-toolbar .fc-center .fc-next-button .fc-icon-right-single-arrow:after
{
    color:#fff;
}
#calendar .fc-toolbar .fc-center h2
{
    text-transform: uppercase;
    font-size: 18px;
    font-family: Poppins-Regular;

    color: #ffffff;
    line-height: 32px;
}
#calendar .fc-toolbar .fc-right .fc-button-group button
{
    text-transform: capitalize;
    font-family: Poppins-Regular;
    text-shadow:none;
}
#calendar .fc-toolbar .fc-right .fc-button-group button.fc-state-active
{
    background-color: #f7941d;
    color: #000;
}
#calendar .fc-toolbar .fc-right .fc-button-group button
{
    background: none;
    border: 1px solid #ffffff4a;
    color: #fff;

}
#calendar .fc-toolbar .fc-left .fc-today-button
{
    text-transform: capitalize !important;
}
.fc-day-header{
    text-transform: uppercase;
    font-size: 13px;

    font-family: Poppins-Regular;
    color: #505363;
    background-color: transparent;
    padding: 11px 0px !important;
    text-decoration: none;
  }
  .fc-ltr .fc-basic-view .fc-day-top .fc-day-number
  {
    color: #1a7e83;
    text-decoration: none;
    font-size: 17px;

    float:none;
  }
  .new-event-add
  {
    background-color: rgb(0 0 0 / 39%);
  }
  .new-event-add .modal-header .modal-title button
  {
    float:right;
    border: none;
    background-color: transparent;
  }
  .new-event-add .modal-title
  {
    font-size: 18px;

    font-family: Poppins-Regular;
    width:100%;
  }
  .new-event-add .modal-body label
  {
    font-size: 15px;

    width: 140px;
  }
  .new-event-add .modal-body input ,  .new-event-add .modal-body select ,  .new-event-add .modal-body textarea
  {
    border: 1px solid #b1b1b1;
    border-radius: 4px;
    height: 31px;
  }
  .new-event-add .modal-footer button
  {
    background-color: #f7941d;
    color: #fff;
    border-radius: 20px;
  }
  .calendar .event-container
  {
    background: #1a7e83 !important;
  }
  .calendar .event-container .event
  {
    background: #f7941d !important;
  }





/*-------------------------------select style-------------------------*/
.how-work .carousel-control-prev ,.hiring-graphic .carousel-control-prev
{
    display: inline-block !important;
    width: 31px !important;
    height: 31px !important;
    top: -50px !important;
    left: 0px !important;
    border: 1px solid #1a7e83;
}
.how-work .carousel-control-next ,.hiring-graphic .carousel-control-next
{
    display: inline-block !important;
    width: 31px !important;
    height: 31px !important;
    top: -50px !important;
    left: 40px !important;
    border: 1px solid #1a7e83;
}
.how-work .carousel-control-prev-icon ,.hiring-graphic .carousel-control-prev-icon
{
    background-image:url("../images/back.png") !important;
    width:10px !important;
    height:15px !important;
}
.how-work .carousel-control-next-icon ,.hiring-graphic .carousel-control-next-icon
{
    background-image:url("../images/forw.png") !important;
    width:10px !important;
    height:15px !important;
}
.how-work .controller-button ,.hiring-graphic .controller-button
{
    position: absolute;
}
/* slider */
.slider {
    height: 400px;
}

/* slider-cards */
.slide-card {
    width: 1000px;
}

/* slider-arrows */
.arrow {
    width: 40px;
    height: 40px;
}
.mobile-frame
{
    position: relative;
    display: inline-block;
}
.mobile-frame .phone-frame
{
    width:339px;
    height:615px;
}
.mobile-frame .phone-video
{
    position: absolute;
    top: -19px;
    bottom: 0px;
    left: -17px;
    -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85);
  width: 367px;
  height: 660px;
}
#submitted-popup .modal-body .submitted-icon
{
    text-align:center;
    margin-bottom: 15px;
}
#submitted-popup .modal-body h3
{
    color:#1B7E82;
    text-align:center;
    font-family:  ariel_rounded_mt, Arial, sans-serif;

    font-size: 36px;
    padding-top: 30px;
}
#submitted-popup .modal-body .submitted-icon i
{
    font-size: 80px;
    color: #1B7E82;
}
#submitted-popup .modal-body p
{
    text-align: center;
 font-family: OpenSans-Regular;
    font-size: 18px;
    width: 80%;
    margin: 0 auto;
    line-height: 28px;
}
#submitted-popup .modal-footer button
{
    background-color: #f7941d;
    color: #fff;
 font-family: OpenSans-Regular;
    width: 90px;
    border-radius: 20px;
}
#submitted-popup-error .modal-body .submitted-icon
{
    text-align:center;
    margin-bottom: 15px;
}
#submitted-popup-error .modal-body h3
{
    color:#e11111;
    text-align:center;
    font-family:  ariel_rounded_mt, Arial, sans-serif;

    font-size: 36px;
    padding-top: 30px;
}
#submitted-popup-error .modal-body .submitted-icon i
{
    font-size: 80px;
    color: #e11111;
}
#submitted-popup-error .modal-body p
{
    text-align: center;
 font-family: OpenSans-Regular;
    font-size: 18px;
    width: 80%;
    margin: 0 auto;
    line-height: 28px;
}
#submitted-popup-error .modal-footer button
{
    background-color: #f7941d;
    color: #fff;
 font-family: OpenSans-Regular;
    width: 90px;
    border-radius: 20px;
}
.main-bg
{
    background-color:#1B7E82;
}
#more-services ,#more-services1
{
    display:none;
}
.services-read-more
{
    text-align:center;
    margin-bottom: 30px;
}
.services-read-more button
{
    border: none;
    background-color: #f8941d;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    margin-top: -20px;
    width: 150px;
    border-radius: 25px;
 font-family: OpenSans-Regular;

    padding: 6px 0px;
}
.services-read-more button:hover
{
    background-color: #cf7a13;
    color: #fff;
}
.goog-te-gadget
{
    margin-top: 7px;
}
.goog-te-gadget-icon
{
    display:none;
}
.goog-te-gadget-simple
{
    border: none !important;
    background-color: transparent !important;
}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed
{
    color: #fff !important;
 font-family: OpenSans-Regular;
    font-size: 15px;
}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span
{
    border:none !important;
}
.VIpgJd-ZVi9od-vH1Gmf-ibnC6b-gk6SMd{
    display: none !important;
}
.VIpgJd-ZVi9od-xl07Ob-lTBxed img
{
    display:none;
}
.datetimepicker {
    display: none !important;
}
.toster-info
{
    display:block !important;
}
.milestone-div {
    display: none;
}
/* Show the div when the checkbox is checked */
.milestone-button:checked ~ .milestone-div {
    display: block;
    margin-left: 45px;
    margin-top: 20px;
}
.milestone-div .milestone-add
{
    text-align: right;
}
.milestone-div .milstone-block-add
{
    justify-content: space-between;
}
.milestone-div .milestone-add .add-card
{
    border: 1px solid #f7941d;
    background-color: #f7941d;
    color: #fff;
    padding: 6px 9px;
    width: 100px;
    display: block;
    text-align: center;
    border-radius: 20px;
}
.milestone-div .milestone-add .add-card img
{
    width:20px;
}
/* .milestone-add .btnAddtoList .add-card
{
    width: 100px;
    display: block;
} */
#submit-proposal .modal-body #milestone-miltiple .milestone-row
{
    margin-bottom:10px;
}
.submit-proposal-accept a
{
    color:#F7941D;
}
#submit-proposal .modal-body #milestone-miltiple .milestone-row  .language-del i
{
    color: #c52929;
    font-size: 16px;
    margin-top: 8px;
}
#submit-proposal .modal-body #milestone-miltiple  .input-group
{
    width:100%;
}
.clockpicker-popover
{
    z-index:9999 !important;
}
.monthly-fee-pay
{
    background-color: #FAF7F2;
    padding: 70px;
    border-radius: 10px;
}
.monthly-fee-pay .monthly-fee-img
{
    text-align: center;
}
.monthly-fee-pay .monthly-fee-detail
{
    margin-top:50px;
}
.monthly-fee-pay .monthly-fee-detail .job-id
{
 font-family: OpenSans-Regular;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #4A4A4A;
}
.monthly-fee-pay .monthly-fee-detail h5
{
 font-family: OpenSans-Regular;
    font-size: 15px;

    margin-bottom:20px;
    color:#4A4A4A;
}
.monthly-fee-pay .monthly-fee-detail p
{
 font-family: OpenSans-Regular;
    font-size: 14px;
    margin-bottom:20px;
    color:#4A4A4A;
}
.monthly-fee-pay .monthly-fee-detail p img
{
    margin-right:20px;
}

/*------------------------------ Payment-Process ------------------------------*/
.payment-process
{
    padding: 0px 38px;
}
.payment-process .payment-left ,.payment-process .payment-right
{
    padding: 15px;
}
.payment-process .payment-left h4 ,.payment-process .payment-right .payment-cards h4
{
 font-family: OpenSans-Regular;
    font-size: 20px;

    color:#015A5F;
}
.payment-process .payment-left .nav
{
    background-color:#F5FFFF;
    padding: 12px;
}
.payment-process .payment-left .nav .nav-link
{
    text-align: left;
    border-radius: 0px;
    margin: 3px 0px;
    border-bottom: 2px solid transparent;
    background-image:url("../images/right-arrow.png");
    background-repeat:no-repeat;
    background-position: 96% 50%;
    background-color: #fff;
    padding: 15px 10px;
}
.payment-process .payment-left .nav .nav-link h5
{
 font-family: OpenSans-Regular;
    font-size: 17px;

    margin-bottom:0px;
    color: #1a7e83;
}
.payment-process .payment-left .nav .nav-link.active h5
{
    color:#e29226;
}
.payment-process .payment-left .nav .nav-link p
{
 font-family: OpenSans-Regular;
    font-size: 13px;
    color:grey;
    margin-bottom:0px;
}
.payment-process .payment-left .nav .nav-link.active  ,.payment-process .payment-left .nav .nav-link:hover
{
    background-color:#FFF8F0;
}
.payment-process .payment-right .payment-form
{
    padding: 15px 15px;

    box-shadow: none;
}
.payment-process .payment-right .payment-form.payment-form-saved
{
    background-color: #FAF7F2;
}
.payment-process .payment-right .payment-form-saved  .form-check
{
    background-color: #fff;
    padding: 11px 15px;
    margin-bottom: 21px;
    box-shadow: 0px 1px 3px #00000017;
    border-radius: 5px;
}
.payment-process .payment-right .payment-form  h5
{
    color: #565656;
    font-family: OpenSans-Regular;

    font-size: 20px;
}
.payment-process .payment-right .payment-form  p
{
 font-family: OpenSans-Regular;
    font-size: 13px;
    color:grey;
    margin-bottom: 20px;
}
.payment-form .cd-from
{
    width: 95%;
    margin-left: 40px;
}
.payment-form .cd-from label , .paypal label
{
    font-family: Nunito-VariableFont_wght !important;
    font-size:15px !important;
    color:#565656 !important;
}
.payment-form .cd-from input
{
    border-radius: 5px;
    border: 1px solid #d7d7d7;
    height: 47px;
}
.payment-form .cd-from input:focus ,.payment-process #saved-cards input[type="text"]:focus
{
    border:1px solid #ee8f1c !important;
}
.payment-form .dashed-line
{
    height: 2px;
    width: 100%;
    border-top: 1px dashed #a9a9a9;
    margin-bottom: 15px;
}
.payment-form .paypal input
{
    border-radius: 5px;
    border: 1px solid #d7d7d7;
    height: 47px;
}
.payment-process .payment-right .payment-form form label , .wallet-payment form label
{
    width:100%;
 font-family: OpenSans-Regular;
    font-size: 15px;
    color: #000;
}
.payment-process .payment-right .payment-form form .form-check .form-label.saved , .wallet-payment .form-check .form-label.saved
{
    padding-left: 37px;
 font-family: OpenSans-Regular;
    font-size: 15px;
    color: #000;

}
.payment-process .payment-right .payment-form form .form-check .form-label small , .wallet-payment .form-check .form-label small
{
    margin-left: 10px;
    color: grey;
}
.payment-process .payment-right .payment-form form .form-check .form-label span , .wallet-payment .form-check .form-label span
{
    float:right;
}
.payment-process .payment-right .payment-form form .form-check .form-label span img , .wallet-payment .form-check .form-label span img
{
    width: 19px;
}
.payment-process .payment-right .payment-form form .form-check input[type="text"] , .wallet-payment .form-check input[type="text"]
{
    border-radius: 5px;
    border: 1px solid #d7d7d7;
    height: 47px;
}
.payment-process #saved-cards input[type="text"]
{
    width: 93.6%;
    margin-left: 36px;
}
.payment-process .payment-right .payment-form form .form-check button , .wallet-payment .form-check button
{
    width: 100%;
    text-align: center;
    background-color: #ee8f1c;
    color: #fff;
    height: 47px;
 font-family: OpenSans-Regular;
    font-weight: 600;
}
.payment-process .payment-right .payment-form .form-check .form-check-label h5
{
    padding-left: 37px;
    padding-top:3px;
}
.payment-form .paying-button
{
    width: 50% !important;
    margin: 20px auto !important;
    background-color: #ee8f1c;
    border-radius:25px;
    text-align: center;
}
.payment-form .paying-button button
{
    /* color:#fff;
 font-family: OpenSans-Regular;
    font-weight: 600;
    font-size: 15px; */
    color: #fff;
 font-family: OpenSans-Regular;
    font-weight: 600;
    font-size: 15px;
    background-color: transparent;
    border: none;
}
.payment-form .paying-button button:focus
{
    box-shadow:none;
}
.payment-form .paypalbtn
{
    background-color: #1A7E83;
    color: #fff;
    font-size: 15px;
    width:100%;
    font-family: OpenSans-Regular;
    height: 47px;
}
.payment-form .paypalbtn:focus ,.payment-form .paypalbtn:hover
{
    color: #fff !important;
    background-color: #1A7E83;
}
.payment-form.recent-transations h3
{
    width: 40px;
    height: 40px;
    color: #fff;
    text-align: center;
    border-radius: 25px;
    font-family: OpenSans-Regular;
    font-size: 27px;
    padding: 5px;
}
.payment-form.recent-transations li
{
    margin-right: 15px;
}
.payment-form.recent-transations li:nth-child(1) h3
{
    background-color: #903333;
}
.payment-form.recent-transations li:nth-child(2) h3
{
    background-color: #683CFE;
}
.payment-form.recent-transations li:nth-child(3) h3
{
    background-color: #1B7E82;
}
.payment-form.recent-transations p
{
    font-family: OpenSans-Regular;
    font-size:18px;
    color:#565656;
    text-align: center;
}
/*------------------------------ payment Process end -----------------------------*/
.interview-tab-options .nav-tabs
{
    border:none;
}
.interview-tab-options .nav-tabs .nav-link.active
{
    border: none;
}
.wallet-tabs
{
    height: calc(100vh - 200px);
    max-height: calc(100vh - 200px);
    overflow: auto;
}
.wallet-tabs h3
{
    font-family: OpenSans-Bold;
    font-size: 20px;
    color: #fff;
}
.wallet-tabs h5
{
 font-family: OpenSans-Regular;

    font-size: 17px;
    color:#000;
}
.wallet-tabs p.help-detail
{
 font-family: OpenSans-Regular;
    font-size: 12px;
    color:#000;
    margin-bottom:10px;
    margin-top:10px;
}
.wallet-tabs h3 i
{
    margin-right:25px;
}
.wallet-tabs .account-balance
{
    background-color: #FFFCF7;
    text-align: center;
    box-shadow: 0px 3px 4px #80808026;
    padding: 15px 5px;
    border-radius: 6px;
}
.wallet-tabs p
{
 font-family: OpenSans-Regular;

    font-size: 18px;
    color:#000;
    margin-top:20px;
}
.wallet-tabs .account-balance p
{
 font-family: OpenSans-Regular;

    font-size: 16px;
    color:#515252;
    margin-bottom:0px;
    margin-top: 0px;
}
.wallet-tabs .account-balance h2
{
 font-family: OpenSans-Regular;
    font-weight: 600;
    font-size: 30px;
    color:#515252;
    margin-bottom:0px;
}
.wallet-tabs .wallet-tab-body .nav-link
{
    background-color: #FFFFFF;
    height: 61px;
    border-radius: 5px;
    border:1px solid #EAECF0;
 font-family: OpenSans-Regular;

    font-size: 18px;
    color:#232F30;
    background-image:none;
}
.wallet-tabs .wallet-tab-body .nav-link img
{
    width: 20px;
    margin-right: 15px;
    margin-top: 2px;
}
.wallet-tabs .wallet-tab-body .nav-link span
{
    height: 33px;
    display: inline-block;
    width: 33px;
    text-align: center;
    border-radius: 20px;
    margin-right: 14px;
    padding: 6px 6px;
    margin-top: -3px;
}
.wallet-tab-content  .view-profile-heading
{
    background-color:transparent;
    border-bottom:1px solid #E0E0E0;
}
.wallet-tab-content  .view-aboutme
{
    box-shadow:none;
}
.view-aboutme .experience-block:nth-child(n)
{
    background-color: #F2FAF9;
    padding: 25px;
    margin-bottom: 15px;
    border-radius: 10px;
}
.view-aboutme .experience-block:nth-child(2n)
{
    background-color: #FAF7F2;
    padding: 25px;
    margin-bottom: 15px;
    border-radius: 10px;
}
.wallet-tab-content .view-profile-heading .left-heading
{
    color:#1A7E83;
    font-family: ariel_rounded_mt;
    font-size: 20px;

}
.wallet-tabs .wallet-tab-body .nav-link  .form-check
{
    padding-left:0px;
}
.wallet-tabs .wallet-tab-body .nav-link.active
{
    background-color:#FAF7F2;
    border:1px solid #1B7E82;
}
.wallet-tab-content  .wallet-transaction
{
    background-color: #faf7f27d;
    margin-top: 19px;
    border-radius: 7px;
}
.wallet-tab-content  .wallet-transaction .taxinfo-add button
{
        background-color: transparent;
    font-family: ariel_rounded_mt;
    font-size: 14px;
    color: #f7941d;
    padding: 0px;
}
.wallet-tab-content .wallet-transaction .transfer-to
{
    background-color: #F2FAF9;
    padding: 13px 18px;
    box-shadow: 0px 2px 4px #8080804a;
    border-radius: 6px;
    margin-bottom: 30px;
}
.wallet-tab-content .wallet-transaction .transaction-filter ul
{
    display:flex;
    overflow-x: scroll;
    padding-bottom:10px;
}
.wallet-tab-content .wallet-transaction .transaction-filter ul::-webkit-scrollbar
{
    display:none;
}
.wallet-tab-content .wallet-transaction .transfer-to img
{
    width: 65px;
    margin-top: -34px;
    margin-right: 18px;
}
.wallet-tab-content .wallet-transaction .transfer-to .trans-tobank
{
    display: inline-block;
}
.wallet-tab-content .wallet-transaction .transfer-to .trans-tobank p
{
 font-family: OpenSans-Regular;

    font-size: 18px;
    color:#848484;
    margin-bottom:0px;
}
.wallet-tab-content .wallet-transaction .transfer-to span
{
    float: right;
    display: inline-block;
    margin-top: 10px;
}
.wallet-tab-content .wallet-transaction .transfer-to span a
{
 font-family: OpenSans-Regular;

    font-size: 18px;
    color:#F7941D;
    text-decoration: none;
}
.wallet-tab-content .wallet-transaction .empty-bank
{
    border: 1px solid #8080807a;
    padding: 7px;
    text-align: center;
}
.wallet-tab-content .wallet-transaction .empty-bank h4
{
   color: #4a4848;
    font-family: 'MarlinGeoSQ-Regular';
    font-size: 17px;

    display:block;
}
.wallet-tab-content .wallet-transaction .empty-bank p
{
    margin-bottom:0px;
}
.wallet-tab-content .wallet-transaction .empty-bank p a
{
    color: #9e9c9c;
    text-decoration: none;
    font-size: 19px;
}

.wallet-transaction p
{
 font-family: OpenSans-Regular;

    font-size: 20px;
    color:#565656;
}
.wallet-transaction p span
{
    float:right;
}
.wallet-transaction p.trans-amount
{
    border-top:1px dashed grey;
    padding-top: 11px;
}
.wallet-transaction p.trans-amount span
{
    float:right;
    color:#F7941D;
}
.wallet-transaction .transaction-filter li
{
    border: 1px solid #797979;
    padding: 3px 20px;
    border-radius: 20px;
    white-space: nowrap;
}
.wallet-transaction .transaction-filter li a
{
    text-decoration: none;
    color:#6C6C6C;
    font-family: OpenSans-Regular;
    font-size:16px;

}
.wallet-transaction .transaction-filter li:nth-child(1)
{
    border:none;
}
.wallet-transaction .transaction-filter li:nth-child(1) img
{
    width: 20px;
}
.wallet-transaction .transaction-list .transaction-list-block:nth-child(2n-1)
{
    background-color: #F2FAF9;
    padding: 20px;
    box-shadow: -2px 3px 3px #0000000d;
    border-radius: 10px;
    margin-top:10px;
    cursor: pointer;
}
.wallet-transaction .transaction-list .transaction-list-block:nth-child(2n)
{
    background-color: #FAF7F2;
    padding: 20px;
    box-shadow: -2px 3px 3px #0000000d;
    border-radius: 10px;
    margin-top:10px;
    cursor: pointer;
}
.wallet-transaction .transaction-list .transaction-list-block img
{
    width: 38px;
    margin-top: -27px;
    margin-right: 40px;
}
.wallet-transaction .transaction-list .transaction-list-block .transfer-user
{
    display:inline-block;
}
.wallet-transaction .transaction-list .transaction-list-block .transfer-user h4
{
    margin-bottom:0px;
 font-family: OpenSans-Regular;
    font-weight: 400;
    font-size: 18px;
    color:#000;
}
.wallet-transaction .transaction-list .transaction-list-block .transfer-user p
{
    margin-bottom:0px;
 font-family: OpenSans-Regular;

    font-size: 14px;
    color:#7F838A;
}
.wallet-transaction .transaction-list .transaction-list-block .transaction-amount-detail
{
    display: inline-block;
    float: right;
}
.wallet-transaction .transaction-list .transaction-list-block .transaction-amount-detail  p.pr
{
    color:#00D54B;
 font-family: OpenSans-Regular;

    font-size: 20px;
}
.wallet-transaction .transaction-list .transaction-list-block .transaction-amount-detail  p.ls
{
    color:#DC2121;
 font-family: OpenSans-Regular;

    font-size: 20px;
}
.wallet-transaction .transaction-list .cal-block
{
    text-align: center;
    padding: 15px 10px;
    width: 70%;
    margin: 10px auto;
    box-shadow: 0px 0px 10px #80808045;
    border-radius: 8px;
    margin-top: 25px;
}
.wallet-transaction .transaction-list .cal-block h3
{
 font-family: OpenSans-Regular;

    font-size: 18px;
    margin-top:12px;
}
.wallet-transaction .transaction-profile
{
    text-align: center;
}
.wallet-transaction .transaction-profile img
{
    width: 60px;
}
.wallet-transaction .transaction-profile p
{
 font-family: OpenSans-Regular;
    font-weight: 400;
    font-size: 18px;
    margin-bottom:5px;
    color:#484848;
}
.wallet-transaction .transaction-profile h3
{
 font-family: OpenSans-Regular;
    font-weight: 600;
    font-size: 30px;
    padding-bottom: 25px;
    border-bottom: 1px dashed #8080803d;
    color:#484848;
}
.wallet-transaction .transaction-status
{
    text-align: center;
}
.wallet-transaction .transaction-status p
{
 font-family: OpenSans-Regular;
    font-weight: 400;
    font-size: 18px;
    color:#484848;
    margin-bottom:9px;
}
.wallet-transaction .transaction-status p img
{
    margin-right: 7px;
    width: 18px;
}
.wallet-transaction .transaction-status h4
{
 font-family: OpenSans-Regular;

    font-size: 18px;
    color:#484848;
    margin-bottom:5px;
}
.wallet-transaction  .trans-detail
{
    background-color:#F2FAF9;
    padding: 20px 30px;
}
.wallet-transaction  .trans-detail p
{
 font-family: OpenSans-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #484848;
    padding-bottom: 8px;
    margin-bottom: 6px;
    border-bottom: 1px dashed #8080804a;
}
.wallet-transaction  .trans-detail p:last-child
{
    border-bottom:none;
}
.wallet-transaction  .trans-detail h4
{
 font-family: OpenSans-Regular;
    font-weight: 600;
    font-size: 14px;
    color:#484848;
    margin-bottom:5px;
}
.wallet-transaction .trans-btn
{
    text-align: center;
    margin-top:20px;
}
.wallet-transaction .trans-btn button
{
 font-family: OpenSans-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #484848;
    border: 1px solid #6C6C6C;
    border-radius: 20px;
    padding: 7px 42px;
}
.wallet-payment
{
    background-color:transparent;
}
.wallet-payment .accordion-button
{
    background-color:transparent;
    padding:0px;
    box-shadow:none;
}
.wallet-payment .accordion-header h4
{
    font-family: OpenSans-Regular;
    font-size:22px;
    color:#565656;

}
.wallet-payment .accordion-header p
{
    font-family: OpenSans-Regular;
    font-size:18px;
    color:#565656;
    font-weight: 400;
    margin-left: 45px;
}
.wallet-payment form label
{
    margin-top: -23px;
}
.wallet-payment #saved-cards input[type="text"] {
    width: 93.6%;
    margin-left: 36px;
}
.view-help-tab-option .nav-link
{
    background-color: #fff;
    border: 1px solid #e2e2e2;
    text-align: left;
    margin-bottom:20px;
    position: relative;
}
.view-help-tab-option .nav-pills .nav-link.active
{
    background-color:#FFFAF4;
}
.view-help-tab-option .nav-link h5
{
   font-family: OpenSans-Regular;
    font-weight: 600;
    font-size: 16px;
    color: #000;
    margin-top:5px;
}
.view-help-tab-option .nav-link p
{
    margin-top:5px;
 font-family: OpenSans-Regular;
    font-size: 12px;
    margin-bottom: 5px;
}
.view-help-tab-option .nav-link img
{
    position: absolute;
    right:20px;
    top:18px;
    width: 40px;
    height: 40px;
    object-fit: contain;
}
.help-support .help-content
{
    background-color:#FFFAF4;
    padding: 30px 30px 30px 30px;
    height: calc(100vh - 200px);
    max-height: calc(100vh - 200px);
    overflow: hidden;
}
.help-support .help-content .tab-heading
{
    padding-bottom: 25px;
    border-bottom: 1px solid #d9d6d6;
}
.help-support .help-content .tab-heading span
{
    font-family: ariel_rounded_mt;
    font-size: 20px;

    color: #1A7E83;
}
.help-support .help-content .tab-heading span i
{
    margin-right: 20px;
}
.help-support .help-content .faq-content .accordion-flush:nth-child(odd) h2 .accordion-button
{
    background-color:#F2FAF9;
}
.help-support .help-content .faq-content .accordion-flush:nth-child(even) h2 .accordion-button
{
    background-color:#fff;
}
.help-support .help-content .faq-content .accordion-body
{
    background-color:#fff;
 font-family: OpenSans-Regular;
    font-size: 14px;
}
.help-support .chat-block
{
    position: relative;
    height: calc(100vh - 310px);
    max-height: calc(100vh - 310px);
}
.help-support .chat-block .system-chat
{
    width:60%;
}
.help-support .chat-block .system-chat p
{
    color: #75838D;
 font-family: OpenSans-Regular;
    font-size: 12px;
    padding: 10px 10px;
    background-color:#fff;
    border-radius:12px;
}
.help-support .chat-block .system-opt
{
    width:45%;
}
.help-support .chat-block .system-opt ul li:nth-child(1)
{
    border-radius:12px 12px 0px 0px;
}
.help-support .chat-block .system-opt ul li:nth-child(4)
{
    border-radius:0px 0px 12px 12px;
}
.help-support .chat-block .system-opt ul li
{
    padding: 4px 0px;
    border: 1px solid #EFEFEF;
    background-color:#fff;
    text-align: center;
}
.help-support .chat-block .system-opt ul li a
{
    color:#1B7E82;
 font-family: OpenSans-Regular;
    font-size: 13px;
    text-decoration: none;
}
.help-support .chat-block .user-chat
{
    width:50%;
    float:right;
}
.help-support .chat-block .user-chat p
{
    color: #000;
 font-family: OpenSans-Regular;
    font-size: 12px;
    padding: 10px 10px;
    background-color:#F5FFFF;
    border-radius:12px;
}
.help-support .chat-block .helpchat-area
{
    height: calc(100vh - 370px);
    max-height: calc(100vh - 370px);
    overflow-y: auto;
    overflow-x: hidden;
}
.help-support .chat-block .chat-type
{
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: #fff;
    padding: 10px 18px;
}
.help-support .chat-block .chat-type .input-group
{
    border:1px solid #EFEFEF;
    background-color:#F8F8F8;
    border-radius:5px;
}
.help-support .chat-block .chat-type .input-group input
{
    border:none;
    background-color:transparent;
}
.help-support .chat-block .chat-type button.camera-button
{
    border:none;
}
.help-support .chat-block .chat-type button.camera-button img ,.help-support .chat-block .chat-type button.send-button img
{
    width: 30px;
    height: 30px;
    object-fit: contain;
}
.help-support .email-area h3
{
    text-align: center;
    color: #000;
 font-family: OpenSans-Regular;
    font-size: 20px;

}
.help-support .email-area p
{
    color:#515978;
    text-align: center;
 font-family: OpenSans-Regular;
    font-size: 15px;
}
.help-support .email-area textarea
{
    border:1px solid #96CCCE;
    border-radius:10px;
}
.help-support .email-area button.submitfeedback
{
    background-color:#F7941D;
    width:100%;
    border-radius:25px;
    border: none;
    padding: 10px 0px;
    font-size: 14px;
    color:#fff;
    margin-bottom:20px;
    margin-top:20px;
}
.help-support .email-area button.skipnow
{
    border:1px solid #848484;
    width:100%;
    border-radius:25px;
    background-color:transparent;
    padding: 10px 0px;
    font-size: 14px;
    color:#000;
}
.help-support .call-area h5
{
    text-align: left;
    color: #000;
 font-family: OpenSans-Regular;
    font-size: 20px;
}
.help-support .call-area p
{
    color:#515978;
    text-align: left;
 font-family: OpenSans-Regular;
    font-size: 15px;
}
.help-support .call-area textarea
{
    border:1px solid #96CCCE;
    border-radius:10px;
}
.help-support .call-area button.submitfeedback
{
    background-color:#F7941D;
    width:100%;
    border-radius:25px;
    border: none;
    padding: 10px 0px;
    font-size: 14px;
    color:#fff;
    margin-bottom:20px;
    margin-top:20px;
}
.help-support .call-area .status-buttons
{
    display:flex;
    justify-content: space-around;
}
.help-support .call-area .status-buttons button
{
    border: 1px solid #e0dede;
    color: #b2aeae;
}
.help-support .call-area .status-buttons button i
{
    margin-right:10px;
}
.help-support .call-area .status-buttons button.btn-success ,.help-support .call-area .status-buttons button.btn-danger
{
    color:#fff;
}
/*--------------------- Keypad input -----------------------*/
#keypad-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: Arial, sans-serif;
  }

  #amount-input {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    padding: 1px;
    border: 1px solid #c3c2c2;
    border-radius: 5px;
    background-color: transparent;
 font-family: OpenSans-Regular;
    font-weight: 600;
    font-size: 30px;
    color: #484848;
  }

  #keypad {
    display: grid;
    grid-template-columns: repeat(3, 60px);
    gap: 10px;
    margin-bottom: 20px;
    justify-content: space-around;
    width: 100%;
  }

  .key {
    width: 45px;
    height: 45px;
    font-size: 20px;
    text-align: center;
    line-height: 46px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    background-color: transparent;
  }

  .key.backspace {
    background-color: transparent;
  }

  .key:hover {
    background-color: #ddd;
  }

  #transfer-btn {
    padding: 10px 20px;
    font-size: 18px;
    background-color: #f7941d;
    color: white;
    border: none;
    border-radius: 5px;
    width: 420px;
    border-radius: 30px;
  }
  /*------------------------ Refer-firnd and job -----------------------------*/
  .instant-msg-block .refer-friend-left
  {
    background-color:#F2FAF9;
    border-radius: 10px;
    padding: 10px 25px;
    height: 100%;
  }
  .instant-msg-block .refer-friend-left h3
  {
    color:#1A7E83;
    font-family: ariel_rounded_mt;
    font-size:24px;
  }
  .instant-msg-block .refer-friend-left .rf-content .rf-image
  {
    text-align: center;
  }
  .instant-msg-block .refer-friend-left .rf-content .refer-frind-image
  {
    width: 400px;
  }
  .instant-msg-block .refer-friend-left .rf-content h4
  {
    color:#484848;
 font-family: OpenSans-Regular;
    font-size:20px;
  }
  .instant-msg-block .refer-friend-left .rf-content p
  {
    color:#8A8A8A;
 font-family: OpenSans-Regular;
    font-size:16px;
    width:80%;
    margin:0 auto;
  }
  .instant-msg-block .refer-friend-left .rf-content h2
  {
    margin-top:40px;
  }
  .instant-msg-block .refer-friend-left .rf-content h2 a
  {
    color:#F7941D;
 font-family: OpenSans-Regular;
    font-size:16px;
  }
  .view-profile-content .refer-friend-right
  {
    background-color: #FFFAF4;
    width: 100%;
    margin-top: 0px;
    padding: 30px;
    border-radius: 10px;
    height:100%;
    display: flex;
    align-items: center;  /* Centers content vertically */
    justify-content: center; /* Centers content horizontally */
  }
  .refer-friend-right .refer-friend-content
  {
    width: 60%;
    margin: auto;
  }
  .refer-friend-right .refer-friend-content h3
  {
    text-align: center;
    color:#484848;
 font-family: OpenSans-Regular;
    font-size:18px;
    font-weight: 600;
  }
  .refer-friend-right .refer-friend-content ul li p , .refer-friend-right .refer-friend-content p.refer
  {
    color:#484848;
 font-family: OpenSans-Regular;
    font-size:17px;
  }
  .refer-friend-right .refer-friend-content ul li p span
  {
    float: left;
    background-color: #CCE9EB;
    color: #484848;
    font-size: 17px;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 20px;
    padding: 2px;
    margin-right:10px;
  }
  .refer-friend-right .refer-friend-content .input-group button
  {
    background-color:#1A7E83;
    color:#fff;
  }
  .refer-friend-right .refer-friend-content .input-group input
  {
    border:none;
    box-shadow: 0px 2px 3px #0000002b;
  }
  .refer-friend-right .refer-friend-content .input-group textarea
  {
    background-color:#F2FAF9;
    border:none;
    box-shadow: 0px 2px 3px #0000002b;
  }
  .refer-friend-right .refer-friend-content .refer-social  li a img
  {
    background-color:#1B7E82;
    border-radius:25px;
    padding:10px;
    width: 50px;
  }
  .refer-friend-right .refer-friend-content .refer-social-heading
  {
    color:#484848;
 font-family: OpenSans-Regular;
    font-size:17px;

    margin-bottom:0px;
  }
  .refer-friend-right .refer-friend-content .refer-social  li p
  {
    font-family: OpenSans-Regular;
    font-size:12px;
    margin-top:5px;
  }
  .dashboard_part #emptyimage
  {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 50px;
  }
  .dashboard_part #emptyimage .empty-data
  {
    width: 30%;
  }
  .dashboard_part #emptyimage img
  {
    width:250px;
  }
  .dashboard-page-data
  {
    height: calc(100vh - 255px);
    width: 95%;
    margin: 0 auto;
    /* background-color: #F2FAF9; */
    /* padding: 35px; */
    border-radius: 15px;
    margin-top:35px;
    position:relative;
  }
  .dashboard_part #emptyimage h3
  {
    color:#484848;
 font-family: OpenSans-Regular;
    font-size:15px;

    margin-top:30px;
  }
  .dashboard_part #emptyimage p
  {
    color:#484848;
 font-family: OpenSans-Regular;
    font-size:15px;
    margin-top:10px;
  }
  .dashboard_part #emptyimage h4 a
  {
    color:#F7941D;
 font-family: OpenSans-Regular;
    font-size:17px;

    margin-top:30px;
    text-decoration: none;
  }
  .dashboard-page-data .post-type select
  {
    background-color: #ffffff;
    border: 1px solid #8080802e;
    height: 50px;
    border-radius: 10px;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu
  {
    position: absolute;
    right:0px;
  }
  .dropdown-menu.show {
    display: inline-block !important;
    position: absolute;
    right: 8px !important;
    left: auto;
    top: 38px;
}
  .view-profile-content
  {
    width: 95%;
    margin: 0 auto;
  }
  #emptyimage .empty-invoice
  {
    width:50%;
  }
  #emptyimage .empty-invoice img
  {
    width: 180px;
  }
  #emptyimage .empty-invoice p
  {
    color:#8A8A8A;
 font-family: OpenSans-Regular;
    font-size:14px;
  }
  .proposal-submit-input
  {
    width: 240px;
    /* margin-left: 43px; */
    margin-top: 6px;
    border: 1px solid #d3d3d3;
    height: 35px;
    border-radius: 7px;
  }
  .ui-autocomplete {
    z-index: 10000 !important; /* or any high value */
  }
  .payment-info-block .payment-cards
  {
    border: 1px solid #1A7E83;
    padding: 10px 10px;
    height: 80px;
    border-radius:10px;
  }
  .payment-info-block .achievement-card
  {
        display: flex;
        justify-content: space-between;
        border: 1px solid #1a7e83;
        padding: 7px;
        margin-top: 5px;
        margin-bottom: 10px;
        border-radius: 8px;
  }
    .payment-info-block .achievement-card-work
    {
         border: 1px solid #1a7e83;
         border-radius: 8px;
         padding: 7px;
         margin-bottom:10px;
    }
     .payment-info-block .achievement-card-work .active-job-button
     {
        text-align: right;
     }
     .payment-info-block .achievement-card-work .active-job-button button
     {
             border: 1px solid #F7941D;
            border-radius: 20px;
            color: #fff;
            background-color: #F7941D;
            padding: 4px 18px;
     }
  .payment-info-block .achievement-card-work .achievement-card
  {
    display: flex;
    justify-content: space-between;
    padding: 7px;
    margin-top: 5px;
    margin-bottom: 0px;
    border: none;
  }
  .payment-info-block .hourlyrate-detail
  {
    display:flex;
    justify-content: space-between;
  }
    .payment-info-block .hourlyrate-detail p
    {
    font-family: OpenSans-Regular;
    font-size: 18px;
    color: #080808;
    }
    .payment-info-block .hourlyrate-detail h4
    {
    font-family: OpenSans-Regular;
    font-size: 18px;
    color: #080808;

    }
    .payment-info-block .add-task
    {
        text-align:right;
    }
    .payment-info-block .add-task p
    {
        color:#1A7E83;
        font-family: OpenSans-Regular;
        font-size: 15px;
        cursor: pointer;

    }
    .payment-info-block .achievement-card h4
    {
        font-size: 16px;
        margin-bottom: 0px;
    }
    .payment-info-block .achievement-card p
    {
        font-size: 14px;
        margin-bottom: 0px;
    }
  .status-prop
  {
    margin-top: 30px;
  }
  .status-prop .proposal-status
  {
    display:inline;
    padding: 10px 40px;
    background-image: linear-gradient(152deg, #f7941d, #118286);
    border-radius: 5px;
    font-size: 16px;

    color: #fff;
    letter-spacing: 1px;
  }
  .verify-resend button
  {
    border:none !important;
    background-color:transparent !important;
    color:#F7941D !important;
    width:auto !important;
    margin-top:0px !important;
  }
  #mobile_country_code
  {
    padding-left: 92px;
    width: 0px;
    background-color: transparent;
    border: 1px solid #fff;
    height: 46px;
    border-radius: 25px 0px 0px 25px;
  }
  .iti--separate-dial-code .iti__selected-flag
  {
    background-color:transparent !important;
  }
  .iti__country.iti__standard .iti__country-name
  {
    color:#000;
    font-family: OpenSans-Regular;
  }
  .iti--separate-dial-code .iti__selected-dial-code {
    color: #000 !important;
}
.iti__country.iti__preferred .iti__country-name
{
    color:#000;
    font-family: OpenSans-Regular;
}
  .ui-widget.ui-widget-content
  {
    border-radius: 8px;
    height: 250px;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 30% !important;
    background-color: #fff;
    padding: 8px;

  }
  #ui-datepicker-div
  {
    height:auto;
    width:20% !important;
  }
   .ui-widget.ui-widget-content::-webkit-scrollbar
   {
    display:none;
   }
  .ui-widget.ui-widget-content .ui-menu-item
  {
    padding:7px;
    margin-bottom:5px;
    border-radius:6px;
    font-family: Poppins-Regular;
    list-style: none;
  }
  .ui-widget.ui-widget-content .ui-menu-item .ui-menu-item-wrapper.ui-state-active
  {
    background-color: #1b7e82;
    border:1px solid #1b7e82;
    color:#fff;
  }
  .ui-widget.ui-widget-content .ui-menu-item:nth-child(even)
  {
    background-color:#FAF7F2;
    box-shadow: -2px 3px 3px #0000001f;
  }
  .ui-widget.ui-widget-content .ui-menu-item:nth-child(odd)
  {
    background-color:#F2FAF9;
    box-shadow: -2px 3px 3px #0000000d;
  }
  .education-attended
  {
    background-image: url(../images/field-study.png);
    background-position: 10px 12px;
    background-size: 16px;
  }
  .education-cal
  {
    background-image: url(../images/calendar-cal.png);
    background-position: 10px 12px;
    background-size: 16px;
  }
    .custom-input {
        border: 1px solid #ccc;
        border-radius: 25px;
        padding: 10px 15px;
        outline: none;
    }

    .custom-input:focus {
        border-color: #007bff;
        box-shadow: none;
    }

    .custom-error {
        color: #f7941d;
        font-size: 14px;
        margin-top: 4px;

    }

    /* Removes the red 'X' on invalid inputs in some browsers */
    input::-ms-clear, input::-ms-reveal {
        display: none;
    }

    input[type="text"]::-webkit-validation-bubble-message,
    input[type="email"]::-webkit-validation-bubble-message {
        display: none;
    }
    .text-danger {
    color: red;
    }

    .textarea-limit-reached {
        border: 2px solid red !important;
    }
    .form-control.is-invalid {
        background-image: none !important; /* removes icons added as background */
    }
    .profile-phonenumber .iti--allow-dropdown
    {
        width:100%;
    }
    .about-mobile-block .iti--allow-dropdown
    {
        display:none;
    }
    .empty-testimonial img
    {
        width: 70%;
        margin:0 auto;
    }
    .empty-testimonial
    {
        width:80%;
        margin:0 auto;
    }
    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45% !important;
    font-size: 15px !important;
    margin-right: 2px !important;
    border-radius: 6px !important;
    padding: 2px !important;
}
.edit-email-model .modal-header h1
{
    font-size: 15px;
    color: #1b7e82;
}
.edit-email-model .modal-body label
{
    font-size: 15px;
    color:#6d6868;
}
.edit-email-model .modal-body input
{
    border-radius:15px;
}
.edit-email-model .modal-body input:focus
{
    border:1px solid #1b7e82;
}
.edit-email-model .submit-button
{
    text-align: center;
}
.edit-email-model .submit-button button
{
    background-color:#F7941D;
    color:#fff;
}
.faq-sec .faqbg-red:nth-child(2n)
{
	    background-color: #F2FAF9;
}
#create-job-pages
{
    width:98.2%;
    padding-left: 15px;
}
#create-job-pages h1
{
 color:#1A7E83;
 font-family: OpenSans-Semibold;
 font-size:16px;
 padding-left:5px;
}
#create-job-pages h3
{
 color:#555454;
 font-family: OpenSans-regular;
 font-size:14px;
 padding-left:5px;
}
#job-pages {
    position: relative;
    height: calc(100vh - 130px);
    max-height: calc(100vh - 130px);
}
#create-job-pages .create-job-button button.proposal-submit
{
    position:absolute;
    bottom:0px;
    left:60px;
    width: 250px;
    margin-top:20px;
}
#create-job-pages .create-job-button button.nextbtn
{
    position:absolute;
    bottom:0px;
    right: 60px;
    width: 130px;
    margin-top:20px;
    font-family: OpenSans-Semibold;
}
#create-job-pages .create-job-button button.backbtn
{
    position: absolute;
    bottom: 0px;
    left: 60px;
    width: 130px;
    margin-top: 20px;
    background-color: #1b7e82;
    color:#fff;
    font-family: OpenSans-Semibold;
    display:flex;
    justify-content: center;
    align-items: center;
}
#create-job-pages .create-job-button a.backbtn
{
    position: absolute;
    bottom: 0px;
    left: 60px;
    width: 130px;
    margin-top: 20px;
    background-color: #1b7e82;
    color:#fff;
    font-family: OpenSans-Semibold;
    display:flex;
    justify-content: center;
    align-items: center;
}
#create-job-pages .create-job-button button.backbtn img
{
    width: 12px;
    height: 10px;
    margin-right: 7px;
}
#create-job-pages .create-job-button button.cancel-proposal
{
    position:absolute;
    bottom:0px;
    left:350px;
    width: 250px;
    margin-top:20px;
    border:1px solid #e38516;
    color:#e38516;
    background-color:#fff;
}
.create-job-form
{
    height: calc(100vh - 270px);
    max-height: calc(100vh - 270px);
    overflow-y:scroll;
    padding-bottom:30px;
    padding-left: 4px;
}
.create-job-form .create-job-posts-blocks h6
{
    font-family: OpenSans-regular;
    font-size:14px;
}
.create-job-form .create-job-posts-blocks input , .create-job-form .create-job-posts-blocks select
{
    height: 45px;
    border: none;
    font-family: OpenSans-regular;
    font-size: 14px;
    background-color: transparent;
    border-bottom: 1px solid #80808042;
    border-radius: 0;
    padding-left: 10px;
}
.create-job-form .create-job-posts-blocks select option.form-check:nth-child(odd)
{
    background-color:green;
}
.create-job-form .create-job-posts-blocks input:focus , .create-job-form .create-job-posts-blocks select:focus
{
    border-bottom:1px solid #f7941d;
    outline: none;
    box-shadow: none;
}
.create-job-form .create-job-posts-blocks input::placeholder ,.create-job-form .create-job-posts-blocks textarea::placeholder
{
    color:#828282;
}
.create-job-form .create-job-posts-blocks textarea
{
    font-family: OpenSans-regular;
    font-size: 14px;
}
.create-job-form .create-job-posts-blocks select
.create-job-form .add-bank-button
{
    position: absolute;
    bottom: 0;
}
.create-job-form .add-bank-button  button.add-bank
{
    background-color: #f7941d;
    color: #fff;
    width: 250px;
    border-radius: 20px;
    border:1px solid #f7941d;
}
.create-job-form .add-bank-button  button.form-clear
{
    background-color: #fff;
    color: #f7941d;
    width: 250px;
    border-radius: 20px;
    border:1px solid #f7941d;
    margin-right:20px;
}
.create-job-form::-webkit-scrollbar
{
    display:none;
}
.rating-block h6
{
    text-align: center;
    border: 1px solid #1A7E83;
    color: #000 !important;
    background-color: #fff;
    padding: 9px;
    border-radius: 5px;
}
.rating-result
{
    display:flex;
    justify-content: space-between;
}
.checkbox-error {
    border: 2px solid red;
    padding: 5px;
    border-radius: 5px;
}
.progress-circle {
      width: 120px;
      height: 120px;
      position: relative;
    }

    .progress-circle svg {
      transform: rotate(-90deg);
    }

    .progress-circle circle {
      fill: none;
      stroke-width: 7;
      stroke-linecap: round;
    }

    .bg {
      stroke: #f7941d;
    }

    .progress {

      stroke: #1a7e83;
      transition: stroke-dashoffset 0.5s ease;
    }

    .progress-text {
      position: absolute;
      top: 50%;
      left: 45%;
      transform: translate(-50%, -50%);
      font-size: 15px;
      font-family: OpenSans-Regular;
      color: #000;
    }
.rating-star-individual i , .rating-star-client i {
    color: #ccc;
    cursor: pointer;
    font-size: 24px;
    transition: color 0.2s;
}
.rating-star-individual i.active , .rating-star-client i.active{
    color: #f5b301;
}
.site-visit-success {
    width: 50%;
    margin: 100px auto;
}
.site-visit-success p
{
    margin-top:60px;
}
.site-visit-success .thanku-button {
    text-align: center;
}
.site-visit-success .thanku-button button {
    background-color: #f7941d !important;
    color: #fff !important;
    width: 30%;
    margin-top: 40px;
    border-radius: 25px;
    font-size: 17px;
 font-family: OpenSans-Regular;
}
.pac-container{
    z-index: 9999 !important;
    border-radius: 10px;
}
.pac-container .pac-item-query
{
 font-family: OpenSans-Regular;
    font-size: 14px;
}
.pac-container .pac-item
{
    margin-bottom:5px;
}
.pac-container .pac-item:nth-child(n)
{
    background-color: #FAF7F2;
}
.pac-container .pac-item:nth-child(2n)
{
    background-color: #F2FAF9;
}
/*------------------------------------------------- New Styling ---------------------------------------------*/
.topmenu {
    margin-top: 0px;
    position: fixed;
    top: -5px;
    left: 0;
    width: 100%;
    z-index: 1030;
    transition: all 0.3s ease;
    padding: 0px 0;
    background: transparent;
    box-shadow: none;
}
.topmenu.scrolled {
    background: #fff; /* or your preferred color */
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* subtle shadow */
}
.topmenu .navbar-toggler {
    border: 1px solid #1b7e82 !important;
    padding: 4px 5px;
    height: 29px;
    box-shadow: none;
}
.topmenu .navbar-toggler-icon i
{
    color: #1b7e82;
    font-size: 20px;
}
.topmenu .navbar-brand img
{
    width: 110px;
}
.topmenu .nav-item
{
    margin-left: 10px;
    margin-right: 10px;
}
.topmenu .nav-item img
{
    width: 150px;
    margin-top:20px;
}
.topmenu .nav-link.menu-login
{
    border: 1px solid #f7941d;
    border-radius: 30px;
    width: 100px;
    padding: 4px 3px;
    text-align: center;
    color: #f7941d !important;
    background-color: #fff;
}
.topmenu .nav-link.menu-registration
{
    border: 1px solid #f7941d;
    border-radius: 30px;
    width: 100px;
    padding: 4px 3px;
    text-align: center;
    color: #fff !important;
    background-color: #f7941d;
}
.topmenu .nav-link.active
{
    color: #F7941D !important;
    font-family: OpenSans-Semibold;
}
.topmenu .access-login  .nav-link
{
    border: 1px solid #fff;
    border-radius: 25px;
    width: 135px;
    text-align: center;
    padding: 5px;
}
.topmenu .access-signup
{
    margin-right: 0px;
}
.topmenu .navbar-toggler {
    /* padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid white;
    border-radius: 0.25rem; */
}
.topmenu .access-signup .nav-link
{
    border: 1px solid #F7941D;
    border-radius: 25px;
    width: 135px;
    text-align: center;
    padding: 5px;
    background-color:#F7941D;
}
.topmenu .explore-dropdown
{
    background-color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    animation: growDown 300ms ease-in-out forwards;
    padding: 10px 200px;
    z-index: 3;
}
.topmenu .explore-dropdown h4
{
 font-family: OpenSans-Regular;
    color: #000000;
    font-size: 20px;
    padding:20px 0px;
    font-weight: 600;
}
.topmenu .explore-dropdown ul li
{
    padding: 10px 0px;
    width: 70%;
}
.topmenu .explore-dropdown ul li a span
{
 font-family: OpenSans-Regular;
    color: #000000;
    font-size: 17px;
}
.topmenu .explore-dropdown ul li a span.explore-option
{
 font-family: OpenSans-Regular;
    color: #F7941D;
    font-size: 17px;

}
.topmenu .explore-dropdown ul li a .bef-img
{
    margin-right: 15px;
}
.topmenu .explore-dropdown ul li a .aft-img
{
    float: right;
    margin-top: 8px;
}
.banner-new {
    background-image: url(../images/banner-bg.png);
    padding: 8px 80px 0px 80px;
    position: relative;
    background-size: 60% 100%;
    background-repeat: no-repeat;
}
.login-page .banner-new
{
    padding: 8px 80px 70px 80px;
}
.login-form
{
    margin-top: 125px;
}
.login-form .row
{
    display:flex;
    align-items: center;
}
.login-form .form-structure form input
{
    height: 46px;
    border-radius: 50px;
    padding-left: 50px;
    border: 1px solid #999a9a !important;
    background-color: transparent;
    color: #000 !important;
     font-family: OpenSans-Regular;
}
.login-form .form-structure form input:-webkit-autofill
{
    -webkit-text-fill-color: #000 !important;
}
.login-form .form-structure form input[type=radio]
{
    padding-left: 0;
    border: 1px solid #999a9a !important;
}
.login-form .form-structure form input[type=checkbox]
{
    padding-left: 0;
    border: 1px solid #999a9a !important;
    width: 20px;
    height: 20px;
    border-radius: 6px;
}
.login-form .form-structure form input::placeholder
{
    color:grey !important;
    font-family: OpenSans-Regular;
}
.login-form .form-structure form input:focus
{
    border: 1px solid #999a9a !important;
    box-shadow: none;
}
.login-form .form-structure p {
    color: #505050;
    font-family: OpenSans-semibold;
}
.login-form .login-image h3 {
    font-family: OpenSans-ExtraBold;
    font-size: 40px;
    color: #1b7e82;
    text-align: center;
}
.login-page .topmenu .nav-link.menu-login ,.registration-page .topmenu .nav-link.menu-login
{
    border: 1px solid #f7941d;
    border-radius: 30px;
    width: 100px;
    padding: 4px 3px;
    text-align: center;
    color: #f7941d !important;
    background-color: #fff;
}
.login-page .topmenu .nav-link.menu-registration ,.registration-page .topmenu .nav-link.menu-registration
{
    border: 1px solid #f7941d;
    border-radius: 30px;
    width: 100px;
    padding: 4px 3px;
    text-align: center;
    color: #fff !important;
    background-color: #f7941d;
}

.footer
{
    background-color:#1B7E82;
    padding: 40px 70px;
}
.footer .footer-menu .footer-logo img
{
    width: 10%;
}
.footer .footer-menu ul li a
{
    color:#fff;
    text-decoration:none;
}
.footer .footer-menu ul li
{
    padding:20px 10px 0px 10px;
    font-family: OpenSans-Regular;
}
.footer .footer-menu ul li:nth-child(1)
{
    padding:20px 10px 0px 0px;
}
.footer .footer-menu p
{
    color:#fff;
    font-family: OpenSans-Regular;
    margin-bottom: 0px;
    margin-top: -12px;
}

.footer .app-link h5
{
    color: #fff;
    font-size: 16px;
}
.footer .app-link
{
    text-align: right;
}
.footer .app-link img
{
    width:40%;
    margin-bottom:10px;
}
.footer-social
{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.footer-social ul
{
    display:flex;
    flex-wrap: nowrap;
}
.footer-social li a img
{
    width: 21px;
}
.footer-social li
{
    margin-right:0px !important;
    padding:0px 10px !important;
}
.footer-social li:nth-child(1)
{
   padding-left:0px !important;
}
.how-work-block
{
    padding: 50px 0px;
    background-color: #EAF3F5;
}
.how-work-block .work-block
{
    width:80%;
    margin:0 auto;
}
.how-work-block h4
{
    font-size: 50px;
    color: #1b7e82;
     font-family: OpenSans-ExtraBold;
}
.how-work-block h4 span
{
    color:#F7941D;
}
.how-work-block p
{
    font-size:18px;
    color:#161616;
    text-align: center;
    font-family: OpenSans-Regular;
}
.how-work-block .how-image
{
    text-align: center;
}
.how-work-block .how-image img
{
    width: 50%;
}
.how-work-block .how-image img.how-work-img-three
{
    width:65%;
}
/*-------------------------------How work slider ----------------------------------*/
.how-work-block .slider-container {
      max-width: 700px;
      margin: auto;
    }

.how-work-block    .step {
    background: white;
    border-radius: 10px;
    padding: 20px 0px 0px 0px;
    margin-bottom: 20px;
    opacity: 0.3;
    transform: scale(0.98);
    transition: opacity 0.5s ease, transform 0.5s ease;
    position: relative;
    height: 165px;
}
.responsive-how-work
{
    display:none;
}
.how-work-block  .responsive-how-work  .step {
    opacity: 1;
}
.how-work-block   .step p
{
    color:#374151;
    font-size: 14px;
    text-align: left;
    display: -webkit-box;
  -webkit-line-clamp: 3;         /* Show only 3 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: OpenSans-Regular;
}
.how-work-block    .step.active {
    opacity: 1;
    transform: scale(1);
    z-index: 2;
}
.how-work-block    .step .step-content
{
    padding:0px 20px;
}
.how-work-block  .step-number {
    font-size: 24px;
    font-weight: 400;
    border: 2px solid black;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    font-family: OpenSans-Bold;

}

.how-work-block  .step-title {
    font-size: 30px;

    display: inline-block;
    vertical-align: middle;
    margin-top: -9px;
    font-family: OpenSans-Bold;
}

.how-work-block   .progress-bar-wrapper {
    background: #e0e0e0;
    height: 6px;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    margin-top: 15px;
    position: absolute;
    bottom:0px;
}

.how-work-block    .progress-bar {
    height: 100%;
    background: orange;
    width: 0%;
    transition: width 0.1s linear;
}
.swiping
{
    padding:100px 100px;
}
.swiping  .swiping-img
{
    text-align: center;
}
.swiping  .swiping-img img
{
    width:60%;
}
.swiping .swiping-content h4
{
    font-size: 50px;
    color:#1b7e82;
    font-family: OpenSans-ExtraBold;
}
.swiping .swiping-content h4 span
{
    color:#F7941D;
}
.swiping .swiping-content p
{
    font-size:18px;
    color:#111827;
    font-family: OpenSans-Regular;
}
.swiping-mobile
{
    display:none;
}
.marketplace
{
    padding:100px 0px;
}
.marketplace .marketplace-heading
{
    text-align: center;
}
.marketplace .marketplace-heading h2
{
    font-size: 50px;
    color:#1b7e82;
    font-family: OpenSans-ExtraBold;
    font-size: 50px;
}
.marketplace .marketplace-heading h2  span
{
    color:#F7941D;
}
.marketplace .marketplace-heading p
{
    font-size:18px;
    color:#111827;
    font-family: OpenSans-Regular;
}
.marketplace .marketplace-body
{
    width:100%;
    margin-top:50px;
    margin-bottom:50px;
    text-align: center;
}
.marketplace-body ul li {
    border: 1px solid #000;
    padding: 5px 22px;
    margin-bottom: 4px;
    border-radius: 25px;
    background-color: #fff;
    margin-right: 10px;
    font-family: OpenSans-Regular;
    width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative; /* Needed for tooltip */
    cursor: default;
}
.marketplace .marketplace-body ul li:nth-child(1) , .marketplace .marketplace-body ul li:nth-child(5) , .marketplace .marketplace-body ul li:nth-child(9) , .marketplace .marketplace-body ul li:nth-child(12) , .marketplace .marketplace-body ul li:nth-child(115), .marketplace .marketplace-body ul li:nth-child(19) , .marketplace .marketplace-body ul li:nth-child(25)
{
    background-color:#F7941D;
    border: 1px solid #F7941D;
}
.marketplace .marketplace-body ul li:nth-child(1) a , .marketplace .marketplace-body ul li:nth-child(5) a , .marketplace .marketplace-body ul li:nth-child(9) a , .marketplace .marketplace-body ul li:nth-child(12) a , .marketplace .marketplace-body ul li:nth-child(115) a , .marketplace .marketplace-body ul li:nth-child(19) a , .marketplace .marketplace-body ul li:nth-child(25) a
{
    color:#fff;
}
.marketplace .marketplace-body ul li:nth-child(3n+2)
{
    background-color:#1B7E82;
    border: 1px solid #1B7E82;
}
.marketplace .marketplace-body ul li:nth-child(3n+2) a
{
    color:#fff;
}
.marketplace .marketplace-body ul li a
{
    color: #000;
}
/* .marketplace .marketplace-body ul li:nth-child(5n) a ,.marketplace .marketplace-body ul li:nth-child(3n+2) a
{
    color:#fff;
} */
.marketplace .read-more
{
    color: #fff;
    background-color: #F7941D;
    display: inline;
    padding: 11px 53px;
    font-size: 15px;
    border-radius: 6px;
}
.upseeks-video video
{
        width: 100%;
}
.upseeks-video h5
{
      font-family: OpenSans-ExtraBold;
    font-size: 18px;
    color: #007d80;
}
.upseeks-video h5 span
{
    color:#f7941d;
}


.topmenu .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
}
.topmenu .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.topmenu .slider {
    position: absolute;
    cursor: pointer;
    background-color: #ccc;
    border-radius: 34px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .4s;
}
.topmenu .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    border-radius: 50%;
    transition: .4s;
}
.topmenu input:checked + .slider {
    background-color: #2196F3;
}
.topmenu input:checked + .slider:before {
    transform: translateX(24px);
}
/* .profile-model .change-terms .modal-dialog
{
    height: calc(100vh - 100px);
    max-height: calc(100vh - 100px);
} */
.profile-model .change-terms .modal-body
{
    padding-top:15px;
}
.profile-model .change-terms .modal-body .work-experience
{
    margin-top:0px;
}
.profile-model .change-terms .modal-content
{
    position: relative;
}
.profile-model .change-terms .modal-content form
{
    margin-bottom:0px;
}
.profile-model .change-terms .modal-dialog .modal-body.modal-medium
{
    height: auto;
    max-height: 45vh;
    min-height: 45vh;
    overflow-y: auto;
}
.profile-model .change-terms .modal-dialog .modal-body.modal-large
{
    height: auto;
    max-height: 70vh;
    min-height: 70vh;
    overflow-y: auto;
}
.profile-model .change-terms .modal-dialog .modal-body.modal-small
{
    /* height: calc(100vh - 730px); */
    max-height: calc(100vh - 730px);
    min-height: calc(100vh - 730px);
    overflow-y: auto;
}
.profile-model .change-terms .modal-dialog .modal-body.modal-extrasmall
{
    height: auto;
    max-height: 15vh;
    min-height: 15vh;
    overflow-y: auto;
    display: flex;
    align-items: center;
    padding-bottom: 0px;
}
.profile-model .change-terms .modal-dialog .modal-body.modal-extrasmall .work-experience
{
    width:100%;
}
.profile-model .change-terms .modal-dialog .modal-body::-webkit-scrollbar
{
    /* display:none; */
}
.profile-model .change-terms .modal-footer
{
    display:flex;
    justify-content: center;
    border-top:none;
    padding: 20px 20px;
}
.profile-model .change-terms .create-job-button
{
    margin-bottom:0px;
    text-align: center;
}
.profile-model .change-terms .create-job-button button
{
    width:180px;
}
.profile-model .change-terms .modal-body h6
{
 font-family: OpenSans-Regular;
    font-size:14px;
}
.view-profile-heading
{
    display:flex;
    align-items: center;
    justify-content: space-between;
}

/*-------------------------------------------------- New Styling End ----------------------------------------*/

.hidden {
        display: none;
    }
    .profile-edit-green
    {
        border: 1px solid #1a7e83;
        border-radius: 20px;
        width: 20px;
        height: 20px;
        padding: 4px;
        font-size: 10px;
        color: #1a7e83;
    }
    .profile-add-green
    {
            border: 1px solid #1a7e83;
            border-radius: 20px;
            width: 20px;
            height: 20px;
            padding: 3px;
            font-size: 13px;
            color: #1a7e83;
    }
    .profile-delete-green
    {
        border: 1px solid #1a7e83;
        border-radius: 20px;
        width: 20px;
        height: 20px;
        padding: 4px;
        font-size: 12px;
        color: #1a7e83;
    }
    .profile-edit-orange
    {
        border: 1px solid #f7941d;
        border-radius: 20px;
        width: 20px;
        height: 20px;
        padding: 4px;
        font-size: 10px;
        color: #f7941d;
    }
    .profile-add-orange
    {
        border: 1px solid #f7941d;
        border-radius: 20px;
        width: 20px;
        height: 20px;
        padding: 3px;
        font-size: 13px;
        color: #f7941d;
    }
    .profile-delete-orange
    {
    border: 1px solid #f7941d;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    padding: 4px;
    font-size: 10px;
    color: #f7941d;
    }
    .experience-block:nth-child(odd) .profile-edit-orange {
    color: #1a7e83; /* blue for even blocks */
    border: 1px solid #1a7e83;
}
.experience-block:nth-child(odd) .profile-delete-orange {
    color: #1a7e83; /* blue for even blocks */
    border: 1px solid #1a7e83;
}

/* Alternate (even blocks) */
.experience-block:nth-child(even) .profile-edit-orange {

    color: #f7941d; /* red for odd blocks */
    border: 1px solid #f7941d;
}
.experience-block:nth-child(even) .profile-delete-orange {
    color: #f7941d; /* red for odd blocks */
    border: 1px solid #f7941d;
}