.alert-primary {
    color: #57D5ED;
    background-color: #EDFCFF;
    border-color: #EDFCFF;
}
.alert-danger {
    background-color: #FFE3DC;
    color: #FF1000;
    border-color: #FFE3DC;
}
.close {
    line-height: 0.75;
}
.alert-primary .close {
    color: #57D5ED;
}
.alert-danger .close {
    color: #FF1000;
}
.header__btn:hover {
    color: #FF1000;
    text-decoration: none;
}
header{
    padding: 16px 35px;
}
input:focus{
    outline: 0px;
}
.intro__title{
    background: url('./mark/img/logo_gradient.webp') 0% 100% no-repeat; /* Градиент для текста */
    background-size: 100% 100%;
    -webkit-background-clip: text;  /* Обрезаем фон по тексту */
    -webkit-text-fill-color: transparent; /* Прозрачный текст */
    font-weight: 900;
    font-size: 125px;
    line-height: 0.8;
    height: unset;
    text-align: center;
    display: block !important;
    margin-bottom: 58px !important;
}

  .about__title{
    background: url(./img/nibble_gradient_mirror.png) 0% 100% no-repeat;
    background-size: 100% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    font-size: 125px;
    line-height: 1 !important;
    padding:0 40px 0 40px;
    margin-bottom: 40px;
  }
  .our-mission__title{
      line-height: normal;
  }
  .main_content{
      background-color: #FBFBFF;
  }
  .tooltip_box .rotate_tooltip_brief3{
      left: -5%;
  }
  .tooltip_box .rotate_tooltip_brief3_2{
      left: 68%;
  }

  .pl_for_see{
      padding: 7px 7px 7px 24%;
  }
  .acc-item:hover a,
  .how-item:hover a{
      color: #FF1000;
  }
  .acc-item:hover a > .acc-icon{
    filter: invert(168%) sepia(162%) saturate(1450%) hue-rotate(-35deg) brightness(88%) contrast(144%);
  }
  .webp header .dropdown:after{
    background-image: none;
    width: 0;
    height: 0;
  }
  .shadow_dropdown{
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #595F68;
    display: inline-block;
    margin-left: 2px;
  }
  header .dropdown{
    display: flex;
    align-items: center;
    padding: 5px 0;
  }
  header nav li a:hover > .shadow_dropdown {
    border-top: 6px solid #FF1000;
  }
  .payment__agree_mark span::after,
  .payment__agree span::after{
    background: url(./img/check.svg) center / cover no-repeat;
    width: 14px;
  }
  .hero_hiwc,
  .hero_hiwf{
    padding: 80px 7% 80px 7%;
  }
  .emptySvg{
      fill: none !important;
  }
  .hero{
    padding: 0 117px 65px 117px;
  }
  .tabs-content__item{
      margin-top: 150px;
  }
  .nav-tabs__link:hover {
    text-decoration: none;
}
.nav-tabs__link:hover {
    color: #9D71C7;
}
.nav-tabs__link:hover::before    {
    color: #9D71C7;
}
.contact_us_main{
    background: #f8f8ff;
    zoom: 1 !important;
}

.swiper-slide img{
    overflow: hidden;
}
.swiper-slide {
    background-color: #f8f8ff;
}
.swiper-button-next, .swiper-button-prev{
    top: 47%;
}
.sign-up__body_hiwf::after{
    background: rgba(211,187,224,0.53);
}
.sign-up__body{
    background: url(./mark/img/sign_up_bg.svg) bottom -5px left -70px/ 1390px no-repeat;
}
.arrow--prev_main1:hover svg, .arrow--next_main1:hover svg{
    filter: brightness(1.4);
}
.arrow--prev_main1:hover svg, .arrow--next_main1:hover svg{
    filter: brightness(1.4);
}
.number--slides_main1 a.active:hover{
    color: #DAA7EC;
}
.articles__links__nav_main1{
    cursor: pointer;
}
.articles__links_main1 {
    display: flex;
    align-items: center;
}
.number--slides_main1 a{
    margin-left: 30px;
}
.hiwc_next_swipe,
.hiwc_prev_swipe{
    top: 50%;
}
.hiwf_next_swipe,
.hiwf_prev_swipe{
    top: 17.5% !important;
}
.faq_bottom{
    padding: 0 63px 80px 63px;
}
.main__title_main1{
    text-transform: uppercase;
}
.for_contact_us_chooser{
    color: #434A54 !important;
}
.home_client{
    padding-top: 0;
}
.how-dropdown{
    top: 100% !important;
    left: 50.4% !important;
    min-width: 140px;
}
.how_it_works{
    position:  relative !important;
}
.faqs__item-text:hover{
    text-decoration: none;
}
.journey{
    margin: 0 60px 90px 60px;
}
.articles__item_main1:hover{
    text-decoration: none;
}
.main__readmore_main1{
    color: #9D71C7;
}
.main__readmore_main1:hover{
    color: #DAA7EC;
}
.articles__item_main1:hover .news__name_main1{
    color: #AAB2BD;
}
.forgot__password_main2_3:hover {
    color: #DAA7EC;
    text-decoration: none;
}
.backtopage_main1:hover{
    color: #DBB9E7;
    text-decoration: none;
}
.backtopage--two_main1:hover{
    color: #DAA7EC;
    text-decoration: none;
}
.fix_brief2_problem{
    align-items: inherit;
    width: 81%;
}
.brief__wrapper--itm--file--label_main4 img{
    width: 402px;
}
.breadcrumbs_main5 a.current_main5:hover,
 main.with_sidebar_main5 .breadcrumbs_main5 a.current_main5:hover{
    color: #DAA7EC;
}
.faqs__item:hover .faqs__item-text{
    color: #AAB2BD;
}
.hiwc_slide_img img{
    width: 84px;
    height: 40px;
}
footer.footer .footer__content .subscribe form input {
    width: 60%;
}
.forgot__password_main2_3:hover{
    color: #DAA7EC;
}
#site{
    background: transparent;
}
.nav-active{
    background-color:#fff;
    box-shadow: 5px -1px 12px -5px grey;
  }
  .main_main4 .referal_content{
      width: 100%;
      margin-bottom: 100px;
  }
  .main_main4 .referal_content .container{
    padding: 44px 70px 0px 70px;
  }
  .main_main4 .referal_content h1{
    color: #FF1000;
    margin-bottom: 10px;
  }
  .main_main4 .referal_content h2 span{
    color: #9D71C7;
  }
  section.hero{
        padding: 80px 117px 80px 117px;
  }
  .header__btns .btn_orange{
    background: #FF1000;
  }
  .container_main2_3{
    padding: 40px 10px 0 10px;
  }
  .cards__fullwrap_main2_3{
      padding-top: 5px;
  }
  .create-profile-settings_main2_3{
      padding-top: 50px;
  }
  .main_content_main8{
      padding-top: 50px;
  }
  .brief1__select__custom_main4{
      height: 230px !important;
  }
  .checkbox__text_main2_3 a,
  .checkbox__text_main2_3{
      color: #9D71C7;
  }
  .checkbox__fake1_main2_3,
  .checkbox__fake_main2_3{
      border-color: #AAB2BD;
  }
  .signup__with_main2_3{
      margin-top: 18px;
  }
  .setting-name_main2_3{
      font-weight: 700;
  }
  .setting-button_main2_3 .btn--next_main2_3{
      border-width: 0;
  }
  .card_item_container_main2_3 .btn_container_main2_3 {
      margin-bottom: 0;
  }
  .card_item_container_main2_3 .attach_main2_3{
      width: 100%;
  }
  .create__btn_main4{
    padding: 11px 22px;
  }
  .create__img_main4{
      padding: 20px;
  }
  .brief__input_main4{
      margin: 0 !important;
      width: 60% !important;
  }
  .create__profile__text_main4{
      white-space: nowrap;
  }
  .create__top_main4{
      justify-content: space-around;
  }
  .brief__1--textarea_main4{
      width: 100%;
  }
  a:hover{
      text-decoration: none;
  }
  main.with_sidebar_main5 .result_main5 .variant_main5 .info_main5 h3{
      margin-bottom: 0.5rem;
      line-height: 21px;
      font-size: 16px;
      /*display: -webkit-box;*/
      /*-webkit-line-clamp: 2;*/
      /*-webkit-box-orient: vertical;*/
      /*overflow: hidden;*/
  }
  .info-single_main6{
    min-width: 440px;
    position: relative;
  }
  .info-single__btn_main6 img{
      margin-left: 4px;
  }
  .chat_right__messages_main8 > ul > li.out{
      margin: 5px 0 5px auto !important;
  }
  #file-upload{
      margin-left: 10px;
  }
  .info-single__btn_main6{
      position: absolute;
      bottom: 20px;
      right: 40px;
      margin-bottom: -3px;
  }
  .attributes-single__item_main6{
      cursor: default;
  }
  .signup__block_main2_3{
      background: #fff;
  }
  .dropzone .dz-preview{
    max-width: 100%;
    width: 100%;
  }
  .left-project__title,
  .project__title{
      max-width: 24.4vw;
      word-break: break-word;
  }
  a .project__title{
      cursor: pointer;
  }

  a:hover .project__title {
      color: #9D71C7;
      transition: all .2s;
  }
  .project__title{
      cursor:default;
  }
  .project__job span{
    max-width: 42vw;
    word-break: break-word;
  }
  .main-text{
      margin: 5px 0;
  }
  .review__title{
      font-size: 14px;
  }
  .btn_white_main5{
      padding: 10px;
  }
  aside nav li.dropdown ul li .count,li.dropdown ul li .count{
    display: inline-flex;
      width: 20px;
      height: 20px;
      font-size: 12px;
      line-height: 0;
      font-weight: 600;
      background: #FF1000;
      color: #fff;
      border-radius: 50%;
      align-items: center;
      justify-content: center;
      margin-left: 5px;
  }
  textarea{
      outline: none;
  }
  .tooltip_box .tooltiptext{
      padding: 15px !important;
  }
  .text_header_tooltip{
      display: none;
  }
  .brief-4__subtitle_main4{
      margin-bottom: 12px;
  }
  /* Zoom */
.scale_08{
    zoom: 0.8;
    -moz-transform: scale(0.8);
    -moz-transform-origin: 700px 0;
  }
  .scale_09{
    zoom: 0.9;
    -moz-transform: scale(0.9);
    -moz-transform-origin: 700px 0;
  }
  .container_brief{
      padding: 40px 50px;
  }
  body{
      background-color: #fff;
  }
  header .msg:hover {
    -webkit-animation: Bell .5s linear;
            animation: Bell .5s linear;
  }
  header .msg:hover .msg-dropdown {
    -webkit-animation: none;
            animation: none;
  }
  .input__form_main2_3{
      margin-bottom: 20px;
      margin-top: 0;
  }
  .error {
    background: url("../img/error.svg"), #fff;
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: top 50% right 12px;
    border: 1px solid #FF1000;
  }
  .warning {
    background-image: url("../img/warning.svg"), #fff;
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: top 50% right 12px;
    border: 1px solid #FFA400;
  }
  .success {
    background: url("../img/success.svg"), #fff;
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: top 50% right 12px;
    border: 1px solid #57D5ED;
  }
  .paddng-error{
      color: #FF1000;
      /* text-align: left; */
  }
  .paddng-warning{
      color: #FFA400;
      text-align: left;
  }
  .paddng-success{
      color: #57D5ED;
      text-align: left;
  }
  #collapseBlock{
        margin-top: 25px;
    }
    #readMore{
        white-space: nowrap;
    }
    .rotate_arrow{
        transform: rotate(180deg);
    }
    #collapseBlock{
        display: none;
    }
    .dsp_block{
        display: block !important;
    }
    .single__body-right_main6{
        position: relative;
    }
    .popup_main5 .popup_content_main5 .matches_main5 .item_main5 .item_left_main5{
        max-width: 60%;
    }
    .popup_main5 .popup_content_main5 .matches_main5 .item_main5 .info_main5 h3{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 250px;
    }
    .label_bg a{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 80px;
    }
    .label_bg span{
        max-width: 80px !important;
    }
    .info-single__text_main6,
    .single__company-name_main6,
    .brief-4__text_main4,
    .brief-4-text__wrap_main4 p{
        word-break: break-word;
    }
    main.with_sidebar_main8 h1{
        max-width: 70vw;
        word-break: break-word;
    }
    .single__subtitle_main7{
        max-width: 70vw;
        word-break: break-word;
    }

    .single__company_main6 img{
        margin-left: auto;
        margin-right: auto;
            max-width: 100px;
    overflow: hidden;
    max-height: 100px;
    }
    .subtitle_main5{
        min-width: 280px;
        /*overflow: hidden;*/
        text-overflow: ellipsis;
        margin-bottom: 7px;
    }
    .chat_right__messages_main8{
        height: 57vh;
        display: flex;
        flex-direction: column-reverse;
    }
    .chat-menu_main8{
        margin-bottom: 10px;
    }
    .fix_main8{
        margin-right: 20px;
    }
@media screen and (min-width: 1024px) {
    .w-lg-25 {
        width: 25% !important;
    }
}
@media screen and (min-width: 1200px) {
    .w-xl-25 {
        width: 25% !important;
    }
}
@media screen and (max-width: 1340px){
    .hero_hiwc,
  .hero_hiwf{
    padding: 95px 3% 150px 3%;
  }
  .text-input{
      width: 200px;
  }

  .elem--custom-item_main4{
    width: 49% !important;
  }
}
@media screen and (max-width: 1140px){
    .intro__title{
        /*height: 360px;*/
    }
    .brief__wrapper_main4{
        margin-right: 0;
    }
}
@media screen and (max-width: 1090px){
    .intro__title{
        /*height: 490px;*/
    }
    .info-single_main6{
        min-width: unset;
    }
}
@media screen and (max-width: 860px){
    .scale_08{
        zoom: 1;
        -moz-transform: scale(1);
        -moz-transform-origin: 0 0;
      }
      .scale_09{
        zoom: 1;
        -moz-transform: scale(1);
        -moz-transform-origin: 0 0;
      }
    .journey{
        margin: 0 0 60px 0;
    }
    .intro__title{
        font-weight: 900;
        font-size: 80px;
        line-height: 83px;
        /*height: 190px;*/
    }
    section.hero{
        padding: 107px 43px 65px 43px;
    }
    .clients__items{
        max-width: 100%;
        margin: 50px 0 0 0;
    }
    .how-dropdown{
        box-shadow: 0 0 3px #ccc;
        width: 50%;
        margin: 0px auto;
    }
    .about__title{
        font-size: 74px;
        line-height: 75px;
    }
    .intro__description{
        margin: 0 auto;
    }
    .our-mission__description{
        font-size: 20px;
    }
    .block_for_outer_border{
        width: 100%;
    }
    .btn--next_main2_3{
        white-space: nowrap;
    }
    .brief__wrapper_main4{
        margin-left: 0;
        margin-right: 0;
        display: flex;
    }
    /* #dropzone{
        width: 240px !important;
    } */
    .custom-select_me{
        max-width: 343px;
    }

    /* .how-item{
        padding: 10px 0;
        margin-bottom: 0 !important;
    } */
}
@media screen and (max-width: 560px){
    #menuDashboard .add_new{
        max-width: 196.61px!important;
      }
    .single-block__body_main7.active{
        flex-direction: column;
    }
    .intro__title{
        font-weight: 900;
        font-size: 41px !important;
        line-height: 43px;
        /*height: 95px;*/
    }
    section.hero{
        padding: 63px 10px 65px 10px;
    }
    footer.footer .footer__content .subscribe{
        grid-column: 1/7;
    }
    .header__left-dropdown{
        position: relative;
    }
    .how-dropdown{
        box-shadow: 0 0 3px #ccc;
        width: 50%;
        margin: 0px auto;
    }
    .slider_main2_3{
        width: 34px;
    }
    .create__form--wrap_main2_3{
        flex-direction: column;
    }
    .createform__settings_main2_3 .input--wrap_main2_3:nth-child(3), .createform__settings_main2_3 .input--wrap_main2_3{
        width: 100%;
    }
    .createform__settings_main2_3 .input--wrap_main2_3:nth-child(3){
        margin-right: 10px;
    }
    .main__banner_main1{
        width: 100%;
    }
    .clients__items{
        max-width: 100%;
        margin: 50px 0 0 0;
    }
    .cards__inner_main2_3.advice_main2_3 .cards__item_main2_3{
        width: 100%;
    }
    .cards__item_main2_3{
        width: 100%;
    }
    .main_main4 .referal_content .container{
        padding: 24px 10px 0px 10px;
    }
    .about__title{
        font-size: 36px;
        line-height: 48px;
    }
    .custom-select_me{
        max-width: 100%;
    }
    /* .createTwo__box_main2_3:nth-child(2){
        margin-top: 0;
    } */
    #dropzone{
        width: 100% !important;
    }
    .secondcolumn__dragdrop_main2_3{
        margin: 0;
    }
    .create__editaccount__profile__step1_main4{
        padding: 35px 16px 38px 16px;
    }
    .first-column_main4{
        padding: 0 10px;
    }
}
@media screen and (max-width: 766px){
    .swiper-button-next, .swiper-button-prev {
        top: 20% !important;
    }
    div.hiwc_next_swipe, div.hiwc_prev_swipe {
        top: 21% !important;
    }
}

/* Azeem's css start */

.scale_09{
  zoom: 0.9 !important; /* IE */
  -moz-transform: scale(0.9) !important;
  -moz-transform-origin: 700px 0 !important;
}

.dashboard-main-content{
    width: 100%;
    padding: 43px 96px 30px 82px;
    /* margin-bottom: 25px !important; */
    background-color: #FBFBFF;
    transition: .5s all ease;
}
.dashboard-main-content.dashboard{
    padding: 43px 96px 30px 82px!important;
}
.dashboard-main-content .container-fluid{
    padding: 0;
}
.dashboard-main-content [class*="container"]{
    padding: 0;
    position: relative;
}
.dashboard-main-content [class*="container"] h1.dashboard-main-content-heading{
    font-size: 32px;
    font-weight: 800;
}
.dashboard-main-content [class*="container"] h2.dashboard-main-content-subheading{
    font-size: 20px;
    font-weight: bold;
}
.dashboard-main-content .main_title {
    margin-top: 0 !important;
}

.dashboard-main-content .main_title.main_title_result, .dashboard-main-content .main_title.main_title_result2{
    margin-top: 40px !important;
    margin-bottom: 10px;
    line-height: 1.3;
}

/* .dashboard-main-content .container_main5{
    padding: 0 !important;
} */
.dashboard-main-content .cards__fullwrap_main2_3{
    padding: 0;
}
.dashboard-main-content .single__body_main7{
    margin: 0;
}
.tooltip_img{
    margin-left: 3px;
}
.pagination{
    justify-content: center;
    margin: 50px 0;
}


.pagination .page-link{
    font-size: 16px;
    font-weight: bold;
    color: #9D71C7 !important;
    background-color: transparent !important;
    border: none;
    line-height: 1;
    display: flex;
}
.pagination .page-link:hover{
    text-decoration: none;
    color:#DBB9E7!important;
    font-weight: bold;
    }

.pagination .page-link:hover path {
    fill: #DBB9E7 !important;
}
.pagination .page-item.active .page-link{
    color: #969696 !important;
}
.pagination .page-item .page-link:focus{
    box-shadow: none !important;
}
.page-item:first-child .page-link{
    padding-right: 1.75rem;
}
.page-item:last-child .page-link{
    padding-left: 1.75rem;
}
@media only screen and (max-width: 1024px) {
    .dashboard-main-content.dashboard{
        padding: 30px 50px!important;
    }
    .dashboard-main-content{
        min-height: 50vh;
        padding: 30px 50px;
    }
}
@media only screen and (max-width: 767px) {
    header {
        padding: 25px 10px;
    }
    .dashboard-main-content{
        padding: 30px 16px;
    }

    .pagination{
        margin: 30px 0;
    }
}
@media only screen and (max-width: 767px) {
    .dashboard-main-content.dashboard{
        padding: 30px 0 55px 0 !important;
      }
}
@media only screen and (min-width: 560px){
main.with_sidebar_main5 .result_main5 .variant_main5 .info_main5 h3, .col-xl-8 .project__title{
margin-right: 10px;
}
}
@media only screen and (max-width: 560px){
    .chat-container{
        padding: 0 16px!important;
    }

    /* .dashboard-main-content [class*="container"] h1.dashboard-main-content-heading{
        padding: 0 16px!important;
    } */
    .dashboard-main-content [class*="container"] h2.dashboard-main-content-subheading{
        font-size: 16px!important;
    }
    .info-single__btn_main6{
        position: relative;
        margin: auto;
        top: 15px;
        right: 0!important;
    }
    .left-project__title,
  .project__title{
      max-width: 100%;
      word-break: break-word;
  }
    .single__company_main6 img{
        margin-left: auto;
        margin-right: 0px;
    }
    h1.intro__title{
        margin-bottom: 40px!important;
    }
  .brief__input_main4{
    width: 100% !important;
  }
  .brief__1--textarea_main4{
    margin-left: 0;
    width: 100%;
  }
}

span.checkbox__text_main2_3{
  color: #7c828a;
}

li.profile-lsit {
    display: list-item;
    list-style: disc !important;
    color: #2C2F32;
}
label.create__btn_main2_3.dp {
          font-size: 14px;
    justify-content: center;
    padding: 7.5px 23.13px;
    /* float: left; */
    height: unset !important;
    width: unset !important;
}


img.cross-img {
    cursor: pointer;
    position: absolute;
    top: 29%;
    right: 45%;
}

svg.cross-img {
    cursor: pointer;
    position: absolute;
    top: 25px;
    right: 10px;
    color: #2C2F32;
}

svg.cross-img:hover {
    color: #FF1000;
}

p.dp-cover-paragraph{
    color: #7c828a;
    font-size: 20px;
    margin-bottom: 40px;
    font-weight: 700;
}

.mg-bot{
    margin-bottom: 10px;
}


@media screen and (max-width: 560px){

    .heading-padding-dp{

    max-width: 300px;

    }

.p-padding-dp {
    max-width: 240px;
}
    p.proposal__msg-text_main6.custom-ico {
    font-size: 14px !important;
}
.dp-header{
    display: flex !important;
}

p.dp-cover-paragraph {
    color: #7c828a;
    font-size: 16px;
    margin-bottom: 40px;
    font-weight: 700;
}
img.cross-img {
  cursor: pointer;
    position: absolute;
    top: 35% !important;
    right: 33%;
}



}
.dpul_ul{
    display: flex;
    justify-content: center;
}
.dpul_ul ul li {
    text-align: left;
}



.signup__with_main2_3_custom{
    cursor: pointer;
    font-weight: 600 !important;
}


@media (min-width: 768px) and (max-width: 1024px){

    a.btn_orange.btn-or-dp {
    background: #FF1000;
    border-radius: 5px;
    border: none;
    color: #fff;
    padding: 11px 64.1px !important;
    font-weight: 600;
}

a.btn_main2_3.btn__form_main2_3.btn_custom_form {
    height: unset !important;
    max-width: 183px !important;
    padding: 3px 6px !important;
}
    p.dp-cover-paragraph {
    color: #7c828a;
    font-size: 16px;
    margin-bottom: 40px;
    font-weight: 700;
    }

    img.cross-img {
        cursor: pointer;
        position: absolute;
        top: 31%;
        right: 42%;
    }
   button.decline__btn_main6.btn_orange_main6.margn-equl-upbotm.dev-btn-equal {
    margin: unset;
    margin-left: unset;
}
.modal-footer.text-center.dev-footer {
    justify-content: center;
}

}

header{
    padding: 16px 35px;
}
input:focus{
    outline: 0px;
}
.intro__title{
    background: url('./mark/img/logo_gradient.webp') 0% 100% no-repeat; /* Градиент для текста */
    background-size: 100% 100%;
    -webkit-background-clip: text;  /* Обрезаем фон по тексту */
    -webkit-text-fill-color: transparent; /* Прозрачный текст */
    font-weight: 900;
    font-size: 125px;
    line-height: 0.8;
    height: unset;
    text-align: center;
    display: block !important;
    margin-bottom: 58px !important;
  }

@media screen and (max-width: 1440px) {
    .intro__title{
        font-size: 110px;
    }
}
  .about__title{
    background: url(./img/nibble_gradient_mirror.png) 0% 100% no-repeat;
    background-size: 100% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    font-size: 125px;
    line-height: 1 !important;
    padding:0 40px 0 40px;
    margin-bottom: 40px;
  }
  .our-mission__title{
      line-height: normal;
  }
  .main_content{
      background-color: #FBFBFF;
  }
  .tooltip_box .rotate_tooltip_brief3{
      left: -5%;
  }
  .tooltip_box .rotate_tooltip_brief3_2{
      left: 68%;
  }

  .pl_for_see{
      padding: 7px 7px 7px 24%;
  }
  .acc-item:hover a,
  .how-item:hover a{
      color: #FF1000;
  }
  .acc-item:hover a > .acc-icon{
    filter: invert(168%) sepia(162%) saturate(1450%) hue-rotate(-35deg) brightness(88%) contrast(144%);
  }
  .webp header .dropdown:after{
    background-image: none;
    width: 0;
    height: 0;
  }
  .shadow_dropdown{
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #595F68;
    display: inline-block;
    margin-left: 2px;
  }
  header .dropdown{
    display: flex;
    align-items: center;
    padding: 5px 0;
  }
  header nav li a:hover > .shadow_dropdown {
    border-top: 6px solid #FF1000;
  }
  .payment__agree_mark span::after,
  .payment__agree span::after{
    background: url(./img/check.svg) center / cover no-repeat;
    width: 14px;
  }
  .hero_hiwc,
  .hero_hiwf{
    padding: 80px 7% 80px 7%;
  }
  .emptySvg{
      fill: none !important;
  }
  .hero{
    padding: 0 117px 65px 117px;
  }
  .tabs-content__item{
      margin-top: 150px;
  }
  .nav-tabs__link:hover {
    text-decoration: none;
}
.contact_us_main{
    background: #f8f8ff;
    zoom: 1 !important;
}

.swiper-slide img{
    overflow: hidden;
}
.swiper-slide {
    background-color: #f8f8ff;
}
.swiper-button-next, .swiper-button-prev{
    top: 47%;
}
.sign-up__body_hiwf::after{
    background: rgba(211,187,224,0.53);
}
.sign-up__body{
    background: url(./mark/img/sign_up_bg.svg) bottom -5px left -70px/ 1390px no-repeat;
}
.arrow--prev_main1:hover svg, .arrow--next_main1:hover svg{
    filter: brightness(1.4);
}
.arrow--prev_main1:hover svg, .arrow--next_main1:hover svg{
    filter: brightness(1.4);
}
.number--slides_main1 a.active:hover{
    color: #DAA7EC;
}
.articles__links__nav_main1{
    cursor: pointer;
}
.articles__links_main1 {
    display: flex;
    align-items: center;
}
.number--slides_main1 a{
    margin-left: 30px;
}
.hiwc_next_swipe,
.hiwc_prev_swipe{
    top: 50%;
}
.hiwf_next_swipe,
.hiwf_prev_swipe{
    top: 17.5% !important;
}
.faq_bottom{
    padding: 0 63px 80px 63px;
}
.main__title_main1{
    text-transform: uppercase;
}
.for_contact_us_chooser{
    color: #434A54 !important;
}
.home_client{
    padding-top: 0;
}
.how-dropdown{
    top: 100% !important;
    left: 50.4% !important;
    min-width: 140px;
}
.how_it_works{
    position:  relative !important;
}
.faqs__item-text:hover{
    text-decoration: none;
}
.journey{
    margin: 0 60px 90px 60px;
}
.articles__item_main1:hover{
    text-decoration: none;
}
.main__readmore_main1{
    color: #9D71C7;
}
.main__readmore_main1:hover{
    color: #DAA7EC;
}
.articles__item_main1:hover .news__name_main1{
    color: #AAB2BD;
}
.forgot__password_main2_3:hover {
    color: #DAA7EC;
    text-decoration: none;
}
.backtopage_main1:hover{
    color: #DBB9E7;
    text-decoration: none;
}
.backtopage--two_main1:hover{
    color: #DAA7EC;
    text-decoration: none;
}
.fix_brief2_problem{
    align-items: inherit;
    width: 81%;
}
.brief__wrapper--itm--file--label_main4 img{
    width: 402px;
}
.breadcrumbs_main5 a.current_main5:hover,
 main.with_sidebar_main5 .breadcrumbs_main5 a.current_main5:hover{
    color: #DAA7EC;
}
.faqs__item:hover .faqs__item-text{
    color: #AAB2BD;
}
.hiwc_slide_img img{
    width: 84px;
    height: 40px;
}
footer.footer .footer__content .subscribe form input {
    width: 60%;
}
.forgot__password_main2_3:hover{
    color: #DAA7EC;
}
#site{
    background: transparent;
}
.nav-active{
    background-color:#fff;
    box-shadow: 5px -1px 12px -5px grey;
  }
  .main_main4 .referal_content{
      width: 100%;
      margin-bottom: 100px;
  }
  .main_main4 .referal_content .container{
    padding: 44px 70px 0px 70px;
  }
  .main_main4 .referal_content h1{
    color: #FF1000;
    margin-bottom: 10px;
  }
  .main_main4 .referal_content h2 span{
    color: #9D71C7;
  }
  section.hero{
        padding: 80px 117px 80px 117px;
  }
  .header__btns .btn_orange{
    background: #FF1000;
  }
  .container_main2_3{
    padding: 40px 10px 0 10px;
  }
  .cards__fullwrap_main2_3{
      padding-top: 5px;
  }
  .create-profile-settings_main2_3{
      padding-top: 50px;
  }
  .main_content_main8{
      padding-top: 50px;
  }
  .brief1__select__custom_main4{
      height: 230px !important;
  }
  .checkbox__text_main2_3 a,
  .checkbox__text_main2_3{
      color: #9D71C7;
  }
  .checkbox__fake1_main2_3,
  .checkbox__fake_main2_3{
      border-color: #AAB2BD;
  }
  .signup__with_main2_3{
      margin-top: 30px;
  }
  .setting-name_main2_3{
      font-weight: 700;
  }
  .setting-button_main2_3 .btn--next_main2_3{
      border-width: 0;
  }
  .card_item_container_main2_3 .btn_container_main2_3 {
      margin-bottom: 0;
  }
  .card_item_container_main2_3 .attach_main2_3{
      width: 100%;
  }
  .create__btn_main4{
    padding: 11px 22px;
  }
  .create__img_main4{
      padding: 20px;
  }
  .brief__input_main4{
      margin: 0 !important;
      width: 60% !important;
  }
  .create__profile__text_main4{
      white-space: nowrap;
  }
  .create__top_main4{
      justify-content: space-around;
  }
  .brief__1--textarea_main4{
      width: 100%;
  }
  a:hover{
      text-decoration: none;
  }
  main.with_sidebar_main5 .result_main5 .variant_main5 .info_main5 h3{
      margin-bottom: 0.5rem;
      line-height: 21px;
      font-size: 16px;
      /*display: -webkit-box;*/
      /*-webkit-line-clamp: 2;*/
      /*-webkit-box-orient: vertical;*/
      /*overflow: hidden;*/
  }
  .info-single_main6{
    min-width: 440px;
    position: relative;
  }
  .info-single__btn_main6 img{
      margin-left: 4px;
  }
  .chat_right__messages_main8 > ul > li.out{
      margin: 5px 0 5px auto !important;
  }
  #file-upload{
      margin-left: 10px;
  }
  .info-single__btn_main6{
      position: absolute;
      bottom: 20px;
      right: 40px;
      margin-bottom: -3px;
  }
  .attributes-single__item_main6{
      cursor: default;
  }
  .signup__block_main2_3{
      background: #fff;
  }
  .dropzone .dz-preview{
    max-width: 100%;
    width: 100%;
  }
  .left-project__title,
  .project__title{
      max-width: 24.4vw;
      word-break: break-word;
  }
  a .project__title{
      cursor: pointer;
  }
  .project__title{
      cursor:default;
  }
  .project__job span{
    max-width: 42vw;
    word-break: break-word;
  }
  .main-text{
      margin: 5px 0;
  }
  .review__title{
      font-size: 14px;
  }
  .btn_white_main5{
      padding: 10px;
  }
  aside nav li.dropdown ul li .count,li.dropdown ul li .count{
    display: inline-flex;
      width: 20px;
      height: 20px;
      line-height: 0;
      font-size: 12px;
      font-weight: 600;
      background: #FF1000;
      color: #fff;
      border-radius: 50%;
      align-items: center;
      justify-content: center;
      margin-left: 5px;
  }
  textarea{
      outline: none;
  }
  .tooltip_box .tooltiptext{
      padding: 15px !important;
  }
  .text_header_tooltip{
      display: none;
  }
  .brief-4__subtitle_main4{
      margin-bottom: 12px;
  }
  /* Zoom */
.scale_08{
    zoom: 0.8;
    -moz-transform: scale(0.8);
    -moz-transform-origin: 700px 0;
  }
  .scale_09{
    zoom: 0.9;
    -moz-transform: scale(0.9);
    -moz-transform-origin: 700px 0;
  }
  .container_brief{
      padding: 40px 50px;
  }
  body{
      background-color: #fff;
  }
  header .msg:hover {
    -webkit-animation: Bell .5s linear;
            animation: Bell .5s linear;
  }
  header .msg:hover .msg-dropdown {
    -webkit-animation: none;
            animation: none;
  }
  .input__form_main2_3{
      margin-bottom: 20px;
      margin-top: 0;
  }
  .error {
    background: url("../img/error.svg"), #fff;
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: top 50% right 12px;
    border: 1px solid #FF1000;
  }
  .warning {
    background-image: url("../img/warning.svg"), #fff;
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: top 50% right 12px;
    border: 1px solid #FFA400;
  }
  .success {
    background: url("../img/success.svg"), #fff;
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: top 50% right 12px;
    border: 1px solid #57D5ED;
  }
  .paddng-error{
      color: #FF1000;
      /* text-align: left; */
  }
  .paddng-warning{
      color: #FFA400;
      text-align: left;
  }
  .paddng-success{
      color: #57D5ED;
      text-align: left;
  }
  #collapseBlock{
        margin-top: 25px;
    }
    #readMore{
        white-space: nowrap;
    }
    #readMoreLater:hover {
        color: #FF877F;
    }
    #readMoreLater:hover #arrow_more path {
        fill: #FF877F;
    }
    .rotate_arrow{
        transform: rotate(180deg);
    }
    #collapseBlock{
        display: none;
    }
    .dsp_block{
        display: block !important;
    }
    .single__body-right_main6{
        position: relative;
    }
    .popup_main5 .popup_content_main5 .matches_main5 .item_main5 .item_left_main5{
        max-width: 60%;
    }
    .popup_main5 .popup_content_main5 .matches_main5 .item_main5 .info_main5 h3{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 250px;
    }
    .label_bg a{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 80px;
    }
    .label_bg span{
        max-width: 80px !important;
    }
    .info-single__text_main6,
    .single__company-name_main6,
    .brief-4__text_main4,
    .brief-4-text__wrap_main4 p{
        word-break: break-word;
    }
    main.with_sidebar_main8 h1{
        max-width: 70vw;
        word-break: break-word;
    }
    .single__subtitle_main7{
        max-width: 70vw;
        word-break: break-word;
    }

    .single__company_main6 img{
        margin-left: auto;
        margin-right: auto;
            max-width: 100px;
    overflow: hidden;
    max-height: 100px;
    }
    .subtitle_main5{
        min-width: 280px;
        /*overflow: hidden;*/
        text-overflow: ellipsis;
        margin-bottom: 7px;
    }
    .chat_right__messages_main8{
        height: 57vh;
        display: flex;
        flex-direction: column-reverse;
    }
    .chat-menu_main8{
        margin-bottom: 10px;
    }
    .fix_main8{
        margin-right: 20px;
    }
@media screen and (max-width: 1340px){
    .hero_hiwc,
  .hero_hiwf{
    padding: 95px 3% 150px 3%;
  }
  .text-input{
      width: 200px;
  }

  .elem--custom-item_main4{
    width: 49% !important;
  }
}
@media screen and (max-width: 1140px){
    .intro__title{
        font-size: 90px !important;
        /*height: 360px;*/
    }
    .brief__wrapper_main4{
        margin-right: 0;
    }
}
@media screen and (max-width: 1090px){
    .intro__title{
        /*height: 490px;*/
        font-size: 86px !important;
    }
    .info-single_main6{
        min-width: unset;
    }
}
@media screen and (max-width: 860px){
    .scale_08{
        zoom: 1;
        -moz-transform: scale(1);
        -moz-transform-origin: 0 0;
      }
      .scale_09{
        zoom: 1;
        -moz-transform: scale(1);
        -moz-transform-origin: 0 0;
      }
    .journey{
        margin: 0 0 60px 0;
    }
    .intro__title{
        font-weight: 900;
        font-size: 80px !important;
        line-height: 83px;
        /*height: 190px;*/
    }
    section.hero{
        padding: 107px 43px 65px 43px;
    }
    .clients__items{
        max-width: 100%;
        margin: 50px 0 0 0;
    }
    .how-dropdown{
        box-shadow: 0 0 3px #ccc;
        width: 50%;
        margin: 0px auto;
    }
    .about__title{
        font-size: 74px;
        line-height: 75px;
    }
    .intro__description{
        margin: 0 auto;
    }
    .our-mission__description{
        font-size: 20px;
    }
    .block_for_outer_border{
        width: 100%;
    }
    .btn--next_main2_3{
        white-space: nowrap;
    }
    .brief__wrapper_main4{
        margin-left: 0;
        margin-right: 0;
        display: flex;
    }
    /* #dropzone{
        width: 240px !important;
    } */
    .custom-select_me{
        max-width: 343px;
    }

    /* .how-item{
        padding: 10px 0;
        margin-bottom: 0 !important;
    } */
}

@media screen and (max-width: 720px) {
    .intro__title{
        font-size: 60px !important;
        line-height: 63px;
        /*height: 140px;*/
    }
}

@media screen and (max-width: 560px){
    #menuDashboard .add_new{
        max-width: 196.61px!important;
      }
    .single-block__body_main7.active{
        flex-direction: column;
    }
    .intro__title{
        font-weight: 900;
        font-size: 41px !important;
        line-height: 43px;
        /*height: 95px;*/
    }
    section.hero{
        padding: 63px 10px 65px 10px;
    }
    footer.footer .footer__content .subscribe{
        grid-column: 1/7;
    }
    .header__left-dropdown{
        position: relative;
    }
    .how-dropdown{
        box-shadow: 0 0 3px #ccc;
        width: 50%;
        margin: 0px auto;
    }
    .slider_main2_3{
        width: 34px;
    }
    .create__form--wrap_main2_3{
        flex-direction: column;
    }
    .createform__settings_main2_3 .input--wrap_main2_3:nth-child(3), .createform__settings_main2_3 .input--wrap_main2_3{
        width: 100%;
    }
    .createform__settings_main2_3 .input--wrap_main2_3:nth-child(3){
        margin-right: 10px;
    }
    .main__banner_main1{
        width: 100%;
    }
    .clients__items{
        max-width: 100%;
        margin: 50px 0 0 0;
    }
    .cards__inner_main2_3.advice_main2_3 .cards__item_main2_3{
        width: 100%;
    }
    .cards__item_main2_3{
        width: 100%;
    }
    .main_main4 .referal_content .container{
        padding: 24px 10px 0px 10px;
    }
    .about__title{
        font-size: 36px;
        line-height: 48px;
    }
    .custom-select_me{
        max-width: 100%;
    }
    /* .createTwo__box_main2_3:nth-child(2){
        margin-top: 0;
    } */
    #dropzone{
        width: 100% !important;
    }
    .secondcolumn__dragdrop_main2_3{
        margin: 0;
    }
    .create__editaccount__profile__step1_main4{
        padding: 35px 16px 38px 16px;
    }
    .first-column_main4{
        padding: 0 10px;
    }
}
@media screen and (max-width: 370px) {
    .intro__title {
        font-size: 30px !important;
        line-height: 32px;
        /*height: 70px;*/
    }
}

@media screen and (max-width: 766px){
    .swiper-button-next, .swiper-button-prev {
        top: 20% !important;
    }
    div.hiwc_next_swipe, div.hiwc_prev_swipe {
        top: 21% !important;
    }
}

/* Azeem's css start */

.scale_09{
  zoom: 0.9 !important; /* IE */
  -moz-transform: scale(0.9) !important;
  -moz-transform-origin: 700px 0 !important;
}

.dashboard-main-content{
    width: 100%;
    padding: 43px 96px 30px 82px;
    /* margin-bottom: 25px !important; */
    background-color: #FBFBFF;
    transition: .5s all ease;
}
.dashboard-main-content.dashboard{
    padding: 43px 96px 30px 82px!important;
}
.dashboard-main-content .container-fluid{
    padding: 0;
}
.dashboard-main-content [class*="container"]{
    padding: 0;
    position: relative;
}
.dashboard-main-content [class*="container"] h1.dashboard-main-content-heading{
    font-size: 32px;
    font-weight: 800;
}
.dashboard-main-content [class*="container"] h2.dashboard-main-content-subheading{
    font-size: 20px;
    font-weight: bold;
}
.dashboard-main-content .main_title {
    margin-top: 0 !important;
}

.dashboard-main-content .main_title.main_title_result, .dashboard-main-content .main_title.main_title_result2{
    margin-top: 40px !important;
    margin-bottom: 10px;
    line-height: 1.3;
}

/* .dashboard-main-content .container_main5{
    padding: 0 !important;
} */
.dashboard-main-content .cards__fullwrap_main2_3{
    padding: 0;
}
.dashboard-main-content .single__body_main7{
    margin: 0;
}
.tooltip_img{
    margin-left: 3px;
}
.pagination{
    justify-content: center;
    margin: 50px 0;
}


.pagination .page-link{
    font-size: 16px;
    font-weight: bold;
    color: #9D71C7 !important;
    background-color: transparent !important;
    border: none;
}
.pagination .page-link:hover{
    text-decoration: none;
    color:#DBB9E7!important;
    font-weight: bold;
    }
.pagination .page-item.active .page-link{
    color: #969696 !important;
}
.pagination .page-item .page-link:focus{
    box-shadow: none !important;
}
.page-item:first-child .page-link{
    padding-right: 1.75rem;
}
.page-item:last-child .page-link{
    padding-left: 1.75rem;
}
@media only screen and (max-width: 1024px) {
    .dashboard-main-content.dashboard{
        padding: 30px 50px!important;
    }
    .dashboard-main-content{
        padding: 30px 50px;
    }
}
@media only screen and (max-width: 767px) {
    header {
        padding: 25px 10px;
    }
    .dashboard-main-content{
        padding: 30px 16px;
    }

    .pagination{
        margin: 30px 0;
    }
}
@media only screen and (max-width: 767px) {
    .dashboard-main-content.dashboard{
        padding: 30px 0 55px 0 !important;
      }
}
@media only screen and (min-width: 560px){
main.with_sidebar_main5 .result_main5 .variant_main5 .info_main5 h3, .col-xl-8 .project__title{
margin-right: 10px;
}
}
@media only screen and (max-width: 560px){
    .chat-container{
        padding: 0 16px!important;
    }

    /* .dashboard-main-content [class*="container"] h1.dashboard-main-content-heading{
        padding: 0 16px!important;
    } */
    .dashboard-main-content [class*="container"] h2.dashboard-main-content-subheading{
        font-size: 16px!important;
    }
    .info-single__btn_main6{
        position: relative;
        margin: auto;
        top: 15px;
        right: 0!important;
    }
    .left-project__title,
  .project__title{
      max-width: 100%;
      word-break: break-word;
  }
    .single__company_main6 img{
        margin-left: auto;
        margin-right: 0px;
    }
    h1.intro__title{
        margin-bottom: 40px!important;
    }
  .brief__input_main4{
    width: 100% !important;
  }
  .brief__1--textarea_main4{
    margin-left: 0;
    width: 100%;
  }
}

span.checkbox__text_main2_3{
  color: #7c828a;
}

li.profile-lsit {
       display: list-item;
    list-style: disc !important;
    color: #2C2F32;
}

label.create__btn_main2_3.dp {
          font-size: 14px;
    justify-content: center;
    padding: 7.5px 23.13px;
    /* float: left; */
    height: unset !important;
    width: unset !important;
}

img.cross-img {
    cursor: pointer;
    position: absolute;
    top: 29%;
    right: 45%;
}

p.dp-cover-paragraph{
    color: #7c828a;
    font-size: 20px;
    margin-bottom: 40px;
    font-weight: 700;
}

.mg-bot{
    margin-bottom: 10px;
}


@media screen and (max-width: 560px){

    .heading-padding-dp{

    max-width: 300px;

    }

.p-padding-dp {
    max-width: 240px;
}
    p.proposal__msg-text_main6.custom-ico {
    font-size: 14px !important;
}
.dp-header{
    display: flex !important;
}

p.dp-cover-paragraph {
    color: #7c828a;
    font-size: 16px;
    margin-bottom: 40px;
    font-weight: 700;
}
img.cross-img {
  cursor: pointer;
    position: absolute;
    top: 35% !important;
    right: 33%;
}



}
.dpul_ul{
    display: flex;
    justify-content: center;
}
.dpul_ul ul li {
    text-align: left;
}



.signup__with_main2_3_custom{
    cursor: pointer;
    font-weight: 600 !important;
}


@media (min-width: 768px) and (max-width: 1024px){

    a.btn_orange.btn-or-dp {
    background: #FF1000;
    border-radius: 5px;
    border: none;
    color: #fff;
    padding: 11px 64.1px !important;
    font-weight: 600;
}

a.btn_main2_3.btn__form_main2_3.btn_custom_form {
    height: unset !important;
    max-width: 183px !important;
    padding: 3px 6px !important;
}
    p.dp-cover-paragraph {
    color: #7c828a;
    font-size: 16px;
    margin-bottom: 40px;
    font-weight: 700;
    }

    img.cross-img {
        cursor: pointer;
        position: absolute;
        top: 31%;
        right: 42%;
    }
   button.decline__btn_main6.btn_orange_main6.margn-equl-upbotm.dev-btn-equal {
    margin: unset;
    margin-left: unset;
}
.modal-footer.text-center.dev-footer {
    justify-content: center;
}

}

/* Azeem's css end */