/* @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --manrope-family: "Manrope", serif;
    --montserrat-family: "Montserrat", serif;
    /* --publicsans-family: "Public Sans", serif; */
    /* --poppins-family: "Poppins", serif;; */
}
h1, h2, h3, h4, h5, h6{
    font-family: var(--montserrat-family);
}
body, span {
    font-family: var(--manrope-family) !important;
}
img{
    max-width: 100%; 
}
.common-padding{
    padding-top: 80px;
    padding-bottom: 80px;
}
form .error{
    color: red;
    font-size: 14px;
    font-weight: 500;
}
.notifictions-box-body li.no_notifications {
    text-align: center;
    margin-bottom: 10px;
}
.custom-profile-dropdown .user-profile-menu-list li.firstli-bg {
    padding-left: 10px;
    padding-right: 10px;
}
.custom-chatbox.chat .chat-btn {
    flex-direction: column;
    align-items: normal !important;
}
.custom-chatbox.chat .chat-btn .profile-container {
    align-items: normal;
}
.custom-chatbox.chat .lastMessageP i {
    overflow: inherit;
}
.custom-chatbox.chat .chat-btn p.lastMessageP {
    padding-left: 50px !important;
    white-space: normal;
    height: auto;
    margin-top: -15px;
    overflow: unset;
}
.custom-chatbox.chat .lastMessageP i.messageI {
    width: 85%;
}
.custom-chatbox.chat  .chat-btn {
    padding: 10px 20px 10px !important;
    margin: 0;
}
/* 01 oct  */
.top-welcome-msg {
    display: none;
}
@media (min-width: 1399px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1280px;
    }
}



/* header  */

.top-header-bar {
    background: #2D2D2D !important;
    padding-top: 8px;
    padding-bottom: 8px;
}
.custom-sticky-header{
    position: sticky;
    top: 0;
    z-index: 9;
}
/* language translate start */
.top-bar-content {
    text-align: right;
    padding-right: 10px;
}
ul.links {
    /* background: #fff; */
    margin: 0;
    list-style: none;
    padding: 0;
    width: 100%;
    /* margin-left: 10px; */
    border-radius: 4px;
    max-width: 110px;
    position: relative;
    margin-left: auto;
    color: #fff;
    display: flex;
}

ul.links li span {
    display: flex;
    width: 70px;
}
ul.links li span i {
    position: relative;
    top: 4px;
    right: -8px;
}

ul.links li span img {
    max-width: 26px;
    margin-right: 6px;
}

.switch_lang {
    display: none;
    position: absolute;
    background: #fff;
    padding: 4px 6px;
    left: 0;
    width: 70px;
    /* border: 1px solid red; */
    box-shadow: 0 0 10px #ccc;
    z-index: 2;
    border-radius: 3px;
}
.change_lang:hover .switch_lang {
    display: block;
}
.switch_currency {
    display: none;
    position: absolute;
    background: #fff;
    padding: 4px 6px;
    right: -1px;
    width: 78px;
    box-shadow: 0 0 10px #ccc;
    z-index: 32;
    border-radius: 3px;
}
.change_currency:hover .switch_currency {
    display: block !important;
}
.change_currency {
    margin-left: 20px;
    position: relative;
}
.switch_currency a:hover, span.flag a:hover {
    color: #2d2d2d;
    text-decoration: none;
}
/* language translate end */





.custom-header {
    /* background: linear-gradient(284.15deg, #4911B9 8.79%, #FC3235 99.25%); */
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    padding-top: 24px;
    padding-bottom: 24px;
    /* position: sticky;
    top: 0;
    z-index: 2; */
}



.header-container {
    max-width: 1760px;
    margin: auto;
}
.custom-nav-logo img {
    max-height: 71px;
}
.navbar-brand.custom-nav-logo {
    padding: 0;
}
a:focus-visible{
    outline: 0;
}

.custom-navbar-nav .nav-item a {
    font-family: var(--montserrat-family);
    font-size: 18px;
    font-weight: 500;
    color: #fff !important;
}

.custom-navbar-nav .nav-item.active a {
    color: #fff !important;
    font-weight: 700;
}
.custom-navbar-nav .nav-item.active a:after{
    position: absolute;
    content: "";
    background: #fff;
    width: 40%;
    height: 2px;
    bottom: 3px;
    left: 0;
    right: 0;
    margin: auto; 
}
.custom-navbar-nav li.nav-item {
    margin-right: 32px;
}
.header-btn {
    font-family: var(--montserrat-family);
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 40px;
    padding: 10px 34px;
    margin-left: 16px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: inline-block;
    transition: all .2s ease-in;
}

.custom-nav-widget {
    padding: 0;
}
.header-btn:hover {
    background: #fff;
    color: #4911B9;
    text-decoration: none;
}

.header-btn:hover span {
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.header-btn.register-btn {
    background: #fff;
    color: #4911B9;
    text-decoration: none;
}
/* .header-btn.register-btn:hover {
    background: transparent;
    border: 1px solid #fff;
} */
.header-btn.register-btn span {
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.header-btn.register-btn:hover {
    background: transparent;
    color: #fff;
}
.header-btn.register-btn:hover span {
    background: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff;
}
.search-widget span {
    display: inline-block;
    position: relative;
    max-width: 440px;
    width: 100%;
}

.search-widget input {
    font-family: var(--manrope-family);
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    border-radius: 40px;
    padding: 12px 24px;
    max-width: 440px;
    width: 100%;
    padding-right: 60px;
    border: none;
}
.search-widget input::placeholder {
    color: #c3c3c3;
}
.search-widget input:focus-visible {
    outline: none;
}
.search-widget span button {
    position: absolute;
    right: 20px;
    top: 9px;
    background: none;
    border: none;
    padding: 0;
}
.search-widget {
    display: flex;
    align-items: center;
    max-width: 742px;
    width: 100%;
    justify-content: end;
}
/* banner start  */
.custom-banner {
    /* background: linear-gradient(284.15deg, rgba(73, 17, 185, 0.1) 8.79%, rgba(252, 50, 53, 0.1) 99.25%); */
    background: linear-gradient(110.88deg, rgba(181, 83, 236, 0.1) 13.03%, rgba(26, 18, 133, 0.1) 86.07%);

}
.banner-widget {
    padding-top: 100px;
    padding-bottom: 100px;
}
.banner-heading {
    /* font-size: 64px;
    line-height: 75px; */
    font-weight: 800;
    font-size: 50px;
    line-height: 58px;
    /* background: -webkit-linear-gradient( 284.15deg, #4911B9 8.79%, #FC3235 99.25%); */
    /* background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 82.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    margin-bottom: 20px;
}
.banner-heading span {
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.banner-heading span {
    display: block;
}
.custom-banner-container {
    max-width: 1630px;
    margin: auto;
}
.banner-image {
    position: relative;
    left: -50px;
}
.banner-image img {
    max-width: 590px;
    width: 100%;
}
.banner-subheading {
    font-size: 48px;
    font-weight: 600;
    line-height: 48px;
    color: #2d2d2d;
    margin-bottom: 24px;
}
.banner-content-text {
    max-width: 750px;
}
.banner-pera {
    font-size: 20px;
    font-weight: 500;
    line-height: 27.32px;
    color: #6d6d6d;
}
.banner-content-btn img {
    max-height: 72px;
    border-radius: 100px;
    /* border: 2px solid transparent; */
}
.banner-content-btn a {
    margin-right: 15px;
    position: relative;
    display: inline-block;
    border-radius: 100px;
}
.banner-content-btn a:hover:before {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: add, add;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    padding: 3px;
    border-radius: 100px;
    display: inline-block;
}
.banner-content-btn {
    margin-top: 40px;
}
.banner-content-btn a:hover img {
    /* box-shadow: 0 0 20px #b7b7b7; */
    /* border-radius: 100px; */
    /* border: 2px solid #fff; */
    /* border: 2px solid #fc4778; */
}
/* category section  */
.category-section{
    padding-top: 100px;
    padding-bottom: 70px;
}
.category-box {
    /* background: linear-gradient(284.15deg, rgba(73, 17, 185, 0.1) 8.79%, rgba(252, 50, 53, 0.1) 99.25%); */
    padding: 20px 24px;
    border-radius: 8px;
}
.category-box h3 {
    font-family: var(--manrope-family);
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    color: #2d2d2d;
}
.category-box h3 img {
    margin-right: 15px;
    max-height: 35px;
}
.category-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .3s ease-in;
    margin-bottom: 30px;
    position: relative;
}
.category-box:before {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: add, add;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    padding: 1px;
    border-radius: 8px;
}
.category-box a {
    background: #fff;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    position: relative;
    /* pointer-events: none; */
}
.category-box:hover {
    /* background: linear-gradient(284.15deg, #4911B9 8.79%, #FC3235 99.25%); */
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
}
/* .category-box a::before {
    background: linear-gradient(284.15deg, #4911B9 8.79%, #FC3235 99.25%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: add, add;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    padding: 1px;
    border-radius: 8px;
} */
.category-box:hover a:before  {
    display: none;
}
.category-box:hover h3{
    color: #fff;
}
.category-box:hover h3 img{
    filter: brightness(0) invert(1);
}
.common-heading h2 {
    font-size: 48px;
    font-weight: 600;
    line-height: 56px;
    margin-bottom: 24px;
}
.heading-gradient {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.common-heading p {
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    color: #6d6d6d;
}
.common-heading {
    text-align: center;
    margin-bottom: 50px;
}

/* colaborate section  */
.colaborate-section {
    /* background: linear-gradient(287.26deg, #4911B9 21.59%, #FC3235 99.12%); */
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
}
.colaborate-content .common-heading {
    text-align: left;
    margin-bottom: 0;
}
.colaborate-content .common-heading h2 {
    color: #fff;
}
.colaborate-content .common-heading p {
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
}
.colaborate-btn img {
    max-height: 72px;
    border: 2px solid transparent;
}
.colaborate-btn {
    margin-top: 30px;
}
.colaborate-btn a {
    margin-right: 15px;
}
.colaborate-btn a:hover img {
    /* box-shadow: 0 0 20px #b7b7b7; */
    border-radius: 100px;
    border: 2px solid #ffffff85;
}
.colaborate-btn.trusted-btn-hocer a:hover img {
    /* border-radius: 9px; */
    border-radius: 100px;
}
/* tetimonial section  */
.monial-section{

}
.monial-box {
    /* background: #FC3235; */
    background: #FD4778;
    border-radius: 50px;
    padding-top: 70px;
    padding-bottom: 115px;
    padding-left: 35px;
    padding-right: 35px;
    position: relative;
    z-index: 1;
}
.monial-box:before {
    position: absolute;
    content: "";
    background: url(../images/monial-shape.png) no-repeat;
    background-size: cover;
    width: 251px;
    height: 131px;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.purple-bg {
    /* background: #4911B9; */
    background: #3952F5;
}
.monial-content-widget h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 24.38px;
    color: #fff;
    background: rgb(255 255 255 / 20%);
    display: inline-block;
    border-radius: 60px;
    padding: 10px 40px 10px 26px;
    margin-bottom: 16px;
}
.monial-content-widget h3 {
    font-size: 28px;
    font-weight: 600;
    line-height: 34.13px;
    color: #fff;
    margin-bottom: 16px;
}
.monial-content-widget p {
    font-size: 16px;
    font-weight: 600;
    line-height: 21.86px;
    color: rgb(255 254 254 / 90%);
}
.monial-btn-gradient {
    /* background: linear-gradient(284.15deg, #4911B9 8.79%, #FC3235 99.25%); */
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    font-family: var(--montserrat-family);
    font-size: 20px;
    font-weight: 700;
    line-height: 24.38px;
    color: #fff;
    padding: 19px 22px;
    display: inline-flex;
    align-items: center;
    border-radius: 40px;
    transition: all 0.3s ease-in;
}
.monial-btn-gradient:hover {
    /* background: linear-gradient(90deg, #4911B9 8.79%, #FC3235 99.25%); */
    background: linear-gradient(260.14deg, #FC4778 16.65%, #3952F5 82.18%);
    color: #fff;
    text-decoration: none;
}
.monial-btn-gradient img {
    max-height: 18px;
    width: auto !important;
    filter: brightness(0) invert(1);
    margin-left: 10px;
}
.elipse-pos{
    position: absolute;
}
.monial-image-widget img {
    width: auto !important;
}
.elipse-pos.elipse-4 {
    top: -93px;
    left: 5px;
    max-width: 175px;
}
.elipse-pos.elipse-5 {
    top: 90px;
    left: -35px;
    max-width: 152px;
}
.monial-box-grid {
    padding: 30px 15px;
}
.monial-pos-btn {
    position: absolute;
    bottom: 0;
    right: 0;
}
.monial-content-widget {
    min-height: 240px;
}
.elipse-pos.elipse-1 {
    top: -100px;
    left: -19px;
    max-width: 150px;
}
.elipse-pos.elipse-2 {
    top: 70px;
    max-width: 150px;
    left: 15px;
}
.elipse-pos.elipse-3 {
    bottom: -144px;
    max-width: 150px;
    left: -35px;
}
.monial-contain .owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
}
.monial-contain .owl-theme .owl-dots .owl-dot.active span {
    width: 30px;
    /* background: linear-gradient(284.15deg, #4911B9 8.79%, #FC3235 99.25%); */
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
}
.platform-section {
    background: #EEF2FA;
}
.tmb-same {
    max-width: 50px;
    position: absolute;
}
.elipse-thumb {
    right: -17px;
    top: -32px;
    max-width: 45px;
}
.elipse-heart {
    top: -18px;
    left: -14px;
}

/* plateform section  */
.platform-box {
    background: #fff;
    padding: 20px 23px;
    border-radius: 8px;
    position: relative;
    transition: all 0.3s ease-in;
    height: 100%;
}
.platform-box:hover {
    /* background: linear-gradient(284.15deg, #4911B9 8.79%, #FC3235 99.25%); */
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
}
.platform-box::before {
    /* background: linear-gradient(284.15deg, #4911B9 8.79%, #FC3235 99.25%); */
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: add, add;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    padding: 1px;
    border-radius: 8px;
}
.platform-text-heading h4 img {
    max-height: 51px;
}
.platform-box:hover .platform-text-heading h4 img  {
    filter: brightness(0) invert(1);
}
.platform-text-heading h4 span {
    display: inline-block;
}
.platform-text-heading h4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    color: #2d2d2d;
}
.platform-text-heading h4 span {
    display: inline-block;
    font-family: var(--manrope-family);
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    text-align: right;
    
    max-width: 160px;
}
.platform-box:hover .platform-text-heading h4   {
    color: #ffffff;
}
.platform-text-heading p {
    font-size: 15px;
    font-weight: 500;
    line-height: 22.5px;
    text-align: right;
    color: #6D6D6D;
}
.platform-box:hover .platform-text-heading p   {
    color: #ffffff;
}
.gap-20 {
    padding-left: 10px;
    padding-right: 10px;
}

/* brand section  */
.brand-section {
    background: #EEF2FA;
    position: relative;
    z-index: 1;
    /* max-height: 556px; */
    overflow: hidden;
}
/* .brand-section:before {
    position: absolute;
    content: "";
    background: url(../images/brand-shape.png) center center no-repeat;
    width: 100%;
    height: 100%;
    right: -20px;
    top: 0;
    z-index: -1;
    max-width: 1020px;
} */
.custom-brand-container {
    max-width: 1640px;
    margin: auto;
}
.brand-icons {
    display: flex;
    align-items: end;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 130px;
    margin-left: auto;
    max-width: 940px;
}
.brand-icons ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.brand-icons ul li {
    margin-bottom: 25px;
    margin-right: 25px;
}
.brand-icons ul li img {
    max-height: 110px;
}
/* .colaborate-content.brand-content {
    max-width: 690px;
    margin-left: auto;
} */
.colaborate-content.brand-content {
    padding: 130px;
}
.colaborate-content.brand-content .common-heading {
    max-width: 680px;
}
.colaborate-content.brand-content .common-heading {
    margin-bottom: 0;
}
.colaborate-content.brand-content .colaborate-btn {
    margin-top: 40px;
}

/* faq section  */
.faq-tabs .nav.nav-pills {
    justify-content: center;
    margin-bottom: 40px;
}
.faq-tabs .nav-pills .nav-link {
    font-family: var(--montserrat-family);
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    padding: 20px 48px;
    position: relative;
    margin: 0 12px;
    /* background: -webkit-linear-gradient(284.15deg, #4911B9 8.79%, #FC3235 99.25%); */
    background: -webkit-linear-gradient(302.14deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-radius: 14px;
}
.faq-tabs .nav-pills button.nav-link::before {
    /* background: linear-gradient(284.15deg, #4911B9 8.79%, #FC3235 99.25%); */
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: add, add;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    padding: 1px;
    border-radius: 14px;
}
.faq-tabs .nav-pills .nav-link.active {
    /* background: linear-gradient(284.15deg, #4911B9 8.79%, #FC3235 99.25%); */
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    -webkit-background-clip: initial;
    -webkit-text-fill-color: #fff;
}

/* accordian  */
.custom-accordion .card-headerrr:after {
   
    content: "";
    float: right;
    background: url(../images/faq-active.svg) center center no-repeat;
    width: 49px;
    height: 49px;
    background-size: contain;
    top: 16px;
    position: absolute;
    right: 25px;
    border-radius: 100%;
    box-shadow: 0 2px 7px #e5e5e5;
}
.custom-accordion .card-headerrr.collapsed:after {
   
    content: ""; 
    background: url(../images/faq-inactive.png) center center no-repeat;
    background-size: contain;
}
.custom-accordion .card-headerrr {
    position: relative;
}
.custom-accordion .card-headerrr {
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    border-radius: 14px;
    margin-bottom: 30px;
    box-shadow: 0px 4px 10px 0px #00000026;
    background: #fff;
    flex-direction: column;
    overflow: hidden;
    /* border: 2px solid #13132E */
}
.custom-accordion .card-headerrr::before {
    /* background: linear-gradient(284.15deg, #4911B9 8.79%, #FC3235 99.25%); */
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: add, add;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    padding: 2px;
    border-radius: 14px;
}
.custom-accordion .card-headerrr.collapsed::before {
    display: none;
}
.custom-accordion .card-headerrr.collapsed {
    border-color: #fff;
}
.custom-accordion .card-header {
    background: #fff;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    padding: 30px 40px;
    padding-right: 80px;
    border: none;
}
.custom-accordion .card-title {
    margin-bottom: 0;
    color: #1e1e1e;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    font-family: var(--montserrat-family);
}
.card-body {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: #5e7290;
}
.custom-accordion .card-title:hover {
    text-decoration: none;
    cursor: pointer;
}
.custom-accordion .card {
    border: none;
}
.custom-accordion  .card-body {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    color: #6D6D6D;
    padding: 10px 40px;
    font-family: var(--manrope-family);
}
.card-headerrr .card-header {
    padding-bottom: 8px;
}
.card-headerrr.collapsed .card-header {
    padding-bottom: 30px;
}
/* blog section  */
.blog-section{
    /* background: #FEEAEC; */
    background: linear-gradient(110.88deg, rgba(181, 83, 236, 0.1) 13.03%, rgba(26, 18, 133, 0.1) 86.07%);
position: relative;
z-index: 1;
}
.blog-section:after {
    position: absolute;
    content: "";
    background: linear-gradient(110.88deg, rgba(181, 83, 236, 0.1) 13.03%, rgba(26, 18, 133, 0.1) 86.07%);
    width: 100%;
    /* height: 110px;
    bottom: -110px; */
    height: 138px;
    bottom: -138px;
    left: 0;
    z-index: -1;
}
.grad-outline-btn {
    position: relative;
    font-family: var(--montserrat-family);
    font-size: 20px;
    font-weight: 700;
    line-height: 24.38px;
    /* background: -webkit-linear-gradient(284.15deg, #4911B9 8.79%, #FC3235 99.25%); */
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-radius: 40px;
    padding: 17px 25px;
    display: inline-block;
}
.grad-outline-btn::before {
    /* background: linear-gradient(284.15deg, #4911B9 8.79%, #FC3235 99.25%); */
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: add, add;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    padding: 1px;
    border-radius: 40px;
}
.grad-outline-btn:hover {
    background: linear-gradient(284.15deg, #4911B9 8.79%, #FC3235 99.25%);
    -webkit-background-clip: initial;
    -webkit-text-fill-color: #fff;
    text-decoration: none;
}
.grad-outline-btn:hover  img {
    filter:brightness(0) invert(1) ;
}
.grad-outline-btn:hover::before {
    display: none;
}
.blog-hcategory h4 {
    font-family: var(--montserrat-family);
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #2F333A;
}
.blog-hcategory p {
    font-family: var(--montserrat-family);
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
    color: #2F333A;
}
.blog-hcategory p img {
    margin-right: 7px;
    position: relative;
    top: -1px;
}
.blog-hcategory p span {
    display: inline-block;
}
.blog-image img {
    border-radius: 15px;
    margin-bottom: 20px;
    transition: 0.3s all ease-in;
}
.blog-image img:hover {
    transform: scale(1.03) rotate(1deg);
    filter: grayscale(1);
}
.blog-image p {
    font-family: var(--montserrat-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    color: #2F333A;
}
.blog-post-btn {
    margin-top: 20px;
}
footer.custom-footer {
    padding-top: 150px;
    padding-bottom: 0px;
    background: url(../images/footer-bg.webp) top center no-repeat;
    position: relative;
    z-index: 1;
    /* background-color: #feeaec; */
    background-size: cover;
}

/* footer  */
.f-main-menu {
    padding-left: 22px;
}
.f-main-menu h4 {
    font-family: var(--montserrat-family);
    font-size: 24px;
    font-weight: 600;
    line-height: 35.45px;
    color: #fff;
}

.footer-menu-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.footer-menu-list ul li a {
    font-family: var(--manrope-family);
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    color: #fff;
    transition: all 0.3s ease-in;
}
.footer-menu-list ul li a:hover {
    margin-left: 10px;
}
.footer-menu-list ul li a:hover {
   text-decoration: none;
}

.footer-menu-list a img {
    max-height: 43px;
    margin-bottom: 5px;
    margin-top: 6px;
    border: 1px solid transparent;
    border-radius: 100px;

}
.footer-menu-list a:hover img {
    border: 1px solid #ffffff85;
    border-radius: 100px;
}
.footer-1 img {
    max-height: 63px;
    margin-bottom: 16px;
}

.footer-1 p {
    font-family: var(--manrope-family);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: rgb(255 255 255 / 90%);
}
.social-icon ul li {
    display: inline-block;
    margin-right: 18px;
}
.social-icon ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.social-icon {
    margin-top: 32px;
}
.social-icon ul li a:hover {
    filter: brightness(1) invert(1);
}
.copyright-widget {
    /* background: linear-gradient(284.15deg, #4911B9 8.79%, #FC3235 99.25%); */
    background: linear-gradient(175.14deg, #FC4778 16.65%, #3952F5 82.18%);
    padding: 20px;
    text-align: center;
    margin-top: 30px;
    border-top: 1px solid #FFFFFF66;
}
.copyright-text p {
    font-family: var(--manrope-family);
    font-size: 12px;
    font-weight: 500;
    line-height: 16.39px;
    color: #fff;
    margin-bottom: 0;
}


/* client slider start */
/* CAROUSEL STARTS */
.customer-feedback .owl-item img {
    width: 125px;
    height: 125px;
    border-radius: 100%;
    margin: auto;
    margin-bottom: 20px;
    background: #fff;
    padding: 5px;
}

.feedback-slider-item {
    position: relative;
    padding: 60px;
    margin-top: -40px;
    text-align: center;
    padding-top: 40px;
}
.influ-monial-section {
    padding-bottom: 120px;
    padding-top: 20px !important;
}

.customer-name {
    /* background: -webkit-linear-gradient(284.15deg, #4911B9 8.79%, #FC3235 99.25%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    font-family: var(--montserrat-family);
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    color: #fff;
}
.customer-desc {
    /* background: -webkit-linear-gradient(284.15deg, #4911B9 8.79%, #FC3235 99.25%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    font-family: var(--montserrat-family);
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
    color: #fff;
}
.feedback-slider-thumb {
    text-align: center;
}

.feedback-slider-item p {
    font-family: var(--manrope-family);
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #fff;
}
.customer-rating {
	background-color: #eee;
	border: 3px solid #fff;
	color: rgba(1, 1, 1, 0.702);
	font-weight: 700;
	border-radius: 50%;
	position: absolute;
	width: 47px;
	height: 47px;
	line-height: 44px;
	font-size: 15px;
	right: 0;
	top: 77px;
	text-indent: -3px;
}

.thumb-prev .customer-rating {
	top: -20px;
	left: 0;
	right: auto;
}

.thumb-next .customer-rating {
	top: -20px;
	right: 0;
}

.customer-rating i {
	color: rgb(251, 90, 13);
	position: absolute;
	top: 10px;
	right: 5px;
	font-weight: 600;
	font-size: 12px;
}

/* GREY BACKGROUND COLOR OF THE ACTIVE SLIDER */
.feedback-slider-item:after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    top: 103px;
    background-color: #f6f6f6;
    border: none;
    border-radius: 30px;
    z-index: -1;
    /* background: linear-gradient(284.15deg, #4911B9 8.79%, #FC3235 99.25%); */
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
}

.thumb-prev,
.thumb-next {
	position: absolute;
	z-index: 99;
	top: 45%;
	width: 98px;
	height: 98px;
	left: -90px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.thumb-next {
	left: auto;
	right: -90px;
}

.feedback-slider-thumb img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    /* background: linear-gradient(284.15deg, #4911B9 8.79%, #FC3235 99.25%); */
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    padding: 4px;
}

.feedback-slider-thumb:hover {
	opacity: 0.8;
}

.customer-feedback .owl-nav [class*="owl-"] {
	position: relative;
	display: inline-block;
	bottom: 45px;
	transition: all 0.2s ease-in;
}

.customer-feedback .owl-nav i {
	background-color: transparent;
	color: rgb(251, 90, 13);
	font-size: 25px;
}

.customer-feedback .owl-prev {
	left: -15px;
}

.customer-feedback .owl-prev:hover {
	left: -20px;
}

.customer-feedback .owl-next {
	right: -15px;
}

.customer-feedback .owl-next:hover {
	right: -20px;
}

/* DOTS */
.customer-feedback .owl-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -50px;
}
.customer-feedback .owl-dot {
	display: inline-block;
}

.customer-feedback .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    margin: 0 5px;
    background: #D6D6D6;
    border: none;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    border-radius: 30px;
}

.customer-feedback .owl-dots .owl-dot.active span {
	/* background-color: rgb(251, 90, 13); */
    width: 30px;
    /* background: linear-gradient(284.15deg, #4911B9 8.79%, #FC3235 99.25%); */
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
}
.customer-feedback .owl-nav button {
    bottom: -15px !important;
}
.customer-feedback .owl-nav {
    justify-content: center;
    display: flex;
}
.feedback-slider-thumb .thumb-prev, .feedback-slider-thumb .thumb-next {
    z-index: 1;
}

/* client slider end */
/* wave css  */



/* find job page start  */
.filter-dropdown {
    color: #1d1d1d;
    float: right;
}
.filter-dropdown i {
    transform: rotate(180deg);
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 22px;
    position: relative;
    top: 1px;
    transition: 0.5s all ease-in;
}
.filter-dropdown.arrow-change i {
    transform: rotate(0deg);
    
}
.bredcrumb-widget {
    background: #ECEEFB;
    border-radius: 8px;
    padding: 20px 40px;
}
.bredcrumb-widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.bredcrumb-widget ul li {
    display: inline-block;
    margin-right: 20px;
    position: relative;
    padding-right: 30px;
}
.bredcrumb-widget ul li:after {
    position: absolute;
    content: "";
    background: url(../images/find-job/bred-list-arrow.svg) center center no-repeat;
    width: 5px;
    height: 11px;
    right: 0;
    top: 10px;
}
.bredcrumb-widget ul li:nth-last-child(2):after {
    background: url(../images/gradient-bred-list-arrow.svg) center center no-repeat;
}
.bredcrumb-widget ul li:last-child:after {
   display: none;
}

.bredcrumb-widget ul li img {
    max-height: 26px;
    margin-right: 9px;
}
.bread-menu img {
    filter: brightness(0) saturate(100%) invert(12%) sepia(1%) saturate(5005%) hue-rotate(186deg) brightness(99%) contrast(94%);
}
.bread-menu {
    font-family: var(--montserrat-family);
    font-size: 18px;
    font-weight: 600;
    line-height: 27.11px;
    /* letter-spacing: -1.0427790880203247px; */
    /* letter-spacing: normal; */
    color: #2d2d2d;
}
.bread-menu.active {
    pointer-events: none;
}
.bread-menu span {
    position: relative;
    top: 2px;
}

.bread-menu.active img {
    filter: none;
}
.bread-menu:hover{
    text-decoration: none;
}
.bread-menu:hover span{
    /* color: #3952F5; */
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.bread-menu.active span {
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.inner-banner-widget .banner-heading span {
    background: -webkit-linear-gradient(302deg, #FC4778 43.65%, #3952F5 63.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.findjob-section {
    padding-top: 40px;
}
.inner-banner-widget .banner-heading {
    margin-bottom: 0;
}

.inner-custom-banner {
    padding-top: 70px;
    padding-bottom: 40px;
    /* background: url(../images/find-job/find-job-banner.jpg) center center no-repeat;
    background-size: cover; */
}
.inner-custom-banner-container {
    max-width: 1730px;
    margin: auto;
}
.inner-banner-image img{
    opacity: 0.6;
}
.job-card-profile {
    background: linear-gradient(107.14deg, #FC4778 16.65%, #3952F5 82.18%);
    padding: 20px 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.job-card-pic-name img {
    /* width: 120px; */
    border-radius: 100%;
    object-fit: cover;
    /* border: 6px solid #fff; */
    /* height: 120px; */
    margin-right: 30px;
    width: 90px;
    border: 4px solid #fff;
    height: 90px;
}
.job-card-favourite a {
    background: #fff;
    display: inline-flex;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.job-card-favourite a:hover {
    text-decoration: none;
}
.job-card-favourite a img {
    position: relative;
    top: 2px;
}
.job-card-favourite a i {
    color: #b49ce6;
    font-size: 31px;
    position: relative;
    top: 1.5px;
}
.job-card-pic-name {
    display: flex;
    align-items: center;
}
.job-card-pic-name h3 {
    margin-bottom: 0;
}
.job-card-box {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    margin-bottom: 40px;
}
.job-card-box:last-child {
    margin-bottom: 0px;
}
.job-card-box:before {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: add, add;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    content: "";
    position: absolute;
    /* z-index: 0; */
    z-index: -1;
    inset: 0;
    padding: 1px;
    border-radius: 20px;
}
.job-card-inner-frame {
    padding: 25px 44px;
}
.date-same h4 {
    font-family: var(--montserrat-family);
    font-size: 18px;
    font-weight: 600;
    line-height: 21.94px;
    color: #212529;
    margin-bottom: 5px;
}
.date-same p {
    font-family: var(--manrope-family);
    font-size: 18px;
    font-weight: 500;
    line-height: 24.59px;
    color: #7a7c7f;
    margin-bottom: 0;
}
.bor-rig{
    border-right: 1px dashed #7A7C7F;
}
.border-last {
    border-right: none;
}
.job-description p {
    font-family: var(--manrope-family) !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    color: #7a7c7f;
    margin-bottom: 0;
}
.job-description span, .job-description a, .job-description li {
    font-family: var(--manrope-family) !important;
}
.job-des-btn .monial-btn-gradient {
    padding: 9px 34px;
    font-family: var(--montserrat-family);
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
}
/* .job-proposal {
    text-align: center;
} */
.job-tags h5 {
    font-family: var(--montserrat-family);
    font-size: 24px;
    font-weight: 600;
    line-height: 29.26px;
    color: #fff;
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    display: inline-block;
    padding: 8px 20px 8px 48px;
    margin-bottom: 0;
    background: url(../images/find-job/tag-shape.svg) center left no-repeat;
    /* background-size: contain; */
    background-size: cover;
    border-radius: 5px;
}
.job-tags-widget {
    text-align: right;
}
.job-tags{
    margin-bottom: 20px;
}
.job-card-content {
    margin-bottom: 30px;
}
.date-same.job-location {
    text-align: right;
}
.job-card-pic-name h3 {
    font-family: var(--montserrat-family);
    font-size: 30px;
    font-weight: 500;
    line-height: 36.57px;
    color: #fff;

}
.job-card-pic-name h3 span {
    font-size: 24px;
    font-weight: 700;
    line-height: 29.26px;
    display: block;
}
.job-sidebar-widget {
    border-radius: 20px;
    box-shadow: 6px 6px 12px 5px #0000000A;
    padding: 42px 24px;
    position: sticky;
    top: 140px;
}
.filter-heading {
    font-size: 32px;
    font-weight: 600;
    line-height: 39.01px;
    color: #1d1d1d;
    margin-bottom: 30px;
}
.filter-sub-heading {
    font-size: 20px;
    font-weight: 600;
    line-height: 24.38px;
    margin-bottom: 12px;
}
.job-sidebar-widget-box {
    /* border-bottom: 1px dashed #3D3D3D; */
    padding-bottom: 20px;
    margin-top: 20px;
    position: relative;
}
.job-sidebar-widget-box:after {
    position: absolute;
    content: "";
    background: url(../images/find-job/border-line.jpg);
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
}
.job-sidebar-widget-box.price-range-box:after {
    display: none;
}
.job-sidebar-widget-box.product-locaion-box:after {
    display: none;
}

/* custom checkbox  */
.category-container {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.category-label {
    padding: 6px 7px;
    border: 0.57px solid #D9D9D9;
    border-radius: 4px;
    cursor: pointer;
    background: white;
    color: #6b6d81;
    font-family: var(--montserrat-family);
    font-size: 16px;
    font-weight: 500;
    line-height: 19.5px;
    margin-bottom: 0;
}
.category-label span {
    display: inline-block;
    position: relative;
    top: -2px;
    margin-left: 3px;
}
.category-checkbox:checked + .category-label {
    background-color: #3952F5;
    color: white;
    border-color: #3952F5;
}
.category-checkbox:checked + .category-label span img{
    filter: brightness(0) invert(1);
    transform: rotate(45deg);
}
.category-checkbox:checked + .category-label span {
    top: -1px;
}

.category-checkbox {
    display: none;
}
.sidebar-filter-btn .monial-btn-gradient {
    padding: 19px 42px;
}
.sidebar-filter-btn {
   text-align: center;
   margin-top: 20px;
}


.date-same p i {
    color: #7a7c7f;
    font-size: 16px;
}

.date-same p a {
    /* margin-left: 10px; */
    margin: 0 0px !important;
}
.date-same p a:hover i {
    color: #3952F5;
}
.active-instadeals .date-same p a:hover i {
    color: #ffffff;
}

/* range slider start  */
/* .range-wrapper {
    width: 400px;
    background: #fff;
    border-radius: 10px;
    padding: 20px 25px 40px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1);
  } */

  .range-wrapper .price-input {
    width: 100%;
    display: flex;
    margin: 10px 0 0px;
    justify-content: space-between;
  }
  .range-wrapper .price-input .field {
    display: flex;
    width: 100%;
    /* height: 45px; */
    align-items: center;
    margin-top: 10px;
}
  .field.price-field-2 {
    /* display: inline-flex;
    justify-content: end; */
    max-width: 58px;
    /* text-align: right; */
}
  .range-wrapper .field input {
    width: 100%;
    margin-left: 2px;
    border: none;
    color: #322651BF;
    font-family: var(--montserrat-family);
    font-size: 14px;
    font-weight: 500;
    line-height: 17.07px;
}
.field span {
    color: #322651BF;
    font-family: var(--montserrat-family);
    font-size: 14px;
    font-weight: 500;
    line-height: 17.07px;
}
  .range-wrapper input[type="number"]::-webkit-outer-spin-button,
  .range-wrapper  input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }
  /* .range-wrapper .price-input .separator {
    width: 130px;
    display: flex;
    font-size: 19px;
    align-items: center;
    justify-content: center;
  } */
  .range-wrapper .slider {
    height: 3px;
    position: relative;
    background: #ddd;
    border-radius: 5px;
}
  .range-wrapper .slider .progress {
    height: 100%;
    left: 25%;
    right: 25%;
    position: absolute;
    border-radius: 5px;
    background: #3952F5;
  }
  .range-wrapper .range-input {
    position: relative;
  }
  .range-wrapper .range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  .range-wrapper .field input:focus-visible{
    outline: 0;
  }
  .range-wrapper input[type="range"]::-webkit-slider-thumb {
    height: 23px;
    width: 23px;
    border-radius: 50%;
    background: #3952F5;
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  }
  .range-wrapper input[type="range"]::-moz-range-thumb {
    height: 23px;
    width: 23px;
    border: none;
    border-radius: 50%;
    background: #3952F5;
    pointer-events: auto;
    -moz-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  }
  .price-range-box .filter-sub-heading {
    margin-bottom: 22px;
}
/* range slider end  */


/* find job page end  */
/* contact  page start  */
.contact-btns ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.contact-btns ul li {
    display: inline-block;
}
.contact-btns a {
    background: linear-gradient(107.14deg, rgba(252, 71, 120, 0.1) 16.65%, rgba(57, 82, 245, 0.1) 82.18%);
    padding: 10px 20px;
    display: inline-block;
    border-radius: 6px;
    position: relative;
    margin: 0 20px;
    font-family: var(--montserrat-family);
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    color: #2d2d2d;
}
.contact-btns a:before {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: add, add;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    padding: 1px;
    border-radius: 6px;
}
.contact-btns a:hover {
    background: linear-gradient(90deg, #FC4778 16.65%, #3952F5 82.18%);
    color: #fff;
    text-decoration: none;
}
.contact-btns a i {
    margin-right: 8px;
    font-size: 20px;
}
.contact-btns a i.fone-icon {
    /* font-size: 23px; */
    position: relative;
    top: 3px;
    margin-right: 6px;
}
.form-widget {
    background: linear-gradient(107.14deg, rgba(252, 71, 120, 0.1) 16.65%, rgba(57, 82, 245, 0.1) 82.18%);
    padding: 41px 20px 41px 60px;
    border-radius: 20px;
    border: 2px solid #0A0D170D;
}

.contact-form-section {
    margin-top: 40px;
    padding-bottom: 80px;
}
.contact-image-side img {
    border-radius: 10px;
}
.contact-form-box .form-group input {
    background: transparent;
    border: 1px solid #2D2D2D33;
    border-radius: 5px;
    font-family: var(--montserrat-family);
    font-size: 15px;
    font-weight: 500;
    line-height: 18.29px;
    letter-spacing: -0.01em;
    padding: 12px;
    height: auto;
    width: 100%;
}
.contact-form-box .form-group input:focus,
.contact-form-box .form-group textarea:focus {
    box-shadow: none;
}
.contact-form-box .form-group input::placeholder,
.contact-form-box .form-group textarea::placeholder {
    color: #3D3D3D80;
}
.contact-form-box .form-group input:focus-visible,
.contact-form-box .form-group textarea:focus-visible {
   outline: none;
}
.contact-form-box .form-group textarea {
    background: transparent;
    border: 1px solid #2D2D2D33;
    border-radius: 5px;
    font-family: var(--montserrat-family);
    font-size: 15px;
    font-weight: 500;
    line-height: 18.29px;
    letter-spacing: -0.01em;
    padding: 12px;
   min-height: 109px;
   width: 100%;
}
.form-btn {
    margin-top: 20px;
}
.form-btn button {
    border: none;
    width: 100%;
    text-align: center;
    justify-content: center;
}
.contact-form-title h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 36.57px;
    letter-spacing: -0.02em;
    color: #2d2d2d;
}
.contact-form-title p {
    font-size: 16px;
    font-weight: 500;
    line-height: 21.86px;
    letter-spacing: -0.01em;
    color: #6d6d6d;
}
.contact-form-box {
    margin-top: 30px;
}
.contact-form-side {
    max-width: 490px;
}
/* contact  page end  */
/* about page start  */
.about-banner{
    background: url(../images/about-banner.jpg) center left no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
}
.about-banner-image {
    position: relative;
    left: 120px;
}
.counter-count-pera {
    position: relative;
    color: #000000;
    display: inline-block;
    font-family: var(--montserrat-family);
    font-size: 51.22px;
    font-weight: 700;
    line-height: 62.44px;
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 10px;
}
.count-up h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 29.26px;
    color: #1f2c39;
}
.about-counter {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    margin-top: 50px;
}
.count-up {
    text-align: center;
}
.about-content-text .banner-pera {
    color: #2d2d2d;
}
.what-we-content h2 {
    font-size: 64px;
    font-weight: 800;
    line-height: 72px;
    color: #2d2d2d;
    margin-bottom: 20px;
}

.what-we-content p {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #2d2d2d;
}

.what-pos-btn a {
    padding: 19px 38px;
}
.what-pos-btn {
    margin-top: 40px;
}
.how-work-section {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
}
.how-work-heading h2 {
    font-size: 64px;
    font-weight: 800;
    line-height: 72px;
    color: #fff;
}

.how-work-heading {
    margin-bottom: 60px;
}
.how-work-box h2 {
    font-size: 74px;
    font-weight: 700;
    line-height: 70px;
    color: #fff;
    margin-bottom: 45px;
    font-family: var(--montserrat-family);
    position: relative;
}
.how-work-box h2 span {
    -webkit-text-stroke: 1px #ffffff;
    color: transparent;
    position: absolute;
    left: -6px;
    top: 0;
    display: inline-block;
    right: 0;
}
.how-work-box {
    text-align: center;
    position: relative;
    padding: 0 20px;
}
.how-work-box.work-box-2:before {
    position: absolute;
    background: url(../images/arrow-1.svg) no-repeat;
    content: "";
    width: 100%;
    height: 100%;
    background-size: contain;
    top: 0;
    left: -130px;
    max-width: 220px;
}
.how-work-box.work-box-2:after {
    position: absolute;
    background: url(../images/arrow-2.svg) no-repeat;
    content: "";
    width: 100%;
    height: 100%;
    background-size: contain;
    top: 60px;
    right: -130px;
    max-width: 220px;
}
.how-work-box.work-box-2 {
    padding-top: 50px;
}

.how-work-box h3 {
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    text-decoration-skip-ink: none;
    color: #fff;
    margin-bottom: 15px;
}

.how-work-box p {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
}
.about-influ-monial-section {
    padding-bottom: 100px !important;
}
/* about page end  */
/* bid job page  start*/
.bid-job-inner-frame {
    padding: 25px 25px;
}
.bid-job-profile{
    padding: 25px 25px;
}
.bid-job-inner-frame .job-tags h5 {
    font-size: 23px;
    line-height: 29px;
    padding: 8px 10px 8px 36px;
}
.job-sidebar-widget-box.skill-widget {
    margin-top: 30px;
    padding-bottom: 0;
    margin-bottom: 30px;
}
.skill-widget:after {
    display: none;
}
.bid-job-inner-frame .filter-sub-heading {
    font-size: 18px;
    line-height: 21.94px;
}
.attachment-widget a {
    font-family: var(--montserrat-family);
    font-size: 16px;
    font-weight: 600;
    line-height: 19.5px;
    letter-spacing: -0.21534691751003265px;
    color: #3C8AFF;
    text-decoration: underline;
}
.attachment-widget a:hover {
    /* color: #3952F5; */
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.bid-form-frame {
    box-shadow: 0px 0px 8px 0px #6C6C6C40;
    padding: 40px 45px;
    border-radius: 12px;
}
.bid-form-heading h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 21px;
    color: #2d2d2d;
}
.bid-form-frame .form-group label {
    font-family: var(--montserrat-family);
    font-size: 18px;
    font-weight: 500;
    line-height: 21.94px;
    color: #2d2d2d;
    display: block;
}
.bid-form-frame label sup {
    color: #EC0000;
    font-size: 18px;
    position: relative;
    top: -2px;
    font-weight: 600;
}
.bid-form-heading {
    margin-bottom: 28px;
}
.bid-form-frame .form-group input, .bid-form-frame .form-group textarea {
    border-radius: 5px;
    height: auto;
    font-family: var(--manrope-family);
    font-size: 16px;
    font-weight: 500;
    line-height: 21.86px;
    padding: 15px 10px;
    border: 1px solid #E7E4E4;
    width: 100%;
}
.bid-form-frame .form-group input::placeholder, .bid-form-frame .form-group textarea::placeholder {
    color: #7A7C7F;
}
.bid-form-frame .form-group input:focus, .bid-form-frame .form-group textarea:focus {
    box-shadow: none;
}
.bid-form-frame .form-group input:focus-visible, .bid-form-frame .form-group textarea:focus-visible {
    outline: none;
}
.bid-form-frame .form-group textarea {
    padding-top: 10px;
    min-height: 105px;
}
.bid-form-frame .filter-sub-heading {
    font-size: 18px;
    font-weight: 500;
    line-height: 21.94px;
    margin-bottom: 12px;
}
.bid-form-frame .job-sidebar-widget-box.skill-widget {
    margin-top: 0;
    margin-bottom: 0;
}
.bid-form-btn button {
    border: none;
    padding: 20px 32px;
}

.bid-form-btn {
    text-align: center;
    margin-top: 40px;
}

/* custom checkbox  */
.label-check {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: var(--montserrat-family);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #7a7c7f;
    padding-top: 2px;
}
  
  .label-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  .label-check .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: transparent;
    border-radius: 6px;
    border: 1.5px solid #7A7C7F;
}
  
  .label-check:hover input ~ .checkmark {
    /* background-color: #ccc; */
    background-color: #ffffff;
  }
  
  .label-check input:checked ~ .checkmark {
    background: linear-gradient(284.15deg, #4911B9 8.79%, #FC3235 99.25%);
    border-color: #b94ba4;
}
  
  .label-check .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  .label-check input:checked ~ .checkmark:after {
    display: block;
  }
  .label-check .checkmark:after {
    left: 7px;
    top: 2px;
    width: 8px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .bid-form-checkbox {
    max-width: 315px;
    margin: auto;
    margin-top: 20px;
}
.about-influ-monial-section .feedback-slider-item:after {
    background: linear-gradient(107.14deg, rgba(252, 71, 120, 0.3) 16.65%, rgba(57, 82, 245, 0.3) 82.18%);
}
.about-influ-monial-section .customer-name {
    color: #2d2d2d;
}
.about-influ-monial-section .customer-desc {
    color: #2d2d2d;
}
.about-influ-monial-section .feedback-slider-item p {
    color: #2d2d2d;
}

/* bid job page  end*/


/* insta deals start  */
.h4-banner-heading {
    font-weight: 500;
    font-size: 28px;
    line-height: 34.13px;
    color: #212529;
    margin-top: 10px;
    margin-bottom: 10px;
}

.delas-banner-pera {
    font-family: var(--montserrat-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 24.38px;
    color: #212529;
    max-width: 1000px;
    margin: auto;
}
.job-card-box.instadeals-box {
    padding: 30px 25px;
    margin-bottom: 30px;
}
.instadeal-projects {
    padding-bottom: 50px  !important;
}
.instadeals-box .job-card-profile {
    background: none;
    padding: 0;
}
.instadeals-box .job-card-pic-name h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #2d2d2d;
}
.instadeals-box .job-card-pic-name img {
    width: 70px;
    height: 70px;
    margin-right: 15px;
    border: none;
}
.instadeals-box .job-card-pic-name h3 b {
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    font-size: 14px;
    border-radius: 4px;
    padding: 2px 5px;
    color: #fff;
    font-weight: 700;
    top: -3px;
    position: relative;
    left: 5px;
}
.instadeals-box .job-card-pic-name h3 b em {
    font-style: normal;
}
.instadeals-box .job-card-pic-name h3 b img {
    max-width: 10px;
    width: 100%;
    height: 100%;
    margin: 0;
    border: none;
    filter: brightness(0) invert(1);
    position: relative;
    top: -1px;
}
.instadeals-box  .job-card-favourite a img {
    max-width: 30px;
}

.deals_rating_value img {
    max-height: 17px;
    height: auto !important;
    width: auto !important;
    border-radius: 0;
    border: none;
    margin-right: 0 !important;
}

.deals_rating_value i {
    display: inline-block;
    margin-right: 8px;
}

.deals_rating_value b {
    background: none !important;
    font-family: var(--montserrat-family);
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #2d2d2d !important;
    font-style: normal;
    left: 0 !important;
    top: -1px !important;
    padding: 0 !important;
}
.deals-content-widget {
    margin: 20px 0;
}

.gym-images img {
    border-radius: 8px;
}
.gym-content h4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0%;
    color: #2d2d2d;
}
.gym-content ul {
    padding: 0;
    list-style: none;
    font-family: var(--manrope-family);
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0%;
    color: #7a7c7f;
}
.gym-content ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
}

.gym-content ul li:before {
    position: absolute;
    content: "";
    background: url(../images/find-job/list-check.svg) center center no-repeat;
    width: 12px;
    left: 0;
    top: 6px;
    height: 9px;
}
.price-btn .monial-btn-gradient {
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0%;
    text-align: center;
    padding: 13px 34px;
}
.price-rate {
    display: inline-block;
    background: #ffffff;
    padding: 10px 20px;
    border-radius: 6px;
}
.price-rate p {
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0;
    font-family: var(--montserrat-family);
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0%;
}
.deals-pricing {
    margin-bottom: 22px;
}
.price-btn {
    text-align: right;
}
.instadeals-box.active-instadeals {
    background: linear-gradient(107.14deg, #FC4778 16.65%, #3952F5 82.18%);
}
.active-instadeals .job-card-pic-name h3 {
    color: #ffffff;
}
.active-instadeals .deals_rating_value b {
    color: #ffffff  !important;
}
.active-instadeals .deals_rating_value img {
    filter: brightness(0) invert(1);
}
.active-instadeals .job-card-pic-name h3 b {
    background: #fff;
}
.active-instadeals .job-card-pic-name h3 b img {
    filter: none;
}
.active-instadeals .gym-content h4 {
    color: #fff;
}
.active-instadeals .gym-content ul {
    color: #fff;
}
.active-instadeals .gym-content ul li:before {
    filter: brightness( 0) invert(1);
}
.active-instadeals  .price-btn .monial-btn-gradient {
    background: #fff;
}
.active-instadeals .price-btn .monial-btn-gradient span {
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.active-instadeals .date-same h4, .active-instadeals .date-same p {
    color: #ffffff;
}
.active-instadeals .date-same p i {
    color: #ffffff;
}
.active-instadeals .bor-rig {
    border-color: #ffffff;
}
.active-instadeals .job-card-pic-name h3 b em {
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* insta deals end  */
/* faq page  */
.faq-main-heading h2 {
    color: #1e1e1e;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    font-family: var(--montserrat-family);
}
.faq-main-heading {
    margin-top: 30px;
    margin-bottom: 20px;
}

.term-headings {
    color: #2d2d2d;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
}
.term-content p, .term-content li {
    font-size: 17px;
    font-weight: 500;
    line-height: 25px;
    color: #2d2d2d;
    text-align: justify;
}
.term-content li {
    margin-bottom: 17px;
}
.term-content li {
    margin-bottom: 5px;
}
.term-page-section {
    padding-top: 40px !important;
}
.term-content a {
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    word-wrap: break-word;
}
.term-content a:hover {
    background: -webkit-linear-gradient(150deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* scroll to top start  */
.scrollTop_top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    text-align: center;
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
    display: none;
    border: 1px solid #fff;
    z-index: 1;
}
.scrollTop_top i {
    font-size: 40px;
    color: #fff;
}
.scrollTop_top:hover{
    -webkit-transition: .5s linear;
    -moz-transition: .5s linear;
    -ms-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.23);
    -ms-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.23);
    -o-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.23);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.23);
}
/* scroll to top end  */



/* blog page  */
.blog-widget-content h4 {
    line-height: 24px;
}
.blog-widget-content h4 a {
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    color: #2d2d2d;
    font-family: var(--montserrat-family);
}
.blog-widget-content h4 a:hover{
    background: -webkit-linear-gradient(150deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: none;
}
.blog-widget-content .monial-btn-gradient {
    font-size: 16px;
    padding: 0;
    margin-top: 12px;
    background: none;
    background: -webkit-linear-gradient(150deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.blog-widget-content .monial-btn-gradient:hover {
    background: -webkit-linear-gradient(300deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.blog-widget-content .monial-btn-gradient img {
    filter: none;
}
.blog-box-widget {
    background: #fff;
    box-shadow: 0 0 10px #ccc;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
}   
.blog-widget-content {
    padding: 20px;
    min-height: 135px;
}
.blog-widget-image img {
    max-height: 255px;
    object-fit: cover;
    width: 100%;
    transition: 0.3s all ease-in;
}
.blog-widget-image img:hover {
    transform: rotate(1deg) scale(1.05);
}
.blog-load-btn {
    text-align: center;
    margin-top: 30px;
}

.blog-load-btn .monial-btn-gradient {
    max-width: 300px;
    width: 100%;
    justify-content: center;
    padding: 15px 20px;
}
.blog-listing-page {
    padding-top: 40px !important;
}

/* blog detail page  */
.blog-detail-page{
    padding-top: 40px !important;
}
.blog-detail-image img {
    width: 100%;
    max-height: 450px;
    object-fit: cover;
    border-radius: 10px;
}

.blog-detail-image {
    margin-bottom: 20px;
}

.blog-detail-title {
    font-size: 30px;
    font-weight: 700;
    color: #2d2d2d;
}

.blog-detail-heading {
    margin-bottom: 20px;
}
.blog-detail-content p, .blog-detail-content li, .blog-detail-content span, .blog-detail-content a {
    font-size: 17px;
    font-weight: 500;
    line-height: 23px;
    color: #2d2d2d;
    text-align: justify;
    font-family: var(--manrope-family) !important;
}
.blog-detail-content a {
    color: #3952f5 !important;
}
.detail-common-title {
    font-size: 30px;
    font-weight: 700;
    color: #2d2d2d;
}


.recent-blog-box {
    display: flex;
    /* align-items: center; */
    border-bottom: 1px dashed #cccccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.recent-blog-box:last-child {
    border: none;
    margin: 0;
    padding: 0;
}
.recent-blog-image {
    /* width: 250px; */
    /* margin-right: 15px; */
    flex: 0 0 35%;
    max-width: 35%;
    position: relative;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
}
.recent-blog-content {
    flex: 0 0 65%;
    max-width: 65%;
    position: relative;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
}
.recent-blog-content h5 a {
    font-size: 16px;
    font-weight: 700;
    color: #2d2d2d;
    line-height: 21px;
}
.recent-blog-content h5 {
    line-height: 21px;
}

.recent-blog-content h5 a:hover {
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.recent-post-title {
    margin-bottom: 20px;
}
.recent-post-widget {
    background: #eef2fa;
    padding: 20px 10px;
    border-radius: 7px;
}
.recent-blog-image img {
    border-radius: 5px;
    height: 90px;
    width: 100%;
    object-fit: cover;
}
.recent-category {
    display: inline-block;
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    padding: 3px 10px;
    line-height: normal;
    border-radius: 4px;
    margin-bottom: 7px;
    pointer-events: none;
}
.recent-category:hover {
   text-decoration: none;
    color: #fff;
}
.blog-detail-sidebar {
    position: sticky;
    top: 140px;
}
.blog-comment-box {
    background: #EEF2FA;
    padding: 40px 30px;
    margin-top: 40px;
    border-radius: 10px;
}
  

/* chat page  */

.custom-chatbox.chat {
    /* background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%) !important; */
    border: none;
    max-width: 320px;
    width: 100%;
    right: 10px;
    left: auto;
}
.fg-emoji-container {
    width: 100%;
    max-width: 320px;
}
.custom-chatbox.chat .chat-pop {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 16px;
    line-height: 19.5px;
    letter-spacing: 0%;
    min-height: auto;
    padding: 15px 20px;
    position: relative;
}
.custom-chatbox.chat .chat-pop:after {
    position: absolute;
    content: "\f107";
    font-family: FontAwesome;
    right: 20px;
    top: 50%;
    transform: translate(0, -50%);
}
.chat-header-img {
    max-width: 36px;
    width: 100%;
    max-height: 36px;
    object-fit: cover;
    border-radius: 100%;
    margin-right: 10px;
    width: 36px;
    height: 36px;
}
.custom-chatbox.chat .message-box {
    background-color: #FEF1F5;
    padding-top: 0;
}
.custom-chatbox.chat .usernameP {
    font-family: var(--montserrat-family);
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #000E08;
    width: 100%;
    margin: 0;
}
.custom-chatbox.chat .lastMessageP {
    font-family: var(--montserrat-family);
    font-weight: 500;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0px;
    color: #818181;
    width: 100%;
    margin: 0;
}
.custom-chatbox.chat  .chat-btn {
    background-color: #dddddd00;
    padding: 20px 20px 10px;
    height: auto;
    border-bottom: 1px solid #81818199;
    font-size: revert;
}
.custom-chatbox.chat  .chat-btn:hover {
    background-color: #F0EFFA;
}
.custom-chatbox.chat .lastMessageP i {
    font-style: normal;
    max-width: 100%;
}
.custom-chatbox.chat .chatDivPop {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    border-radius: 10px 10px 0 0;
    display: flex;
}
.custom-chatbox.chat  .prev-btn {
    background-color: rgb(252 71 120);
    border-radius: 10px 0 0 0;
    color: #fff;
}
.custom-chatbox.chat .receiverMessage {
    border-radius: 0px 15px 15px 0;
    background-color: rgb(255 255 255);
    color: #141414;
    font-family: var(--montserrat-family);
    font-weight: 500;
    font-size: 13px;
    padding: 10px 15px;
}
.custom-chatbox.chat .senderMessage {
    border-radius: 15px  0 0 15px ;
    background-color: rgb(255 255 255);
    color: #141414;
    font-family: var(--montserrat-family);
    font-weight: 500;
    font-size: 13px;
    padding: 10px 15px;
}
.custom-chatbox.chat .time-message {
    color: #545454;
    font-size: 10px;
    font-style: normal;
    font-family: var(--manrope-family);
}
.custom-chatbox.chat .singleMessageContainer {
    padding-top: 7px;
}
.custom-chatbox.chat .dateMessage {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    font-size: 13px;
    padding: 5px 15px;
    font-weight: 600;
    font-family: var(--montserrat-family) !important;
}
.custom-chatbox.chat .reply-btn {
    background-color: rgb(0 0 0);
    color: #ffffff;
    text-transform: capitalize;
}
.custom-chatbox.chat .input-message {
    border: 1px solid #81818199;
    display: none;
    border-radius: 29px;
    padding-left: 45px;
    padding-right: 30%;
    font-size: 13px;
    line-height: 18px;
    padding-top: 3px;
}
.custom-chatbox.chat .attach-file i.fa-paperclip {
    color: #3952F5 !important;
}
.custom-chatbox.chat #emoji-id {
    left: 7%;
    right: auto;
    width: auto;
}
/* .custom-chatbox.chat .send-message-btn {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    border: none;
    color: #fff;
} */
.custom-chatbox.chat .send-message-btn {
    background: transparent;
    border: none;
    color: #fff;
    border-left: 1px solid #ccc;
}
.custom-chatbox.chat .send-message-btn:hover {
    background: linear-gradient(260.14deg, #FC4778 16.65%, #3952F5 82.18%);
    color: #fff;
}
.custom-chatbox.chat .send-message-btn:hover img {
    filter: brightness(0) invert(1);
 }
 .custom-chatbox.chat  #attach-file-id {
    right: 22%;
}
/* search influencers page  */
.influencer-banner .banner-heading {
    font-family: var(--montserrat-family);
    font-weight: 700;
    font-size: 48px;
    line-height: 67.2px;
    letter-spacing: 0%;
    color: #2D2D2D;
}
.inner-custom-banner.influencer-banner {
    padding-top: 40px;
    padding-bottom: 32px;
}
.influencer-filter-form {
    position: relative;
    padding: 20px 30px;
}
.influencer-filter-form:before {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: add, add;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    padding: 1px;
    border-radius: 16px;
}
.custom-filter-form .form-group label {
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 18px;
    line-height: 25.2px;
    letter-spacing: 0%;
    color: #2d2d2d;
    margin-bottom: 8px;
    display: block;
}

.custom-filter-form .form-group select, .custom-filter-form .form-group input, .custom-filter-form .form-group textarea {
    font-family: var(--montserrat-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 17.5px;
    letter-spacing: 0px;
    position: relative;
    height: auto;
    padding: 10px 15px;
    border-radius: 4px;
    color: #2d2d2d;
        position: relative;
        z-index: 1;
        border: 0;
        background: transparent !important;
}
.custom-filter-form .form-group select::placeholder, .custom-filter-form .form-group input::placeholder, .custom-filter-form .form-group textarea::placeholder {
    color: #7a7c7f;
}

.form-gradient{
    position: relative;
}
.form-gradient:before {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: add, add;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    padding: 1px;
    border-radius: 4px;
}
.custom-filter-form .form-group select {
    position: relative;
  }
.custom-filter-form .form-group select {
    -webkit-appearance: none;
    overflow: -moz-hidden-unscrollable;
  }
  .form-gradient-select:after {
    background: url(../images/select-arrow.svg) no-repeat;
    position: absolute;
    content: "";
    width: 10px;
    height: 6px;
    background-size: cover;
    /* z-index: 99; */
    display: block;
    top: 17px;
    right: 15px;
}
select:focus, input:focus, textarea:focus{
 box-shadow: none !important;
}
select:focus-visible, input:focus-visible, textarea:focus-visible{
 outline:none !important;
}
.custom-filter-form .form-group{
    margin-bottom: 0;
}
.custom-filter-form .post-form-checkbox {
    max-width: 95px;
}
.custom-filter-form  label.label-check {
    display: table;
    margin: auto;
}
.influencer-filter {
    margin-bottom: 24px;
}
.influencer-table-background {
    background: linear-gradient(107.13deg, #FFF1F5 0%, #ECEEFB 100%);

    padding: 35px 16px;
    border-radius: 16px;
}
.influencer-table-filter{
    margin-bottom: 26px;
}
.custom-influencer-table .table .thead-light th {
    background-color: #E6E6E6;
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 18px;
    line-height: 25.2px;
    letter-spacing: 0%;
    color: #2d2d2d;
    white-space: nowrap;
    padding: 18px 30px;
}
.custom-influencer-table.table-responsive {
    border-radius: 5px;
}
.custom-influencer-table .table td {
    font-family: var(--montserrat-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 22.4px;
    letter-spacing: 0%;
    color: #2d2d2d;
    white-space: nowrap;
    padding: 7px 30px;
}

.custom-influencer-table .table {
    text-align: center;
}
.influencer-profile a {
    color: #2CAEFF;
    text-decoration: underline;
}
.influencer-profile a:hover {
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}
.influencer-email a {
    color: #201D23CC;
    text-decoration: underline;

}
.influencer-email a:hover {
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}
.influencer-pic img {
    max-width: 55px;
    max-height: 55px;
    border-radius: 100%;
    object-fit: cover;
}
.influencer-follower {
    background: -webkit-linear-gradient(16deg, #FC4778 36.65%, #3952F5 58.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.custom-influencer-table .table tr:nth-child(odd) {
    background: #fff;
}
.custom-influencer-table .table tr:nth-child(even) {
    background: #FAFAFA;
}
.custom-influencer-table  .progress-bar {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
}
.custom-influencer-table  .progress {
    height: 8px;
    max-width: 100px;
    margin: auto;
}

.custom-influencer-table .table td, .custom-influencer-table .table th {
    vertical-align: middle;
    border: none;
    border-right: 1px dashed   #4D4D4D4D;
}
.custom-influencer-table .table td:last-child, .custom-influencer-table .table th:last-child {
    border-right: none;
}

 .custom-influencer-table table::-webkit-scrollbar {
    /* width: 20px; */
    height: 15px;
  }
  .custom-influencer-table table::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
  }
  .custom-influencer-table table::-webkit-scrollbar-thumb {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%); 
    border-radius: 10px;
  }
  .custom-influencer-table table::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%); 
  }
  .influencer-table {
    padding-bottom: 100px;
}
.pagination-pages p {
    font-family: var(--montserrat-family);
    font-weight: 500;
    font-size: 18px;
    line-height: 21.94px;
    letter-spacing: 0%;
    color: #333333;
    margin-bottom: 0;
}
.influencer-pagination-widget {
    margin-top: 26px;
}
.pagination-pages select {
    padding: 10px 15px;
    border-radius: 4px;
}
.pagination-pages select {
    /* width: 10px; */
    -webkit-appearance: none;
    overflow: hidden;
    overflow: -moz-hidden-unscrollable;
    background: url(../images/select-arrow.svg) no-repeat right  white;
    display: inline-block;
    position: relative;
    max-width: 66px;
    background-position-x: 80%;
    width: 100%;
  }
  .pagination-numbers button {
    border: 1px solid #3952F5;
    padding: 10px 16px;
    border-radius: 4px;
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 16px;
    line-height: 22.4px;
    letter-spacing: 0%;
    color: #3952F5;
}
.pagination-numbers {
    text-align: right;
}
.next-pagi-btn {
    margin-left: 30px;
}
.next-pagi-btn img {
    margin-left: 8px;
}
.prew-pagi-btn img {
    margin-right: 8px;
}
.pagination-numbers button img {
    max-height: 15px;
}
.pagination-numbers button:hover {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    color: #fff;
}
.pagination-numbers button:hover img {
   filter: brightness(0) invert(1);
}
.influencer-check-filter .category-label {
    border: none;
    padding: 10px 16px;
}
.influencer-check-filter .category-label span img {
    border: 1px solid #fff;
    border-radius: 100%;
    padding-left: 0.4px;
}
.influencer-check-filter .category-checkbox:checked + .category-label {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    border: none;
}
.form-group.filter-search-input input {
    font-family: var(--montserrat-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 22.4px;
    letter-spacing: 0%;
    padding: 10px 16px;
    height: auto;
    padding-left: 42px;
}
.form-group.filter-search-input input::placeholder {
    color: #7A7C7F;
}
.filter-search-input {
    position: relative;
    margin-bottom: 0;
}

.filter-search-input i {
    position: absolute;
    top: 47%;
    transform: translate(0, -50%);
    left: 17px;
    color: #7A7C7F;
    z-index: 1;
}
.influencer-filter-search form {
    max-width: 300px;
    margin-left: auto;
}


.profile-filter-btn {
    padding-top: 40px;
    padding-bottom: 40px;
}
.profile-back-btn a {
    font-family: var(--montserrat-family);
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0px;
    color: #2d2d2d;
}
.profile-back-btn a:hover {
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.profile-back-btn a i {
    font-size: 20px;
    margin-right: 5px;
}
.profile-search-btn .form-gradient {
    background: linear-gradient(107.13deg, #FFF1F5 0%, #ECEEFB 100%);
}
.profile-search-btn .form-group.filter-search-input input {
    /* background: linear-gradient(107.13deg, #FFF1F5 0%, #ECEEFB 100%); */
    z-index: 1;
    position: relative;
    background: transparent;
    border: 0;
}
.profile-search-btn form {
    max-width: 444px;
    margin-left: auto;
}
.user-profile-content .job-card-pic-name {
    max-width: 850px;
    padding-right: 30px;
}
.user-profile-content .job-card-pic-name h3 {
    font-weight: 600;
    font-size: 26px;
    line-height: 31.69px;
    letter-spacing: 0%;
}
.user-profile-content .job-card-pic-name h3 span {
    font-family: var(--montserrat-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 19.5px;
    letter-spacing: 0%;
    margin-top: 3px;
}
.job-card-dpl-profile  .bor-rig {
    margin-bottom: 40px;
}
.job-card-dpl-profile .date-same h4 img {
    max-height: 22px;
    position: relative;
    top: -1px;
    margin-right: 1px;
}
.user-profile-job-crd .job-card-inner-frame {
    padding: 35px 10px 0;
}
.dpl-social-profile a {
    font-family: var(--montserrat-family);
    font-weight: 500;
    font-size: 18px;
    line-height: 21.94px;
    letter-spacing: 0%;
    text-decoration: underline;
    color: #3952f5;
}
.dpl-social-profile ul {
    padding: 0;
    list-style: none;
}
.dpl-social-profile li {
    margin: 10px 0;
}

.dpl-social-profile {
    text-align: left;
    margin-right: 40px;
    /* max-width: 128px; */
    max-width: 230px;
    margin-left: auto;
}
.dpl-social-profile img{
    margin-right: 8px;
}

.dpl-social-profile a i {
    margin-right: 10px;
}
.dpl-social-profile a:hover {
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.profile-job-section {
    padding-bottom: 80px;
}
.inf-prof-btn {
    margin-top: 40px;
    text-align: center;
}
/* .job-card-dpl-profile .bor-rig:nth-child(4) {
    border: none;
} */
.job-card-dpl-profile .bor-rig:nth-child(7) {
    border: none;
}



/* sign pages  */

.sign-pages {
    background: linear-gradient(107.13deg, #FFF1F5 0%, #ECEEFB 100%);
    position: relative;
}
.sign-pages:after {
    background: linear-gradient(107.13deg, #FFF1F5 0%, #ECEEFB 100%);
    position: absolute;
    content: "";
    width: 100%;
    height: 120px;
    top: 100%;
    left: 0;
    z-index: -1;
}
.sign-form-widget {
    background: linear-gradient(107.14deg, rgba(252, 71, 120, 0.3) 16.65%, rgba(57, 82, 245, 0.3) 82.18%);
    border-radius: 60px;
    overflow: hidden;
}
.sign-form-inputs .form-group .form-control {
    font-family: var(--montserrat-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    padding: 16px;
    border: 1px solid #828282;
    height: auto;
    background: #fff;
    position: relative;
    color: #000000;
}
.form-control:-webkit-autofill {
    font-family: var(--montserrat-family);
    background-color: transparent !important;
    transition: background-color 5000s ease-in-out 0s; /* Prevent background color change */
}

.sign-form-inputs .form-group {
    position: relative;
}
.pass-eye {
    position: absolute;
    top: 14px;
    right: 14px;
}
.pass-eye i {
    color: #828282;
}

.sign-form-group img {
    position: absolute;
    top: 19px;
    z-index: 1;
    padding: 0 16px;
}
.sign-form-group .form-control {
    padding-left: 50px !important;
}
.sign-right-side {
    padding: 70px 100px;
}
.form-bg-white{
    background-color: #fff;
    position: relative;
    z-index: 1;
}
.form-bg-white:before {
    position: absolute;
    content: "";
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: -50%;
    left: 0;
}
.form-bg-white:after {
    position: absolute;
    content: "";
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: -1;
    bottom: -50%;
    left: 0;
}
.sign-left-side {
    padding: 70px 100px;
}
.sign-left-side img {
    max-width: 410px;
    margin: auto;
    display: table;
    width: 100%;
}
.sign-logo img {
    max-height: 134px;
    margin-bottom: 32px;
}
.sign-logo-heading {
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0%;
    color: #333333;
}
.sign-logo {
    margin-bottom: 32px;
    text-align: center;
}
.login-form-btn .monial-btn-gradient {
    padding: 12px 40px;
    width: 100%;
    text-align: center;
    justify-content: center;
    border: none;
}
.login-form-btn {
    margin-top: 14px;
    text-align: center;
}
.forgot-password {
    font-family: var(--montserrat-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 19.5px;
    letter-spacing: 0%;
    color: #6F74DD;
    margin-top: 20px;
    display: inline-block;
}
.forgot-password:hover {
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.signup-other-title {
    font-weight: 400;
    font-size: 20px;
    line-height: 24.38px;
    letter-spacing: 0%;
    color: #828282;
    position: relative;
    text-align: center;
    padding: 0 10px;
}
.signup-other-title .orline {
    background: #82828299;
    max-width: 88px;
    height: 1px;
    width: 100%;
    display: inline-block;
    position: relative;
    top: -6px;
}
.sign-via-google {
    border: 1px solid #3949AB !important;
    border-radius: 40px;
    height: auto;
    font-family: var(--montserrat-family);
    font-weight: 500;
    font-size: 18px;
    line-height: 21.94px;
    letter-spacing: 0%;
    text-align: center;
    color: #3952f5;
    background: transparent;
    padding: 9px 30px;
    width: 100%;
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 30px;
}
.sign-via-google:hover {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    color: #fff ;
    text-decoration: none;
}
.sign-via-google:hover img{
    filter: brightness(0) invert(1);
}
.sign-via-google img {
    max-width: 24px;
}
.signup-google {
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;
    color: #777777;
    margin-bottom: 0;
}
.signup-google a {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-top: 0;
}
.signup-google article {
    color: #3952F5;
}
.signup-other-way {
    margin-top: 30px;
}
.sign-form-mobile .iti {
    width: 100%;
}
.sign-form-mobile .iti input {
    padding-left: 95px !important;
}
.sign-form-mobile .iti__selected-flag:focus-visible{
    outline: none;
}
.register-left-side {
    padding-left: 40px  !important;
    padding-right: 40px  !important;
}
.register-left-side img {
    max-width: 520px;
}
.register-right-side {
    padding-left: 40px  !important;
    padding-right: 40px  !important;
}
.signup-radio-btn label.label-check a {
    color: #7a7c7f;
    text-decoration: underline;
}
.signup-radio-btn label.label-check a:hover {
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.signup-radio-btn .label-check .checkmark {
    border-radius: 100%;
}
.login-social-btn label {
    font-family: var(--montserrat-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;
    color: #777777;
    display: block;
    text-align: left;
    margin-bottom: 15px;
}
.login-social-btn a img {
    max-width: 35px;
}
.login-social-btn a {
    margin-right: 20px;
}
.login-social-btn {
    /* margin-bottom: 30px; */
    margin-bottom: 20px;
    margin-top: 8px;
}
.signup-radio-btn .label-check .checkmark {
    top: 2px;
    height: 20px;
    width: 20px;
}
.signup-radio-btn .label-check .checkmark:after {
    left: 6px;
    top: 2px;
    width: 6px;
    height: 12px;
}


.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
  }
  
  .file-btn {
    color: #ffffff;
    padding: 8px 20px;
    border-radius: 0px 5px 5px 0;
    background: #3952F5;
    border: none;
    height: 100%;
    font-family: var(--montserrat-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
}
  .upload-btn-wrapper input[type=file] {
    /* font-size: 100px; */
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    height: 100%;
  }
  .upload-btn-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}
.register-tabs li.nav-item {
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 24.38px;
    letter-spacing: 0%;
    text-align: center;
    border-bottom: 1px solid #828282;
}
.register-tabs ul.nav-pills {
    justify-content: center;
    /* border-bottom: 1px solid #828282; */
    margin-bottom: 32px;
}
.register-tabs li.nav-item button.nav-link.active {
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
}
.register-tabs li.nav-item button.nav-link.active:after {
    position: absolute;
    content: "";
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
}
.register-tabs li.nav-item button{
    padding-top: 0;
}


/* 17 feb  */
.sign-in-users  a.header-notify-btn {
    height: 40px;
    width: 40px;
    background: #fff;
    /* display: inline-block; */
    border-radius: 100%;
    margin-left: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
}
.sign-in-users {
    margin-left: 7px;
    display: flex;
    align-items: center;
}
.sign-in-users a i {
    font-size: 18px;
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
}
.sign-in-users a:hover i {
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: #fff; 
}
.sign-in-users a:hover {
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%); 
}
.user-action-btn {
    position: relative;
}
.user-profile-menu {
    display: none;
    position: absolute;
    right: 0;
}
.user-profile-menu-list {
    padding: 15px;
    line-height: normal;
    list-style: none;
    top: 10px;
    background: #fff;
    box-shadow: 0 0 10px #ccc;
    z-index: 2;
    border-radius: 3px;
    min-width: 170px;
    position: relative;
    margin-top: 0px;
    max-width: 170px;
}
.user-action-btn:hover .user-profile-menu {
    display: block;
}
.user-balance-price {
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* font-size: 20px; */
    font-size: 17px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 9px;
}
.user-balance-heading {
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 5px;
}
.user-profile-menu-list li a {
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 5px;
    color: #2d2d2d;
}
.user-profile-menu-list li a:hover {
    background: none;
    text-decoration: none;
}
.user-profile-menu-list li a:hover i {
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.user-profile-menu-list li a:hover span{
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.user-profile-menu-list li {
    margin-bottom: 5px;
}

.user-profile-menu-list li span {
    padding-left: 6px;
    display: inline;
}

.user-profile-menu-list li a i {
    position: relative;
    top: 2px;
}
.fix-whatsapp-btn {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 1;
    background: #fff;
    padding: 0;
    border-radius: 100%;
    animation: pulse-animation 2s infinite;
}
@keyframes pulse-animation {
    0% {
      box-shadow: 0 0 0 0px  rgb(103 212 73 / 54%);
    }
    100% {
      box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
  }
  .fix-whatsapp-btn img {
    max-width: 60px;
}
#filter-form .form-group {
    margin-bottom: 12px;
}
.custom-influencer-table .dataTables_filter label {
    margin-left: auto;
    display: table;
    width: 100%;
    max-width: 340px;
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 18px;
    line-height: 25.2px;
    letter-spacing: 0%;
    color: #2d2d2d;
    position: relative;
    top: -13px;
}
.custom-influencer-table .dataTables_filter label input {
    border: 1px solid rgb(0 0 0 / 20%);
    font-family: var(--montserrat-family);
font-weight: 500;
font-size: 16px;
line-height: 22.4px;
letter-spacing: 0%;
padding: 10px 16px;
height: auto;
border-radius: 6px;

}
.custom-influencer-table #datatable_length label {
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 18px;
    line-height: 25.2px;
    letter-spacing: 0%;
    color: #2d2d2d;
    display: flex !important;
    align-items: center;
}

.custom-influencer-table #datatable_length label select {
    display: inline-block !important;
    border: 1px solid rgb(0 0 0 / 20%);
    font-family: var(--montserrat-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 22.4px;
    letter-spacing: 0%;
    padding: 10px 16px;
    height: auto;
    border-radius: 6px;
    max-width: 70px;
    margin-left: 10px;
    margin-right: 10px;
}
.custom-influencer-table div#datatable_wrapper .row:first-child {
    align-items: center; 
}
div#datatable_paginate .page-item.active .page-link, div#datatable_paginate .page-item .page-link:hover {
    border-color: #c54a9b;
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%) ;
    color: #fff;
    /* border: none;
    top: 1px; */
}
div#datatable_paginate .page-link {
    font-weight: 500;
    font-size: 16px;
    color: #2d2d2d;
}
div#datatable_paginate a.page-link:focus {
    box-shadow: none !important;
}
div#datatable_paginate  ul.pagination {
    justify-content: end;
}
a.btn.show-more-results-btn.ds-show-more-results-btn.monial-btn-gradient {
    font-size: 15px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
}
.content-bank-widget {
    background: #ffffff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 0 10px #ccc;
    margin-bottom: 20px;
}
.content-bank-widget:last-child {
    margin-bottom: 0px;
}
.content-bank-image img {
    border-radius: 5px;
    border: 2px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%) border-box;
    width: 100%;
}
.content-bank-heading h2 {
    font-size: 30px;
    font-weight: 600;
    color: #2d2d2d;
}

.content-bank-desc {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    text-align: justify;
    color: #6D6D6D;
}
.content-bank-pdf .monial-btn-gradient {
    font-size: 18px;
    font-weight: 600;
    padding: 13px 22px;
}
.content-bank-pdf .monial-btn-gradient img {
    max-height: 28px;
}
.content-bank-pdf {
    text-align: right;
}

.comment-date {
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0%;
    color: #858585;
}

.review-comment-rating i {
    color: #E7B66B;
    font-size: 16px;
    margin-right: 6px;
}

.review-comment-rating {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.review-comment-rating img {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    object-fit: cover;
    margin-right: 12px;
}

.review-comment-rating h3 {
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0%;
    text-align: center;
    color: #0D0C22;
    margin-bottom: 0;
}
.comment-desin {
    font-family: var(--montserrat-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0%;
    color: #858585;
}

.review-comment-des-grid {
    margin-top: 12px;
}

.review-comment-des-grid p {
    font-family: var(--montserrat-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0%;
    color: #0D0C22;
}
.review-comment-widget {
    border-bottom: 1px solid #F8F7F4;
    padding-bottom: 20px;
    padding-top: 30px;
}
.review-comment-widget:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}
.review-rating-number h2 {
    font-family: var(--montserrat-family);
    font-weight: 700;
    font-size: 40px;
    line-height: 48.76px;
    letter-spacing: 0%;
}
.rating-stars i {
    color: #E7B66B;
    font-size: 20px;
    margin-right: 6px;
}

.total-rating p {
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 12px;
    line-height: 14.63px;
    letter-spacing: 0%;
    color: #858585;
}

.rating-stars {
    margin-top: 16px;
    margin-bottom: 16px;
}
.revies-stars {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 6px;
}

.revies-stars p {
    width: 50px;
    margin-bottom: 2px;
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0%;
    color: #2d2d2d;
}
.revies-stars .progress {
    width: calc(100% - 50px);
    height: 6px;
}
.revies-stars .progress-bar {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
}
.review-com-btn {
    background: #2d2d2d;
    color: #fff;
    font-family: var(--manrope-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0%;
    text-align: center;
    padding: 9px 30px;
    border-radius: 80px;
    display: inline-block;
}
.review-com-btn:hover {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    color: #fff;
    text-decoration: none;
}
.review-dropdown .filter-dropdown {
    float: none;
}
.review-dropdown .filter-dropdown i {
    font-size: 24px;
    position: relative;
    top: 2px;
}
.review-dropdown .filter-sub-heading {
    margin-bottom: 0;
}
.review-dropdown {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.budget-container {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 20px;
}
  
  .budget-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  
  .budget-container .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
  }
  

  .budget-container:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
  .budget-container input:checked ~ .checkmark {
    background-color: #2196F3;
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
}
 
  .budget-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  .budget-container input:checked ~ .checkmark:after {
    display: block;
  }

  .budget-container .checkmark:after {
       top: 6px;
      left: 6px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: white;
  }
  .revies-stars-form .revies-stars p {
    width: 140px;
    font-size: 13px;
}
.job-card-dpl-profile .bor-rig:nth-child(3) {
    border: none ;
}
.job-card-dpl-profile .bor-rig:nth-child(6) {
    border: none ;
}
.review-modal .modal-title {
    font-size: 20px;
    font-weight: 600;
}
.submit-review-star .form-group .form-question{
    font-size: 16px;
    font-weight: 600;
}
.submit-review-star .form-group textarea {
    min-height: 90px;
    font-size: 15px;
}
.revies-stars-form {
    background: #ECEEFB;
    padding: 12px;
    border-radius: 7px;
    margin-bottom: 12px;
}
.review-form-btn .monial-btn-gradient {
    border: none;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 600;
}
.review-form-btn {
    text-align: right;
}
div#review-popup {
    padding: 0 !important;
}
.onchat-whatsapp {
    bottom: 75px;
}
.payment-form-heading {
    background: linear-gradient(107.13deg, #FFF1F5 0%, #ECEEFB 100%);
    text-align: center;
    padding: 20px;
    border-radius: 12px;
}
.payment-form-heading h4 {
    font-family: var(--montserrat-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 24.38px;
    letter-spacing: 0%;
    margin-bottom: 0;
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.payment-form-heading h4 img {
    max-height: 30px;
    margin-right: 2px;
    position: relative;
    top: -2px;
}
.payment-image-pic img {
    max-width: 580px;
    width: 100%;
}
.payment-subtotal p {
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 24.38px;
    color: #2d2d2d !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.payment-buttons .monial-btn-gradient {
    border: none;
    width: 100%;
    text-align: center;
    justify-content: center;
    margin-bottom: 15px;
}
.payment-buttons .monial-btn-gradient:last-child {
    margin-bottom: 0px;
}
.payment-posting {
    color: #818181 !important;
}
.payment-total span:first-child {
    font-weight: 600;
}
.payment-total span:last-child {
    font-weight: 600;
}
.payment-total span:last-child {
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 30px;
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.payment-subtotal {
    margin-top: 30px;
    margin-bottom: 40px;
}
.payment-checkbox {
    margin-top: 35px;
}
.payment-card-tabs ul {
    list-style: none;
    padding: 0;
    margin: 0px;
}
.payment-card-tabs ul li {
    display: inline-block;
    margin: 0 30px;
}
.payment-card-tabs {
    margin-top: 35px;
    margin-bottom: 25px;
}
.card-form label {
    font-family: var(--montserrat-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 17.07px;
    letter-spacing: 0%;
    color: #818181;
    margin: 0;
    position: relative;
    top: 12px;
    left: 13px;
    background: #fff;
    padding: 0 6px;
}
.payment-card-tabs ul {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-form input {
    font-family: var(--montserrat-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 24.38px;
    letter-spacing: 0%;
    color: #1d1d1d;
    padding: 15px 17px;
    height: auto;
}
.payment-card-tabs ul li img {
    max-height: 30px;
}
.payment-buttons .monial-btn-gradient.outline-btn {
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(247deg, #fc4778, #3952f5) border-box;
    border: 1px solid transparent;
    /* padding: 17px 22px; */
}
.payment-buttons .monial-btn-gradient.outline-btn span {
    background: -webkit-linear-gradient(302deg, #FC4778 16.65%, #3952F5 70.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.payment-buttons .monial-btn-gradient.outline-btn:hover {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
}
.payment-buttons .monial-btn-gradient.outline-btn:hover span {
    background: transparent;
    -webkit-background-clip: #fff;
    -webkit-text-fill-color: #fff;
}
.payment-image-pic {
    margin-top: 80px;
}

.guide-heading {
    font-size: 44px;
    font-weight: 800;
    color: #2d2d2d;
    margin-bottom: 15px;
}
.guide-content p {
    font-size: 18px;
    font-weight: 700;
    color: #2d2d2d;
}
.guide-content li {
    font-size: 17px;
    font-weight: 500;
    color: #2d2d2d;
    margin-bottom: 10px;
}
.guide-content ul {
    margin: 0;
    padding-left: 20px;
}
.gym-images .item img {
    height: 170px;
    object-fit: cover;
}
.guide-content-tabs button.nav-link.active {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    color: #fff;
}
.guide-content-tabs button.nav-link {
    background: #eceefb;
    border-radius: 60px;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 600;
    color: #2d2d2d;
}
.guide-content-tabs ul.nav-pills {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}
.guide-content-tabs li.nav-item {
    margin-right: 15px;
}

/* package page  */
.custom-package-page {
    background: #fff !important;
}
.custom-package-page .package-box {
    box-shadow: 0 0 10px #ccc;
    position: relative;
    overflow: hidden;
    padding-top: 60px;
    padding-bottom: 30px;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
}
.custom-package-page .category_package {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    width: 100%;
    justify-content: center;
    padding: 8px !important;
    position: absolute;
    top: 0;
    margin: 0 !important;
    left: 0;
}
.custom-package-page .category_package li {
    color: #fff !important;
    font-size: 24px;
    font-weight: 700 !important;
}
.subscribe-button {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    font-family: var(--montserrat-family);
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    color: #fff;
    padding: 13px 25px;
    transition: all 0.3s ease-in;
    border-radius: 40px;
}
.subscribe-button:hover {
    background: linear-gradient(260.14deg, #FC4778 16.65%, #3952F5 82.18%);
}
.package-btn.custom-package-btn {
    background: none !important;
    box-shadow: none;
    width: auto;
    border-radius: 0;
    padding: 0;
    margin: 0;
    margin-top: 25px;
}
div#unsubs {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%) !important;
    box-shadow: none;
    width: auto;
    border-radius: 0;
    padding: 0;
    margin: 0;
    margin-top: 25px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .25);
    border-radius: 25px;
    display: flex;
    justify-content: center;
    padding: 10px;
    margin: 10px 0;
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.packeages-description ul li {
    color: #2d2d2d;
    font-size: 15px;
    font-weight: 500;
}
.packeages-description ul {
    padding-left: 20px;
    margin-top: 15px;
}
.packeages-description h3 {
    color: #2d2d2d;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
}
.packeages-description h4 {
    color: #2d2d2d;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
}
.packeages-description h5 {
    color: #2d2d2d;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}
.package-title.custom-package-title {
    font-weight: 600;
    margin: 0;
    margin-top: 16px;
    color: #2d2d2d;
}
.package-quantity-price {
    background: #f2f4ff;
    border-radius: 8px;
    padding: 20px;
}

.custom-price-content h6 {
    background: none;
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: #2d2d2d;
    font-size: 20px !important;
    margin: 0;
}
.custom-price-content .package-price-numeric {
    font-size: 28px !important;
    font-weight: 700;
}
.custom-price-content {
    margin-top: 10px;
}
.custom-package-quantity .text-wrapper {
    margin-top: 0 !important;
    color: #2d2d2d !important;
    font-size: 16px;
    font-weight: 700;
}
.custom-package-quantity .number-wrapper {
    display: inline-flex;
    align-items: center;
    border: 1px solid #dfdfdf;
    background: #fff;
}
.custom-package-quantity input {
    margin-left: 0 !important;
    border: none !important;
    color: #2d2d2d !important;
}

.custom-package-quantity .btns_inc {
    top: 0;
    right: 0;
    position: relative;
}
.custom-package-quantity span.btns_inc span {
    margin: 0 !important;
    padding: 0 !important;
    border-left: 1px solid #dfdfdf;
    width: 29px !important;
    border-bottom: 1px solid #dfdfdf;
    color: #2d2d2d !important;
}
.custom-package-quantity span.btns_inc span:last-child {
    border-bottom: none;
}

/* topbar text  */
.topbar-text p {
    font-family: var(--montserrat-family);
    font-weight: 500;
    font-size: 18px;
    line-height: 21.94px;
    letter-spacing: 0%;
    color: #fff;
    margin-bottom: 0;
}   
.topbar-text p {
    font-weight: 500 !important;
    font-size: 15px !important;
}
.topbar-text{
    text-align: center;
}

/* home latest news  */
.home-latest-heading h4 {
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 0%;
    color: #333333;
}

.home-latest-news {
    background: linear-gradient(107.13deg, #FFF1F5 0%, #ECEEFB 100%);
    padding: 30px 40px;
    border-radius: 12px;
}

.home-latest-heading {
    text-align: center;
    margin-bottom: 30px;
}

.news-date {
    font-family: var(--montserrat-family);
    font-weight: 500;
    font-size: 12px;
    line-height: 19.2px;
    letter-spacing: 0px;
    color: #2d2d2d;
    margin-bottom: 5px;
}   

.news-title a {
    font-family: var(--montserrat-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0%;
    color: #2d2d2d;
    /* pointer-events: none; */
}
.news-title a:hover{
    /* -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(302deg, rgb(252, 71, 120) 16.65%, rgb(57, 82, 245) 70.18%) text; */
    color: #3952F5;
    text-decoration: none;
}

.news-description {
    font-family: var(--montserrat-family);
    font-weight: 500;
    font-size: 12px;
    line-height: 14.63px;
    letter-spacing: 0%;
    color: #2d2d2d;
    margin-bottom: 10px;
}

.latest-news-btn {
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0px;
    text-decoration: underline;
    color: #3952F5;
}
.latest-news-btn:hover{
    /* -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(302deg, rgb(252, 71, 120) 16.65%, rgb(57, 82, 245) 70.18%) text; */
    color: #3952F5;
    font-weight:700;
}
.latest-news-box {
    margin-bottom: 18px;
    border-bottom: 1px solid #81818133;
    padding-bottom: 18px;
}

.latest-news-box:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}
/* blog section  */

.change_currency.cruncy-icon i {
    position: absolute;
    top: 4px;
    right: -15px;
}
.top-bar-content {
    padding-right: 30px;
}
.switch_currency {
    right: -15px;
}
select#job-select {
    width: 100%;
    border: 1px solid #fc4778;
    border-radius: 100px;
    padding: 15px;
    height: auto;
}
form#job-selection-form {
    width: 100%;
    max-width: 300px;
}
form#job-selection-form .form-group {
    margin-bottom: 0;
}
form#job-selection-form .form-group select {
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background: transparent;
  background-image: url("../images/select-arrow.svg");
  background-repeat: no-repeat;
  background-position-x: 95%;
    background-position-y: 23px;
}


.card.payment-card {
    padding: 13px;
    border: none;
    background: #f3f3f3;
    border-radius: 12px;
    margin-bottom: 10px;
}

.card.payment-card .img-box {
    margin-bottom: 15px;
    overflow: hidden;
    border: 2px solid #fff;
    max-width: 74px;
    border-radius: 7px;
}
.card.payment-card .img-box img {
    max-width: 100%;
}

.card.payment-card label.fw-bold {
    font-weight: 700;
    color: #2d2d2d;
}
.radio.selected .card.payment-card {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
}
.radio.selected .card.payment-card label.fw-bold {
    color: #fff;
}
.radio.selected .card.payment-card small {
    color: #fff;
}
.payment-subtotal {
    margin-top: 10px;
    margin-bottom: 25px;
    background: linear-gradient(107.13deg, #FFF1F5 0%, #ECEEFB 100%);
    border-radius: 12px;
    padding: 30px 15px;
}
.payment-method.radio:nth-child(odd) {
    padding-right: 5px;
}

.payment-method.radio:nth-child(even) {
    padding-left: 5px;
}
.payment-subtotal button#pay-button {
    width: 100%;
    justify-content: center;
    margin-top: 10px;
}
button.add-method-btn {
    width: 100%;
    justify-content: center;
    border: 1px solid  #007bff;
    margin-top: 10px;
}
.note-text p {
    font-size: 14px;
    font-weight: 600;
    color: #fc4778;
}

/* new menu style start */

.login-translate-btn li.change_lang .flag {
    display: flex;
    align-items: center;
}

.login-translate-btn ul {
    margin: 0;
    list-style: none;
    background: #fff;
    padding: 0;
    margin-left: 16px;
    width: 80px;
    height: 30px;
    border-radius: 4px;
    padding: 2px 6px;
}

.login-translate-btn ul li {
    position: relative;
}

.login-translate-btn ul li img {
    max-width: 25px;
}

.login-translate-btn li.change_lang .flag a {
    margin: 0 6px;
}
/* new menu style end */
/* new footer menu style start */
.footer-currency {
    background: #fff;
    margin: 0;
    padding: 2.5px 8px !important;
    position: relative;
    border-radius: 5px;
    height: 28px;
    margin-right: 0 !important;
    position: relative;
    top: -1px;
}
.footer-currency a {
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.change_currency.cruncy-icon.footer-currency i {
    position: relative;
    top: -1px;
    right: 0;
    margin-left: 7px;
    font-weight: 600;
}
.footer-currency span.flag {
    display: flex;
    align-items: center;
}
.footer-currency span.flag img {
    margin-right: 6px;
}
.footer-currency a:hover {
    filter: none !important;
}
.footer-currency .switch_currency img {
    margin-bottom: 0;
}
.footer-currency .switch_currency a {
    color: #2d2d2d;
}
/* footer img {
    max-width: 168px;
    width: auto !important;
} */
/* new footer menu style end */


/* new category style start  */
.category-box2 h3 {
    font-family: var(--manrope-family);
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    color: #2d2d2d;
}
.category-box2 h3 img {
    margin-right: 15px;
    max-height: 35px;
}
.category-box2 span {
    background: #fff;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    position: relative;
}
.category-box2 a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .3s ease-in;
    /* margin-bottom: 30px; */
    position: relative;
    padding: 20px 24px;
    border-radius: 8px;
}
.category-box2 {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}
.category-box2:before {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: add, add;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    padding: 1px;
    border-radius: 8px;
}
.category-box2 a:hover {
    text-decoration: none;
    background:linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%)
}
.category-box2 a:hover h3 {
    color: #fff;
}
.category-box2 a:hover h3 img {
   filter: brightness(0) invert(1);
}
/* new category style end  */




/* new influance account start */
.influencer-account-image img {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    border: 2px solid #fff;
}

.influencer-account-profile-box {
    display: flex;
    align-items: center;
    gap: 15px;
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    border-radius: 20px 20px 0 0;
    padding: 20px 50px; 
}
.profile-box-fs-list h4 {
    margin-bottom: 5px;
}

.influencer-account-image {
    width: 70px;
}

.influencer-account-bio {
    width: 60%;
    text-align: left;
}

.influencer-account-follows {
    width: 30%;
    display: flex;
}

.influencer-account-box {
    display: block;
    margin-bottom: 30px;
}
.influencer-account-list {
    background: #fff;
    padding: 45px 20px 30px;
    border-radius: 0 0 20px 20px;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%) border-box;
    border: 1px solid transparent;
    border-top: 0;
}

.influencer-account-colums {
    display: flex;
}
.influencer-account-fs-list {
    text-align: center;
}
.influencer-account-colums .influencer-account-fs-list {
    width: 20%;
    border-right: 1px dashed #7A7C7F;
    padding: 0 10px;
}

.influencer-account-colums .influencer-account-fs-list:last-child {
    border-right: 0;
}
.influencer-account-fs-list h4 {
    font-family: var(--montserrat-family);
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    color: #fff;
}
.influencer-account-colums .influencer-account-fs-list h4 {
    font-weight: 600;
    margin-bottom: 7px;
    color: #2d2d2d;
}

.influencer-account-fs-list h4 img {
    max-height: 22px;
    margin-right: 3px;
}

.influencer-account-fs-list p {
    font-family: var(--manrope-family);
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #7a7c7f;
    margin-bottom: 0;
}

.influencer-user-name {
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #fff;
    margin-bottom: 7px;
}
.influencer-user-name a{
    color: #fff;
}
.influencer-bio-desc {
    font-family: var(--montserrat-family);
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #fff;
    margin-bottom: 0;
}
.influencer-name {
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 26px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #fff;
    margin-bottom: 12px;
}
.influencer-account-follows .influencer-user-name {
    display: none;
}
.profile-box-fs-list h4 img {
    filter: brightness(0) invert(1);
}
.profile-box-fs-list p {
    color: #fff;
    font-weight: 700;
}
.profile-box-fs-list {
    width: 50%;
    padding: 10px;
}
.influencer-account-fs-list .progress {
    margin-top: 5px;
}
/* new influance account end */
.offer-image img {
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%) border-box !important;
    border: 6px solid transparent !important;
}
.offer-box {
    border-radius: 10px !important;
    z-index: 0 !important;
    background: linear-gradient(107.13deg, #FFF1F5 0%, #ECEEFB 100%) !important;
    box-shadow: none !important;
    width: 100% !important;
}
.offer-image {
    border-radius: 100% !important;
}
.hire-infulancer-heading h3 {
    font-family: var(--montserrat-family);
    font-weight: 500;
    font-size: 28px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #2d2d2d;
}
.hire-infulancer-heading p {
    font-family: var(--montserrat-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #2d2d2d;
}
.hire-infulancer-heading {
    margin-bottom: 30px;
}
label.hire-infu-label {
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #2d2d2d;
}
.job-form2 select.form-control {
    width: 100% !important;
    border-radius: 4px !important;
    padding: 10px 16px !important;
    background-position-x: 97% !important;
    background-position-y: 20px !important;
}

.job-form2 form#job-selection-form {
    max-width: 100%;
    margin-bottom: 50px;
}
.job-form2 a#influencer-btn {
    margin: auto;
    max-width: 300px;
    display: table;
}
.job-card-box {
    margin-bottom: 60px;
}
.review-position-left {
    max-width: 540px;
}
.influencer-table-background .custom-influencer-table .table tr:nth-child(even) {
    background: none;
}
.influencer-table-background .custom-influencer-table .table tr:nth-child(odd) {
    background: none;
}
.dpl-social-profile a img {
    max-width: 26px;
    max-height: 26px;
}
.topbar-text p a {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    color: #fff;
    font-size: 12px;
    padding: 3px 10px;
    display: inline-block;
    border-radius: 40px;
    line-height: normal;
    border: 2px solid #fff;
}
.topbar-text p a:hover {
    background: linear-gradient(260.14deg, #FC4778 16.65%, #3952F5 82.18%);
    color: #fff;
    text-decoration: none;
}
.user-profile-job-crd .date-same {
    padding: 0 12px  ;
}
.user-profile-job-crd .date-same h4 {
    text-align: left;
}
.user-profile-job-crd .date-same p {
    text-align: left;
}
.not_found {
    padding: 70px 20px;
}

.error-widget-box h2 {
    font-size: 140px;
    line-height: normal;
    font-family: 'Montserrat';
    font-weight: 700;
    background: -webkit-linear-gradient(320deg, #FC4778 44.65%, #3952F5 69.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.error-widget-grid {
    text-align: center;
    border-radius: 60px;
    background: linear-gradient(247deg, #fc4778, #3952f5);
    position: relative;
    padding: 2px;
}

.error-widget-box h4 {
    color: #2d2d2d;
    font-size: 30px;
    font-weight: 600;
    font-family: 'Montserrat';
    margin-bottom: 10px;
}

.error-widget-box p {
    font-size: 18px;
    font-family: 'Manrope';
    font-weight: 500;
    color: #6d6d6d;
    letter-spacing: 0.3px;
    line-height: normal;
}

.error-widget-btns {
    margin-top: 25px;
}
.error-widget-inner-grid {
    background: #fff;
    border-radius: 58px;
    padding: 40px 40px 70px;
}
.custom-banner-new {
    position: relative;
    overflow: hidden;
    padding-top: 10px;
    background: url(../images/nb-image.jpg) center top no-repeat;
    background-size: cover;
}

.custom-banner-new:before {
    position: absolute;
    content: "";
    background: linear-gradient(107.13deg, #FFF1F5 0%, #ECEEFB 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.8;
}

.new-banner-content {
    margin-top: 50px;
    margin-bottom: 50px;
    /* padding-left: 75px; */
    max-width: 1020px;
    margin-left: auto;
}

.new-banner-subheading {
    font-family: var(--manrope-family);
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 35px;
    background: linear-gradient(107.14deg, #FC4778 6.65%, #3952F5 32.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.new-banner-heading {
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 65px;
    line-height: 100%;
    color: #2d2d2d;
    margin-bottom: 20px;
}

.new-banner-pera {
    font-family: var(--manrope-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    color: #2d2d2d;
}
.new-banner-btn {
    margin-top: 40px;
}
.new-top-lang span.flag img {
    max-width: 26px;
}
/* .top-translate-btn ul {
    line-height: normal;
    padding: 0;
    margin: 0;
    text-align: right;
    max-width: 71px;
    margin-left: auto;
    position: relative;
} */

.top-translate-btn ul span.flag a {
    color: #fff;
    margin: 0 6px;
}

.top-translate-btn ul span.flag i {
    color: #fff;
}

.top-translate-btn ul span.flag {
    display: flex;
    align-items: center;
}

.top-translate-btn {
    text-align: right;
}
.top-welcome-msg p {
    font-family: var(--montserrat-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #fff;
    margin-bottom: 0;
}
.banner-video-box {
    max-height: 330px;
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 20px;
    max-width: 250px;
    width: 100%;
    text-align: center;
}
.banner-video-widget {
    display: flex;
    gap: 20px;
    justify-content: end;
}
.colm-space-3 {
    margin-top: -130px;
    margin-right: -40px;
}
.colm-space-2 {
    padding-top: 90px;
}



/* new header bar  */
.top-profile-dropdown .dropdown-toggle img {
    width: 28px;
    height: 28px;
    border-radius: 100%;
    margin-right: 10px;
}

.top-profile-dropdown .dropdown-toggle {
    color: #fff;
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 16px;
    padding: 0;
}
.top-usr-inline-list ul {
    padding: 0;
    margin: 0;
    flex-direction: row;
    /* padding-right: 30px; */
    justify-content: end;
}
.top-usr-inline-list {
    text-align: right;
}
.top-profile-dropdown {
    max-width: 200px;
    margin-left: auto;
    width: 100%;
}
.top-profile-lists {
    /* margin-right: 40px; */
    margin-right: 0px;
}

.new-top-lang span.flag {
    display: flex;
    align-items: center;
    color: #fff;
}

.new-top-lang span.flag a {
    margin: 0 7px;
    font-family: var(--montserrat-family);
font-weight: 400;
font-size: 16px;

}
.change_lang.new-top-lang {
    position: relative;
    width: 70px;
}
.drop-user-profile-menu .user-profile-menu-list {
    padding: 0 15px 15px;
    border: none;
    box-shadow: none;
}
.top-profile-dropdown .dropdown-menu {
    padding: 0;
    border: none;
}
.top-header-wdth {
    max-width: 1760px;
    margin: auto;
}
.custom-navbar-nav.new-header-nav li.nav-item:last-child {
    margin-right: 0;
}
.new-header-nav-collapse {
    padding-left: 100px;
}
.search-widget.new-header-serch-widget {
    /* width: 40%; */
    width: -webkit-fill-available;
    display: inline-block;
    margin-left: auto;
    /* max-width: 550px; */
    padding: 0;
    text-align: right;
}

.custom-navbar-nav.new-header-nav {
    /* width: 60%; */
    width: auto;
    justify-content: end;
    margin-left: 85px !important;
}
.new-header-serch-widget span {
    max-width: 100% !important;
}
.new-header-serch-widget input {
    max-width: 500px !important;
}
.dropdown-toggle::after {
    border-top: .4em solid;
    position: relative;
    top: 2px;
} 
/* profile page  */
.profile-banner-section {
    background-size: cover !important;
    position: relative;
    z-index: 1;
    padding-top: 130px;
}
.profile-banner-section:before {
    position: absolute;
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.profile-admin-name h4 {
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 54px;
    line-height: 120%;
    letter-spacing: 0%;
    color: #F1EEF9;
}

.profile-admin-name p {
    font-family: var(--manrope-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0%;
    color: #F1EEF9;
}
.profile-admin-image img {
    border-radius: 100%;
    border: 4px solid #fff;
    width: 170px;
    height: 170px;
    object-fit: cover;
}
.profile-admin {
    display: flex;
    margin-bottom: -30px;
}

.profile-admin-image {
    margin-right: 20px;
    width: 224px;
}
section.profile-description-section {
    padding-top: 70px;
}

.profile-description-content p, .profile-description-content li {
    font-family: var(--manrope-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 175%;
    letter-spacing: 0%;
    color: #4d4d4d;
    text-align: left;
}
.profile-projects {
    margin-top: 40px;
}
.profile-projects h4 {
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 28px;
    line-height: 100%;
    background: -webkit-linear-gradient(302deg, #FC4778 9.65%, #3952F5 31.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 20px;
}
.profile-project-image img {
    border-radius: 12px;
}
.profile-follower-title {
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 125%;
    letter-spacing: 0%;
    color: #2d2d2d;
    margin-bottom: 20px;
}

.profile-follower-side {
    background: linear-gradient(107.13deg, #FFF1F5 0%, #ECEEFB 100%);
    padding: 40px 30px;
    border-radius: 16px;
    position: sticky;
    top: 190px;
}
.profile-follower-div ul li a {
    font-family: var(--manrope-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 125%;
    letter-spacing: 0%;
    background: -webkit-linear-gradient(107.14deg, #FC4778 16.65%, #3952F5 82.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.profile-follower-div ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.profile-follower-div ul li {
    display: inline-block;
    margin-right: 30px;
}

.profile-follower-div ul li:last-child {
    margin-right: 0;
}

.profile-follower-div {
    border-bottom: 1px solid #C6C6C6;
    padding-bottom: 20px;
    margin-bottom: 20px;
}


.profile-skill-div ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.profile-skill-div ul li {
    display: inline-block;
    background: #fff;
    padding: 8px 16px;
    border-radius: 8px;
    margin-right: 15px;
    margin-bottom: 15px;
    font-family: var(--manrope-family);
    font-weight: 500;
    font-size: 18px;
    line-height: 125%;
    letter-spacing: 0%;
    color: #3952F5;
}

.considr-btn {
    margin-top: 20px;
    text-align: center;
    /* border-top: 1px solid #C6C6C6;
    padding-top: 20px; */
}
.profile-review-filter-section {
    margin-top: 80px;
}

.review-filter-title h4 {
    font-family: var(--montserrat-family);
    font-weight: 500;
    font-size: 32px;
    line-height: 100%;
    background: -webkit-linear-gradient(302deg, #FC4778 9.65%, #3952F5 31.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 20px;
}
.profile-review-filter-section {
    margin-top: 60px;
    padding-bottom: 60px;
}

.review-filter-title h4 span{
    font-weight: 600;
}
.revies-count {
    margin-left: 50px;
}
.profile-review-filter-section .review-position-left {
    max-width: 690px;
}
.revies-start-txt {
    white-space: nowrap;
    margin-right: 10px;
    min-width: 50px;
}
.review-monial-widget {
    background: linear-gradient(107.13deg, #FFF1F5 0%, #ECEEFB 100%);
    border-radius: 12px;
    padding: 20px;
}


.rating-prof-name img {
    width: 36px !important;
    height: 36px !important;
    margin-right: 12px;
}

.rating-prof-name {
    display: flex;
    align-items: center;
    font-family: var(--manrope-family);
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0%;
    text-align: center;
    color: #2d2d2d;
    margin: 12px 0;
}

.rating-prof-reviews h5 {
    font-family:var(--montserrat-family);
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #2d2d2d;
}

.rating-prof-reviews p {
    font-family:var(--montserrat-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #2d2d2d;
}

.rating-stars.profile-starts i {
    font-size: 16px;
    margin-right: 5px;
}
.profile-review-monial {
    margin-top: 16px;
}
.rating-date {
    font-family: var(--manrope-family);
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #3d3d3d;
    margin-bottom: 0;
}
.rating-stars.profile-starts {
    margin-top: 10px;
    margin-bottom: 13px;
}
.custom-navbar-nav.new-header-nav .nav-item a {
    position: relative;
    top: 3px;
    white-space: nowrap;
}
.top-profile-dropdown .header-notify-btn {
    position: absolute !important;
    top: 0;
    left: 17px;
}
.top-profile-dropdown .header-notify-btn i.fa-heart {
    visibility: hidden;
}
.header-notifiction-box .list-group-item {
    background: transparent !important;
    border: none;
    align-items: center ;
    /* flex-direction: row-reverse; */
    display: flex;
    padding: 10px;
;
}

.header-notifiction-box .list-group-item strong.text-dark {
    color: #2d2d2d !important;
    font-family: var(--montserrat-family);
    font-weight: 400;
    line-height: normal;
    font-size: 15px;
}
.ht_notifiction_title {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    color: #fff;
    padding: 10px;
    font-size: 19px;
    text-align: left;
    font-weight: 500;
    font-family: var(--montserrat-family);
}
.notify-cont {
    text-align: left;
    width: calc(100% - 30px );
}

.notify-bell {
    width: 39px;
    text-align: center;
    margin-right: 10px;
}
.notify-bell-circle {
    background: #eceefb;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.notify-bell-circle i {
    font-size: 15px;
    position: relative;
    left: 1px;
    top: -1px;
}
.notifi-headin {
    font-size: 14px;
    font-weight:400;
    font-family:var(--montserrat-family);
    margin-bottom: 5px;
    color: #2d2d2d;
}
.header-notifiction-box .list-group-item.notif-hired .notify-bell-circle {
    background: #dbdbdb;
}

.notifi-pera {
    font-size: 12px;
    font-family: var(--manrope-family);
    font-weight: 500;
    color: #6d6d6d;
    margin-bottom: 0;
}
.header-notifiction-box .list-group-item.notif-hired {
    background: #EEF2FA !important;
}
.header-notifiction-box .list-group-item.notif-hired i {
    color: #2d2d2d;
}
.header-notifiction-box .list-group-item.notif-hired .notifi-headin {
    font-weight: 600;
}
.ht_notifiction_title {
    position: sticky;
    top: 0;
    z-index: 1;
    border: 2px solid #ffffff;
    border-radius: 10px 10px 0 0;
}
.notifictions-box {
    border: none;
    border-radius: 10px;
    overflow: hidden;
    top: 35px !important;
}
.considr-btn h3 {
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 23px;
    line-height: 125%;
    letter-spacing: 0%;
    color: #2d2d2d;
}

.considr-btn p {
    font-family: var(--manrope-family);
    font-weight: 400;
    font-size: 16px;
    color: #4d4d4d;
    line-height: 22px;
}

.considr-btn .form-group {
    text-align: center;
    margin: auto;
}

.considr-btn form#job-selection-form {
    margin: auto;
    max-width: 400px;
    margin-bottom: 20px;
}

.considr-btn select.form-control{
    width: 100% !important;
}



/* 28 mar  */
.forgot-form-btn {
    text-align: center;
    margin-top: 10px;
}

.forgot-form-btn button.monial-btn-gradient {
    width: 100%;
    text-align: center;
    justify-content: center;
    padding: 12px 40px;
}
.payment-errror-box{
    background: linear-gradient(107.14deg, rgba(252, 71, 120, 0.1) 16.65%, rgba(57, 82, 245, 0.1) 82.18%);
        padding: 40px 20px 40px 20px;
        border-radius: 20px;
        border: 2px solid #0A0D170D;
    }
    .payment-errror-content {
        text-align: center;
    }
    
    .payment-errror-title {
        font-size: 30px;
        font-weight: 600;
        color: #2d2d2d;
        margin-bottom: 20px;
        line-height: normal;
    }
    
    .payment-errror-subtitle {
        font-size: 20px;
        font-weight: 500;
        color: #6d6d6d;
        font-family: var(--manrope-family);
    }
    .payment-complete-box {
        padding: 40px;
        /* box-shadow: 0 0 10px #ccc; */
        border-radius: 20px;
        max-width: 520px;
        margin: auto;
    }
    
    .payment-complete-box .payment-errror-content img {
        max-width: 60px;
        margin-bottom: 20px;
    }
    .custom-modal-design .modal-content {
        padding: 0 !important;
        border-radius: 10px !important;
        overflow: hidden;
    }
    
    .custom-modal-design .modal-header {
        background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
        padding: 8px 16px;
        align-items: center;
        color: #fff;
    }
    
    .custom-modal-design .modal-header .modal_title {
        color: #fff;
        font-weight: 600;
        font-size: 18px;
    }
    
    .custom-modal-design .modal-header button {
        font-size: 30px;
        color: #fff;
        padding: 0;
        line-height: normal;
        display: contents;
    }
  

.custom-modal-design .modal-body .modal_title {
    color: #2d2d2d;
    font-family: 'Montserrat';
    margin-bottom: 5px;
}

.custom-modal-design .modal-body p, .custom-modal-design .modal-body li {
    font-size: 14px;
    color: #6d6d6d;
    font-family: 'Montserrat';
    font-weight: 400;
}
.deals-modal-form input {
    font-family: var(--montserrat-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    padding: 16px;
    height: auto;
    background: #f5f5f5;
    border: none;
    color: #2d2d2d;
    margin-bottom: 20px;
}
.deals-modal-form input::placeholder {
    font-family: var(--manrope-family) !important;
}
.deals-modal-form .modal_read {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    box-shadow: none;
    border: none;
    border-radius: 80px;
    padding: 10px 40px;
    font-size: 15px;
    font-weight: 600;
    font-family: var(--montserrat-family);
    color: #fff;
    margin-top: 0;
}
.deals-modal-form .modal_read:hover {
    background: linear-gradient(260.14deg, #FC4778 16.65%, #3952F5 82.18%);
    color: #fff;
}
.project-iconf {
    max-width: 21px;
    margin: 0 2px;
}

.otp-inline input.form-control {
    width: 70%;
}

.otp-inline .login-form-btn {
    width: 27%;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
}

.otp-inline .login-form-btn button {
    padding: 13px;
    font-size: 16px;
    font-weight: 600;
}
.otp-sent-message {
    margin-top: 7px;
    margin-bottom: 4px;
}
.otp-inline .form-group.signup-after-otp  {
    margin-top: 16px;
}
.otp-inline .form-group.signup-after-otp input.form-control {
    width: 100%;
}
.blog-box .blog-image img {
    max-height: 250px;
    width: 100%;
    object-fit: cover;
}
/* influencers accounts div change  */
.influencer-account-image {
    margin-right: 15px;
}
.influencer-account-profile-box-grid {
    display: flex;
    align-items: center;
    width: 50%;
}
.accountview-detailbtn {
    background: linear-gradient(107.13deg, #FFF1F5 0%, #ECEEFB 100%);
    padding: 10px 16px;
    border-radius: 100px;
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    border: 2px solid #fcf0f6;
}
.accountview-detailbtn:hover {
    background: linear-gradient(260.14deg, #FC4778 16.65%, #3952F5 82.18%);
    text-decoration: none;
}
.accountview-detailbtn span {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline;
}
.accountview-detailbtn:hover span {
    -webkit-text-fill-color: #fff;
}
.influencer-account-profile-box {
    justify-content: space-between;
}
.influencer-account-bio {
    width: calc(100% - 70px);
}
.influencer-account-follows {
    width: 60%;
}
.influencer-account-follows-and-btn {
    display: flex;
    align-items: center;
    width: 50%;
    justify-content: space-between;
}
.no-jobs-message p {
    color: #2d2d2d;
    font-weight: 500;
    padding: 20px;
    font-size: 17px;
    border-radius: 8px;
    background: linear-gradient(107.14deg, rgba(252, 71, 120, 0.1) 16.65%, rgba(57, 82, 245, 0.1) 82.18%);
    margin-bottom: 0;
}
.no-jobs-message.text-center {
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(247deg, #fc4778, #3952f5) border-box;
    border: 1px solid transparent;
    border-radius: 8px;
}
.offer-box {
    height: 95%;
}
.job-card-dpl .col-sm-3.col-6.bor-rig.text-center.border-last {
    padding: 0;
}


/* bidjob popup  */
.jobbid-message h3 {
    font-size: 24px;
    font-weight: 600;
    color: #2d2d2d;
    font-weight: 600;
}

.jobbid-message {
    text-align: center;
}

.jobbid-message p {
    font-size: 15px;
    font-weight: 500;
    color: #6d6d6d;
    line-height: normal;
}
.bidbtn {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    font-family: var(--montserrat-family);
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 10px 30px;
    border-radius: 40px;
    transition: all 0.3s ease-in;
}
.bidbtn:hover {
    background: linear-gradient(260.14deg, #FC4778 16.65%, #3952F5 82.18%);
    color: #fff;
    text-decoration: none;
}
.jobbid-buttons a {
    margin: 0 5px;
    display: inline-block;
}


.jobbid-buttons {
    margin-top: 40px;
    text-align: center;
}


.modal-close-btn button {
    position: absolute;
    top: 5px;
    right: 5px;
}

.modal-close-btn button img {
    max-width: 32px;
}
.bidjob-dialog .modal-content {
    border-radius: 10px;
    padding: 40px 25px 25px;
}
.jobbid-buttons {
    margin-top: 20px;
    text-align: center;
    border-top: 1px solid #efefef;
    padding-top: 15px;
}
.bidjob-dialog .modal-body {
    padding: 0;
}
.login-form-btn button:disabled {
    background: #DEDEDE;
    color: #6d6d6d;
}

/* filter social icon start */
.category-social-label {
    max-width: 24px;
}

.social-filter-checkbox .category-label {}

.social-filter-checkbox .category-label span {
    display: none;
}

.social-filter-checkbox .category-checkbox:checked + .category-label span {
    display: inline-block;
    position: absolute;
    z-index: 9;
    right: -5px;
    top: 25px;
}

.social-filter-checkbox label.category-label {
    position: relative;
}
.social-filter-checkbox .category-checkbox:checked + .category-label {
    background-color: transparent;
    color: white;
    border-color: #3952F5;
}
.social-filter-checkbox .category-checkbox:checked + .category-label span img {
    max-width: 17px;
    filter: none;
    transform: rotate(0deg);
}
/* filter social icon end */

.jnotification-container {
    background: #4CAF50 !important;  /* Success color (green) */
    color: white;  /* Ensure text is readable */
}

/* Override for error notifications */
.jnotification.jnotification-error .jnotification-container {
    background:rgb(207, 75, 65) !important;  /* Error color (red) */
    color: white;  /* Ensure text is readable */
}
.header-container.footer-inner-container {
    margin-top: 30px !important;
}

/* job location page  */
.job-location-heading {
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 42px;
    line-height: 100%;
    color: #2d2d2d;
}


.job-location-title {
    text-align: center;
    margin-bottom: 40px;
}
.location-list li a {
    background: linear-gradient(107.13deg, #FFF1F5 0%, #ECEEFB 100%);
    font-family: var(--montserrat-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 125%;
    letter-spacing: 0.5%;
    text-align: left;
    text-transform: capitalize;
    color: #2d2d2d;
    padding: 16px 24px;
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease-in;
    border-left: 2px solid #fc4778;
    border-radius: 6px;
    height: 100%;
}
.location-list li a:before {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    top: 0;
    left: 100%;
    z-index: -1;
    transition: all 0.3s ease-in;
}
.location-list li a:hover {
    /* background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%); */
    color: #fff;
    text-decoration: none;
}
.location-list li a:hover:before {
    left: 0;
}

.location-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    row-gap: 25px;
    column-gap: 80px;
    justify-content: center;
}

.location-list ul li {
    width: calc(33% - 55px);
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    /* border-left: 2px solid #fc4778; */
}

.job-location-section {
    padding-top: 20px;
}
.common-padding.inner-job-location-section {
    border-top: 1px solid #B6B6B6;
    padding-top: 40px;
    padding-bottom: 50px
}
.attachment-widget {
    margin-top: 17px;
    border-top: 1px dashed #7A7C7F;
    padding-top: 12px;
}

.attachment-widget .filter-sub-heading {
    margin-bottom: 3px;
}
.custom-banner-influencer {
    padding-top: 70px;
    padding-bottom: 70px;
}
.banner-influencer-width {
    max-width: 1760px;
    margin: auto;
}
/* sign up form  */
.signtel button.iti__selected-country {
    width: 78px;
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 1;
    height: calc(100% - 2px);
    border: none;
    top: 1px;
    left: 2px;
}
.sign-form-inputs .signtel .form-control {
    padding-left: 90px !important;
}
.signtel .iti__selected-country-primary {
    width: 25px;
}
.signtel .iti--inline-dropdown {
    width: 100%;
}
.signtel .iti.iti--allow-dropdown.iti--show-flags {
    width: 100%;
}
.signtel .iti__selected-country-primary .iti__flag .iti__a11y-text {
    display: none;
}
.signtel .iti__dropdown-content input.iti__search-input {
    display: none;
}
.signtel .iti__dropdown-content span.iti__a11y-text {
    display: none;
}
.signtel .iti__country {
    display: flex;
    align-items: center;
}
.signtel .iti__country .iti__flag {
    margin-right: 10px;
}
.signtel .iti__selected-country-primary .iti__arrow {
    display: none;
}
.notification-box-widget {
    overflow: auto;
    max-height: 350px;
}
.unread-notification .mark-as-read {
    font-weight: 600;
}
.read-notification .mark-as-read {
    color: gray;
}
.mark-as-read {
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
}
.mark-as-read:hover {
    text-decoration: none;
}
.header-notifiction-box .list-group-item {
    margin-bottom: 0 !important;
}


.top-profile-dropdown .nav-link.notify-block-none {
    display: inline !important;
}

.top-profile-dropdown .header-notify-btn.notify-inline-set {
    position: relative !important;
    left: -15px;
    top: 3px;
    display: inline;
}
.top-profile-dropdown .header-notify-btn.notify-inline-set .messageToggleNoEvents {
    color: #fff;
    left: -8px;
    position: relative;
}

.notify-inline-set p#notif_toggle_span {
    /* position: relative !important; */
    /* top: 0 !important; */
    right: 0 !important;
    /* display: inline !important; */
}

/* insta page  */
.instagram-heading {
    font-size: 38px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 24px;
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.instagram-title{
    text-align: center;
}
div#profilePicture img {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    object-fit: cover;
}

.profile-username h2 {
    font-size: 24px;
    font-weight: 600;
}

.profile-block {
    display: flex;
    align-items: center;
    gap: 27px;
    justify-content: center;
}

div#userProfile {margin-top: 20px;}
.post-title {
    font-size: 34px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 20px;
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.custom-post-grid {
    border: 1px solid #81818133;
    border-radius: 20px;
    margin-bottom: 25px;
    box-shadow: 0 0 10px #ccc;
    padding: 20px;
}
section.insta-common-padding {
    padding-top: 50px;
    padding-bottom: 50px;
}

.post-section {
    border-top: 1px dashed #ccc;
    padding-top: 40px;
}
.custom-post-content-widget p {
    margin-bottom: 5px;
    font-size: 16px;
    font-family: var(--montserrat-family);
    font-weight: 500;
    color: #888888;
}

.custom-post-content-widget p strong {
    font-weight: 600;
    color: #333333;
}
.insta-post-btn {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    font-family: var(--montserrat-family);
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    color: #fff;
    padding: 14px 30px;
    display: inline-block;
    border-radius: 40px;
    transition: all 0.3s ease-in;
}
.insta-post-btn {
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    font-family: var(--montserrat-family);
    /* font-size: 18px; */
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    color: #fff;
    /* padding: 14px 30px; */
    padding: 10px 20px;
    display: inline-block;
    border-radius: 40px;
    transition: all 0.3s ease-in;
}
.insta-post-btn:hover {
    background: linear-gradient(260.14deg, #FC4778 16.65%, #3952F5 82.18%);
    color: #fff;
    text-decoration: none;
}

/* .insite-subtitle {
    font-size: 22px;
    font-weight: 600;
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 40.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
} */
.insite-subtitle {
    font-size: 22px;
    font-weight: 600;
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 40.18%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 13px;
    margin-bottom: 14px;
}
.insta-post-btn-widget {
    border-top: 1px dashed #ccc;
    padding-top: 15px;
    margin-top: 15px;
}
.post-user-btn {
    text-align: center;
    margin-top: 30px;
}

.post-user-btn a {
    margin: 5px 5px;
}
.custom-post-gallery video {
    width: 100%;
}
.caption-content {
    /* max-height: 165px; */
    max-height: 120px;
    overflow: auto;
}
.description-box {
    padding: 30px 20px;
    border-radius: 20px;
    /* background: linear-gradient(107.13deg, #FFF1F5 0%, #ECEEFB 100%) padding-box, linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%) border-box;
    border: 2px solid transparent; */
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    margin-bottom : 25px ;
}
.description-box .profile-description-content {
    color: #ffffff;
    margin-top: 0;
}
.stats-container {
    padding: 0 !important;
    background: none !important;
    box-shadow: none !important;
    margin-top: 20px !important;
}
.insta-common-heading {
    font-size: 22px;
    font-weight: 600;
    position: relative;
    border-bottom: 1px solid #C6C6C6;
    padding-bottom: 8px;
    margin-bottom: 25px;
}

.insta-common-heading:after {
    position: absolute;
    content: "";
    background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    width: 30px;
    height: 4px;
    bottom: -2px;
    left: 0;
    border-radius: 60px;
}
.package-box.highlighted {
    border: 3px solid #f04880 !important;
}
/* 20 sep  */
.custom-profile-dropdown .user-profile-menu-list li {
    margin-bottom: 0;
    border-bottom: 1px dashed #1F479933;
    /* padding-bottom: 10px;
    padding-top: 10px; */
    padding-bottom: 7px;
    padding-top: 7px;
    /* padding-left: 11px;
    padding-right: 11px; */
    padding-left: 0px;
    padding-right: 0px;
}
.drop-user-profile-menu.custom-profile-dropdown .user-profile-menu-list {
    min-width: 210px;
    padding-left: 11px;
    padding-right: 11px;
}
.custom-profile-dropdown .user-profile-menu-list li a {
    font-size: 16px;
    color: #3952F5;
}
.custom-profile-dropdown .user-profile-menu-list li a i {
    font-size: 18px;
    margin-right: 4px;
}
.firstli-bg {
    background: linear-gradient(107.14deg, #FC4778 16.65%, #3952F5 82.18%);
    border-radius: 2px;
}
.firstli-bg img {
    width: 20px;
}

.firstli-bg a span {
    color: #fff !important;
    font-weight: 700;
}
.user-profile-menu-list   li.firstli-bg a:hover span {
    background: transparent !important;
    -webkit-text-fill-color: #fff;
}
.user-profile-menu-list  .user-balance-heading {
    font-size: 17px;
    color: #3952F5;
}
.user-profile-menu-list .user-balance-price {
    border-bottom: 1px dashed #1F479933;
    padding-bottom: 8px;
    margin-bottom: 0;
}
.user-profile-menu-list  .user-balance-price b {
    -webkit-text-fill-color: #3952F5;
    font-weight: 600;
    background: #fff;
}
.custommenu-widget {
    left: -20px !important;
    border-radius: 8px;
    box-shadow: 0px 0px 12px 0px #00000026;
    padding-bottom: 13px !important;
}
.custom-profile-dropdown .user-profile-menu-list li:last-child {
    border-bottom: 0;
}
/* 26 sep  */

li.social-in {
    position: relative;
    top: -2px;
}
.new-offer-card .offer-text {
    width: 100%;
    padding: 0;
}
.new-offer-card .offer-image {
    margin: 0;
    background: none;
}
.new-offer-card .offer-image {
    background: none;
    overflow: inherit;
    display: table;
    margin: auto;
}
.new-offer-card {
    display: block !important;
}
.grab-popup {
    margin-top: 10px;
}
.grab-popup .monial-btn-gradient {
    font-size: 15px;
    padding: 10px 20px;
}
.custom-chatbox.chat  .chat-btn {
    height: 79px !important;
}
@media (max-width:1875px){
   .header-container {
    max-width: inherit;
    padding-left: 40px;
    padding-right: 40px;
}
.top-header-wdth {
    max-width: inherit;
    padding-left: 40px;
    padding-right: 40px;
}
.custom-banner-new {
    padding-left: 42px;
}
footer.custom-footer {
    padding-left: 40px;
    padding-right: 40px;
}
}

@media (max-width:1800px){
    .new-banner-heading {
        font-size: 58px;
    }
}
@media (max-width:1650px){
    .search-widget {
        /* max-width: fit-content; */
        max-width: 380px;
    }
    .custom-navbar-nav.new-header-nav {
        margin-left: 60px !important;
    }
}
@media (max-width:1600px){
    .custom-nav-logo img {
        max-height: 60px;
    }
    .custom-header {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .custom-navbar-nav .nav-item a {
        font-size: 17px;
        font-weight: 600;
    }
    .header-btn {
        font-size: 17px;
    }
    .banner-image {
        left: 0;
    }
    .banner-heading {
        /* font-size: 56px;
        line-height: 64px; */
        margin-bottom: 15px;
        font-size: 50px;
        line-height: 58px;
    }
    .banner-subheading {
        font-size: 40px;
        line-height: 46px;
    }
    .banner-image {
        padding-right: 30px;
    }
    .banner-content-btn img {
        max-height: 66px;
    }
    .banner-content-btn a {
        margin-right: 10px;
    }
    .category-section {
        padding-top: 70px;
        padding-bottom: 60px;
    }
    .common-heading h2 {
        font-size: 44px;
    }
    .common-padding {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .colaborate-btn img {
        max-height: 66px;
    }
    .colaborate-btn a {
        margin-right: 10px;
    }
    .elipse-pos.elipse-1 {
        max-width: 136px;
    }
    .elipse-pos.elipse-2 {
        max-width: 130px;
        top: 75px;
    }
    .elipse-pos.elipse-3 {
        max-width: 132px;
    }
    .elipse-pos.elipse-4 {
        left: 15px;
        max-width: 145px;
    }
    .elipse-pos.elipse-5 {
        max-width: 130px;
    }
    .monial-content-widget h4 {
        font-size: 18px;
    }
    .monial-content-widget h3 {
        font-size: 24px;
        line-height: 32px;
    }
    .monial-btn-gradient {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        padding: 19px 25px;
    }
    .monial-box:before {
        width: 245px;
        height: 128px;
    }
    .platform-box {
        padding: 20px 20px;
    }
    .platform-text-heading h4 span {
        font-size: 19px;
        font-weight: 600;
        line-height: 24px;
    }
    .platform-text-heading h4 {
        margin-bottom: 25px;
    }
    .colaborate-content.brand-content {
        padding: 90px 130px;
    }
    .brand-icons {
        padding-top: 70px;
        padding-bottom: 70px;
        padding-left: 130px;
    }
    .brand-icons ul li img {
        max-height: 90px;
    }
    .faq-tabs .nav-pills .nav-link {
        font-size: 18px;
        padding: 15px 40px;
    }
    .custom-accordion .card-title {
        font-size: 20px;
        line-height: 26px;
    }
    .custom-accordion  .card-body {
        font-size: 17px;
        font-weight: 500;
        line-height: 27px;
    }
    .custom-accordion .card-headerrr:after {
        width: 45px;
        height: 45px;
    }
    .blog-hcategory h4 {
        font-size: 22px;
        line-height: 28px;
    }
    .blog-image p {
        line-height: 28px;
    }
    .grad-outline-btn {
        font-size: 18px;
        line-height: 22px;
        padding: 15px 25px;
    }
    footer.custom-footer {
        padding-top: 135px;
    }
    .f-main-menu h4 {
        font-size: 20px;
        line-height: 30px;
    }
    .footer-1 img {
        max-height: 55px;
    }
    .footer-1 p {
        font-size: 15px;
        line-height: 21px;
    }
    .footer-menu-list ul li a {
        font-size: 15px;
        line-height: 28px;
    }
    .footer-menu-list a img {
        max-height: 40px;
        margin-bottom: 8px;
    }
    .copyright-widget {
        padding: 15px;
    }
    .category-section.faq-section {
        padding-bottom: 50px;
    }
    .customer-name {
        font-size: 28px;
        line-height: 34px;
    }
    .feedback-slider-item p {
        font-size: 16px;
        line-height: 26px;
    }

    /* find job page  */
    
    .inner-custom-banner {
        padding-top: 60px;
        padding-bottom: 40px;
    }
    .bread-menu {
        font-size: 17px;
        line-height: 26px;
    }
    .bredcrumb-widget ul li img {
        max-height: 24px;
    }
    .findjob-section {
        padding-top: 40px;
    }
    .filter-heading {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 25px;
    }
    .job-card-pic-name img {
        width: 110px;
        height: 110px;
    }
    .job-card-pic-name h3 {
        font-size: 26px;
        line-height: 32px;
    }
    .job-card-pic-name h3 span {
        font-size: 22px;
        line-height: 28px;
    }
    .job-card-favourite a {
        width: 55px;
        height: 55px;
    }
    .job-tags h5 {
        font-size: 23px;
        line-height: 28px;
    }

    /* contact page  */
    .contact-form-title h2 {
        font-size: 28px;
        line-height: 36px;
    }
    .contact-form-box {
        margin-top: 28px;
    }
    .form-btn button {
        padding: 17px 25px;
    }
    .form-btn {
        margin-top: 15px;
    }
    .contact-form-section {
        padding-bottom: 70px;
    }

    /* about page  */
    .about-banner-image {
        left: 50px;
    }
    .count-up h3 {
        font-size: 22px;
        line-height: 28px;
    }
    .about-counter {
        margin-top: 40px;
    }
    .counter-count-pera {
        font-size: 46px;
        line-height: 46px;
    }
    .what-we-content h2 {
        font-size: 54px;
        line-height: 62px;
    }
    .what-we-content p {
        font-size: 19px;
        line-height: 27px;
    }
    .what-pos-btn {
        margin-top: 30px;
    }
    .how-work-heading h2 {
        font-size: 54px;
        line-height: 62px;
    }
    .how-work-box h2 {
        font-size: 70px;
        margin-bottom: 40px;
    }
    .how-work-box h3 {
        font-size: 26px;
        line-height: 32px;
    }
    /* bid job page  */
    .bid-job-inner-frame .job-tags h5 {
        font-size: 21px;
        line-height: 27px;
    }
    .bid-form-frame {
        padding: 40px 40px;
    }
    .bid-form-btn {
        margin-top: 30px;
    }
    .bid-form-btn button {
        padding: 15px 32px;
    }
    .bid-form-frame .form-group textarea {
        min-height: 100px;
    }
    .bid-form-frame .form-group label {
        font-size: 17px;
        line-height: 21px;
    }
    /* insta deals  */
    .h4-banner-heading {
        font-size: 26px;
        line-height: 32px;
    }
    .delas-banner-pera {
        font-size: 18px;
        line-height: 24px;
        max-width: 900px;
    }
    .faq-main-heading h2 {
        font-size: 28px;
        line-height: 34px;
    }
    .term-content p, .term-content li {
        font-size: 16px;
        line-height: 24px;
    }
    .term-headings {
        font-size: 28px;
        line-height: 34px;
    }
    .blog-detail-sidebar {
        top: 115px;
    }
    .detail-common-title {
        font-size: 28px;
    }
    .blog-detail-title {
        font-size: 28px;
    }
    .blog-detail-content p {
        font-size: 16px;
        line-height: 24px;
    }
    .profile-job-section {
        padding-bottom: 60px;
    }
    .sign-logo img {
        max-height: 124px;
        margin-bottom: 28px;
    }
    .sign-via-google {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    /* .top-header-bar {
        padding-top: 10px;
        padding-bottom: 10px;
    } */
    .guide-heading {
        font-size: 40px;
    }
    .guide-content li {
        font-size: 16px;
    }
    .topbar-text p {
        font-size: 16px;
    }
    .home-latest-heading h4 {
        font-size: 28px;
    }
    .home-latest-heading {
        margin-bottom: 20px;
    }
    .news-description {
        margin-bottom: 8px;
    }
    .latest-news-box {
        margin-bottom: 16px;
        padding-bottom: 16px;
    }
    .influencer-name {
        font-size: 24px;
    }
    .influencer-account-fs-list h4 {
        font-size: 16px;
    }
    .influencer-account-image img {
        width: 65px;
        height: 65px;
    }
    .influencer-account-profile-box {
        padding: 20px 30px;
    }
    .influencer-account-fs-list h4 img {
        max-height: 20px;
    }
    .influencer-account-list {
        padding: 35px 20px 30px;
    }
    .influencer-name {
        margin-bottom: 8px;
    }
    .influencer-bio-desc {
        line-height: 16px;
    }
    .new-banner-heading {
        font-size: 54px;
    }
    .new-banner-subheading {
        margin-bottom: 26px;
    }
    .banner-video-box {
        max-height: 310px;
    }
    .banner-video-widget {
        gap: 15px;
    }
    .profile-banner-section {
        padding-top: 110px;
    }
    .profile-admin-image img {
        width: 160px;
        height: 160px;
    }
    .profile-admin-name h4 {
        font-size: 46px;
    }
    .profile-admin-name p {
        font-size: 19px;
    }
    .profile-description-content p, .profile-description-content li {
        font-size: 17px;
        line-height: 160%;
    }
    .profile-follower-title {
        margin-bottom: 15px;
        font-size: 19px;
    }
    .review-filter-title h4 {
        font-size: 30px;
    }
    .profile-review-filter-section {
        margin-top: 60px;
    }
    .profile-skill-div ul li {
        margin-right: 10px;
        margin-bottom: 10px;
    }
    /* .considr-btn {
        margin-top: 40px;
    } */
    .considr-btn a {
        padding: 16px 25px;
    }
    .profile-follower-side {
        top: 160px;
    }
    .considr-btn h3 {
        font-size: 20px;
    }
    .job-location-heading {
        font-size: 38px;
    }
    .job-location-title {
        margin-bottom: 35px;
    }
    .job-location-section {
        padding-bottom: 60px;
        padding-top: 10px;
    }
    .common-padding.inner-job-location-section {
        padding-top: 30px;
    }
}
@media (max-width:1500px){
    .brand-content .colaborate-btn img {
        max-height: 56px;
    }
    .search-widget {
        /* max-width: 695px; */
        /* max-width: fit-content; */
        max-width: 330px;
    }
    .search-widget span {
        max-width: 400px;
    }
    .search-widget input {
        max-width: 400px;
    }
    .new-banner-heading {
        font-size: 48px;
    }
    .new-banner-pera {
        line-height: normal;
    }
    .banner-video-box {
        max-height: 280px;
    }
}
@media (max-width:1399px){
    .custom-nav-logo img {
        max-height: 55px;
    }
    .custom-navbar-nav li.nav-item {
        /* margin-right: 24px; */
        margin-right: 15px;
    }
    .search-widget input {
        max-width: 260px;
    }
    .search-widget {
        /* max-width: 554px; */
        max-width: fit-content;
    }
    .search-widget span {
        max-width: 260px;
    }
    .banner-widget {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .banner-heading {
        font-size: 50px;
        line-height: 58px;
        margin-bottom: 10px;
    }
    .banner-subheading {
        font-size: 36px;
        line-height: 42px;
    }
    .banner-pera {
        font-size: 18px;
        line-height: 26px;
    }
    .banner-content-btn img {
        max-height: 58px;
    }
    .category-section {
        padding-top: 65px;
        padding-bottom: 55px;
    }
    .common-heading h2 {
        font-size: 40px;
        line-height: 46px;
    }
    .common-heading p {
        font-size: 18px;
    }
    .category-box a {
        width: 40px;
        height: 40px;
    }
    .category-box h3 {
        font-size: 19px;
    }
    .common-padding {
        padding-top: 65px;
        padding-bottom: 65px;
    }
    .colaborate-btn img {
        max-height: 58px;
    }
    .elipse-pos.elipse-1 {
        max-width: 125px;
    }
    .elipse-pos.elipse-2 {
        max-width: 125px;
    }
    .elipse-pos.elipse-3 {
        max-width: 125px;
    }
    .elipse-pos.elipse-4 {
        max-width: 135px;
    }
    .elipse-pos.elipse-5 {
        max-width: 125px;
    }
    .elipse-heart {
        top: -17px;
        left: -16px;
    }
    .monial-content-widget h4 {
        font-size: 17px;
    }
    .monial-content-widget h3 {
        font-size: 22px;
        line-height: 28px;
    }
    .monial-content-widget {
        min-height: 220px;
    }
    .monial-btn-gradient {
        padding: 16px 25px;
    }
    .monial-box:before {
        width: 242px;
        height: 123px;
    }
    .platform-text-heading h4 img {
        max-height: 48px;
    }
    .brand-icons {
        padding-top: 65px;
        padding-bottom: 65px;
        padding-left: 70px;
    }
    .brand-content .common-heading h2 {
        font-size: 34px;
        line-height: 40px;
    }
    .brand-content .colaborate-btn img {
        max-height: 50px;
    }
    .colaborate-content.brand-content .colaborate-btn {
        margin-top: 30px;
    }
    .colaborate-content.brand-content {
        padding: 75px 105px;
    }
    .custom-accordion .card-title {
        font-size: 18px;
        line-height: 24px;
    }
    .custom-accordion  .card-body {
        font-size: 16px;
        line-height: 24px;
    }
    .custom-accordion .card-headerrr {
        margin-bottom: 25px;
    }
    .blog-hcategory h4 {
        font-size: 20px;
        line-height: 26px;
    }
    .grad-outline-btn {
        font-size: 17px;
        font-weight: 600;
    }
    section.common-padding.blog-section {
        padding-bottom: 50px;
    }
    .footer-1 img {
        max-height: 50px;
    }
    .footer-menu-list a img {
        max-height: 36px;
        margin-bottom: 6px;
    }
    .f-main-menu h4 {
        font-size: 19px;
        line-height: 28px;
    }
    .customer-feedback .owl-item img {
        width: 120px;
        height: 120px;
    }
    .customer-name {
        font-size: 26px;
    }
    .feedback-slider-thumb img {
        width: 90px;
        height: 90px;
    }
    .findjob-section {
        padding-top: 40px;
    }
    .bredcrumb-widget {
        padding: 20px 25px;
    }
    .job-sidebar-widget {
        padding: 30px 20px;
        top: 120px;
    }
    .filter-heading {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .filter-sub-heading {
        font-size: 18px;
        line-height: 22px;
    }
    .price-range-box .filter-sub-heading {
        margin-bottom: 20px;
    }
    .range-wrapper input[type="range"]::-webkit-slider-thumb {
        height: 20px;
        width: 20px;
      }
      .range-wrapper input[type="range"]::-moz-range-thumb {
        height: 20px;
        width: 20px;
      }
      .category-label {
        padding: 6px 7px;
        font-size: 14px;
        line-height: 19px;
    }
    .sidebar-filter-btn .monial-btn-gradient {
        padding: 13px 25px;
    }
    .job-card-profile {
        padding: 20px 25px;
    }
    .job-card-pic-name img {
        width: 100px;
        height: 100px;
        margin-right: 20px;
    }
    .job-card-pic-name h3 {
        font-size: 23px;
        line-height: 29px;
    }
    .job-card-pic-name h3 span {
        font-size: 20px;
        line-height: 26px;
    }
    .job-card-favourite a img {
        max-width: 29px;
    }
    .job-card-favourite a i {
        font-size: 30px;
    }
    .job-card-favourite a {
        width: 51px;
        height: 51px;
    }
    .job-card-inner-frame {
        padding: 25px 25px;
    }
    .job-tags h5 {
        font-size: 20px;
        line-height: 26px;
    }
    .job-tags {
        margin-bottom: 15px;
    }
    .job-description p {
        font-size: 14px;
        line-height: 23px;
    }
    .job-des-btn .monial-btn-gradient {
        padding: 9px 28px;
    }
    .date-same h4 {
        font-size: 17px;
        line-height: 20px;
    }
    .date-same p {
        font-size: 16px;
        line-height: 24px;
    }
    .job-card-box {
        margin-bottom: 30px;
    }

    /* contact page  */
    .form-widget {
        padding: 40px 20px 40px 40px;
    }
    .contact-form-side {
        max-width: 520px;
    }
    .contact-form-title h2 {
        font-size: 26px;
        line-height: 32px;
    }
    .contact-form-box {
        margin-top: 24px;
    }
    .contact-form-box .form-group {
        margin-bottom: 14px;
    }
    .form-btn {
        margin-top: 10px;
    }
    .contact-form-section {
        padding-bottom: 60px;
    }
    .form-btn button {
        padding: 15px 25px;
        font-size: 17px;
    }
    .form-btn {
        margin-top: 0;
    }

    /* about page  */
    .about-banner-image {
        left: 0;
    }
    .counter-count-pera {
        font-size: 40px;
        line-height: 40px;
    }
    .about-counter {
        padding: 20px 0;
    }
    .count-up h3 {
        font-size: 20px;
        line-height: 26px;
    }
    .what-we-content h2, .how-work-heading h2 {
        font-size: 48px;
        line-height: 54px;
    }
    .what-we-content p {
        font-size: 18px;
        line-height: 26px;
    }
    .how-work-box h2 {
        font-size: 64px;
    }
    .how-work-box h3 {
        font-size: 24px;
        line-height: 30px;
    }
    .how-work-box p {
        line-height: 23px;
    }
    .about-influ-monial-section {
        padding-bottom: 95px !important;
    }

    /* bid form page  */
    .bid-job-inner-frame .job-tags h5 {
        font-size: 18px;
        line-height: 24px;
    }
    .bid-form-heading h2 {
        font-size: 22px;
    }
    .bid-form-frame .form-group label {
        font-size: 16px;
        line-height: 20px;
    }
    .bid-form-frame .form-group input, .bid-form-frame .form-group textarea {
        font-size: 15px;
        line-height: 21px;
        padding: 12px 10px;
    }
    .bid-form-frame {
        padding: 35px 30px;
    }
    .label-check {
        font-size: 15px;
    }
    .label-check .checkmark {
        height: 20px;
        width: 20px;
    }
    .label-check .checkmark:after {
        left: 6px;
        top: 2px;
        width: 6px;
        height: 11px;
    }
    .bid-form-btn {
        margin-top: 20px;
    }
    .label-check {
        padding-top: 1px;
    }

    /* insta deals start  */
    .instadeals-box .job-card-pic-name img {
        width: 68px;
        height: 68px;
    }
    .instadeals-box .job-card-pic-name h3 {
        font-size: 22px;
        line-height: 28px;
    }
    .instadeals-box  .job-card-favourite a img {
        max-width: 26px;
    }
    .instadeals-box .job-card-favourite a {
        width: 45px;
        height: 45px;
    }
    .gym-content h4 {
        font-size: 16px;
        line-height: 22px;
    }
    .price-rate {
        padding: 8px 13px;
    }
    .price-btn .monial-btn-gradient {
        font-size: 16px;
        line-height: 16px;
        padding: 12px 23px;
    }
    .instadeals-box .date-same h4 {
        font-size: 16px;
        line-height: 19px;
    }
    .instadeals-box .date-same p {
        font-size: 15px;
        line-height: 22px;
    }
    .instadeals-box .date-same p i {
        font-size: 15px;
    }
    .instadeals-box .date-same p a {
        margin: 0 5px;
    }
    .instadeals-box {
        padding: 20px 20px 25px;
    }
     .h4-banner-heading {
        font-size: 24px;
        line-height: 30px;
    }
    .delas-banner-pera {
        font-size: 16px;
        line-height: 22px;
        max-width: 800px;
    }
    .instadeal-projects {
        padding-bottom: 30px  !important;
    }
    .faq-main-heading h2 {
        font-size: 26px;
        line-height: 32px;
    }
    .term-headings {
        font-size: 26px;
        line-height: 32px;
    }
    .blog-detail-sidebar {
        top: 100px;
    }
    .blog-detail-image img {
        max-height: 400px;
    }
    .blog-detail-title {
        font-size: 26px;
    }
    .detail-common-title {
        font-size: 26px;
    }
    .recent-blog-content h5 a {
        font-weight: 600;
    }
    .blog-comment-form .form-btn {
        margin-top: 10px;
    }
    .custom-filter-form .form-group label {
        font-size: 16px;
        line-height: 22px;
    }
    .custom-influencer-table .table .thead-light th, .custom-influencer-table .table td {
        font-size: 16px;
        line-height: 22px;
    }
    .form-group.filter-search-input input {
        padding: 9px 16px;
        padding-left: 40px;
        font-size: 14px;
    }
    .filter-search-input i {
        font-size: 14px;
    }
    .influencer-check-filter .category-label {
        padding: 12px 16px;
    }
    .influencer-pic img {
        max-width: 50px;
        max-height: 50px;
    }
    .pagination-pages p {
        font-size: 16px;
    }
    .pagination-pages select {
        padding: 7px 15px;
    }
   
      .influencer-table {
        padding-bottom: 80px;
    }
    .influencer-banner .banner-heading {
        font-size: 46px;
        line-height: 56px;
    }
    .user-profile-content .job-card-pic-name h3 {
        font-size: 24px;
        line-height: 29px;
    }
    .user-profile-content .job-card-pic-name h3 span {
        font-size: 15px;
        line-height: 20px;
    }
    .dpl-social-profile {
        margin-right: 10px;
    }
    .job-card-dpl-profile .date-same h4 {
        font-size: 15px;
    }
    .job-card-dpl-profile .date-same h4 img {
        max-height: 20px;
        max-width: 20px;
    }
    .job-card-dpl-profile  .bor-rig {
        margin-bottom: 30px;
    }
    .user-profile-job-crd .job-card-inner-frame {
        padding: 35px 10px 10px;
    }
    .dpl-social-profile a {
        font-size: 17px;
        line-height: 20px;
    }
    .profile-job-section {
        padding-bottom: 40px;
    }
    .inf-prof-btn {
        margin-top: 30px;
    }
    .sign-logo img {
        max-height: 114px;
        margin-bottom: 20px;
    }
    .sign-left-side {
        padding: 50px 70px;
    }
    .sign-left-side img {
        max-width: 360px;
    }
    .sign-right-side {
        padding: 50px 70px;
    }
    .sign-form-inputs .form-group .form-control {
        padding-top: 13px;
        padding-bottom: 13px;
    }
    .sign-form-group img {
        top: 16px;
    }
    .pass-eye {
        top: 10px;
    }
    .signup-other-title {
        font-size: 18px;
    }
    .signup-other-way {
        margin-top: 20px;
    }
    .login-social-btn a img {
        max-width: 30px;
    }
    .register-tabs li.nav-item {
        font-size: 18px;
        line-height: 22px;
    }
    .fix-whatsapp-btn img {
        max-width: 55px;
    }
    .content-bank-desc {
        font-size: 16px;
    }
    .content-bank-pdf .monial-btn-gradient {
        font-size: 16px;
        padding: 12px 22px;
    }
    .content-bank-pdf .monial-btn-gradient img {
        max-height: 25px;
    }
    .rating-stars i {
        font-size: 18px;
        margin-right: 3px;
    }
    .error-widget-box h2 {
        font-size: 120px;
    }
    .error-widget-box h4 {
        font-size: 26px;
    }
    .new-banner-heading {
        font-size: 42px;
    }
    .new-banner-subheading {
        margin-bottom: 20px;
        font-size: 22px;
    }
    .banner-video-box {
        max-height: 260px;
    }
    .profile-banner-section {
        padding-top: 90px;
    }
    .profile-admin-image img {
        width: 140px;
        height: 140px;
    }
    .profile-admin-name h4 {
        font-size: 42px;
    }
    .profile-admin-name p {
        font-size: 17px;
    }
    .profile-admin {
        margin-bottom: -25px;
    }
    .profile-admin-image {
        width: 190px;
    }
    section.profile-description-section {
        padding-top: 60px;
    }
    .profile-description-content p, .profile-description-content li {
        font-size: 16px;
        line-height: 150%;
    }
    .profile-follower-side {
        padding: 30px 30px;
    }
    .profile-follower-title {
        font-size: 18px;
    }
    .profile-follower-div ul li a {
        font-size: 18px;
    }
    .profile-follower-div ul li {
        margin-right: 25px;
    }
    .profile-skill-div ul li {
        font-size: 16px;
    }
    /* .considr-btn {
        margin-top: 35px;
    } */
    .profile-projects h4 {
        font-size: 26px;
    }
    .review-filter-title h4 {
        font-size: 28px;
    }
    .profile-review-filter-section {
        margin-top: 50px;
    }
    .profile-review-filter-section {
        padding-bottom: 50px;
    }
    .custom-navbar-nav.new-header-nav {
        margin-left: 40px !important;
    }
    .blog-box .blog-image img {
        max-height: 220px;
    }
    .blog-widget-image img {
        max-height: 210px;
    }
    .instadeals-box .project-iconf {
        max-width: 17px;
    }
    .location-list ul {
        column-gap: 50px;
    }
    .location-list ul li {
        width: calc(33% - 40px);
    }
    .job-location-section {
        padding-top: 0  !important;
        padding-bottom: 50px;
    }
    .job-location-heading {
        font-size: 34px;
    }
    .custom-banner-influencer {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
}

@media   (max-width: 1199px) {
    .custom-nav-logo img {
        max-height: 48px;
    }
	.custom-navbar-nav .nav-item a {
        /* font-size: 16px; */
        font-size: 15px;
    }
    .custom-navbar-nav li.nav-item {
        margin-right: 10px;
    }
    .search-widget span {
        max-width: 218px;
    }
    .custom-header {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .search-widget {
        /* max-width: 430px; */
        max-width: fit-content;
    }
    .search-widget input {
        font-size: 15px;
        font-weight: 500;
        padding: 12px 16px;
        padding-right: 34px;
    }
    .search-widget span button img {
        max-width: 17px;
    }
    .search-widget span button {
        right: 10px;
        top: 6px;
    }
    .header-btn {
        font-size: 15px;
        padding: 10px 20px;
        margin-left: 10px;
    }
    .banner-heading {
        font-size: 44px;
        line-height: 50px;
    }
    .banner-subheading {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 16px;
    }
    .banner-pera {
        font-size: 16px;
        line-height: 24px;
    }
    .banner-content-btn img {
        max-height: 50px;
    }
    .banner-content-btn {
        margin-top: 30px;
    }
    .category-section {
        padding-top: 55px;
        padding-bottom: 45px;
    }
    .common-heading h2 {
        font-size: 36px;
        line-height: 42px;
    }
    .category-box {
        padding: 15px 15px;
    }
    .category-box a {
        width: 34px;
        height: 34px;
    }
    .colaborate-content .common-heading h2 {
        font-size: 32px;
        line-height: 38px;
    }
    .common-padding {
        padding-top: 55px;
        padding-bottom: 55px;
    }
    .colaborate-btn img {
        max-height: 50px;
    }
    .elipse-pos.elipse-1 {
        max-width: 107px;
    }
    .elipse-pos.elipse-2 {
        max-width: 100px;
        left: 7px;
    }
    .elipse-pos.elipse-3 {
        max-width: 105px;
        bottom: -130px;
    }
    .monial-content-widget h3 {
        font-size: 18px;
        line-height: 26px;
    }
    .monial-content-widget h4 {
        font-size: 16px;
        padding: 7px 30px 7px 22px;
    }
    .monial-content-widget p {
        font-size: 15px;
        line-height: 21px;
    }
    .elipse-pos.elipse-4 {
        max-width: 105px;
    }
    .elipse-pos.elipse-5 {
        max-width: 105px;
    }
    .monial-btn-gradient {
        font-size: 16px;
        line-height: 22px;
        padding: 14px 25px;
    }
    .monial-box:before {
        width: 225px;
        height: 111px;
    }
    .elipse-thumb {
        right: -17px;
        top: -30px;
    }
    .platform-text-heading h4 span {
        font-size: 16px;
        line-height: 22px;
    }
    .platform-text-heading h4 img {
        max-height: 45px;
    }
    .customer-feedback .owl-item img {
        width: 110px;
        height: 110px;
    }
    .customer-name {
        font-size: 22px;
    }
    .customer-desc {
        font-size: 17px;
        font-weight: 500;
    }
    .influ-monial-section .common-heading {
        margin-bottom: 30px;
    }
    .feedback-slider-item:after {
        border-radius: 20px;
    }
    .influ-monial-section {
        padding-bottom: 100px;
    }
    .feedback-slider-thumb img {
        width: 80px;
        height: 80px;
    }
    .colaborate-content .common-heading h2 {
        font-size: 26px;
        line-height: 30px;
    }
    .brand-content .colaborate-btn img {
        max-height: 38px;
    }
    .brand-content  .colaborate-btn a {
        margin-right: 3px;
    }
    .colaborate-content.brand-content {
        padding: 35px 100px;
    }
    .faq-tabs .nav-pills .nav-link {
        font-size: 17px;
        padding: 11px 40px;
    }
    .custom-accordion .card-header {
        padding: 26px 23px;
        padding-right: 77px;
    }
    .custom-accordion  .card-body {
        padding: 10px 26px;
        padding-top: 2px;
    }
    .custom-accordion .card-headerrr:after {
        width: 40px;
        height: 40px;
        right: 20px;
    }
    .blog-hcategory h4 {
        font-size: 18px;
        line-height: 24px;
    }
    .blog-image p {
        font-size: 15px;
        line-height: 22px;
    }
    .grad-outline-btn {
        font-size: 16px;
        padding: 13px 23px;
    }
    section.common-padding.blog-section {
        padding-bottom: 30px;
    }
    .f-main-menu {
        padding-left: 6px;
    }
    .f-main-menu h4 {
        font-size: 17px;
        line-height: 25px;
    }
    .footer-1 img {
        max-height: 45px;
    }
    .footer-1 p {
        font-size: 14px;
        line-height: 20px;
    }
    .banner-widget {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    /* find job page  */
    .inner-custom-banner {
        padding-top: 50px;
        padding-bottom: 35px;
    }
    .bredcrumb-widget {
        padding: 18px 20px;
    }
    .bredcrumb-widget ul li img {
        max-height: 22px;
    }
    .bread-menu {
        font-size: 16px;
        line-height: 25px;
    }
    .findjob-section {
        padding-top: 40px;
    }
    .filter-heading {
        font-size: 24px;
        line-height: 28px;
    }
    .category-label {
        padding: 5px 5px;
    }
    .category-label span {
        margin-left: 0px;
    }
    .sidebar-filter-btn .monial-btn-gradient {
        padding: 11px 25px;
    }
    .job-card-pic-name img {
        width: 95px;
        height: 95px;
        margin-right: 15px;
    }
    .job-card-pic-name h3 {
        font-size: 21px;
        line-height: 27px;
    }
    .job-card-pic-name h3 span {
        font-size: 18px;
        line-height: 24px;
    }
    .job-card-favourite a {
        width: 48px;
        height: 48px;
    }
    .job-card-favourite a img {
        max-width: 26px;
        top: 1px;
    }
    .job-card-favourite a i {
        font-size: 26px;
    }
    .job-tags h5 {
        font-size: 18px;
        line-height: 24px;
    }
    .job-des-btn .monial-btn-gradient {
        padding: 9px 20px;
        font-size: 16px;
    }
    .date-same h4 {
        font-size: 16px;
        margin-bottom: 3px;
    }
    .date-same p {
        font-size: 15px;
        line-height: 21px;
    }
    .job-card-content {
        margin-bottom: 25px;
    }
    
    .findjob-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    /* contact page  */
    .contact-form-title h2 {
        font-size: 25px;
        line-height: 30px;
    }
    .contact-form-title p {
        font-size: 15px;
        line-height: 21px;
    }
    .contact-form-box {
        margin-top: 20px;
    }
    .contact-form-box .form-group textarea {
        min-height: 90px;
    }
    .contact-form-section {
        padding-bottom: 50px;
    }
    .contact-btns a i.fone-icon {
        font-size: 20px;
        top: 2px;
    }
    .contact-btns a {
        margin: 0 5px;
    }
    /* about page  */
    .counter-count-pera {
        font-size: 36px;
        line-height: 36px;
    }
    .about-counter {
        margin-top: 30px;
    }
    .count-up h3 {
        font-size: 18px;
        line-height: 24px;
    }
    .what-we-content h2, .how-work-heading h2 {
        font-size: 40px;
        line-height: 46px;
    }
    .what-we-content p {
        font-size: 17px;
        line-height: 24px;
    }
    .what-pos-btn a {
        padding: 15px 38px;
    }
    .how-work-box h2 {
        font-size: 58px;
    }
    .how-work-box h3 {
        font-size: 22px;
        line-height: 28px;
    }
    .how-work-box p {
        font-size: 15px;
        line-height: 21px;
    }
    .how-work-box.work-box-2:before {
        top: 20px;
        left: -123px;
        max-width: 210px;
    }
    .how-work-box.work-box-2:after {
        right: -123px;
        max-width: 210px;
    }
    .how-work-box.work-box-2 {
        padding-top: 40px;
    }
    .about-influ-monial-section {
        padding-bottom: 90px !important;
    }
    .bid-job-inner-frame {
        padding: 25px 20px;
    }
    .bid-job-profile {
        padding: 20px 20px;
    }
    .bid-job-inner-frame .job-tags h5 {
        font-size: 16px;
        line-height: 22px;
    }
    .bid-job-inner-frame .job-description p {
        font-size: 14px;
        line-height: 20px;
    }
    .bid-form-frame {
        padding: 25px 20px;
    }
    .bid-form-frame .filter-sub-heading {
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;  
    }
    .bid-job-inner-frame .filter-sub-heading {
        font-size: 15px;
        line-height: 20px;
    }
    .attachment-widget a {
        font-size: 15px;
        line-height: 19px;
    }
    .bid-form-btn button {
        padding: 11px 32px;
    }
    /* insta deal  */
    .instadeals-box .job-card-pic-name img {
        width: 65px;
        height: 65px;
    }
    .instadeals-box .job-card-pic-name h3 {
        font-size: 20px;
        line-height: 26px;
    }
    .instadeals-box .job-card-pic-name h3 b {
        font-size: 13px;
        padding: 2px 5px 3px;
        font-weight: 600;
        top: -3px;
    }
    .deals_rating_value img {
        max-height: 15px;
    }
    .deals_rating_value b {
        font-weight: 500 !important;
        font-size: 14px !important;
    }
    .h4-banner-heading {
        font-size: 22px;
        line-height: 28px;
    }
    .instadeal-projects {
        padding-bottom: 20px  !important;
    }
    .faq-main-heading h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .faq-main-heading {
        margin-top: 25px;
        margin-bottom: 15px;
    }
    .term-headings {
        font-size: 24px;
        line-height: 30px;
    }
    .blog-detail-sidebar {
        top: 90px;
    }
    .blog-detail-image img {
        max-height: 350px;
    }
    .blog-detail-title {
        font-size: 24px;
    }
    .detail-common-title {
        font-size: 24px;
    }
    .recent-post-title {
        margin-bottom: 15px;
    }
    .influencer-filter-form {
        padding: 20px 12px;
    }
    .custom-filter-form .form-group label {
        font-size: 13px;
        line-height: 19px;
    }
    /* .influencer-check-filter .category-label {
        padding: 10px 10px;
    }
    .category-container.influencer-check-filter {
        gap: 8px;
    } */
    .influencer-filter-search form {
        max-width: 490px;
        margin-left: 0;
        margin-top: 13px;
    }
    .influencer-table {
        padding-bottom: 60px;
    }
    .dpl-social-profile a {
        font-size: 16px;
    }
    .dpl-social-profile li {
        margin: 8px 0;
    }
    .sign-right-side {
        padding: 50px 50px;
    }
    .sign-logo img {
        max-height: 100px;
    }
    .sign-logo-heading {
        font-size: 19px;
    }
    .login-form-btn {
        margin-top: 5px;
    }
    .sign-left-side {
        padding: 50px 50px;
    }
    .sign-via-google {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .login-social-btn a img {
        max-width: 25px;
    }
    .register-tabs li.nav-item {
        font-size: 17px;
    }
    .login-social-btn a {
        margin-right: 15px;
    }
    .custom-influencer-table #datatable_length label {
        font-size: 16px;
    }
    .custom-influencer-table .dataTables_filter label {
        font-size: 16px;
    }
    .custom-influencer-table .dataTables_filter label input {
        padding: 8px 16px;
    }
    .custom-influencer-table #datatable_length label select {
        padding: 8px 16px;
    }
    .content-bank-heading h2 {
        font-size: 24px;
    }
    .content-bank-desc {
        font-size: 15px;
    }
    .content-bank-pdf .monial-btn-gradient {
        font-size: 15px;
        padding: 11px 20px;
    }
    .content-bank-pdf .monial-btn-gradient img {
        max-height: 23px;
    }
    .review-com-btn {
        padding: 9px 15px;
    }
    .filter-sub-heading {
        font-size: 16px;
    }
    .guide-heading {
        font-size: 36px;
    }
    .login-translate-btn ul {
        margin-left: 10px;
    }
    .category-box2 a {
        padding: 15px 15px;
    }
    .category-box2 h3 {
        font-size: 18px;
    }
    .category-box2 h3 img {
        max-height: 28px;
    }
    .category-box2 span {
        width: 34px;
        height: 34px;
    }
    .influencer-account-profile-box {
        padding: 20px 20px;
        gap: 10px;
    }
    .influencer-name {
        font-size: 22px;
        margin-bottom: 6px;
    }
    .influencer-account-fs-list.profile-box-fs-list h4 {
        font-size: 14px;
        padding: 0 !important;
    }
    .profile-box-fs-list {
        padding: 2px;
    }
    .influencer-account-fs-list.profile-box-fs-list img {
        max-height: 18px;
        margin-right: 2px;
    }
    .influencer-account-fs-list p {
        font-size: 16px;
    }
    .influencer-account-bio {
        /* width: 55%; */
        width: calc(100% - 70px);
    }
    .influencer-account-follows {
        /* width: 35%; */
        width: 60%;
    }
    .influencer-account-list {
        padding: 35px 10px 30px;
    }
    .influencer-account-fs-list h4 {
        font-size: 14px;
    }
    .new-banner-heading {
        font-size: 36px;
    }
    .new-banner-pera {
        font-size: 19px;
    }
    .profile-admin-image img {
        width: 125px;
        height: 125px;
    }
    .profile-admin-name h4 {
        font-size: 38px;
    }
    .profile-admin {
        margin-bottom: -20px;
    }
    section.profile-description-section {
        padding-top: 55px;
    }
    .profile-skill-div ul li {
        margin-right: 6px;
        margin-bottom: 7px;
        font-size: 15px;
        padding: 7px 15px;
    border-radius: 5px;
    }
    .considr-btn a {
        padding: 14px 25px;
    }
    .profile-projects h4 {
        font-size: 24px;
    }
    .review-filter-title h4 {
        font-size: 26px;
    }
    .profile-review-filter-section {
        padding-bottom: 40px;
    }
    .considr-btn p {
        font-size: 15px;
        line-height: 21px;
    }
    .considr-btn h3 {
        font-size: 18px;
    }
    .considr-btn select#job-select {
        padding: 10px 15px;
    }
    .blog-box .blog-image img {
        max-height: 185px;
    }
    .blog-widget-image img {
        max-height: 180px;
    }
    .header-container.footer-inner-container {
        margin-top: 20px !important;
    }
    .job-location-heading {
        font-size: 30px;
    }
    .location-list li a {
        font-size: 18px;
    }
    .location-list ul {
        column-gap: 35px;
    }
    .common-padding {
        padding-bottom: 45px;
    }
    .location-list ul li {
        width: calc(33% - 30px);
    }
    .common-padding.inner-job-location-section {
        padding-bottom: 20px;
    }
    /* 01 oct  */
    footer.custom-footer {
    padding-left: 30px;
    padding-right: 30px;
}
.top-header-wdth {
    padding-left: 30px;
    padding-right: 30px;
}
.header-container {
    padding-left: 30px;
    padding-right: 30px;
}
.custom-banner-new {
    padding-left: 32px;
}
}
@media  (min-width: 992px) {
    .custom-md-2 {
        flex: 0 0 19.666667%;
        max-width: 19.666667%;
    }
    .custom-md-1 {
        flex: 0 0 10.666667%;
        max-width: 10.666667%;
    }
    
}
@media  (min-width: 992px) and (max-width: 1199px) {
    .screen-991 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .gym-images img {
        border-radius: 8px;
        width: 100%;
    }
    .gym-content {
        margin-top: 25px;
    }
    .price-rate p {
        font-size: 15px;
        line-height: 21px;
    }
    .price-btn .monial-btn-gradient {
        font-size: 15px;
        line-height: 15px;
        padding: 11px 17px;
    }
    .instadeals-box .date-same p i {
        font-size: 13px;
    }
    .instadeals-box .date-same p a {
        margin: 0 3px;
    }
}
@media   (min-width: 576px) {
.footer-loaction {
    background: rgb(255 255 255 / 16%);
    border-radius: 12px;
    text-align: center;
    padding: 20px;
    max-width: 1600px;
    margin: auto;
}

.footer-7 .footer-menu-list ul li {
    display: inline-block;
    margin: 0 10px;
}
.footer-7 .footer-menu-list ul li a:hover {
    margin-left: 0;
}
.header-container.footer-inner-container {
    background: rgb(255 255 255 / 16%);
    border-radius: 12px;
    /* padding: 20px; */
    padding: 30px 30px 20px;
    max-width: 1600px;
    margin: auto;
    margin-bottom: 20px;
}
.footer-1 {
    max-width: 80%;
}
}
@media   (min-width: 1200px) {
    .header-container.footer-inner-container {
        margin-bottom: 30px;
    }
    .header-container.footer-inner-container {
        padding: 40px 40px 30px;
    }
}
@media   (min-width: 1400px) {
.footer-7 .footer-menu-list ul li {
    margin: 0 20px;
}
}

@media   (max-width: 1100px) {
    .custom-banner-influencer {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
@media   (max-width: 991px) {
    .banner-heading {
        font-size: 37px;
        line-height: 43px;
    }
    .banner-subheading {
        font-size: 23px;
        line-height: 29px;
        margin-bottom: 10px;
    }
    .banner-pera {
        font-size: 15px;
        line-height: 21px;
    }
    .banner-content-btn img {
        max-height: 45px;
    }
    .banner-content-btn a {
        margin-right: 5px;
    }
    .banner-content-btn {
        margin-top: 20px;
    }
    .banner-image {
        padding-right: 0;
    }
    .banner-widget {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .custom-nav-logo img {
        max-height: 45px;
    }
    span.navbar-toggler-icon img {
        filter: brightness(0) invert(1);
    }
    .custom-nav-collapse {
        background: #ffffff42;
        padding: 20px;
        margin-top: 20px;
        border-radius: 20px;
        margin-bottom: 20px;
    }
    .category-section {
        padding-top: 45px;
        padding-bottom: 35px;
    }
    .category-box-justify {
        justify-content: center;
    }
    .common-heading h2 {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 10px;
    }
    .common-heading {
        margin-bottom: 40px;
    }
    .category-box {
        margin-bottom: 20px;
    }
    .category-box-justify .col-lg-3.col-md-4 {
        padding-left: 10px ;
        padding-right: 10px;
    }
    .category-box h3 img {
        max-height: 28px;
    }
    .category-box h3 {
        font-size: 18px;
    }
    .colaborate-content .common-heading h2 {
        font-size: 24px;
        line-height: 28px;
    }
    .colaborate-content .common-heading p {
        font-size: 16px;
        line-height: 23px;
    }
    .colaborate-btn img {
        max-height: 45px;
    }
    .colaborate-btn {
        margin-top: 20px;
    }
    .common-padding.colaborate-section {
        padding-bottom: 45px;
    }
    .elipse-pos.elipse-1 {
        max-width: 77px;
        top: -98px;
        left: 0px;
    }
    .elipse-pos.elipse-3 {
        max-width: 65px;
        bottom: auto;
        top: -80px;
        left: 140px;
    }
    .elipse-pos.elipse-2, .elipse-pos.elipse-3 {
       display: none !important;
    }
    .elipse-pos.elipse-4 {
        left: 35px;
        max-width: 75px;
    }
    .elipse-pos.elipse-5 {
        max-width: 75px;
        left: inherit;
        right: -32px;
        top: -40px;
    }
    .elipse-heart {
        top: auto;
        bottom: 30px;
        left: 20px;
    }
    .monial-content-widget {
        min-height: 210px;
    }
    .monial-content-widget h3 {
        font-size: 16px;
        line-height: 24px;
    }
    .monial-box {
        padding-bottom: 95px;
        padding-left: 27px;
        padding-right: 32px;
        border-radius: 38px;
    }
    .monial-btn-gradient {
        font-size: 15px;
        line-height: 21px;
        padding: 13px 19px;
    }
    .monial-box:before {
        width: 195px;
        height: 95px;
    }
    .elipse-thumb {
        right: 20px;
        top: 30px;
    }
    .monial-box-grid {
        padding: 30px 0px;
        padding-bottom:  0px;
    }
    .platform-text-heading h4 span {
        font-size: 18px;
    }
    .gap-20 {
        margin-bottom: 20px;
    }
    .customer-name {
        font-size: 20px;
    }
    .feedback-slider-item p {
        font-size: 15px;
        line-height: 23px;
    }
    .feedback-slider-item {
        padding-bottom: 20px;
    }
    
    .brand-icons {
        padding-top: 0px;
        padding-bottom: 10px;
        padding-left: 0;
        flex-wrap: wrap;
        justify-content: center;
        display: flex;
        align-items: baseline;
    }
    .brand-icons ul {
        display: contents;
    }
    .custom-brand-containerr {
        max-width: 720px;
        padding-left: 15px;
        padding-right: 15px;
        margin: auto;
    }
    .mobile-shape-change {
        background: none !important;
    }
    .colaborate-content.brand-content {
        /* background: linear-gradient(284.15deg, #4911B9 8.79%, #FC3235 99.25%); */
        background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
        text-align: center;
        border-radius: 20px;
    }
    .colaborate-content.brand-content .common-heading {
        text-align: center;
    }
    .brand-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .custom-accordion .card-headerrr:after {
        width: 36px;
        height: 36px;
    }
    .card-headerrr.collapsed .card-header {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .blog-box {
        margin-bottom: 40px;
    }
    .blog-box-justify{
        justify-content: center;
    }
    footer.custom-footer {
        padding-top: 115px;
    }
    section.common-padding.blog-section {
        padding-bottom: 0;
    }
    .f-main-menu {
        padding-left: 0px;
        margin-bottom: 30px;
    }
    .custom-nav-widget .navbar-toggler {
        padding: 0;
    }
    .custom-header {
        border-radius: 0 0 10px 10px;
    }
    .colaborate-content.brand-content {
        padding: 35px 40px;
    }

    .job-sidebar-widget {
        margin-bottom: 30px;
    }

    /* contact page  */
    .contact-form-side {
        max-width: 100%;
        margin-top: 30px;
    }
    .contact-image-side img {
        width: 100%;
    }
    .form-widget {
        padding: 30px;
    }
    .order-one {
        order: 1;
    }
    
    .order-two {
        order: 2;
    }
    .contact-form-section {
        padding-bottom: 40px;
    }

    /* about page  */
    .about-banner-image img {
        max-width: 600px;
        margin: auto;
        display: table;
        width: 100%;
    }
    
    .about-banner-image {
        margin-bottom: 40px;
    }
    .about-content-text {
        text-align: center;
    }
    .what-we-content h2, .how-work-heading h2 {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 12px;
    }
    .what-we-content p {
        font-size: 16px;
        line-height: 22px;
    }
    .what-pos-btn {
        margin-top: 25px;
    }
    .what-pos-btn a {
        padding: 13px 38px;
    }
    .how-work-box {
        padding: 0px;
    }
    .how-work-heading {
        margin-bottom: 40px;
    }
    .how-work-box h3 {
        font-size: 20px;
        line-height: 26px;
    }
    .how-work-box p {
        font-size: 14px;
        line-height: 20px;
    }
    .how-work-box h2 {
        font-size: 48px;
        line-height: 50px;
        margin-bottom: 30px;
    }
    .how-work-box.work-box-2 {
        padding-top: 30px;
    }
    .how-work-box.work-box-2:before {
        top: 10px;
        left: -97px;
        max-width: 160px;
    }
    .how-work-box.work-box-2:after {
        right: -97px;
        max-width: 160px;
        top: 40px;
    }
    .about-influ-monial-section {
        padding-bottom: 70px !important;
    }
    .bid-job-form {
        margin-top: 40px;
    }
    /* insta deals  */
    .deals-pricing {
        padding: 10px;
        background: #eceefb;
        border-radius: 8px;
    }
    .active-instadeals .deals-pricing {
        background: #ffffff63;
    }
    .instadeals-box.active-instadeals {
        margin-bottom: 30px;
    }
    .h4-banner-heading {
        font-size: 20px;
        line-height: 26px;
    }
    .col-lg-6:last-child .job-card-box.instadeals-box {
        margin-bottom: 0;
    }
    .bid-job-form.insta-bid-form {
        margin-top: 10px;
    }
    .faq-main-heading h2 {
        font-size: 22px;
        line-height: 28px;
    }
    .term-headings {
        font-size: 22px;
        line-height: 28px;
    }
    .term-content ul {
        padding-left: 18px;
    }
    .term-content p, .term-content li {
        line-height: 22px;
    }
    .deals-bid-pricing {
        background: none !important;
        padding: 0;
    }
    .blog-widget-content h4 a {
        font-size: 17px;
    }
    .blog-load-btn {
        margin-top: 20px;
    }
    .recent-blog-image {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .recent-blog-content {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .blog-detail-title {
        font-size: 22px;
    }
    .detail-common-title {
        font-size: 22px;
    }
    .blog-comment-box {
        padding: 30px 30px;
    }
    .blog-detail-sidebar {
        margin-top: 30px;
    }
    .custom-filter-form .form-group {
        margin-bottom: 15px;
    }
    .influencer-filter-form {
        padding: 20px 25px 10px;
    }
    .custom-filter-form .form-group label {
        font-size: 15px;
        line-height: 20px;
    }
    .influencer-banner .banner-heading {
        font-size: 40px;
        line-height: 48px;
    }
    .influencer-table {
        padding-bottom: 40px;
    }
    .dpl-social-profile {
        margin-left: 0;
        max-width: 100%;
        text-align: center;
    }
    .dpl-social-profile li {
        display: inline-block;
        margin-right: 20px;
    }
    .user-profile-job-crd .job-card-inner-frame {
        padding: 35px 25px 20px 25px;
    }
    .user-profile-content .job-card-pic-name h3 span {
        font-size: 14px;
        line-height: 17px;
    }
    /* .job-card-dpl-profile  .bor-rig {
        margin: 0;
        border: none;
    } */
    .profile-back-btn a {
        font-size: 16px;
        line-height: 20px;
    }
    .profile-back-btn a i {
        font-size: 17px;
    }
    .sign-left-side {
        display: none;
    }
    .sign-form-widget {
        border-radius: 40px;
    }
    .search-widget {
        justify-content: flex-start;
    }
    .top-header-bar {
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .sign-in-users {
        position: absolute;
        top: 0;
        right: 50px;
    }
    .fix-whatsapp-btn img {
        max-width: 50px;
    }
    .content-bank-pdf {
        margin-top: 20px;
        border-top: 1px dashed #ccc;
        padding-top: 15px;
    }
    .content-bank-heading h2 {
        font-size: 22px;
        margin-bottom: 5px;
    }
    .review-dropdown {
        margin-top: 30px;
        border-top: 1px dashed #7A7C7F;
        padding-top: 30px;
    }
    .payment-image-pic {
        text-align: center;
        margin-bottom: 40px;
    }
    .payment-image-pic {
        margin-top: 0;
    }
    .guide-pic {
        text-align: center;
        margin-bottom: 40px;
    }
    .guide-heading {
        font-size: 32px;
    }
    .topbar-text {
        text-align: left;
    }
    .topbar-text p {
        font-size: 15px;
    }
    .home-latest-news {
        margin-top: 15px;
    }
    .login-translate-btn {
        position: absolute;
        top: 8px;
        right: 50px;
    }
    .category-box2 {
        margin-bottom: 20px;
    }
    .influencer-account-fs-list.profile-box-fs-list img {
        display: table;
        margin: auto;
        margin-bottom: 5px;
    }
    .influencer-account-colums .influencer-account-fs-list {
        width: 33%;
    }
    .influencer-account-colums .influencer-account-fs-list {
        width: 29%;
        border-right: 0;
        border-bottom: 1px dashed #7A7C7F;
        padding: 0px 0;
        padding-bottom: 20px;
    }
    .influencer-account-colums {
        flex-wrap: wrap;
        gap: 25px;
    }
    .influencer-account-list {
        padding: 35px 28px 30px;
    }
    .influencer-account-fs-list:nth-child(4) {
        border: none;
        padding-bottom: 0;
    }
    .influencer-account-fs-list:nth-child(5) {
        border: none;
        padding-bottom: 0;
    }
    .influencer-account-box {
        margin-bottom: 25px;
    }
    .hire-infulancer-select.job-form2 {
        margin-top: 10px;
        border-top: 1px dashed #7A7C7F;
        padding-top: 20px;
    }
    .hire-infulancer-heading h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .hire-infulancer-heading {
        margin-bottom: 20px;
    }
    .error-widget-box h2 {
        font-size: 100px;
    }
    .error-widget-box h4 {
        font-size: 22px;
    }
    .error-widget-box p {
        font-size: 16px;
    }
    .error-widget-inner-grid {
        border-radius: 38px;
        padding: 20px 20px 45px;
    }
    .error-widget-grid {
        border-radius: 40px;
    }
    .not_found {
        padding: 55px 20px;
    }
    .new-banner-content {
        max-width: 700px;
        margin-left: auto;
        text-align: center;
        margin-right: auto;
        margin-bottom: -44px;
    }
    .banner-video-widget {
        justify-content: center;
    }
    .colm-space-3 {
        margin-top: 0;
        margin-right: 0;
    }
    .banner-video-box {
        max-height: 300px;
    }
    .new-banner-subheading {
        background: linear-gradient(107.14deg, #FC4778 23.65%, #3952F5 67.18%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .custom-navbar-nav.new-header-nav {
        width: 100%;
    }
    .new-header-nav-collapse {
        flex-direction: column-reverse;
        display: flex;
        align-items: baseline;
    }
    .search-widget.new-header-serch-widget {
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
        max-width: 400px;
    }
    .profile-admin-image img {
        width: 115px;
        height: 115px;
    }
    .profile-admin-name h4 {
        font-size: 32px;
        line-height: 110%;
    }
    .profile-admin-name p {
        font-size: 16px;
    }
    section.profile-description-section {
        padding-top: 50px;
    }
    .profile-projects {
        margin-top: 35px;
    }
    .profile-follower-side {
        margin-top: 35px;
    }
    .profile-review-filter-section {
        margin-top: 40px;
    }
    .review-filter-title h4 {
        font-size: 24px;
        padding-bottom: 2px;
    }
    .profile-review-filter-section .review-dropdown {
        margin-top: 20px;
        padding-top: 20px;
    }
    .profile-admin-image {
        width: 230px;
    }
    .profile-admin {
        margin-bottom: 10px;
    }
    .custom-navbar-nav.new-header-nav {
        margin-left: 0px !important;
    }
    .new-header-nav .header-btn.login-btn {
        margin: 0;
        margin-top: 7px;
        margin-bottom: 5px;
    }
    .payment-errror-title {
        font-size: 26px;
        margin-bottom: 14px;
    }
    .payment-errror-subtitle {
        font-size: 18px;
    }
    .offer-box {
        justify-content: flex-end;
    }
    .influencer-account-profile-box {
        flex-wrap: wrap;
    }
    .influencer-account-profile-box-grid {
        width: 100%;
    }
    .influencer-account-follows-and-btn {
        width: 100%;   
         padding-left: 80px;
    }
    .influencer-account-fs-list.profile-box-fs-list img {
        display: inline;
    }
    .influencer-account-fs-list.profile-box-fs-list h4 {
        text-align: left;
    }
    .influencer-account-fs-list.profile-box-fs-list p {
        text-align: left;
    }
    .influencer-account-follows {
        width: 260px;
    }
    .influencer-account-bio {
        border-bottom: 1px dashed #afafaf;
        padding-bottom: 12px;
        margin-bottom: 2px;
    }
    .accountview-detailbtn {
        padding: 8px 16px;
    }
    .influencer-account-image img {
        width: 67px !important;
        height: 67px !important;
    }
    .custom-navbar-nav.new-header-nav .nav-item a {
        display: inline-block;
    }
    .custom-navbar-nav .nav-item.active a:after {
        width: 100%;
        bottom: 4px;
        margin-right: auto;
    }
    .f-main-menu.footer-7 {
        margin-bottom: 0;
    }
    .header-container.footer-inner-container {
        margin-top: 60px !important;
    }
    .job-location-heading {
        font-size: 28px;
    }
    .location-list li a {
        font-size: 16px;
        padding: 16px 16px;
    }
    .location-list ul {
        gap: 17px;
    }
    .common-padding.inner-job-location-section {
        padding-bottom: 10px;
    }
    .location-list ul li {
        width: calc(33% - 10px);
    }
    .custom-banner-influencer {
        padding-top: 0;
        padding-bottom: 55px;
    }
    .custom-banner-influencer .new-banner-content {
        margin-bottom: 35px;
    }
    .custom-banner-influencer .banner-video-widget img {
        max-width: 680px;
        width: 100%;
    }
    .form-group.sign-form-group select#categories {
    height: 49px;
}
 /* 01 oct  */
    footer.custom-footer {
    padding-left: 20px;
    padding-right: 20px;
}
.top-header-wdth {
    padding-left: 20px;
    padding-right: 20px;
}
.header-container {
    padding-left: 20px;
    padding-right: 20px;
}
.custom-banner-new {
    padding-left: 0;
}
}
@media   (max-width: 767px) {

	.feedback-slider-item:after {
		left: 30px;
		right: 30px;
	}
	.customer-feedback .owl-nav [class*="owl-"] {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		margin-top: 45px;
		bottom: auto;
	}
	.customer-feedback .owl-prev {
		left: 0;
	}
	.customer-feedback .owl-next {
		right: 0;
	}
    .feedback-slider-thumb {
        text-align: center;
        display: none;
    }
    .banner-row-mobile {
        flex-direction: column-reverse;
    }
    .banner-content-text {
        max-width: 500px;
        text-align: center;
        margin: auto;
    }
    .banner-content-btn {
        margin-top: 25px;
        text-align: center;
    }
    .banner-image img {
        max-width: 400px;
    }
    
    .banner-image {
        text-align: center;
    }
    .common-heading h2 {
        font-size: 28px;
        line-height: 36px;
    }
    .common-heading p {
        font-size: 16px;
    }
    .banner-image img {
        max-width: 400px;
        margin: auto;
        width: 100%;
    }
    
    .banner-image {
        text-align: center;
    }
    
    .colaborate-image img {
        max-width: 400px;
        margin: auto;
        width: 100%;
    }
    
    .colaborate-image {
        text-align: center;
    }
    .colaborate-content .common-heading {
        text-align: center;
        margin-top: 25px;
    }
    .colaborate-btn {
        margin-top: 25px;
    }
    .common-padding.colaborate-section {
        padding-bottom: 35px;
    }
    .monial-content-widget {
        min-height: 170px;
    }
    .monial-box:before {
        bottom: -1px;
        right: -1px;
    }
    .elipse-pos.elipse-5 {
        right: 0;
    }
    .brand-icons ul li img {
        max-height: 70px;
    }
    .colaborate-content.brand-content .common-heading {
        margin-top: 0;
    }
    .custom-accordion .card-title {
        font-size: 17px;
        line-height: 22px;
    }
    .custom-accordion .card-body li {
        margin-bottom: 8px;
    }
    .custom-accordion .card-headerrr:after {
        top: 13px;
        right: 15px;
    }
    .blog-box {
        text-align: center;
        border-bottom: 1px solid #b625691a;
        margin-bottom: 25px;
        padding-bottom: 25px;
    }
    .col-lg-4.col-md-6:last-child .blog-box {
        border-bottom: 0;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    footer.custom-footer {
        padding-top: 55px;
    }
    section.common-padding.blog-section {
        padding-bottom: 70px;
    }
    footer.custom-footer {
        padding-top: 45px;
        /* background: linear-gradient(284.15deg, #4911B9 8.79%, #FC3235 99.25%); */
        background: linear-gradient(130.14deg, #FC4778 16.65%, #3952F5 82.18%);
    }
    /* .copyright-widget { 
        margin-top: 0px;
    } */
    .copyright-widget {
        padding: 13px 15px;
    }
    .colaborate-content.brand-content {
        padding: 35px 40px;
    }
    .brand-icons ul li {
        margin-bottom: 18px;
        margin-right: 18px;
    }
    .banner-pera {
        font-size: 16px;
    }
    .monial-content-widget h3 {
        font-size: 18px;
    }
    footer.custom-footer {
        position: relative;
        z-index: 1;
    }
    /* footer.custom-footer:before {
        position: absolute;
        content: "";
        background: url(../images/wave-shape.png) center top no-repeat;
        width: 100%;
        height: 30px;
        background-size: cover;
        left: 0;
        top: -30px;
        z-index: -1;
    } */
    .banner-content-btn a:hover:before {
        padding: 2px;
    }
    .inner-custom-banner {
        padding-top: 40px;
        padding-bottom: 35px;
    }
    .bredcrumb-widget {
        padding: 15px 15px;
    }
    .bredcrumb-widget ul li {
        margin-right: 11px;
        padding-right: 20px;
    }
    .bredcrumb-widget ul li img {
        max-height: 19px;
        margin-right: 6px;
        max-width: 19px;
    }
    .bread-menu {
        font-size: 15px;
        line-height: 21px;
    }
    .findjob-section {
        padding-top: 35px;
        padding-bottom: 50px;
    }
    .sidebar-filter-btn {
        margin-top: 10px;
    }
    .job-card-pic-name img {
        width: 85px;
        height: 85px;
        margin-right: 15px;
        border-width: 4px;
    }
    .job-card-pic-name h3 {
        font-size: 19px;
        line-height: 25px;
    }
    .job-card-pic-name h3 span {
        font-size: 16px;
        line-height: 24px;
    }
    .job-card-favourite a {
        width: 42px;
        height: 42px;
    }
    .job-card-profile {
        padding: 15px 20px;
    }
    .job-card-inner-frame {
        padding: 15px 20px;
    }
    .job-tags-widget {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #eceefb;
        padding: 10px 10px;
        border-radius: 10px;
        margin-top: 15px;
    }
    .job-tags {
        margin-bottom: 0;
    }
    .job-tags h5 {
        font-size: 16px;
        line-height: 19px;
    }
    .date-same h4 {
        font-size: 14px;
        margin-bottom: 3px;
        line-height: 18px;
    }
    /* .date-same p a {
        margin-left: 8px;
    } */
    .instadeals-box .date-same p a {
        margin: 0 4px;
    }
    .date-same p i {
        font-size: 15px;
    }
    .job-card-box {
        margin-bottom: 25px;
    }

    /* contact page  */
    .contact-form-section {
        padding-bottom: 50px;
    }

    /* about page  */
    .about-banner-image img {
        max-width: 420px;
    }
    .counter-count-pera {
        font-size: 32px;
        line-height: 32px;
    }
    .count-up h3 {
        font-size: 17px;
        line-height: 22px;
        margin-bottom: 0;
    }
    .what-we-image img {
        max-width: 420px;
        width: 100%;
        display: table;
        margin: auto;
    }
    .what-we-image {
        margin-bottom: 40px;
    }
    .what-we-content {
        text-align: center;
    }
    .what-we-content h2, .how-work-heading h2 {
        font-size: 28px;
        line-height: 36px;
    }
    .how-work-box.work-box-2 {
        padding-top: 0;
    }
    .how-work-box.work-box-2:before, .how-work-box.work-box-2:after {
        display: none;
    }
    .how-work-box {
        background: #ffffff42;
        padding: 20px !important;
        border-radius: 10px;
        margin-bottom: 20px;
    }
    .how-work-box h2 {
        font-size: 44px;
        line-height: 44px;
        margin-bottom: 13px;
    }
    .how-work-heading {
        margin-bottom: 30px;
    }
    .how-work-box.work-box-3 {
        margin-bottom: 0;
    }
    .about-influ-monial-section {
        padding-bottom: 95px !important;
    }
    .how-work-box p {
        font-size: 15px;
        line-height: 21px;
    }
    .job-sidebar-widget-box.skill-widget {
        margin-top: 25px;
        margin-bottom: 20px;
    }
    .bid-job-inner-frame .job-tags-widget {
        background: none;
        padding: 0;
        justify-content: end;
        margin-top: 10px;
    }
    .bid-job-form {
        margin-top: 30px;
    }

    /* insta deals  */
    .h4-banner-heading {
        font-size: 19px;
        line-height: 24px;
    }
    .price-rate p {
        font-size: 15px;
        line-height: 22px;
    }
    .instadeals-box .job-card-pic-name img {
        width: 60px;
        height: 60px;
    }
    .price-btn .monial-btn-gradient {
        padding: 12px 20px;
    }
    .instadeal-projects {
        padding-bottom: 50px  !important;
    }
    .faq-main-heading h2 {
        font-size: 20px;
        line-height: 26px;
    }
    .faq-page-section .custom-accordion .card-headerrr:last-child {
        margin-bottom: 0;
    }
    .term-content p, .term-content li {
        font-size: 15px;
    }
    .scrollTop_top {
        bottom: 20px;
        right: 20px;
    }
    .job-card-favourite a i {
        font-size: 24px;
    }
    .blog-load-btn {
        margin-top: 10px;
    }
    .blog-widget-content {
        padding: 15px 10px;
    }
    .blog-widget-content h4 a {
        font-size: 16px;
    }
    .blog-widget-content .monial-btn-gradient {
        font-size: 15px;
        margin-top: 5px;
    }
    .blog-widget-content .monial-btn-gradient img {
        max-height: 11px;
        position: relative;
        top: 2px;
    }
    .blog-widget-content {
        min-height: 110px;
    }
    .blog-detail-image img {
        max-height: 300px;
    }
    .blog-detail-title {
        font-size: 20px;
    }
    .blog-detail-content p {
        margin-bottom: 10px;
    }
    .blog-comment-box {
        margin-top: 30px;
    }
    .blog-comment-box {
        padding: 30px 20px;
    }
    .detail-common-title {
        font-size: 20px;
    }
    .influencer-banner .banner-heading {
        font-size: 36px;
        line-height: 42px;
    }
    .inner-custom-banner.influencer-banner {
        padding-top: 35px;
        padding-bottom: 25px;
    }
    .custom-influencer-table .table .thead-light th, .custom-influencer-table .table td {
        font-size: 15px;
        line-height: 20px;
        padding: 15px 20px;
    }
    .influencer-pic img {
        max-width: 45px;
        max-height: 45px;
    }
    .next-pagi-btn {
        margin-left: 3px;
    }
    .pagination-numbers button {
        padding: 8px 10px;
        font-size: 14px;
        line-height: 18px;
    }
    .pagination-numbers button img {
        max-height: 12px;
    }
    .prew-pagi-btn img {
        margin-right: 3px;
    }
    .next-pagi-btn img {
        margin-left: 3px;
    }
    .pagination-pages p {
        font-size: 14px;
    }
    .pagination-pages select {
        padding: 4px 11px;
        max-width: 50px;
    }
    .influencer-table {
        padding-bottom: 50px;
    }
    .job-card-dpl-profile .bor-rig:nth-child(4) {
        border-right: 1px dashed #7A7C7F;
    }
    .job-card-dpl-profile .bor-rig:nth-child(3) {
        border: none;
    }
    .job-card-dpl-profile .bor-rig:nth-child(6) {
        border: none;
    }
    .user-profile-content .job-card-pic-name h3 {
        font-size: 20px;
        line-height: 26px;
    }
    .user-profile-content .job-card-pic-name h3 span {
        font-size: 13px;
        line-height: 16px;
    }
    .job-card-dpl-profile .bor-rig:nth-child(7) {
        margin-bottom: 15px;
    }
    .profile-job-section {
        padding-bottom: 50px;
    }
    .sign-logo img {
        max-height: 90px;
    }
    .sign-logo-heading {
        font-size: 18px;
    }
    .sign-via-google {
        margin-top: 10px;
    }
    .sign-via-google {
        font-size: 17px;
    }
    .sign-right-side {
        padding: 50px 40px;
    }
    .custom-influencer-table .dataTables_filter label {
        max-width: 100%;
        top: 0px;
        margin-bottom: 20px;
    }
    div#datatable_info {
        margin-bottom: 10px;
    }
    div#datatable_paginate  ul.pagination {
        justify-content: start;
    }
    .content-bank-pdf {
        margin-top: 10px;
    }
    .payment-card-tabs ul li {
        margin: 0 20px;
    }
    .payment-card-tabs ul li img {
        max-height: 26px;
    }
    .card-form input {
        font-size: 18px;
    }
    .payment-form-heading {
        padding: 15px 20px;
    }
    .guide-pic img {
        max-height: 350px;
    }
    .guide-heading {
        font-size: 30px;
    }
    .guide-content p {
        font-size: 17px;
    }
    .home-latest-heading h4 {
        font-size: 26px;
    }
    .influencer-account-image img {
        width: 55px;
        height: 55px;
    }
    .influencer-user-name {
        display: none;
    }
    .influencer-account-follows .influencer-user-name {
        display: inline-flex;
        margin-bottom: 10px;
    }
    .influencer-name {
        font-size: 17px;
    }
    .influencer-user-name {
        font-size: 14px;
    }
    .influencer-account-follows {
        flex-direction: column;
    }
    .profile-box-fs-list {
        display: flex;
    }
    .influencer-account-fs-list.profile-box-fs-list h4 {
        display: contents;
    }
    .profile-box-fs-list h4 span {
        margin: 0 6px;
    }
    .influencer-account-fs-list p {
        font-size: 14px;
    }
    .influencer-account-fs-list.profile-box-fs-list img {
        margin-bottom: 0;
    }
    .profile-box-fs-list {
        margin-bottom: 5px;
    }
    .profile-box-fs-list:last-child {
        margin-bottom: 0px;
    }
    .hire-infulancer-heading h3 {
        font-size: 20px;
    }
    .hire-infulancer-heading p {
        font-size: 17px;
        line-height: normal;
    }
    .not_found {
        padding: 50px 00px;
    }
    .error-widget-box h2 {
        font-size: 80px;
    }
    .new-banner-subheading {
        margin-bottom: 15px;
        font-size: 20px;
    }
    .new-banner-heading {
        font-size: 30px;
    }
    .colm-space-2 {
        padding-top: 70px;
    }
    .new-banner-pera {
        font-size: 18px;
    }
    .new-banner-content {
        max-width: 600px;
        margin-bottom: -35px;
    }
    .new-banner-btn {
        margin-top: 25px;
    }
    .top-welcome-msg {
        display: none;
    }
    .new-top-lang span.flag img {
        max-width: 22px;
    }
    .top-profile-dropdown .dropdown-toggle {
        font-size: 15px;
        font-weight: 500;
    }
    .top-profile-dropdown .dropdown-toggle img {
        margin-right: 5px;
        width: 25px;
    height: 25px;
    }
    .new-top-lang span.flag a {
        font-size: 15px;
    }
    .top-profile-lists {
        /* margin-right: 23px; */
        margin-right: 0px;
    }
    .profile-admin-name h4 {
        font-size: 28px;
        line-height: 100%;
    }
    .profile-admin-name p {
        font-size: 15px;
    }
    .profile-admin-image img {
        width: 105px;
        height: 105px;
    }
    .profile-review-filter-section {
        padding-bottom: 50px;
    }
    .profile-admin-image {
        width: 290px;
    }
    section.profile-description-section {
        padding-top: 40px;
    }
    .payment-errror-box {
        padding: 30px 20px 30px 20px;
    }
    .payment-errror-title {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .payment-errror-subtitle {
        font-size: 16px;
    }
    .blog-box .blog-image img {
        max-height: inherit;
    }
    .blog-widget-image img {
        max-height: 150px;
    }
    .influencer-account-image img {
        width: 60px !important;
        height: 60px !important;
    }
    .influencer-account-follows {
        width: 200px;
    }
    .accountview-detailbtn {
        font-size: 15px;
    }
    .no-jobs-message p {
        padding: 15px;
        font-size: 16px;
    }
    .project-iconf {
        max-width: 15px;
    }
    .header-container.footer-inner-container {
        margin-top: 10px !important;
    }
    .location-list ul li {
        width: calc(50% - 10px);
    }
    .job-location-heading {
        font-size: 26px;
    }
    .job-location-title {
        margin-bottom: 25px;
    }
    .job-location-section {
        padding-bottom: 35px;
    }
    .common-padding.inner-job-location-section {
        padding-top: 25px;
        padding-bottom: 45px;
    }
    .custom-banner-influencer .banner-video-widget img {
        max-width: 500px;
    }
    .custom-post-content-widget {
    margin-top: 20px;
}
.insite-subtitle {
    font-size: 22px;
    padding-bottom: 12px;
    margin-bottom: 15px;
}
.custom-post-content-widget p {
    font-size: 16px;
}
.instagram-heading {
    font-size: 30px;
}
div#profilePicture img {
    width: 130px;
    height: 130px;
}
div#userProfile {
    margin-top: 10px;
}
.profile-username h2 {
    font-size: 22px;
}

/* 26 sep  */
.grab-popup {
    text-align: center;
}
.mobil-order-2 {
    order: 2;
}
.mobil-order-1 {
    order: 1;
}
.mobil-order-3 {
    order: 3;
}
.new-offer-card .offer-text {
    text-align: center;
}
/* 01 oct  */
    footer.custom-footer {
    padding-left: 10px;
    padding-right: 10px;
}
.top-header-wdth {
    padding-left:10px;
    padding-right: 10px;
}
.header-container {
    padding-left: 10px;
    padding-right: 10px;
}
}
@media (max-width:576px){
    .custom-nav-logo img {
        max-height: 42px;
    }
    .navbar-toggler-icon img {
        max-width: 28px;
    }
    .banner-heading {
        font-size: 34px;
        line-height: 40px;
        margin-bottom: 15px;
    }
    .banner-subheading {
        font-size: 22px;
        line-height: 28px;
    }
    .banner-image img {
        max-width: 350px;
    }
    .header-btn {
        padding: 9px 16px;
    }
    .common-heading h2 {
        font-size: 26px;
        line-height: 32px;
    }
    .category-box a {
        width: 32px;
        height: 32px;
    }
    .category-box h3 {
        font-size: 17px;
    }
    .colaborate-content .common-heading {
        margin-bottom: 0;
    }
    .common-padding.colaborate-section {
        padding-bottom: 55px;
        padding-top: 45px;
    }
    .colaborate-image img {
        max-width: 350px;
    }
    .common-padding {
        padding-top: 45px;
        padding-bottom: 45px;
    }
    .platform-text-heading h4 span {
        max-width: 260px;
    }
    .customer-feedback .owl-item img {
        width: 100px;
        height: 100px;
    }
    .feedback-slider-item {
        margin-top: -35px;
        padding-top: 45px;
    }
    .influ-monial-section {
        padding-bottom: 95px;
    }
    .customer-name {
        font-size: 19px;
    }
    .customer-desc {
        font-size: 16px;
    }
    .brand-icons {
        padding-bottom: 20px;
    }
    .faq-section .common-heading {
        margin-bottom: 30px;
    }
    .faq-tabs .nav-pills .nav-link {
        font-size: 16px;
        padding: 10px 33px;
    }
    .category-section.faq-section {
        padding-bottom: 40px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .grad-outline-btn {
        font-size: 16px;
        padding: 10px 18px;
    }
    .custom-accordion .card-body ul {
        padding-left: 17px;
    }
    .custom-accordion .card-body ul {
        padding-left: 17px;
    }
    
    /* .footer-menu-list ul li {
        display: inline-block;
        margin-right: 25px;
        position: relative;
    }
    .footer-menu-list ul li:last-child {
        margin-right: 0px;
    }
    
    .footer-menu-list ul li:after {
        position: absolute;
        content: "";
       
        background: #ffffff40;
        width: 2px;
        height: 15px;
        top: 7px;
        right: -15px;
        border-radius: 10px;
    }
    .footer-menu-list ul li:last-child:after {
        display: none;
    }
    .f-main-menu {
        background: #ffffff42;
        padding: 20px;
        border-radius: 10px;
        text-align: center;
        margin-bottom: 10px;
    }
    .footer-1 {
        text-align: center;
        margin-bottom: 15px;
    }
    .social-icon {
        
        margin: auto;
        display: inline-flex;
        margin-top: 5px;
    } */
    .copyright-widget {
        margin-top: 15px;
    }
    .navbar-toggler-icon img {
        max-width: 26px;
    }
    section.common-padding.blog-section {
        padding-bottom: 60px;
    }
    .gap-20 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .category-section {
        padding-left: 5px;
        padding-right: 5px;
    }
    .footer-menu-list ul li a:hover {
        margin-left: 0px;
        color: #000;
    }
    .influ-monial-section {
        padding-top: 0px !important;
    }
    .findjob-section {
        padding-top: 35px;
        padding-bottom: 50px;
    }
    .job-sidebar-widget {
        padding: 20px 20px 30px;
    }
    .inner-custom-banner {
        padding-top: 35px;
        padding-bottom: 30px;
    }
    .bredcrumb-widget {
        padding: 13px 15px 16px;
    }
    .filter-heading {
        font-size: 22px;
        line-height: 27px;
    }
    .job-sidebar-widget-box:after {
        height: 1px;
    }
    .sidebar-filter-btn {
        margin-top: 5px;
    }
    .mobile-border-hide {
        border: 0;
    }
    .date-same {
        margin-bottom: 0;
        padding: 10px;
    }
    .first-colum, .mobile-border-hide {
        border-bottom: 1px dashed #7A7C7F;
    }
    .job-card-dpl {
        overflow: hidden;
    }
    .date-same p a {
        margin-left: 4px;
        margin-right: 4px;
    }
    /* contact page  */
    .contact-btns a {
        font-size: 15px;
        padding: 10px 15px;
    }
    .contact-btns a i {
        margin-right: 8px;
        font-size: 18px !important;
    }
    .form-widget {
        padding: 20px 20px 30px;
    }
    .contact-form-section {
        margin-top: 35px;
    }
    .contact-form-title h2 {
        font-size: 24px;
    }
    .form-btn button {
        font-size: 16px;
    }
    .contact-form-title {
        text-align: center;
    }
    /* about page  */
    .about-banner-image img, .what-we-image img {
        max-width: 350px;
    }
    .about-banner {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .about-banner-image, .what-we-image {
        margin-bottom: 30px;
    }
    .counter-count-pera {
        font-size: 28px;
        line-height: 28px;
    }
    .what-we-content h2, .how-work-heading h2 {
        font-size: 26px;
        line-height: 32px;
    }
    .what-pos-btn {
        margin-top: 20px;
    }
    .how-work-box h2 {
        font-size: 40px;
        line-height: 40px;
    }
    .about-influ-monial-section .common-heading {
        margin-bottom: 25px;
    }
    .about-influ-monial-section {
        padding-bottom: 90px !important;
    }
    .bid-form-heading h2 {
        font-size: 20px;
    }
    .bid-form-heading {
        margin-bottom: 15px;
    }
    .bid-form-frame .form-group label {
        font-size: 15px;
        line-height: 19px;
    }
    .bid-form-frame .form-group textarea {
        min-height: 90px;
    }
    /* insta deals  */
    .gym-images img {
        width: 100%;
    }
    .gym-content {
        margin-top: 25px;
    }
    .price-rate {
        margin: auto;
        display: table;
    }
    .price-btn {
        text-align: center;
        margin-top: 10px;
    }
    .deals-pricing {
        padding: 15px;
    }
   
    .gym-content ul {
        margin: 0;
    }
    .gym-content ul li:last-child {
        margin-bottom: 0;
    }
    .h4-banner-heading {
        font-size: 16px;
        line-height: 21px;
    }
    .delas-banner-pera {
        font-size: 15px;
        line-height: 20px;
    }
    .instadeals-box.active-instadeals {
        margin-bottom: 20px;
    }
    .faq-main-heading h2 {
        font-size: 18px;
        line-height: 24px;
    }
    .term-headings {
        font-size: 20px;
        line-height: 26px;
    }
    .term-page-section {
        padding-top: 30px !important;
    }
    .scrollTop_top {
        width: 35px;
        height: 35px;
    }
    .scrollTop_top i {
        font-size: 32px;
    }
    .scrollTop_top {
        bottom: 15px;
        right: 15px;
    }
    .job-card-favourite a i {
        font-size: 22px;
        top: 1px;
    }
    .blog-widget-content {
        padding: 20px 20px;
    }
    .blog-load-btn {
        margin-top: 0px;
    }
    .blog-load-btn .monial-btn-gradient {
        max-width: 200px;
    }
    .blog-box-widget {
        margin-bottom: 25px;
    }
    .blog-widget-content {
        min-height: auto;
    }
    .influencer-banner .banner-heading {
        font-size: 30px;
        line-height: 36px;
    }
    .influencer-table {
        padding-bottom: 45px;
    }
    .job-card-dpl-profile .bor-rig:nth-child(3) {
        border-right: 1px dashed #7A7C7F;
    }
    .job-card-dpl-profile  .bor-rig {
        margin-bottom: 20px;
    }
    .dpl-social-profile li {
        margin: 0 10px;
    }
    .profile-back-btn {
        margin-bottom: 10px;
    }
    .profile-search-btn form {
        max-width: 100%;
        margin-left: 0;
    }
    .profile-filter-btn {
        padding-bottom: 22px;
    }
    .job-card-dpl-profile .date-same {
        padding: 0;
    }
    .sign-logo img {
        max-height: 80px;
    }
    .login-social-btn a img {
        max-width: 20px;
    }
    .register-tabs li.nav-item {
        font-size: 16px;
    }
    ul.links li span img {
        max-width: 20px;
    }
    ul.links {
        font-size: 14px;
    }
    .sign-in-users  a.header-notify-btn {
        height: 35px;
        width: 35px;
    }
    .sign-in-users {
        top: 3px;
    }
    .user-balance-heading {
        font-size: 15px;
    }
    .user-balance-price {
        font-size: 17px;
    }
    .user-profile-menu-list li span {
        padding-left: 5px;
        font-size: 14px;
    }
    .fix-whatsapp-btn img {
        max-width: 45px;
    }
    .fix-whatsapp-btn {
        bottom: 10px;
        right: 10px;
    }
    .content-bank-content {
        margin-top: 20px;
    }
    .content-bank-pdf {
        margin-top: 0;
        padding-top: 15px;
    }
    .content-bank-pdf {
        text-align: left;
    }
    .card-form input {
        font-size: 16px;
    }
    .payment-card-tabs ul li {
        margin: 0 15px;
    }
    .payment-form-heading h4 img {
        max-height: 26px;
    }
    .payment-form-heading h4 {
        font-size: 16px;
    }
    .card-form input {
        padding: 13px 12px 7px;
    }
    .payment-subtotal p {
        font-size: 16px;
    }
    .payment-total span:last-child {
        font-size: 22px;
    }
    .payment-image-pic img {
        max-width: 370px;
    }
    .payment-card-tabs ul li img {
        max-height: 20px;
    }
    .guide-pic img {
        max-height: 300px;
    }
    .guide-heading {
        font-size: 26px;
    }
    .guide-content-tabs button.nav-link {
        padding: 8px 24px;
        font-size: 15px;
    }
    .topbar-text p {
        font-size: 14px;
    }
    .topbar-text {
        text-align: right;
        margin-bottom: 3px;
    }
    .home-latest-heading h4 {
        font-size: 23px;
    }
    section.common-padding.blog-section {
        padding-bottom: 50px;
    }
    .inf-prof-btn {
        gap: 9px;
    }
    select#job-select {
        padding: 10px;
        font-size: 14px;
    }
    form#job-selection-form {
        max-width: 140px;
    }
    form#job-selection-form .form-group select {
        background-position-x: 94%;
        background-position-y: 18px;
    }
    .card.payment-card .img-box {
        max-width: 65px;
        border-radius: 5px;
    }
    .card.payment-card {
        padding: 13px 10px;
    }
    .category-box2 h3 {
        font-size: 17px;
    }
    .category-box2 span {
        width: 32px;
        height: 32px;
    }
    .error-widget-box h2 {
        font-size: 60px;
    }
    .error-widget-box h4 {
        font-size: 20px;
    }
    .error-widget-box p {
        font-size: 15px;
    }
    .error-widget-grid {
        border-radius: 30px;
    }
    .error-widget-inner-grid {
        border-radius: 28px;
        padding: 15px 10px 28px;
    }
    .new-banner-heading {
        font-size: 27px;
    }
    .new-banner-content {
        margin-top: 30px;
    }
    .new-banner-pera {
        font-size: 16px;
    }
    .new-banner-content {
        max-width: 470px;
        margin-bottom: 00px;
    }
    .colm-space-2 {
        padding-top: 30px;
    }
    .banner-video-box {
        max-height: 240px;
    }
    .profile-admin-image img {
        width: 100px;
        height: 100px;
    }
    .profile-description-content p, .profile-description-content li {
        font-size: 15px;
    }
    .profile-admin-name h4 {
        font-size: 26px;
    }
    .profile-projects h4 {
        font-size: 22px;
    }
    .profile-projects {
        margin-top: 30px;
    }
    .profile-project-image img {
        width: 100%;
    }
    .profile-project-image {
        margin-bottom: 20px;
    }
    .profile-follower-side {
        margin-top: 30px;
    }
    .profile-follower-side {
        padding: 30px 25px;
    }
    .considr-btn {
        margin-top: 30px;
    }
    .review-filter-title h4 {
        font-size: 22px;
    }
    .revies-count {
        margin-left: 20px;
    }
    .social-filter-checkbox .category-checkbox:checked + .category-label span img {
        max-width: 14px;
    }
    .social-filter-checkbox .category-checkbox:checked + .category-label span {
        top: 21px;
    }
    .job-location-heading {
        font-size: 24px;
    }
    .location-list li a {
        font-size: 15px;
        padding: 16px 15px;
    }
    .job-location-section {
        padding-bottom: 35px;
    }
    .custom-banner-influencer .banner-video-widget img {
        max-width: 400px;
    }
    section.insta-common-padding {
    padding-top: 40px;
    padding-bottom: 40px;
}
.instagram-heading {
    font-size: 26px;
    margin-bottom: 15px;
}
div#profilePicture img {
    width: 100px;
    height: 100px;
}
.profile-block {
    gap: 18px;
}
.profile-username h2 {
    font-size: 20px;
}
}
@media (max-width:575px){
    .footer-menu-list ul li {
        display: inline-block;
        margin-right: 25px;
        position: relative;
    }
    .footer-menu-list ul li:last-child {
        margin-right: 0px;
    }
    
    .footer-menu-list ul li:after {
        position: absolute;
        content: "";
        /* background: #ffffff6b; */
        background: #ffffff40;
        width: 2px;
        height: 15px;
        top: 7px;
        right: -15px;
        border-radius: 10px;
    }
    .footer-menu-list ul li:last-child:after {
        display: none;
    }
    .f-main-menu {
        background: #ffffff42;
        padding: 20px;
        border-radius: 10px;
        text-align: center;
        margin-bottom: 10px;
    }
    .footer-1 {
        text-align: center;
        margin-bottom: 15px;
    }
    .social-icon {
        /* margin-top: 20px; */
        margin: auto;
        display: inline-flex;
        margin-top: 5px;
    }
    .header-container.footer-inner-container {
        margin-top: 0px !important;
    }
}
@media (max-width:520px){
    .influencer-account-colums {
        gap: 15px;
    }
    .influencer-account-list {
        padding: 20px 20px 20px;
    }
    .influencer-account-image img {
        width: 44px;
        height: 44px;
    }
    .influencer-account-profile-box {
        padding: 20px 10px;
        gap: 7px;
    }
    .influencer-name {
        font-size: 12px;
    }
    .influencer-bio-desc {
        font-size: 10px;
    }
    .influencer-user-name {
        font-size: 10px;
    }
    .influencer-account-fs-list.profile-box-fs-list h4 {
        font-size: 10px;
    }
    .influencer-account-fs-list.profile-box-fs-list img {
        max-height: 16px;
    }
    .influencer-account-fs-list.profile-box-fs-list p {
        font-size: 10px;
    }
    .influencer-account-image {
        width: 56px;
    }
    .influencer-table-background {
        background: none;
        padding: 0;
    }
    .influencer-account-list {
        padding: 15px 15px 15px;
    }
    .influencer-account-fs-list h4 img {
        display: table;
        margin: auto;
        margin-bottom: 5px;
    }
    .influencer-account-colums .influencer-account-fs-list {
        width: 47%;
        padding-bottom: 10px;
    }
    .influencer-account-fs-list p {
        font-size: 14px;
    }
    .hire-infulancer-heading h3 {
        font-size: 18px;
    }
    .hire-infulancer-heading p {
        font-size: 15px;
    }
    label.hire-infu-label {
        font-size: 16px;
    }
    .job-form2 form#job-selection-form {
        margin-bottom: 30px;
    }
    .payment-errror-title {
        font-size: 22px;
    }
    .custom-modal-design .modal-header .modal_title {
        font-size: 16px;
    }
    .offer-box {
        flex-direction: column !important;
    }
    .offer-box .offer-image {
        margin-bottom: 20px;
    }
    .offer-box .offer-text {
        width: 100%;
        text-align: center;
        padding: 0;
    }
    .otp-inline .login-form-btn button {
        font-size: 14px;
    }
    .blog-widget-image img {
        max-height: inherit;
    }
    .influencer-account-profile-box-grid .influencer-account-image img {
        width: 44px !important;
        height: 44px !important;
    }
    .influencer-account-follows-and-btn {
        padding-left: 70px;
    }
    .accountview-detailbtn {
        padding: 7px 14px;
        font-size: 14px;
    }
    .influencer-account-follows {
        width: auto;
    }
    .no-jobs-message p {
        padding: 10px 15px;
        font-size: 15px;
        border-radius: 5px;
    }
    .no-jobs-message p {
        border-radius: 5px;
    }

    /* 26 sep  */
    .custom-profile-dropdown .user-profile-menu-list li {
    padding-bottom: 5px;
    padding-top: 5px;
}
.drop-user-profile-menu.custom-profile-dropdown .user-profile-menu-list {
    padding-bottom: 5px;
        min-width: 195px;
}
 
}
@media (max-width:480px){
    .custom-nav-collapse {
        padding: 15px 10px;
        border-radius: 10px;
    }
    /* .search-widget {
        flex-direction: column-reverse;
        align-items: baseline;
    } */
    .search-widget input {
        font-size: 13px;
        padding: 10px 12px;
        padding-right: 28px;
    }
    .search-widget span button img {
        max-width: 14px;
    }
    .search-widget span button {
        right: 10px;
        top: 4px;
    }
    
    .header-btn {
        font-size: 13px;
        padding: 8px 15px;
        margin-left: 6px;
        line-height: normal;
    }
    .search-widget input {
        max-width: 140px;
    }
    .banner-heading {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 10px;
    }
    .banner-subheading {
        font-size: 18px;
        line-height: 24px;
    }
    .banner-pera {
        font-size: 15px;
    }
    .banner-content-btn img {
        max-height: 40px;
    }
    .banner-image img {
        max-width: 290px;
    }
    .common-heading h2 {
        font-size: 22px;
        line-height: 28px;
    }
    .common-heading p {
        font-size: 15px;
        line-height: 21px;
    }
    .category-box h3 img {
        max-height: 26px;
        margin-right: 8px;
    }
    .category-box {
        padding: 13px 10px;
    }
    .category-box a {
        width: 30px;
        height: 30px;
    }
    .category-box a img {
        max-width: 12px;
    }
    .colaborate-image img {
        max-width: 290px;
    }
    .category-box h3 {
        font-size: 16px;
    }
    .colaborate-content .common-heading h2 {
        font-size: 22px;
    }
    .colaborate-content .common-heading p {
        font-size: 15px;
        line-height: 21px;
    }
    .colaborate-btn img {
        max-height: 40px;
    }
    .monial-content-widget h3 {
        font-size: 16px;
        line-height: 22px;
    }
    .monial-content-widget h4 {
        font-size: 14px;
    }
    .monial-box {
        padding-bottom: 80px;
    }
    .monial-contain .owl-theme .owl-dots .owl-dot span {
        width: 13px;
        height: 13px;
    }
    .platform-text-heading h4 span {
        max-width: 220px;
    }
    .feedback-slider-item {
        padding-left: 40px;
        padding-right: 40px;
    }
    .customer-feedback .owl-dots .owl-dot span {
        width: 13px;
        height: 13px;
    }
    .feedback-slider-item p {
        font-size: 15px;
        line-height: 21px;
    }
    .feedback-slider-item:after {
        left: 15px;
        right: 15px;
    }
    .customer-name {
        font-size: 18px;
    }
    .brand-section {
        padding-top: 55px;
    }
    .brand-icons ul li img {
        max-height: 65px;
    }
    .colaborate-content.brand-content {
        padding: 30px 20px;
    }
    .faq-tabs .nav-pills .nav-link {
        font-size: 16px;
        padding: 8px 30px;
        margin: 0 5px;
    }
    .faq-tabs .nav.nav-pills {
        margin-bottom: 30px;
    }
    .custom-accordion .card-title {
        font-size: 16px;
        line-height: 20px;
    }
    .custom-accordion .card-header {
        padding: 20px 20px;
        padding-right: 57px;
    }
    .custom-accordion .card-headerrr:after {
        width: 33px;
        height: 33px;
    }
    .custom-accordion  .card-body {
        padding: 10px 20px;
        font-size: 15px;
    }
    .category-section.faq-section {
        padding-bottom: 35px;
    }
    .blog-image p {
        line-height: 21px;
    }
    .grad-outline-btn {
        font-size: 15px;
        padding: 9px 18px;
    }
    footer.custom-footer {
        padding-top: 40px;
    }
    .footer-menu-list ul li a {
        font-size: 13px;
        line-height: 26px;
    }
    .footer-menu-list ul li {
        margin-right: 20px;
    }
    .footer-menu-list ul li:after {
        right: -12.5px;
    }
    .f-main-menu {
        padding: 20px 10px;
    }
    .footer-menu-list a img {
        max-height: 34px;
    }
    .custom-navbar-nav .nav-item a {
        font-size: 15px;
    }
    .search-widget {
        max-width: none;
    }
    .search-widget input {
        max-width: none;
    }
    .search-widget span {
        max-width: 140px;
    }
    .bredcrumb-widget ul li img {
        max-height: 15px;
        margin-right: 2px;
        max-width: 15px;
    }
    .bredcrumb-widget ul li {
        margin-right: 9px;
        padding-right: 15px;
    }
    .bread-menu {
        font-size: 14px;
        line-height: 20px;
    }
    .findjob-section {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .filter-heading {
        font-size: 20px;
        line-height: 26px;
    }
    .filter-sub-heading {
        font-size: 16px;    
    }
    .range-wrapper input[type="range"]::-webkit-slider-thumb {
        height: 15px;
        width: 15px;
      }
      .range-wrapper input[type="range"]::-moz-range-thumb {
        height: 15px;
        width: 15px;
      }
      .job-card-pic-name img {
        width: 70px;
        height: 70px;
        border-width: 3px;
    }
    .job-card-profile {
        padding: 15px 15px;
    }
    .job-card-pic-name h3 {
        font-size: 16px;
        line-height: 22px;
    }
    .job-card-pic-name h3 span {
        font-size: 14px;
        line-height: 20px;
    }
    .job-card-favourite a {
        width: 38px;
        height: 38px;
    }
    .job-card-favourite a img {
        max-width: 23px;
    }
    .job-description p {
        font-size: 14px;
        line-height: 20px;
    }
    .job-card-inner-frame {
        padding: 15px 15px 20px;
    }
    .job-des-btn .monial-btn-gradient {
        padding: 9px 15px;
        font-size: 14px;
    }
    .job-tags h5 {
        font-size: 14px;
        line-height: 18px;
    }
    .job-tags h5 {
        padding: 8px 13px 8px 30px;
        background-size: cover;
        background-position: left;
    }
    /* contact page  */
    .contact-btns a {
        font-size: 14px;
        padding: 10px 10px;
    }
    .contact-btns a i {
        margin-right: 6px !important;
        font-size: 16px !important;
    }
    .form-widget {
        padding: 10px 10px 20px;
    }
    .contact-form-section {
        margin-top: 28px;
    }
    .contact-form-title h2 {
        font-size: 22px;
        line-height: 28px;
    }
    .contact-form-box .form-group input, .contact-form-box .form-group textarea {
        padding: 10px;
    }
    .form-btn button {
        font-size: 15px;
    }
    .form-btn button {
        padding: 13px 25px;
    }
    /* about page  */
    .about-banner-image img, .what-we-image img {
        max-width: 275px;
    }
    .count-up h3 {
        font-size: 14px;
        line-height: 20px;
        font-weight: 600;
    }
    .counter-count-pera {
        font-size: 24px;
        line-height: 24px;
    }
    .counter-colm-mobile {
        padding-left: 10px;
        padding-right: 10px;
    }
    .what-we-content h2, .how-work-heading h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .what-we-content p {
        font-size: 15px;
        line-height: 21px;
    }
    .what-pos-btn a {
        padding: 11px 30px;
    }
    .how-work-box h2 {
        font-size: 36px;
        line-height: 36px;
    }
    .how-work-box h3 {
        font-size: 18px;
        line-height: 24px;
    }
    .how-work-box p {
        font-size: 14px;
        line-height: 20px;
    }
    .about-influ-monial-section .common-heading {
        margin-bottom: 15px;
    }
    .job-sidebar-widget-box.skill-widget {
        margin-top: 20px;
    }
    .attachment-widget .filter-sub-heading {
        margin-bottom: 5px;
    }
    .bid-form-heading h2 {
        font-size: 18px;
    }
    .bid-form-frame .form-group input, .bid-form-frame .form-group textarea {
        font-size: 14px;
        line-height: 20px;
        padding: 10px 10px;
    }
    .label-check {
        padding-left: 30px;
    }
    .label-check .checkmark {
        height: 18px;
        width: 18px;
        border-radius: 3px;
    }
    .label-check {
        padding-top: 0px;
    }
    .label-check .checkmark:after {
        left: 5px;
        top: 2px;
        height: 10px;
    }
    /* insta deals  */
    .instadeals-box {
        padding: 20px 15px 20px;
    }
    .instadeals-box .job-card-pic-name h3 {
        font-size: 18px;
        line-height: 24px;
    }
    .instadeals-box .job-card-pic-name h3 b {
        font-size: 12px;
    }
    .instadeals-box .job-card-pic-name h3 b img {
        max-width: 9px;
    }
    .instadeals-box .job-card-pic-name img {
        width: 50px;
        height: 50px;
    }
    .deals_rating_value b {
        font-size: 12px !important;
    }
    .deals_rating_value img {
        max-height: 13px;
    }
    .instadeals-box .job-card-favourite a {
        width: 40px;
        height: 40px;
    }
    .instadeals-box  .job-card-favourite a img {
        max-width: 23px;
    }
    .price-btn .monial-btn-gradient {
        font-size: 15px;
        line-height: 15px;
        padding: 11px 23px;
    }
    .gym-content ul li {
        margin-bottom: 5px;
    }
    .gym-content ul {
        line-height: 19px;
    }
    .delas-banner-pera {
        font-size: 14px;
        line-height: 18px;
    }
    .h4-banner-heading {
        font-size: 15px;
        line-height: 19px;
    }
    .job-card-favourite a i {
        font-size: 21px;
    }
    .blog-load-btn .monial-btn-gradient {
        padding: 13px 20px;
    }
    .recent-blog-image {
        flex: 0 0 30%;
        max-width: 30%;
    }
    .recent-blog-content {
        flex: 0 0 70%;
        max-width: 70%;
    }
    .blog-detail-title {
        font-size: 18px;
    }
    .blog-detail-content p {
        font-size: 15px;
        line-height: 21px;
    }
    .detail-common-title {
        font-size: 18px;
    }
    .recent-blog-content h5 a {
        font-size: 15px;
    }
    .influencer-banner .banner-heading {
        font-size: 24px;
        line-height: 30px;
    }
    .inner-custom-banner.influencer-banner {
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .influencer-filter-form {
        padding: 20px 13px 10px;
    }
    .custom-md-1 {
        padding: 0;
    }
    .custom-filter-form .form-group label {
        font-size: 14px;
        line-height: 19px;
    }
    .influencer-check-filter .category-label {
        padding: 8px 8px;
        font-size: 13px;
    }
    .category-container.influencer-check-filter {
        gap: 7px;
    }
    .form-group.filter-search-input input {
        font-size: 13px;
    }
    .custom-influencer-table .table .thead-light th, .custom-influencer-table .table td {
        font-size: 14px;
        line-height: 20px;
        padding: 13px 15px;
    }
    .influencer-pic img {
        max-width: 40px;
        max-height: 40px;
    }
    .pagination-pages p {
        font-size: 12px;
    }
    .pagination-pages select {
        padding: 2px 7px;
        max-width: 40px;
    }
    .pagination-numbers button {
        padding: 6px 8px;
        font-size: 12px;
        font-weight: 500;
    }
    .pagination-numbers button img {
        max-height: 9px;
    }
    .prew-pagi-btn img {
        margin-right: 1px;
    }
    .next-pagi-btn img {
        margin-left: 1px;
    }
    .user-profile-content .job-card-pic-name h3 span {
        font-size: 11px;
        line-height: 15px;
    }
    
    .user-profile-content .job-card-pic-name h3 {
        font-size: 16px;
        line-height: 21px;
    }
    .dpl-social-profile a {
        font-size: 15px;
    }
    .profile-back-btn a {
        font-size: 15px;
    }
    .profile-filter-btn {
        padding-top: 30px;
    }
    .profile-job-section {
        padding-bottom: 45px;
    }
    .sign-right-side {
        padding: 40px 25px;
    }
    .sign-logo img {
        max-height: 70px;
        margin-bottom: 15px;
    }
    .sign-form-widget {
        border-radius: 20px;
    }
    .sign-via-google {
        font-size: 16px;
    }
    .forgot-password {
        font-size: 15px;
        margin-top: 18px;
    }
    .sign-via-google {
        padding: 8px 30px;
    }
    .signup-google, .signup-google a {
        font-weight: 500;
        font-size: 15px;
    }
    .sign-form-inputs .form-group .form-control {
        font-size: 15px;
    }
    .sign-form-inputs .form-group .form-control {
        padding-top: 11px;
        padding-bottom: 11px;
    }
    .sign-form-group img {
        max-height: 17px;
        top: 15px;
    }
    .pass-eye {
        top: 8px;
    }
    .signup-other-title {
        font-size: 16px;
    }
    .register-right-side {
        padding-left: 25px  !important;
        padding-right: 25px  !important;
    }
    .sign-form-group .form-control {
        padding-left: 44px !important;
    }
    .file-btn {
        padding: 8px 10px;
        font-size: 14px;
    }
    .change_currency {
        margin-left: 12px;
    }
    ul.links {
        max-width: 100px;
    }
    .fix-whatsapp-btn img {
        max-width: 40px;
    }
    .content-bank-widget {
        padding: 15px;
    }
    .content-bank-heading h2 {
        font-size: 20px;
    }
    .content-bank-pdf .monial-btn-gradient {
        font-size: 14px;
    }
    .content-bank-pdf .monial-btn-gradient img {
        max-height: 20px;
    }
    .filter-sub-heading {
        font-size: 15px;
    }
    .review-dropdown .filter-dropdown i {
        font-size: 19px;
    }
    .review-com-btn {
        font-size: 13px;
    }
    .guide-pic img {
        max-height: 280px;
    }
    .guide-heading {
        font-size: 23px;
    }
    .guide-content p {
        font-size: 16px;
    }
    .guide-content li {
        font-size: 15px;
        margin-bottom: 7px;
    }
    .home-latest-news {
        padding: 30px 20px;
    }
    .credit-font small {
        font-size: 13px;
    }
    .category-box2 a {
        padding: 13px 10px;
    }
    .category-box2 h3 img {
        max-height: 26px;
        margin-right: 8px;
    }
    .category-box2 h3 {
        font-size: 16px;
    }
    .category-box2 span {
        width: 30px;
        height: 30px;
    }
    .category-box2 span img {
        max-width: 12px;
    }
    .not_found {
        padding: 45px 00px;
    }
    .error-widget-box h2 {
        font-size: 55px;
    }
    .error-widget-box h4 {
        font-size: 18px;
    }
    .error-widget-box p {
        font-size: 14px;
    }
    .new-banner-subheading {
        margin-bottom: 10px;
        font-size: 17px;
    }
    .new-banner-heading {
        font-size: 22px;
        margin-bottom: 13px;
    }
    .new-banner-pera {
        font-size: 15px;
    }
    .new-banner-btn {
        margin-top: 20px;
    }
    .banner-video-box {
        max-height: 160px;
    }
    .banner-video-widget {
        gap: 6px;
    }
    .banner-video-box {
        margin-bottom: 6px;
        border-radius: 10px;
    }
    .new-banner-content {
        margin-bottom: 12px;
    }
    .new-top-lang span.flag a {
        font-size: 14px;
    }
    .top-profile-dropdown .dropdown-toggle {
        font-size: 14px;
    }
    .profile-admin-image img {
        width: 95px;
        height: 95px;
    }
    .profile-admin-name h4 {
        font-size: 23px;
    }
    .profile-admin-name p {
        font-size: 14px;
    }
    .profile-description-content p, .profile-description-content li {
        font-size: 14px;
        line-height: 140%;
    }
    .profile-follower-side {
        padding: 25px 20px;
    }
    .profile-follower-title {
        margin-bottom: 10px;
        font-size: 17px;
    }
    .profile-follower-div ul li a {
        font-size: 16px;
    }
    .profile-follower-div ul li {
        margin-right: 18px;
    }
    .profile-skill-div ul li {
        font-size: 14px;
        padding: 5px 13px;
    }
    .considr-btn {
        margin-top: 20px;
    }
    .considr-btn a {
        padding: 12px 25px;
    }
    .profile-review-filter-section {
        margin-top: 35px;
    }
    .notifictions-box.open {
        right: -80px;
    }
    .profile-admin-image {
        width: 360px;
    }
    .payment-errror-title {
        font-size: 20px;
    }
    .payment-errror-subtitle {
        font-size: 15px;
    }
    .payment-errror-box {
        padding: 20px 20px 20px 20px;
    }
   
    .otp-inline .login-form-btn button {
        padding: 12px;
        width: 106px;
        position: relative;
        left: -15px;
    }
    .otp-inline input.form-control {
        width: 65%;
    }
    .otp-inline .login-form-btn button {
        font-size: 12px;
    }
    .otp-sent-message {
        font-size: 12px;
        font-weight: 500 !important;
    }
    .influencer-account-profile-box-grid .influencer-account-image {
        margin-right: 5px;
    }
    .influencer-account-follows-and-btn {
        padding-left: 60px;
    }
    .accountview-detailbtn {
        padding: 5px 10px;
        font-size: 13px;
    }
    .modal-close-btn button img {
        max-width: 26px;
    }
    .jobbid-message h3 {
        font-size: 22px;
    }
    .bidjob-dialog .modal-content {
        padding: 35px 15px 25px;
    }
    .jobbid-message p {
        font-size: 14px;
    }
    .jobbid-buttons a {
        margin: 0 2px;
    }
    .bidbtn {
        font-size: 15px;
        padding: 8px 25px;
    }
    .job-location-heading {
        font-size: 20px;
    }
    .location-list ul {
        gap: 8px;
    }
    .location-list li a {
        font-size: 14px;
        padding: 13px 12px;
        font-weight: 500;
    }
    .job-location-title {
        margin-bottom: 20px;
    }
    .location-list ul li {
        width: calc(50% - 5px);
    }
    .job-location-section {
        padding-bottom: 25px;
    }
    .common-padding.inner-job-location-section {
        padding-top: 20px;
        padding-bottom: 40px;
    }
    .custom-banner-influencer .banner-video-widget img {
        max-width: 350px;
    }
    .custom-banner-influencer {
        padding-bottom: 50px;
    }
    .custom-banner-influencer .new-banner-content {
        margin-bottom: 25px;
    }
    .signtel  .iti__selected-dial-code {
        font-size: 15px;
    }
    .custom-post-grid {
    border-radius: 15px;
    margin-bottom: 20px;
    padding: 15px;
}
.instagram-heading {
    font-size: 24px;
}
div#profilePicture img {
    width: 80px;
    height: 80px;
}
.profile-block {
    gap: 13px;
}
.profile-username h2 {
    font-size: 18px;
}
div#userStats {
    font-size: 15px;
}
.post-user-btn {
    margin-top: 15px;
}
.post-user-btn a {
    font-size: 15px;
    padding: 10px 20px;
}
.post-section {
    padding-top: 25px;
}
section.insta-common-padding {
    padding-top: 35px;
    padding-bottom: 25px;
}
.insite-subtitle {
    font-size: 20px;
}
.custom-post-content-widget p {
    font-size: 15px;
    margin-bottom: 8px;
}
.insta-post-btn-widget a {
    font-size: 15px;
    padding: 12px 20px;
}
.top-profile-dropdown .dropdown-menu {
    transform: translate3d(-18px, 22px, 0px) !important;
}
.user-balance-price {
    font-size: 15px;
}
.form-group.sign-form-group select#categories {
    height: 45px;
    text-indent: 40px !important;
    padding: 0 !important;
}
}
@media (max-width:429px){
    .contact-btns ul li:first-child {
        margin-bottom: 10px;
    }
    .job-card-box.instadeals-box {
        padding: 25px 15px;
    }
    .sign-right-side {
        padding: 30px 20px;
    }
    .sign-logo img {
        max-height: 60px;
        margin-bottom: 10px;
    }
    .sign-form-widget {
        border-radius: 15px;
    }
    .sign-logo-heading {
        font-size: 16px;
    }
    .sign-logo {
        margin-bottom: 20px;
    }
    .sign-via-google {
        font-size: 15px;
    }
    .signup-other-way {
        margin-top: 10px;
    }
    .register-right-side {
        padding-left: 20px  !important;
        padding-right: 20px  !important;
    }
    .home-latest-heading h4 {
        font-size: 22px;
    }
    .custom-banner-influencer {
        padding-bottom: 40px;
    }
}
@media (max-width:400px){
    .profile-admin-image img {
        width: 85px;
        height: 85px;
    }
}

.custom-chatbox.chat.hidden {
    display: none;
}


/* Style for the container holding the profile image and username */
.profile-container {
    display: flex;
    align-items: center;  
    margin-right: 10px; 
}

/* Style for the profile image */
.profile-img {
    width: 40px;  
    height: 40px; 
    border-radius: 50%; 
    margin-right: 10px; 
}

/* Style for the message and other content */
.chat-btn {
    display: flex;
    align-items: center;  
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    cursor: pointer;
}

.usernameP {
    font-weight: bold;
    font-size: 16px;
}

/* 19thh marchh */
.footer-1 .social-icon ul img {
    width: 25px;
} 
.footer-1 .social-icon ul {
    display: flex;
}

td.influencer-email img {
    border-radius: 50%;
}


#datatable_wrapper .table-responsive {
    display: table;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}



.blog-image p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}
.blog-hcategory h4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}