@media (max-width : 480px) {
    .navbar-brand img {
        width: 170px;
    }

    .sec7 {

        margin: 0px 10px;
        width: 95% !important;
    }

    .sec7 {
        height: 100%;
        top: 90px;
        flex-direction: column;
        z-index: 9;
        padding: 20px;
    }
    .basic-plan-box{
        height: fit-content;
    }
    .pro-planbox{
        height: fit-content;
    }


    .sec7-head {
        font-family: 'Raleway', sans-serif;
        font-size: 28px;
        color: white;
        font-weight: 700;
        width: 100%;
        line-height: 30px;
    }

    .sec7-input {
        width: 100%;
        height: 44px;
        font-size: 15px;
    }

    .input-btn {
        height: 44px;
    }



    .footer {
        width: 100%;
        height: fit-content;
        background-color: #222223;
        padding-top: 80px;
        position: relative;
        padding-top: 130px;

    }

    .footer-para {
        font-size: 13px;
        margin-top: 20px;
        width: 100%;

    }

    .footer-head {
        font-size: 20px;
        color: white;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        margin-top: 0px;
        text-transform: capitalize;

    }

    .footer-para2 {
        font-family: 'Inter', sans-serif;
        font-size: 13px;
        color: white;
        font-weight: 400;
        /* text-transform: capitalize; */
    }

    .para-div {
        margin-top: 20px;
    }



    .icon-div {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 10px
    }

    .menu-toggle-btn {
        background-color: black !important;
        border: none;
        font-size: 24px;
        padding: 8px 12px;
        border-radius: 5px;
        color: white !important;
        border: none !important;

    }

    .nav-link.active {
        color: black;
        font-weight: bold !important;
    }

    .footer-box {
        height: 72px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        text-align: center;
        margin-top: 52px;
    }

    .last-para {
        font-size: 12px;
        margin-top: 24px;
    }

    .sec1home {
        height: 100%;
        padding: 40px 0px;
    }

    .bottomfilter select {
        width: 100%;
        padding: 0px 26px;
        font-size: 13px;
    }

    .sec1home h3 {
        font-size: 14px;
    }

    .sec1home h1 {
        font-size: 33px;
    }

    .sec1home p {
        font-size: 13px;
    }

    .registerbtn,
    .postbtn {
        font-size: 12px;
        padding: 10px;
    }

    .sec2home {
        padding: 50px 0px 60px;
    }

    .sec2home .box1 h2 {
        font-size: 18px;
    }

    .sec2home .box1 p {
        font-size: 14px;
    }
    .sec2home .box1{
        height: 200px;
    }

    .navbar {
        height: 75px;
    }

    /* sec3 */

    .rightbox h2 {
        font-size: 17px;
    }

    .rightbox h1 {
        font-size: 27px;
    }

    .rightbox p {
        margin-top: 8px;
        font-size: 14px;
    }

    .box .mainimg {
        height: 100%;
    }

    .featuredp {
        font-size: 13px;
    }

    .featuredh1 {
        font-size: 30px;
    }

    .featuredsec {
        padding: 50px 0px;
    }


    .bgnew {
        height: 100%;
        padding-bottom: 50px;
    }

    .mapsection {
        padding: 50px 0px 30px;
    }

    .mapsection h1 {
        font-size: 25px;
        padding: 0px 10px;
    }


    .sliderarrow {
        display: none;
    }

    .brandimg {
        width: 60px;
    }

    .sliderbox h3 {
        font-size: 13px;
    }

    .badges {
        padding: 0px 7px;
        font-size: 12px;
        height: 27px;
    }

    .postsection {
        padding: 0px 0px 50px;
    }
    .newpostclass{
        
        margin: 20px 0px 0px;
    }

    .navbar-nav .nav-item .nav-link {
        font-size: 16px;
    }

    .brandname {
        font-size: 17px;
    }

    .subscriptionbox {
        padding: 60px 0px;
    }

    .subscriptionbox .box1 h1 {
        font-size: 15px !important;
    }

    .subscriptionbox .box1 h1 span {
        font-size: 28.63px;
    }

    .widthclass {
        width: 253px;
    }
    .subscriptionbox .box1{
        height: fit-content;
        width: 100%;
        padding: 20px 15px;
    }

    .subscriptionbox .box1 h2 {
        font-size: 12.66px;
    }

    .faqsection p {
        font-size: 14px;
    }

    .faq-question::after {
        top: -7px;
    }

    .faq-item {
        padding: 11px;
    }

    .faq-question {
        font-size: 14px;
    }

    .faq-answer {
        font-size: 14px;
        line-height: 24px;
    }

    .faqsection h1 {
        font-size: 30px;
    }

    .brand_btn,
    .influncer_btn {
        padding: 10px;
        font-size: 12px;
    }

    .profileimg {
        width: 61px;
        height: 64px;
    }

    .profileinfo h3 {
        font-size: 13px;
    }

    .profileinfo h1 {
        font-size: 17px;
    }

    .profileinfo h5 {
        font-size: 14px;
    }

    .profileinfo h4 {
        font-size: 16px;
    }

    .profilebio h4 {
        font-size: 14px;
    }

    .profilebio h3 {
        font-size: 16px;
    }

    .analyticsbox h1 {
        font-size: 18px;
    }

    .analyticsbox .nav-link {
        font-size: 12px;
    }

    .analyticsbox .nav-link i {
        font-size: 15px;
    }

    .analyticsbox h3 {
        font-size: 14px;
    }

    .chart-container {
        width: 100% !important;
        height: fit-content !important;
    }

    .box h2 {
        font-size: 16px;
    }

    .box h4 {
        font-size: 13px;
    }

    .box h3 {
        font-size: 13px;
    }

    .portfolio-img {
        width: 100%;
    }

    .social-icon {
        width: 20px;
    }

    .profilerightbox h1 {
        font-size: 15px;
    }

    .profilerightbox .badgeprofile {
        font-size: 11px;
        padding: 5px 7px;
    }

    .media-icon {
        width: 25px;
        height: 25px;
    }

    .profilerightbox h3 {
        font-size: 11px;
    }

    .servicebox h4 {
        font-size: 12px;
    }

    .servicebox h5 {
        font-size: 12px;
    }

    .selectionbox h2 {
        font-size: 14px;
    }

    .arrow-parrent {
        gap: 30px;
    }

    .payment-head2 {
        font-size: 18px;
    }

    .arrow-icon {
        width: 30px;
    }

    .radio:checked::after {
        width: 10px;
        height: 10px;
    }

    .radio {
        width: 20px;
        height: 20px;
    }

    .payment-head {
        font-size: 14px;
    }

    .payment-icon {
        width: 22px;
        height: 15px;
    }

    .payment-option h3 {
        font-size: 14px;
    }

    .payment-option {
        margin-bottom: 20px;
        padding: 0px 20px;
    }

    .payment-box {
        padding: 10px 15px 25px;
    }

    .payment-icon2 {
        width: 110px;
    }

    .payment-input {
        font-size: 13px;
    }

    .payment-rightbox {
        padding: 20px 12px;
    }

    .input-parrent {
        gap: 20px;
    }

    .search-input {
        width: 225px;
    }

    .thanksmodal-head {
        font-size: 20px;
    }

    .thanksmodal-para {
        font-size: 14px;
    }

    .profilemodal-para {
        font-size: 12px;
    }

    .profilemodal-head {
        font-size: 18px;
    }

    .profile-modal .request-modal-content {
        width: 100%;
        height: fit-content;
        background-color: white;
        padding: 20px 20px 40px;
        border-radius: 20px;
    }

    .profile-textarea {
        height: 110px;
    }

    .modal-textarea {
        height: 110px;
        font-size: 13px;
    }

    .staricon-parrent {
        margin-top: 15px;
    }

    .influncerbox h2 {
        font-size: 22px;
    }

    .influncerbox p {
        font-size: 13px;
    }

    .job-filter {
        height: fit-content;
        padding: 20px 15px;
        display: block;
        margin-top: 20px;
    }

    .job-slect {
        width: 100%;
        margin-top: 10px;
        font-size: 14px;
    }

    .job-filter h1 {
        font-size: 18px;
    }

    .welcome-head2 {
        font-size: 19px;
        width: 80%;
        margin-top: 15px;
    }

    .welcom-img {
        width: 100%;
    }

    .input-para {
        font-size: 11px;
    }

    .welcome-row {
        padding-top: 10px;
    }

    .welcome-head {
        font-size: 20px;
        margin-left: 0px;
        margin-top: 20px;
    }

    .signin-para {
        font-size: 9px;
    }

    .signin-box {
        padding-left: 10px;
        gap: 7px;
    }

    .welcompara2 {
        margin-top: 20px;
    }

    .email-box {
        width: 100%;
        padding: 25px 15px;
    }

    .email-head2 {
        font-size: 16px;
    }

    .email-para {
        font-size: 13px;
        margin-top: 20px;
    }

    .email-head {
        width: 100%;
        margin-top: 15px;
    }

    .email-para2 {
        font-size: 13px;
    }

    .verify-input {
        height: 42px;
        font-size: 14px;
    }

    .email-box2 {
        width: 95%;
        padding: 30px 15px;
        margin-top: 30px;
    }

    .progress {
        width: 100%;
    }

    .welcome-input {
        font-size: 13px;
    }

    .back-arrow {
        width: 15px;
        height: 15px;
    }

    .information-parrent {
        flex-wrap: wrap;
        gap: 0px;
    }

    .back-head {
        font-size: 20px;
    }

    .slect-box {
        height: 45px;
    }

    .slect-box p {
        font-size: 11px;
    }

    .story-para {
        font-size: 13px;
    }

    .value {
        font-size: 13px;
    }

    .label {
        font-size: 11px;
    }

    .main-box-head {
        font-size: 15px;
    }

    .main-box {
        padding: 20px 15px;
    }

    .active-btn {
        font-size: 11px;
    }

    .active-btn {
        padding: 0px 17px;
    }

    .details-box {
        padding: 20px 15px;
    }

    .details-head2 {
        font-size: 15px;
    }

    .details-para {
        font-size: 12px;
    }

    .details-para2 {
        font-size: 12px;
    }

    .details-box2 h1 {
        font-size: 13px;
        text-wrap: nowrap;
    }

    .details-box2 {
        flex-wrap: wrap;
    }

    .details-box2 {
        padding: 20px 15px;
    }

    .details-head {
        font-size: 15px;
    }

    .details-box3 h1 {
        font-size: 12px;
    }

    .ofer-cards h4 {
        font-size: 13px;
    }

    .ofer-cards p {
        font-size: 12px;
    }

    .ofer-cards h5 {
        font-size: 13px;
    }

    .ofer-img {
        width: 50px;
        height: 50px;
    }

    .ofer-cards {
        padding: 25px 15px;
    }

    .star-icon {
        width: 14px;
        height: 14px;
    }

    .ofer-cards h6 {
        font-size: 13px;
        width: 100%;
    }

    .details-btn {
        font-size: 13px;
    }

    .btn-parrent {
        flex-wrap: wrap;
    }
    .change-contentbtn{
        gap: 25px;
    }
    .profile-para{
        font-size: 14px;
        text-wrap: nowrap;
    }
    .profile-head{
        font-size: 17px;
    }
    .profile-para2{
        font-size: 14px;
    }
    .profile-para3{
        font-size: 13px;
    }
    .profile-input{
        font-size: 13px;
    }
    .profile-dropdown{
        font-size: 13px;

    }
    .update-btn{
        font-size: 13px;
        padding: 8px 50px;
    }
    .content-box{
        margin-top: 40px;
    }
    .not-found-img{
        width: 100%;
    }
    .not-found h1{
        font-size: 22px;
    }
    .not-para{
        font-size: 14px;
    }
    .not-para{
        width: 100%;
    }
    .back-btn{
        margin-top: 20px;
    }
    .not-found{
        height: fit-content;
        padding: 50px 0px;
        margin-top: 50px;
    }
    .about-head{
        font-size: 18px;
    }
    .about-para{
        font-size: 14px;
    }
    .about-banner{
        height: 144px;
    }
    .about-head2{
        font-size: 30px;
    }
    .terms-box{
        padding: 20px 15px;
    }
    .terms-head{
        font-size: 18px;
    }
    .terms-head2{
        font-size: 16px;
    }
    .contact-box{
        padding: 20px 15px;
    }
    .contact-icon{
        width: 50px;
        height: 50px;
    }
    .form-box{
        padding: 25px 15px;
    }
    .faq-head{
        font-size: 20px;
    }
    .chats .chat-box2{
        width: fit-content;
    }
    .height-parrent{
        height: 34vh;
    }
    .offer-card{
        width: fit-content;
    }
    .welcome-head3{
        font-size: 22px;
    }
    .head{
        font-size: 15px;
    }
    .details-img{
        width: 80px;
    }
    .details-parrent{
        padding: 25px 15px;
        margin-top: 15px;
    }
    .images{
        gap: 15px;
    }
    .main-box .nav-link{
        font-size: 11px;
        padding: 4px;
    }
    .main-box .nav-link.active{
        font-size: 11px;
        padding: 10px 20px;
    }
    .view-detaislbtn{
        font-size: 14px;
    }
    .chat-para{
        font-size: 10px;
    }
    .chat-head3{
        font-size: 13px;
    }
    .chats .chat-box2{
        font-size: 11px;
    }
    .detailimg{
        width: 80px;
    }
    .detailsimg{
        width: 80px;
    }
    .withdrawhead{
        font-size: 18px;
    }
    .withdrawpara{
        font-size: 12px;
    }
    .side-head{
        font-size: 14px;
    }
    .pricing-content{
        height: fit-content !important;
    }
    .chat-head4{
        font-size: 15px;
    }
    .about-para{
        font-size: 13px;
    }
    .chats .chat-box2{
        width: 100%;
    }
    .scrollwidthclass{
        width: 140px;
    }
    .pagehead{
        font-size: 15px;
    }
     

}


@media (min-width : 481px) and (max-width : 767px) {
    .footer {
        height: fit-content;
        padding-top: 130px;
    }

    .footer-para {
        font-size: 12px;
        width: 90%;
    }

    .footer-head {
        font-size: 19px;
        margin-top: 7px;
    }

    .para-div {
        margin-top: 0px;
    }

    .box h2 {
        font-size: 16px;
    }

    .box h4 {
        font-size: 13px;
    }

    .analyticsbox h3 {
        font-size: 16px;
    }

    .analyticsbox h1 {
        font-size: 18px;
    }



    .box h2 {
        font-size: 18px;
    }

    .box h4 {
        font-size: 14px;
    }

    .box h3 {
        font-size: 14px;
    }

    .portfolio-img {
        width: 100%;
    }

    .social-icon {
        width: 30px;
    }

    .profilerightbox h1 {
        font-size: 17px;
    }

    .profilerightbox .badgeprofile {
        font-size: 11px;
        padding: 5px 7px;
    }

    .media-icon {
        width: 25px;
        height: 25px;
    }

    .profilerightbox h3 {
        font-size: 13px;
    }

    .servicebox h4 {
        font-size: 14px;
    }

    .servicebox h5 {
        font-size: 14px;
    }

    .selectionbox h2 {
        font-size: 16px;
    }








    .sec7 {

        margin: 0px 10px;
        width: 95% !important;
    }

    .sec7 {
        height: 100%;
        top: 90px;
        flex-direction: column;
        z-index: 9;
        padding: 20px;
        align-items: start;
    }



    .sec7-head {
        font-size: 38px;
        color: white;
        font-weight: 700;
        width: 100%;
        line-height: 40px;
    }

    .sec7-input {
        width: 100%;
        height: 44px;
        font-size: 15px;
    }

    .input-btn {
        height: 44px;
    }

    .sec1home {
        height: 100%;
        padding: 70px 0px;
    }

    .bottomfilter select {
        width: 100%;
        padding: 0px 26px;
        font-size: 14px;
    }

    .sec1home h3 {
        font-size: 18px;
    }

    .sec1home h1 {
        font-size: 43px;
    }

    .sec1home p {
        font-size: 15px;
    }

    .registerbtn,
    .postbtn {
        font-size: 14px;
        padding: 10px 15px;
    }

    .sec2home {
        padding: 60px 0px 60px;
    }

    .sec2home .box1 h2 {
        font-size: 19px;
    }

    .sec2home .box1 p {
        font-size: 15px;
    }

    .navbar {
        height: 85px;
    }

    .rightbox h2 {
        font-size: 17px;
    }

    .rightbox h1 {
        font-size: 27px;
    }

    .rightbox p {
        margin-top: 8px;
        font-size: 14px;
    }

    .box .mainimg {
        height: auto;
    }

    .featuredsec {
        padding: 50px;
    }

    .bgnew {
        height: 100%;
        padding-bottom: 50px;
    }

    .mapsection {
        padding: 50px 0px;
    }

    .mapsection h1 {
        font-size: 30px;
        padding: 0px 10px;
    }



    .sliderarrow {
        display: none;
    }

    .brandimg {
        width: 70px;
    }

    .sliderbox h3 {
        font-size: 14px;
    }

    .badges {
        padding: 0px 7px;
        font-size: 15px;
    }

    .postsection {
        padding: 0px 0px 70px;
    }
    .newpostclass{
        
        margin: 20px 0px 0px;
    }


    .brandname {
        font-size: 18px;
    }

    .faq-question::after {
        top: -9px;
    }

    .faq-item {
        padding: 11px;
    }

    .faq-question {
        font-size: 13px;
    }

    .faq-answer {
        font-size: 14px;
        line-height: 24px;
    }

    .faqsection h1 {
        font-size: 30px;
    }

    .input-parrent {
        gap: 20px;
    }

    .search-input {
        width: 350px;
    }

    .influncerbox p {
        font-size: 13px;
    }

    .job-filter {
        height: fit-content;
        padding: 20px 15px;
        display: block;
        margin-top: 20px;
    }

    .job-slect {
        width: 100%;
        margin-top: 10px;
        font-size: 14px;
    }

    .job-filter h1 {
        font-size: 18px;
    }

    .influncerbox h2 {
        font-size: 25px;
    }


    .welcome-head2 {
        font-size: 19px;
        width: 80%;
        margin-top: 15px;
    }

    .welcom-img {
        width: 100%;
    }

    .input-para {
        font-size: 11px;
    }

    .welcome-row {
        padding-top: 10px;
    }

    .welcome-head {
        font-size: 20px;
        margin-left: 0px;
        margin-top: 20px;
    }

    .email-box {
        width: 95%;
        padding: 35px 35px;
    }

    .email-head2 {
        font-size: 22px;
    }

    .email-para {
        font-size: 13px;
        margin-top: 20px;
    }

    .email-head {
        width: 100%;
        margin-top: 15px;
    }

    .email-para2 {
        font-size: 13px;
    }

    .verify-input {
        height: 52px;
        font-size: 14px;
    }

    .email-box2 {
        width: 95%;
        padding: 30px 20px;
        margin-top: 40px;
    }

    .progress {
        width: 100%;
    }

    .welcome-input {
        font-size: 13px;
    }

    .back-arrow {
        width: 15px;
        height: 15px;
    }

    .information-parrent {
        flex-wrap: wrap;
        gap: 0px;
    }

    .back-head {
        font-size: 20px;
    }



    .value {
        font-size: 14px;
    }

    .label {
        font-size: 12px;
    }

    .main-box-head {
        font-size: 20px;
    }

    .main-box {
        padding: 20px 15px;
    }

    .active-btn {
        font-size: 11px;
    }

    .active-btn {
        padding: 0px 17px;
    }

    .details-head2 {
        font-size: 19px;
    }

    .details-para {
        font-size: 14px;
    }

    .details-box3 h1 {
        font-size: 16px;
    }

    .ofer-cards h4 {
        font-size: 15px;
    }

    .ofer-cards p {
        font-size: 14px;
    }

    .ofer-cards h5 {
        font-size: 15px;
    }

    .ofer-img {
        width: 50px;
        height: 50px;
    }

    .ofer-cards {
        padding: 25px 15px;
    }

    .star-icon {
        width: 14px;
        height: 14px;
    }

    .ofer-cards h6 {
        font-size: 13px;
        width: 100%;
    }

    .details-btn {
        font-size: 13px;
    }

    .btn-parrent {
        flex-wrap: wrap;
    }

    .modal-head3 {
        font-size: 15px;
    }
    .profile-para{
        font-size: 14px;
    }
    .change-contentbtn{
        gap: 50px;
    }
    .profile-head{
        font-size: 17px;
    }
    .profile-para2{
        font-size: 15px;
    }
    .profile-para3{
        font-size: 14px;
    }
    .profile-input{
        font-size: 14px;
        
    }
    .profile-dropdown{
        font-size: 14px;
    }

    .not-found-img{
        width: 100%;
    }
    .not-found h1{
        font-size: 22px;
    }
    .not-para{
        font-size: 14px;
    }
    .not-para{
        width: 70%;
    }
    .back-btn{
        margin-top: 20px;
    }
    .not-found{
        height: fit-content;
        padding: 50px 0px;
        margin-top: 50px;
    }
    .about-head{
        font-size: 21px;
    }
    .about-para{
        font-size: 15px;
    }
    .about-banner{
        height: 144px;
    }
    .about-head2{
        font-size: 40px;
    }
    .terms-box{
        padding: 20px 15px;
    }
    .terms-head{
        font-size: 18px;
    }
    .terms-head2{
        font-size: 16px;
    }
    .contact-box{
        padding: 20px 15px;
    }
    .contact-icon{
        width: 50px;
        height: 50px;
    }
    .form-box{
        padding: 25px 15px;
    }
    .faq-box{
        padding: 25px 15px;
    }
    .offer-card{
        width: fit-content;
    }



    .head{
        font-size: 15px;
    }
    .details-img{
        width: 130px;
    }
    .details-parrent{
        padding: 25px 15px;
        margin-top: 15px;
    }
    .images{
        gap: 15px;
    }
    .pricing-content{
        height: fit-content;
    }

   




}

@media(min-width : 768px) and (max-width : 991px) {
    .navbar-brand img {
        width: 170px;
    }

    .navbar-nav .nav-item .nav-link {
        font-size: 15px;
    }

    .brand_btn,
    .influncer_btn {
        font-size: 15px;
        padding: 8px 13px;
    }

    .bottomfilter select {
        width: 100%;
    }

    .sec1home {
        height: 100%;
        padding: 70px 0px;
    }

    .sec2home {
        padding: 60px 0px 60px;
    }

    .box .mainimg {
        height: auto;
    }

    .featuredsec {
        padding: 70px 0px 70px;
    }


    .bgnew {
        height: 100%;
        padding-bottom: 50px;
    }

    .mapsection {
        padding: 50px 0px;
    }

    .mapsection h1 {
        font-size: 30px;
        padding: 0px 10px;
    }

    .postsection {
        padding: 0px 10px 70px;
    }
    .newpostclass{
        
        margin: 20px 0px 0px;
    }

    .swiper-button-next {
        right: 30px !important;
    }

    .swiper-button-prev {
        right: 100px !important;
    }

    .widthclass {
        width: 276px;
    }

    .subscriptionbox .box1 h2 {
        font-size: 11.66px;
    }
    .pricing-content{
        height: 146px !important;
    }
    .subscriptionbox .box1 h1 {
        font-size: 21px;
    }

    .subscriptionbox .box1 h1 span {
        font-size: 34.63px;
    }
    .subscriptionbox .box1{
        width: 100%;
    }

    .sec7 {

        margin: 0px 10px;
        width: 95% !important;
    }

    .sec7 {
        height: 100%;
        top: 90px;
        z-index: 9;
        padding: 20px;
        align-items: center;
        gap: 10px;
    }


    .sec7-head {
        font-size: 34px;
        width: 53%;
        line-height: 37px;
    }

    .sec7-input {
        width: 200px;
        height: 44px;
        font-size: 15px;
    }

    .input-btn {
        width: 100px;
        height: 44px;
    }

    .footer {
        padding-top: 140px;
    }

    .profileinfo h3 {
        font-size: 13px;
    }

    .profileinfo h1 {
        font-size: 17px;
    }

    .profileinfo h5 {
        font-size: 14px;
    }

    .profileinfo h4 {
        font-size: 16px;
    }

    .profilebio h4 {
        font-size: 14px;
    }

    .profilebio h3 {
        font-size: 16px;
    }

    .analyticsbox h1 {
        font-size: 18px;
    }

    .analyticsbox .nav-link {
        font-size: 12px;
    }

    .analyticsbox .nav-link i {
        font-size: 15px;
    }

    .analyticsbox h3 {
        font-size: 14px;
    }

    .chart-container {
        width: 100% !important;
        height: fit-content !important;
    }

    .box h2 {
        font-size: 16px;
    }

    .box h4 {
        font-size: 13px;
    }

    .box h3 {
        font-size: 13px;
    }

    .portfolio-img {
        width: 100%;
    }


    .arrow-parrent {
        gap: 30px;
    }

    .payment-head2 {
        font-size: 18px;
    }

    .arrow-icon {
        width: 30px;
    }

    .radio:checked::after {
        width: 10px;
        height: 10px;
    }

    .radio {
        width: 20px;
        height: 20px;
    }

    .payment-head {
        font-size: 14px;
    }

    .payment-icon {
        width: 22px;
        height: 15px;
    }

    .payment-option h3 {
        font-size: 14px;
    }

    .payment-option {
        margin-bottom: 20px;
        padding: 0px 20px;
    }

    .payment-box {
        padding: 10px 15px 25px;
    }

    .payment-icon2 {
        width: 110px;
    }

    .payment-input {
        font-size: 13px;
    }

    .payment-rightbox {
        padding: 20px 12px;
    }

    .search-input {
        width: 400px;
    }

    .job-slect {
        width: 174px;
        font-size: 13px;
    }

    .filter-container input,
    .filter-container select {
        font-size: 13px;
    }

    .influncerbox h2 {
        font-size: 28px;
    }

    .welcome-head2 {
        font-size: 24px;
    }

    .signin-para {
        font-size: 10px;
    }

    .signin-box {
        padding-left: 7px;
        gap: 7px;
    }

    .welcome-row {
        padding-top: 70px;
    }

    .progress {
        width: 585px;
    }

    .email-box2 {
        width: 74%;
    }

    .information-parrent {
        gap: 30px;
    }

    .back-head {
        font-size: 25px;
    }

    .back-arrow {
        width: 25px;
        height: 20px;
    }

    .value {
        font-size: 14px;
    }

    .label {
        font-size: 12px;
    }

    .main-box-head {
        font-size: 22px;
    }

    .main-box {
        padding: 20px 20px;
    }

    .active-btn {
        font-size: 11px;
    }

    .active-btn {
        padding: 0px 17px;
    }

    .details-head2 {
        font-size: 18px;
    }

    .details-box2 h1 {
        font-size: 15px;
    }

    .ofer-cards h4 {
        font-size: 15px;
    }

    .ofer-cards p {
        font-size: 14px;
    }

    .ofer-cards h5 {
        font-size: 15px;
    }

    .ofer-img {
        width: 50px;
        height: 50px;
    }

    .ofer-cards {
        padding: 25px 15px;
    }

    .star-icon {
        width: 14px;
        height: 14px;
    }

    .ofer-cards h6 {
        font-size: 13px;
        width: 65%;
    }

    .details-btn {
        font-size: 13px;
    }

   

   

   
    .profile-para{
        font-size: 16px;
    }
    .change-contentbtn{
        gap: 50px;
    }
    .profile-head{
        font-size: 20px;
    }
    .profile-para2{
        font-size: 17px;
    }
    .profile-para3{
        font-size: 16px;
    }
    .profile-input{
        font-size: 16px;
        
    }
    .profile-dropdown{
        font-size: 16px;

    }
    .about-head{
        font-size: 28px;
    }
    .terms-box{
        padding: 20px 15px;
    }
    .terms-head{
        font-size: 18px;
    }
    .terms-head2{
        font-size: 16px;
    }
    .about-para{
        font-size: 14px;
    }
    .contact-box{
        padding: 20px 15px;
    }
    .contact-icon{
        width: 50px;
        height: 50px;
    }
    .form-box{
        padding: 25px 15px;
    }
    .subscriptionbox .box1{
        height: fit-content;
    }
    .details-img{
        width: 150px;
    }
    .chat-para{
        font-size: 10px;
    }
    .chat-head3{
        font-size: 13px;
    }
    .chats .chat-box2{
        font-size: 11px;
    }








}