.influencerForm .wrapper {
    position: relative;
}

.influencerForm .wrapper .background{background-image:url(https://static.farktor.com/Library/Upl/5500221/All/Fr-55002211962025114532_influencerbasvuruformu-yazisiz.jpg?V=1.12);background-position:center;background-size: cover;background-repeat: no-repeat;max-height:733px;height:100%;position: absolute;left:0;top: 0;width:100%;}
.influencerForm .wrapper .container {
    max-width: 1420px;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    position: relative;
    z-index: 99;
    padding-top: 43px;
}

.influencerForm .wrapper .container .top .form-info {
    margin-top: 50px;
}

.influencerForm .wrapper .container .top .form-info .text-png {
    max-width: 282px;
}

.influencerForm .wrapper .container .top .form-info .text-png .text-img {
    display: block;
    width: 100%;
}

.influencerForm .wrapper .container .top .form-info .info-title {
    font-size: 27px;
    font-weight: 900;
    color: #313131;
    text-shadow: 0px 3px 6px #00000029;
}

.influencerForm .wrapper .container .top .form-info .description-area {
    margin-top: 14px;
}

.influencerForm .wrapper .container .top .form-info .description-area .text {
    font-size: 17px;
    font-weight: 700;
    color: #4b4b4b;
}

.influencerForm .wrapper .container .top .form-info .description-area .text:first-child {
    font-weight: 400;
    margin-bottom: 10px;
}

.influencerForm .wrapper .container .body {
    border-radius: 8px 8px 0 0;
    margin-top: 120px;
    padding-top: 23px;
    background-color:white;
    box-shadow: -3px -33px 40px #1f272d29;
}

.influencerForm .wrapper .container .body .form-top {
    padding-left: 37px;
    padding-bottom: 20px;
    border-bottom: 1px solid #b1b1b133;
}

.influencerForm .wrapper .container .body .form-top .form-name {
    font-size: 19px;
    font-weight: 700;
    /* color: #00ffb1; */
}

.influencerForm .wrapper .container .body .form-top .form-text {
    margin-top: 7px;
    font-size: 15px;
    font-weight: 400;
    color: #3d3d3d;
}

.influencerForm .wrapper .container .body .form-content {
    padding: 21px 20px 24px;
}

.influencerForm .wrapper .container .body .form-content .form .form-area {
    padding: 25px 15px 23px 14px;
    border: 1px solid #DEDEDE;
    border-radius: 4px;
    margin-bottom: 21px;
}

.influencerForm .wrapper .container .body .form-content .form .form-area .stage-top {
    padding-left: 8px;
}

.influencerForm .wrapper .container .body .form-content .form .form-area .stage-top .stage-title {
    font-size: 16px;
    font-weight: 700;
    color: #000000;
}

.influencerForm .wrapper .container .body .form-content .form .form-area .stage-top .stage-description {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    margin-top: 5px;
}

.influencerForm .wrapper .container .body .form-content .form .form-area .stage-body {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 3px;
}

.influencerForm .wrapper .container .body .form-content .form .form-area .stage-body .form-group {
    width: 33.333%;
    max-width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
}

.influencerForm .wrapper .container .body .form-content .form .form-area .stage-body .form-group label {
    margin-top: 22px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}

.influencerForm .wrapper .container .body .form-content .form .form-area .stage-body .form-group .form-control {
    display: block;
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    background-color: #ffffff;
    border: 1px solid #c3c3c3;
    padding: 13px 10px 13px 18px;
    border-radius: 4px;
    caret-color: #7e7e7e;
    color: #000000;
}

.influencerForm .wrapper .container .body .form-content .form .form-area .stage-body .form-group .form-control.wrong {
    border-color: #F90A0A;
}

.influencerForm .wrapper .container .body .form-content .form .form-area .stage-body .form-group .form-control.success {
    border-color: #34F458;
}


.influencerForm .wrapper .container .body .form-content .form .form-area .stage-body .form-group .form-control:focus ~ .warning .warning-text {
    display: none !important;
}

.influencerForm .wrapper .container .body .form-content .form .form-area .stage-body .form-group .form-control::placeholder {
    color: #e0e0e0;
}

.influencerForm .wrapper .container .body .form-content .form .form-area .stage-body .form-group .warning {
    position: absolute;
    right: 8px;
    top: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #F90A0A;
}

.influencerForm .wrapper .container .body .form-content .form .form-area .stage-body .form-group .warning .name-warning {
    display: none;
}

.influencerForm .wrapper .container .body .form-content .form .form-area .stage-body .form-group .warning .surname-warning {
    display: none;
}

.influencerForm .wrapper .container .body .form-content .form .form-area .stage-body .form-group .warning .phone-warning {
    display: none;
}

.influencerForm .wrapper .container .body .form-content .form .form-area .stage-body .form-group .warning .email-warning {
    display: none;
}

.influencerForm .wrapper .container .body .form-content .form .form-area .stage-body .form-group .warning .agency-warning {
    display: none;
}

.influencerForm .wrapper .container .body .form-content .form .form-area .stage-body .form-group .warning .insta-warning {
    display: none;
    font-size: 12px
}

.influencerForm .wrapper .container .body .form-content .form .form-area .stage-body .form-group .input-title {
    margin-top: 22px;
    color: #fff;
}

.influencerForm .wrapper .container .body .form-content .form .form-area.social .stage-body .form-group {
    width: 25%;
    max-width: 100%;
    padding-left: 8px;
    padding-right: 8px;
}

.influencerForm .wrapper .container .body .form-content .form .form-area .stage-body .form-group label.radio-text {
    font-size: 13px;
    padding-left: 25px;
    position: relative;
    padding-right: 14px;
    cursor: pointer;
}

.influencerForm .wrapper .container .body .form-content .form .form-area .stage-body .form-group label.radio-text::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: transparent;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    left: 0;
    border: 1px solid #9A9A9A;
}

.influencerForm .wrapper .container .body .form-content .form .form-area .stage-body .form-group label.radio-text .icon-ifa {
    position: absolute;
    top: 47%;
    transform: translateY(-50%);
    left: 5px;
    color: #000;
    font-size: 10px;
    font-weight: 900;
    opacity: 0;
    display: none;
}

.influencerForm .wrapper .container .body .form-content .form .form-area .stage-body .form-group input[type=radio] {
    display: none;
    outline: none;
}

.influencerForm .wrapper .container .body .form-content .form .form-area .stage-body .form-group input[type=radio]:checked + .radio-text::before {
    background-color: #fff;
    border-color: #b1b1b1;
}

.influencerForm .wrapper .container .body .form-content .form .form-area .stage-body .form-group input[type=radio]:checked + .radio-text .icon-ifa {
    opacity: 1;
    visibility: visible;
    display: block;
}

.influencerForm .wrapper .container .body .form-content .form .contract-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.influencerForm .wrapper .container .body .form-content .form .contract-container {
    position: relative;
}

.influencerForm .wrapper .container .body .form-content .form .contract-container .warning {
    position: absolute;
    top: -13px;
    left: 0;
}

.influencerForm .wrapper .container .body .form-content .form .contract-container .warning .msg-area {
    font-size: 14px;
    font-weight: 400;
    display: none;
}

.influencerForm .wrapper .container .body .form-content .form .contract-area .left input[type=checkbox] {
    display: none;
    outline: none;
}

.influencerForm .wrapper .container .body .form-content .form .contract-area .left .confirm-text {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    padding-left: 27px;
    position: relative;
    cursor: pointer;
}

.influencerForm .wrapper .container .body .form-content .form .contract-area .left .confirm-text .icon-ifa {
    position: absolute;
    top: 54%;
    transform: translateY(-50%);
    left: 4px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 900;
    opacity: 0;
    visibility: hidden;
    display: none;
}

.influencerForm .wrapper .container .body .form-content .form .contract-area .left .confirm-text::before {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    border: 1px solid #A2A2A2;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
}

.influencerForm .wrapper .container .body .form-content .form .contract-area .left input[type=checkbox]:checked + .confirm-text:before {
    background-color: #DA233B;
    border-color: #FFF;
}

.influencerForm .wrapper .container .body .form-content .form .contract-area .left input[type=checkbox]:checked + .confirm-text .icon-ifa {
    opacity: 1;
    visibility: visible;
    display: block;
}

.influencerForm .wrapper .container .body .form-content .form .contract-area .left label .text-link {
    color: #DA233B;
    cursor: pointer;
    padding-top: 4px;
    padding-bottom: 4px;
}

.influencerForm .wrapper .container .body .form-content .form .contract-area .left label p {
    display: inline-block;
}

.influencerForm .wrapper .container .body .form-content .form .contract-area .right .save-btn {
    border: none;
    background-color: #000000;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    border-radius: 4px;
    padding: 13px 27px;
    transition: all .3s linear;
    cursor: pointer;
}

.influencerForm .wrapper .support-area {
    max-width: 1420px;
    margin: 0 auto 307px;
    padding-right: 20px;
    padding-left: 20px;
}

.influencerForm .wrapper .support-area .support-top {
    padding-top: 21px;
    padding-bottom: 21px;
    border-top: 1px solid #b1b1b133;
}

.influencerForm .wrapper .support-area .support-top .support-title {
    padding-left: 20px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

.influencerForm .wrapper .support-area .support-list .support-item {
    padding: 15px 21px 15px 25px;
    border: 1px solid #DEDEDE;
    border-radius: 4px;
    transition: all .4s linear;
}

.influencerForm .wrapper .support-area .support-list .support-item.active {
    margin: 10px 0;
    border: 1px solid transparent;
    border-radius: 5px;
    box-shadow: 0px 3px 10px #00000012;
    transition: all .4s linear;
}

.influencerForm .wrapper .support-area .support-list .support-item.active + .support-item {
    border-top: 1px solid #DEDEDE;
    transition: all .4s linear;
}

.influencerForm .wrapper .support-area .support-list .support-item:not(:first-child) {
    border-top: none;
}

.influencerForm .wrapper .support-area .support-list .support-item .support-category {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.influencerForm .wrapper .support-area .support-list .support-item .support-category .support-name {
    font-size: 14px;
    font-weight: 400;
}

.influencerForm .wrapper .support-area .support-list .support-item.active .support-category .support-name, .influencerForm .wrapper .support-area .support-list .support-item.active .support-category .support-name span {
    color: #000000;
    transition: all .4s linear;
}

.influencerForm .wrapper .support-area .support-list .support-item .support-category .support-name span {
    font-size: 24px;
    font-weight: 700;
    color: #ffffffb3;
    margin-right: 12px;
}

.influencerForm .wrapper .support-area .support-list .support-item .support-description {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #838383;
    padding-left: 40px;
    display: none;
}

.influencerForm .wrapper .support-area .support-list .support-item .icon-btn {
    width: 33px;
    height: 33px;
    border: none;
    border-radius: 50%;
    background-color: #4f5255;
    position: relative;
    flex-shrink: 0;
}

.influencerForm .wrapper .support-area .support-list .support-item .icon-btn .toggle-icon .icon-ifa {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-weight: 700;
}

.influencerForm .wrapper .support-area .support-list .support-item .icon-btn .toggle-icon .icon-ifa.ifa-120 {
    top: 6px;
    font-size: 10px;
}

.influencerForm .wrapper .support-area .support-list .support-item .icon-btn .toggle-icon .icon-ifa.ifa-119 {
    bottom: 6px;
    font-size: 10px;
}

.influencerForm .wrapper .support-area .support-list .support-item .icon-btn .toggle-icon .icon-ifa.ifa-351 {
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 10px;
}

.influencerForm .wrapper .support-area .support-list .support-item .support-category .icon-btn .toggle-icon.hide .icon-ifa:not(:last-child) {
    display: block;
}

.influencerForm .wrapper .support-area .support-list .support-item .support-category .icon-btn .toggle-icon.hide .icon-ifa:last-child {
    display: none;
}

.influencerForm .wrapper .support-area .support-list .support-item .support-category .icon-btn .toggle-icon.show .icon-ifa:not(:last-child) {
    display: none;
}

.influencerForm .wrapper .support-area .support-list .support-item .support-category .icon-btn .toggle-icon.show .icon-ifa:last-child {
    display: block;
}

.Popup.influencerForm-popUp .Modal .Htm .Document .Popup_Center .popup-wrapper .popup-msg {
    text-align: center;
}

.Popup.influencerForm-popUp .Modal .Htm .Document .Popup_Center .popup-wrapper .popup-msg .icon-ifa {
    font-size: 38px;
    font-weight: 400;
    color: #34F458;
}

.Popup.influencerForm-popUp .Modal .Htm .Document .Popup_Center .popup-wrapper .popup-msg .popup-text {
    font-size: 14px;
    font-weight: 600;
    margin-top: 20px;
}

.Popup.influencerForm-popUp .Modal .Htm .Document .Popup_Center .popup-wrapper .popup-msg .popup-btn {
    margin-top: 20px;
    border: none;
    background-color: #000000;
    font-size: 14px;
    font-weight: 700;
    color: #FFFFFF;
    border-radius: 4px;
    padding: 13px 27px;
    transition: all .3s linear;
    cursor: pointer;
}

@media screen and (max-width: 1370px) {
    .influencerForm .wrapper .container .body .form-content .form .form-area.social .stage-body .form-group .warning {
        bottom:-20px;
        left: 8px;
        top: auto;
    }
}

@media screen and (max-width: 991px) {
    .influencerForm .wrapper .background {
        background-image:url(https://static.farktor.com/Library/Upl/5500221/All/Fr-55002211962025114447_influencerbasvuruformu_mobil_yazisiz.jpg?V=1.12);
        max-height: 556px;
    }

    .influencerForm .wrapper .container {
        padding-top: 13px;
        padding-left: 12.5px;
        padding-right: 12.5px;
    }

    .influencerForm .wrapper .container .top .form-info {
        margin-top: 200px;
        text-align: center;
    }

    .influencerForm .wrapper .container .top .form-info .text-png {
        max-width: 222px;
        width: 100%;
        margin: 0 auto;
    }

    .influencerForm .wrapper .container .top .form-info .info-title {
        font-size: 28px;
    }

    .influencerForm .wrapper .container .top .form-info .description-area {
        margin-top: 6px;
    }

    .influencerForm .wrapper .container .top .form-info .description-area .text {
        font-size: 13.5px;
        color: #FFC9D0;
        text-shadow: 0px 3px 6px #820028;
    }

    .influencerForm .wrapper .container .top .form-info .description-area .text:first-child {
        letter-spacing: -.5px;
        color: #FFBFD2;
    }

    .influencerForm .wrapper .container .body {
        margin-top: 48px;
        padding-top: 14px;
        box-shadow: -3px -12px 20px #1f272d29;
    }

    .influencerForm .wrapper .container .body .form-top {
        padding-left: 18px;
        padding-bottom: 11px;
    }

    .influencerForm .wrapper .container .body .form-top .form-name {
        font-size: 16px;
    }

    .influencerForm .wrapper .container .body .form-top .form-text {
        font-size: 13px;
        margin-top: 6px;
    }

    .influencerForm .wrapper .container .body .form-content {
        padding: 0;
        /*box-shadow: 0 0 12px 0 #0000004D;*/
    }

    .influencerForm .wrapper .container .body .form-content .form .form-area .stage-top {
        padding-left: 0;
    }

    .influencerForm .wrapper .container .body .form-content .form .form-area .stage-top .stage-description {
        font-size: 12px;
        letter-spacing: -.6px;
    }

    .influencerForm .wrapper .container .body .form-content .form .form-area {
        border: none;
        padding: 0;
        padding: 12px 18px 14px;
        margin-bottom: 0;
    }

    .influencerForm .wrapper .container .body .form-content .form .form-area.social {
        border-top: 1px solid #70707033;
        border-radius: 0;
    }

    .influencerForm .wrapper .container .body .form-content .form .form-area .stage-body {
        flex-direction: column;
        flex-wrap: nowrap;
        margin-top: 0;
        margin-top: 12px;
    }

    .influencerForm .wrapper .container .body .form-content .form .form-area .stage-body .form-group {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .influencerForm .wrapper .container .body .form-content .form .form-area .stage-body .form-group label {
        margin-top: 0;
    }

    .influencerForm .wrapper .container .body .form-content .form .form-area .stage-body .form-group .form-control {
        margin-top: 6px;
        padding-left: 16px;
        margin-bottom: 12px;
    }

    .influencerForm .wrapper .container .body .form-content .form .form-area .stage-body .form-group .input-title {
        margin-top: 12px;
        margin-bottom: 6px;
    }

    .influencerForm .wrapper .container .body .form-content .form .form-area.social .stage-body .form-group {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .influencerForm .wrapper .container .body .form-content .form .contract-area {
        padding: 0 18px 18px;
        flex-direction: column;
        align-items: flex-start;
    }

    .influencerForm .wrapper .container .body .form-content .form .contract-area .right {
        margin-top: 16px;
        width: 100%;
    }

    .influencerForm .wrapper .container .body .form-content .form .contract-area .right .save-btn {
        width: 100%;
        display: block;
    }

    .influencerForm .wrapper .support-area {
        border-top: 1px solid #70707033;
        margin-bottom: 146px;
    }

    .influencerForm .wrapper .support-area .support-top {
        border-top: none;
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .influencerForm .wrapper .support-area .support-top .support-title {
        padding-left: 0;
    }

    .influencerForm .wrapper .support-area .support-list .support-item {
        padding: 15px;
    }

    .influencerForm .wrapper .support-area .support-list .support-item .support-category .support-name span {
        font-size: 20px;
    }

    .influencerForm .wrapper .support-area .support-list .support-item .support-category .support-name {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .influencerForm .wrapper .support-area .support-list .support-item .support-description {
        margin-top: 4px;
        padding-left: 33px;
        padding-right: 18px;
    }

    .influencerForm .wrapper .container .body .form-content .form .form-area.social .stage-body .form-group .warning {
        top: auto;
        left: auto;
        bottom: -4px;
    }

    .influencerForm .wrapper .container .body .form-content .form .form-area .stage-body .form-group .warning {
        right: 0;
        top: auto;
        bottom: -4px;
        font-size: 12px;
        letter-spacing: -.5px;
    }

    .influencerForm .wrapper .container .body .form-content .form .contract-container .warning {
        left: 18px;
    }

    .influencerForm .wrapper .container .body .form-content .form .contract-container .warning .msg-area {
        font-size: 13px;
    }

    .Popup.influencerForm-popUp .Modal {
        max-width: 300px;
    }

    .Popup.influencerForm-popUp .Modal .Htm .Document .Popup_Center {
        padding: 24px;
    }

    .Popup.influencerForm-popUp .Modal .Htm .Document .Popup_Center .popup-wrapper .popup-msg .icon-ifa {
        font-size: 32px;
    }

    .Popup.influencerForm-popUp .Modal .Htm .Document .Popup_Center .popup-wrapper .popup-msg .popup-text {
        margin-top: 14px;
    }

    .Popup.influencerForm-popUp .Modal .Htm .Document .Popup_Center .popup-wrapper .popup-msg .popup-btn {
        font-size: 12px;
        padding: 12px 24px;
        margin-top: 14px;
    }
}

@media screen and (max-width: 420px) {
    .influencerForm .wrapper .container .body .form-content .form .contract-area .left label p {
        margin-left: 32px;
    }
}

@media only screen and (min-width: 992px) {
    .Popup.influencerForm-popUp .Modal .Htm .Document .Popup_Center .popup-wrapper .popup-msg .popup-btn:hover {
        background-color:#605c5c;
    }

    .influencerForm .wrapper .container .body .form-content .form .contract-area .right .save-btn:hover {
        background-color: #191919;
    }
}