@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

.nav-links .cate-name:nth-child(3) a button {
    background: -webkit-linear-gradient(180deg, #45B9D5, #81CA73);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.nav-links .cate-name:nth-child(5) a button {
    background: -webkit-linear-gradient(180deg, #202b50, #202b50);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg {
    background-color: #F9FAFF;
}

.bg_img_header {
    width: 200px;
    position: absolute;
    right: -62px;
    top: 18%;
    z-index: -1;
    transform: translate(-18%, 0);
    display: none;
}

html {
    background: #f9faff;
}

.title_header {
    font-size: 43px;
    line-height: 70px;
    font-weight: 700;
    color: #202b50;
    margin-top: 70px;
    position: relative;
}

.btn-submit {
    font-size: 16px;
    margin-bottom: 15px;
}

.box-shadow-menu {
    box-shadow: 0px 3px 11px rgb(211 216 245 / 40%);
}

.box-shadow-none {
    box-shadow: none;
    border-radius: 0;
}

.border_bottom {
    background: linear-gradient(90deg, #202B50 0%, rgba(32, 43, 80, 0) 100%);
    border-radius: 10px;
    display: block;
    height: 5px;
    margin-top: 2px;
    width: 50%;
}

.paragrap_header {
    margin: 2rem 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
.bg_img_header2 {
    width: 400px;
    position: absolute;
    z-index: -1;
    left: 50%;
    bottom: -20%;
    transform: translateX(-70%);
}

.section3_item {
    background: #F9FAFF;
    box-shadow: 0px 3px 9px rgb(199 208 255 / 60%);
    border-radius: 18px;
    padding: 20px 20px;
    margin: 1em 0em;
    position: relative;
    z-index: 10;
}

.section3_item .icon_section3 {
    margin: 0 auto;
}

.section3_item .text_section3 {
    text-align: center;
    /* margin-top: 1rem; */
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    /* padding: 10px 20px; */
}

.text_section3 p {
    font-size: 16px;
    line-height: 24px;
}

.map {
    height: 350px;
    margin-top: 1.5rem;
}

.map iframe {
    border-radius: 20px;
}

.form-main {
    width: 100%;
    position: relative;
    z-index: 1;
}
.col-contact{
    position: relative;
}
.col-contact::before{
    content: '';
    position: absolute;
    background-image: url(../../img/png/box-right.png);
    width: 176px;
    right: -40px;
    height: 34%;
    bottom: -51px;
    z-index: 0;
}
.input-place, .input-data, .form_text {
    width: 100%;
}
.input-data .form_text {
    width: 100%;
}
.w-100 .rps-mw320 .rps_item_section3:nth-child(2) {
    margin-left: 1rem;
}

.paragrap {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #202b50;
    margin-top: 2rem;
    opacity: .6;
}
@media (max-width:767px) {
    .col-contact::before{
        display: none;
    }
}
/* ----- */
.checkBox {
    display: none;
}

.checkBox+.lable_mail_phone {
    z-index: 3;
    cursor: pointer;
    padding-left: 33px;
    display: block;
    position: relative;
    height: 20px;
    line-height: 1.7em;
    display: flex;
    align-items: center;
    color: #8b91a6;
}

.checkBox:checked+.lable_mail_phone::after {
    background-color: transparent;
    border: 3px solid #fff;
    border-top: 0;
    border-left: 0;
    width: 8px;
    height: 15px;
    transform: rotate(45deg);
    left: 8px;
}

.lable_mail_phone::before {
    z-index: 2;
    top: 0px;
    left: 2px;
    width: 20px;
    height: 20px;
    background: -webkit-linear-gradient(180deg, #45B9D5, #81CA73);
    display: block;
    content: "";
    position: absolute;
    border-radius: 4px;
}


.lable_mail_phone::after {
    z-index: 2;
    top: 2px;
    left: 4px;
    width: 16px;
    height: 16px;
    background: #fff;
    display: block;
    content: "";
    position: absolute;
    border-radius: 3px;
}

/* ----- */

.check_phone {
    margin-left: 5rem;
}

.check_phone, .check_email {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #202b50;
}

.check {
    box-shadow: inset 0 0 0 1px transparent;
    width: 20px;
    height: 20px;
    position: relative;
}

.check::before,
.check::before {
    content: '';
    z-index: -1;
    top: -2px;
    left: -2px;
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    border: solid 6px transparent;
    background-image: -webkit-linear-gradient(180deg, #45B9D5, #81CA73);
    box-shadow: 2px 1000px 1px transparent inset;
    background-origin: border-box;
    border-radius: 4px;
}

.rps-mw320 {
    justify-content: space-between;
    /* padding: 0px 16px; */
}

.rps-mw320 .rps_item_section3 {
    width: 48%;
}

.form_text~label {
    top: -5px;
}
.mess ~ label {
    top: 0;
}
.mess:focus~label {
    top: 0;
}

.section {
    background: #f9faff;
    margin: 0 !important;
    padding-top: 3rem;
    position: relative;
    /* z-index: 10; */
}
/* .section::after{
    position: absolute;
    top: -85px;
    width: 40%;
    left: 30%;
    right: 30%;
    height: 28%;
    border: 1.5px dashed #202B50;
    content: '';
    z-index: 0;
    border-radius: 20px;
} */
.bg-after::after{
    position: absolute;
    top: -85px;
    width: 40%;
    left: 30%;
    right: 30%;
    height: 28%;
    /* border: 1.5px dashed #202B50; */
    content: '';
    z-index: 0;
    border-radius: 20px;
    background-image: url(../../img/bg/tetag.png);
    background-size: 100% 100%;
}
.rps-mw320 .rps_item_section3 {
    margin-right: 0;
}

.rps-mw320 .rps_item_section3:nth-child(1) {
    margin-left: 0;
}


.col_row_header .rps_col {
    width: 70%;
    margin: 0 auto;
}


select {
    appearance: none;
    outline: 0;
    border: 0;
    box-shadow: none;
    flex: 1;
    padding: 0 1em;
    color: #202b50;
    background-color: var(--darkgray);
    background-image: none;
    cursor: pointer;
    font-weight: 300;
    font-size: 14px;
}

select::-ms-expand {
    display: none;
}

.select {
    position: relative;
    display: flex;
    width: auto;
    height: 3em;
    border-radius: 15px;
    overflow: hidden;
    background: #F8F9FF;
    box-shadow: 0px 0px 9px #C7D0FF;
    backdrop-filter: blur(2px);
}

.select::after {
    content: '';
    position: absolute;
    top: 37%;
    right: 40px;
    transition: .25s all ease;
    pointer-events: none;
    border: 1px solid;
    border-top: none;
    border-left: none;
    transform: rotate(45deg);
    width: 8px;
    height: 8px;
}

option {
    color: #202b50;
}

.select_left {
    width: 30%;
    margin: 0 7rem 0 1rem;
}

.select_right {
    width: 47%;
}

.country_icon {
    width: 24px;
}

#message-input {
    margin-bottom: 5rem;
}

.form-main {
    background: rgba(249, 250, 255);
    box-shadow: 0px 0px 30px rgb(199 208 255 / 60%);
    /* backdrop-filter: blur(30px); */
    padding: 2rem 2rem 3rem 2rem;
    border-radius: 30px;
    margin-top: 1rem;
    /* z-index: 2; */
}

.mt-5r {
    margin-top: 90px;
    position: relative;
}
.mt-5r::before{
    position: absolute;
    background-image: url(../../img/png/box-top.png);
    width: 230px;
    right: -40px;
    height: 45%;
    top: 45px;
    /* z-index: 1; */
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
    content: '';
}
.img_form_bg {
    width: 300px;
    position: absolute;
    bottom: 17%;
    right: 35%;
    transform: translateX(50%);
    filter: blur(25px);
    z-index: -1;
}
.col_row_header{
    position: relative;
    z-index: 2;
}
.rps_row{
    position: relative;
    /* z-index: 23; */
    margin: 0 auto;
}
.rps_row::before{
    content: '';
    position: absolute;
    background-image: url(../../img/png/box-bottom.png);
    width: 230px;
    left: -90px;
    height: 55%;
    bottom: 23%;
    /* z-index: 1; */
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 0;
}
@media (max-width:767px) {
    .mt-5r::before,.rps_row::before{
        display: none;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    #message-input {
        margin-bottom: 1rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .rps_row {
        flex-wrap: nowrap !important;
    }

    .text_section3 p {
        font-size: .9em;
    }


    .rps-mw320 {
        /* flex-direction: column; */
    }

    .rps-col {
        width: 100%;
        max-width: 100% !important;
        padding: 0 !important;
    }

    .paragrap {
        font-size: .9em;
    }


    .select {
        width: 45%;
        margin: 1.5rem 0;
    }

    .map {
        margin-top: 1.5rem;
    }



    .rps-col .container {
        padding: 0;
        max-width: 90%;
    }

    .rps_item_section3 {
        width: 95%;
    }

    .form-main {
        margin-bottom: 5rem;
        height: 100%;
    }

    .col_row_header {
        flex-direction: column;
    }

    .rps_title_header {
        text-align: center;
        max-width: 66% !important;
        margin: 0 auto;
    }

    .border_bottom {
        display: none;
    }

    .paragrap_header {
        width: 90%;
        margin: 1rem auto 2rem;
    }

    .mt-rps-0 {
        margin-top: 0;
    }

    .bg_img_header, .bg_img_header2 {
        display: none;
    }

    .map {
        /* padding: 0 1rem; */
    }
}

@media only screen and (min-width: 500px) and (max-width: 767px) {
    .rps_row {
        flex-direction: column-reverse;
    }

    .rps-col {
        width: 100%;
        max-width: 100% !important;
        padding: 0;
    }

    .rps-px4 {
        padding: 0 4rem !important;
    }

    .rps-col .container {
        padding: 0;
        margin: 0;
        max-width: 100%;
    }

    .rps_item_section3 {
        width: 95%;
    }

    .form-main {
        margin-bottom: 5rem;
    }

    .col_row_header {
        flex-direction: column;
    }

    .rps_title_header {
        text-align: center;
        margin: 0 auto;
    }

    .border_bottom {
        display: none;
    }

    .paragrap_header {
        width: 90%;
        margin: 1rem auto 2rem;
    }

    .mt-rps-0 {
        margin-top: 0;
    }

    .bg_img_header, .bg_img_header2 {
        display: none;
    }

    .map {
        /* padding: 0 1rem; */
    }

    .title_header {
        font-size: 40px;
        line-height: 40px;
    }

}
@media (max-width: 1024px) {
    .rps-mw320 .rps_item_section3:nth-child(1),.rps-mw320 .rps_item_section3:nth-child(2) {
        width: 48% !important;
        padding: 1rem 0;
    }
    .rps-mw320 .rps_item_section3 {
        font-size: 11px;
    }
    .section3_item p {
        font-size: 11px;
        margin-bottom: 0px;
    }

}
@media (max-width: 499px) {
    .rps_row {
        flex-direction: column-reverse;
    }

    .rps-col {
        width: 100%;
        max-width: 100%;
        padding: 0;
        overflow: hidden;
    }
    .rps-col.mt-5r{
        max-width: 90%;
        width: 90%;
        text-align: center;
    margin: auto;
    }
    
    .rps-col .container {
        /* padding: 0;
        margin: 0; */
        max-width: 100%;
    }

    .rps_item_section3 {
        width: 95%;
    }

    .text_section3 p {
        font-size: 12px;
    }

    .form-main {
        margin-bottom: 5rem;
        max-width: 100%;
        margin: 2rem auto;
        backdrop-filter: none;
        padding: 2rem 1rem 3rem;
    }

    .col_row_header {
        flex-direction: column;
    }

    .rps_title_header {
        text-align: center;
        max-width: 90%;
        margin: 0 auto;
    }

    .title_header {
        font-size: 30px;
        line-height: 31px;
    }

    .paragrap_header, .btn-submit {
        font-size: .9em;
    }

    .border_bottom {
        display: none;
    }

    .paragrap_header {
        width: 90%;
        margin: 1rem auto 1rem;
    }

    .mt-rps-0 {
        margin-top: 0;
    }

    .bg_img_header, .bg_img_header2 {
        display: none;
    }


    p {
        font-size: .9em;
    }

    .select {
        width: 48%;
        margin: 0;
        margin-left: 1em;
    }
    .select::after {
        right: 10%;
    }

    .lable_mail_phone {
        font-size: .9em;
    }


}

.line-section-6 {
    position: absolute;
    top: 36px;
}
.line-section-6 img{
    max-width: 80%;
    height: auto;

}
@media (max-width:767px) {
    .line-section-6 {
        display: none;
    }
    .bg-after::after{
        display: none;
    }
}
@media (min-width:992px) {
    .input-data input{
        width: 280px;
    }
    .input-data .mess{
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .mt-5r::before ,.bg-after::after,.rps_row::before, .col-contact::before,.line-section-6 {
        display: none;
    }
}
@media (max-width:991px) {
    .row-cosultanat{
        flex-direction: column-reverse;
    }
    .img_form_bg img{
        width: 100%;
    }
    .img_form_bg{
        width: unset;
    }
    .section3_item{
        height: unset;
        max-height: unset;
        padding: 20px 20px 20px !important;
    }
    .text_section3 .mail_time_office {
        margin-top: 10px;
    }
    .rps-px4 .section3_item:first-child{
        padding: 30px !important;
    }
}