@charset "utf-8";
/* CSS Document */

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/** 1. Change the default font family in all browsers (opinionated). 2. Prevent adjustments of font size after orientation changes in IE and iOS. */

body {
    color: #373d48;
    font-size: 17px;
    line-height: 24px;
    overflow-x: hidden;
    position: relative;
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: "Rubik", sans-serif;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5 {
    margin: 0px;
    margin-bottom: 20px;
}

h1 {
    font-weight: 700;
    font-size: 55px;
    line-height: 60px;
    font-family: "Gveret Levin", cursive;
}

h2 {
    font-size: 35px;
    line-height: 48px;
    font-family: "Gveret Levin", cursive;
    font-weight: 400;
    color: #834f34;
    margin-bottom: 20px;
}

h3 {
    font-weight: 700;
    font-size: 26px;
    line-height: 36px;
    font-family: "Rubik", sans-serif;
    font-weight: 700;
    color: #57423b;
}

h4 {
    font-size: 18px;
    line-height: 29px;
    font-family: "Rubik", sans-serif;
    font-weight: 700;
    color: #834f34;
}

h5 {
    font-size: 16px;
    line-height: 28px;
    font-family: "Gveret Levin", cursive;
    font-weight: 700;
    color: #501C36;
}

.sub_title {
    font-size: 27px;
    line-height: 36px;
    font-family: "Gveret Levin", cursive;
    font-weight: 400;
    color: #834f34;
    margin-bottom: 10px;
    display: block;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #151515;
}

a:hover {
    text-decoration: none;
    outline: none;
    transition: 0.5s ease-in-out all;
    -webkit-transition: 0.5s ease-in-out all;
    -ms-transition: 0.5s ease-in-out all;
    -moz-transition: 0.5s ease-in-out all;
    -o-transition: 0.5s ease-in-out all;
    color: #EDE7E1;
}

p {
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    font-family: "Rubik", sans-serif;
    color: #382626;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/*----- Wrapper Part ------*/

.container {
    max-width: 1440px;
    height: auto;
    display: block;
    margin: 0 auto;
    clear: both;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
}

.sub-container {
    max-width: 1266px;
    height: auto;
    display: block;
    margin: 0 auto;
    clear: both;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
}

section {
    position: relative;
    overflow: hidden;
}

/*----- Wrapper Part ------*/

.border_btn {
    background: #a57865;
    height: 45px;
    width: 100%;
    display: inline-block;
    max-width: max-content;
    padding: 0 10px;
    min-width: 147px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 56px;
    border: 2px solid #fff;
    color: #fff;
}

.border_t_btn {
    background: #f5f4f1;
    height: 45px;
    width: 100%;
    display: inline-block;
    max-width: max-content;
    padding: 0 10px;
    min-width: 147px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 56px;
    border: 2px solid #a57865;
    color: #a57865;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.border_t_btn:hover {
    background-color: #f5f4f1;
    color: #fff;
    border: 2px solid transparent;
}

.border_t_btn::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: 0;
    width: 0;
    height: 100%;
    background: #986a5a;
    border-radius: 100px;
    transition: all 0.4s ease-in-out;
    z-index: -1;
}

.border_t_btn:hover::before {
    width: 100%;
    left: 0;
    right: auto;
}




.banner_section video {
    object-fit: cover;
    height: calc(80vh - 126px);
}



.surrogacy_content {
    text-align: right;
    padding-right: 43px;
}

.surrogacy_section {
    padding: 34px 0;
    background: #fafaf7;

}

.surrogacy_content p {
    max-width: 572px;
}

.content-list {
    margin: 0;
    padding: 0 20px 0 0;
    max-width: 503px;
}

.content-list li {
    list-style: disc;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 28px;
    color: #382626;
    padding: 0;
}

.surrogacy_content h3 {
    font-size: 30px;
    line-height: 36px;
    font-weight: 400;
    color: #834f34;
    font-family: "Gveret Levin", cursive;
}

.video_main {
    position: relative;
    max-width: 340px;
    width: 100%;
}

.video_main video {
    border-radius: 20px;
    object-fit: contain;
    cursor: pointer;
}

.video_after {
    position: absolute;
    bottom: -50px;
    right: -50px;
    animation: rotate 10s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.line-image {
    margin-top: 30px;
    height: 76%;
    width: 134px;
}

.surrogacy_list {
    margin: 50px 0;
}

.surrogacy_section .col-lg-4 {
    text-align: left;
    justify-content: flex-end;
    display: flex;
    padding-left: 76px;
}

.advise_section {
    background: #f6f1eb;
    padding: 50px 0;
    border-top: 4px solid #fff;
}

.advise_section h3 {
    text-align: right;
    max-width: 560px;
    color: #57423b;
    margin-bottom: 40px;
}

.advise_section input {
    border: 2px solid #a57865;
    height: 60px;
    width: 100%;
    border-radius: 20px;
    color: #57423b;
    font-size: 18px;
    font-weight: bold;
    background: #f6f5f1;
}

.advise_section input:focus,
.advise_section textarea:focus {
    outline: none;
    box-shadow: none;
    border: 2px solid #a57865;
}

.advise_section input::-webkit-input-placeholder,
.advise_section textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #57423b;
}

.advise_section input::-moz-placeholder,
.advise_section textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #57423b;
}

.advise_section input:-ms-input-placeholder,
.advise_section textarea:-ms-input-placeholder {
    /* IE 10+ */
    color: #57423b;
}

.advise_section input:-moz-placeholder,
.advise_section textarea::-moz-placeholder {
    /* Firefox 18- */
    color: #57423b;
}

.advise_section textarea {
    border: 2px solid #a57865;
    height: 180px;
    margin-top: 20px;
    width: 100%;
    border-radius: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #57423b;
    background: #f6f5f1;
}

.form-block-btn {
    margin-top: 30px;
}

.form-block-btn button.btn-primary {
    min-width: 200px;
    border-radius: 56px;
    height: 50px;
    background: #59433a;
    border: 1px solid #fe9786;
    cursor: pointer;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;

}


.form-block-btn button.btn-primary::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: 0;
    width: 0;
    height: 100%;
    background: #986a5a;
    border-radius: 100px;
    transition: all 0.4s ease-in-out;
    z-index: -1;
}

.form-block-btn button.btn-primary:hover::before {
    width: 100%;
    left: 0;
    right: auto;
}

.form-block-btn button.btn-primary:hover {
    background-color: transparent;
    color: #fff;
}


.advise_content {
    text-align: right;

    padding-right: 40px;
    margin-right: 10px;
    position: relative;
}

.advise_content:after {
    background: #a57865;
    width: 2px;
    height: calc(100% + 43px);
    right: 0;
    content: "";
    position: absolute;
    top: -43px;
}

.advise_content span.icon {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    padding-left: 38px;
}

.advise_content p {
    font-size: 19px;
    line-height: 26px;
    margin-bottom: 0;
    color: #59433a;
    padding-left: 38px;
}

.routes_section {
    padding: 30px 0 50px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

.routes_top {
    display: flex;
    justify-content: center;
    text-align: right;
    padding-right: 229px;
    margin-bottom: 30px;
}

.route_box {
    display: flex;
    margin-bottom: 51px;
}

.route_box:last-child {
    margin-bottom: 0;
}

.route_image {
    width: 220px;
    position: relative;
}

.route_image img {
    border-radius: 15px;
    display: block;
}

.route_box .route_desc {
    max-width: calc(100% - 220px);
    text-align: right;
    padding-right: 20px;
}

.route_box .route_desc p {
    font-size: 18px;
    margin-bottom: 0;
}

.route_box .btn_main {
    display: flex;
    justify-content: flex-end;
    margin-top: 9px;
}

.route_box figcaption,
.route_bottom figcaption {
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 6px rgba(255, 255, 255, 0.3);
    background: rgba(180, 129, 104, 0.9);
    min-height: 50px;
    padding: 10px 20px;
    border-radius: 15px;
    line-height: 30px;
}

.route_bottom {
    display: flex;
    position: relative;
    justify-content: center;
    gap: 33px;
}

.routes_left {
    border-left: 2px solid #a57865;
    padding-left: 40px;
}

.routes_right {
    padding-right: 40px;
    padding-left: 40px;
}

.routes_top span.icon {
    margin: 0 22px;
    width: 60px;
}

.routes_left .route_desc p {
    padding-left: 55px;
}

.video_slider {
    background: #f6f1eb;
    padding: 48px 0;
    text-align: center;
}

.video_slider .slider-main {
    margin-top: 58px;
}

.video_slider video.carousel-video {
    width: 100%;
}


.step_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-bottom: 17px;
}

span.number {
    font-size: 68px;
    font-weight: 700;
    font-family: "Rubik", sans-serif;
    font-weight: 700;
    color: #b48168;
}

.step_section {
    padding: 63px 0;
    overflow: hidden;
}

.step_section .btn_main {
    display: flex;
    justify-content: flex-end;
}

.step_section.active .animation_svg {
    display: block;
}

.animation_svg {
    position: absolute;
    left: 0;
    top: -90px;
    display: none;
}

.step_main {
    display: flex;
    align-items: center;
}

.step_left {
    width: 350px;
}

.step_left video {
    border-radius: 26px;
    object-fit: contain;
    cursor: pointer;
}

.step_right {
    width: calc(100% - 350px);
    padding-right: 50px;
    text-align: right;
}

.step_content {
    border: 1px solid #b48168;
    border-radius: 20px;
    padding: 12px 12px 30px;
    position: relative;
    min-height: 388px;
}

.step_content:before {
    position: absolute;
    content: "";
    width: 25px;
    height: 34px;
    top: 47%;
    transform: translateY(-50%);
    background: url(../images/slider-arrow.svg) no-repeat center center;
    left: -14%;
}

.step_content h3 {
    font-size: 20px;
    line-height: 26px;
    color: #382622;
    margin-bottom: 15px;
}

.step_content p {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 0;
}

.step_right .step-slider .btn_main {
    display: flex;
    justify-content: center;
    margin-top: -21px;
    position: relative;
}

.step_top {
    display: flex;
    align-items: center;
    padding-right: 143px;
}

.step_top p {
    max-width: 695px;
    text-align: right;
    padding-right: 38px;
    font-size: 18px;
}

.step_section .btn_main .primary_btn {

    min-width: 300px;

}

.step_section .btn_main .primary_btn::after {
    top: 1px;
}

.cta_section {
    padding-top: 31px;
    height: 300px;
    background-size: cover !important;
    background-attachment: fixed !important;
    display: flex;
    align-items: center;
}

.cta_section .container {
    max-width: 863px;
    text-align: center;
}

.cta_section h3 {
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 6px rgba(255, 255, 255, 0.3);
}

.cta_section .primary_btn {
    background: #59433a;
    border: 1px solid #fe9786;
    color: #fff;
    font-weight: 400;
    min-width: 220px;
    font-size: 16px;
    margin: 0 auto;
}

.cta_section .primary_btn:hover {
    color: #986a5a;
}

.cta_section .primary_btn:after {
    display: none;
}

.process_section {
    padding: 73px 0;
    background: #f5f4f1;
}

.process_box {
    text-align: right;
}

.process_box h4 {
    margin-bottom: 0;
}

.process_box p {
    margin-bottom: 0;
}

.process_box figure {
    margin-bottom: 17px;
    margin-left: 60px;
    height: 80px;
}

.process_box figure img {
    margin: 0 auto;
    display: block;
}

.process_top {
    text-align: center;
    margin-bottom: 39px;
    position: relative;
}

.process_section .process_desc {
    padding-left: 21px;
}

.process_section .process_desc p {
    font-size: 18px;
    line-height: 26px;
}


.process_section .process_desc:before {
    background: #b48168;
    height: 70%;
    width: 1px;
    content: "";
    position: absolute;
    left: 20px;
    top: 90px;
}

.process_section .col-md-3:last-child .process_desc:before {
    display: none;
}

.process_section .col-md-3:last-child .process_desc {
    padding-left: 0;
}

.process_section .container {
    max-width: 1266px;
}

.family_section {
    padding: 40px 0;
}

.image-hors .animate-object {
    animation: floatMove 3s ease-in-out infinite;
    transform-origin: center bottom;
    /* better swing feel */
}

@keyframes floatMove {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }

    25% {
        transform: translate(20px, -20px) rotate(6deg);
        /* more right + up */
    }

    50% {
        transform: translate(0, -40px) rotate(0deg);
        /* higher up */
    }

    75% {
        transform: translate(-20px, -20px) rotate(-6deg);
        /* more left */
    }

    100% {
        transform: translate(0, 0) rotate(0deg);
    }
}


.family_main {
    display: flex;
    align-items: center;
}

.family_left {
    width: 65%;
    padding-left: 80px;
}

.family_left h2 {
    text-align: center;
    margin-bottom: 22px;
}

.family_section .btn_main {
    display: flex;
    justify-content: center;
    margin-top: 22px;
}

.family_section .border_t_btn {
    min-width: 302px;
}

.family_right {
    width: 35%;
    text-align: center;
}

.family_right .image-hors img {
    margin: 0 auto;
    display: block;
}

.family_right .about_s_desc {
    max-width: 406px;
    width: 100%;
    padding: 65px 23px 28px;
    border: 2px solid #b48168;
    border-radius: 24px;
    margin: 0 auto;
    text-align: right;
}

.family_right .about_s_desc p {
    font-size: 18px;
}

.family_right .bottom_slider {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
}

.family_right .bottom_slider .profile_image {
    width: 69px;
    height: 69px;
    border-radius: 50%;
}

.family_right .bottom_slider .name {
    width: auto;
    text-align: right;
    padding-right: 14px;
    font-size: 28px;
    line-height: 34px;
    font-family: "Gveret Levin", cursive;
    color: #834f34;
}

.family_slider .owl-nav {
    width: 100%;
}

.family_slider .owl-prev span,
.family_slider .owl-next span {
    display: none;
}

.family_slider .owl-prev:focus,
.family_slider .owl-next:focus {
    outline: none;
}

.family_slider .owl-prev {
    background: url(../images/slider-left.svg) no-repeat left center !important;
    width: 34px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s;
    opacity: 1 !important;
    visibility: visible !important;
    font-size: 0 !important;
    right: 435px;
}

.family_slider .owl-next {
    background: url(../images/slider-right.svg) no-repeat right center !important;
    width: 34px;
    height: 60px;
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    opacity: 1 !important;
    visibility: visible !important;
    font-size: 0 !important;
}

.masonry {
    column-count: 3;
    column-gap: 10px;
    padding: 20px;
}

.masonry .item {
    break-inside: avoid;
    margin-bottom: 10px;
    border-radius: 20px;
    overflow: hidden;
}

.masonry .item img {
    width: 100%;
    display: block;
    border-radius: 20px;
}

.roadmap_section {
    background: #f6f1eb;
    padding: 40px 0 60px;

}

.roadmap_section .container,
.family_section .container {
    max-width: 1266px;
}

.roadmap_section h2 {
    text-align: center;
    margin-bottom: 77px;
}


.road_main {
    display: flex;
    flex-wrap: wrap;
    gap: 36px;
    justify-content: center;
    row-gap: 54px;
}

.road_box {
    width: 100%;
    max-width: 384px;
}

.road_desc {
    padding: 38px 17px 38px 14px;
    border: 2px solid #b48168;
    background: #fff;
    border-radius: 24px;
    text-align: right;
    display: flex;
    align-items: flex-start;
    height: 100%;
    height: 228px;
    position: relative;
}

.road_deddy {
    width: 25%;
    display: flex;
    justify-content: flex-end;
}

.road_desc figure {
    max-width: 90px;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    align-items: center;
    display: flex;
}

.rad_title {
    max-width: calc(100% - 90px);
    padding-right: 15px;
}


.road_desc h4 {
    margin-bottom: 10px;
    color: #59433a;
}

.road_desc p {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 0;
    color: #59433a;
}

.consultation_section {
    padding: 50px 0;
    background-size: cover !important;
}

.consultation_section .consultation_main {
    max-width: 510px;
    display: flex;
    justify-content: flex-start;
    text-align: center;
    flex-direction: column;
}

.consultation_section .consultation_main h4 {
    color: #fff;
    margin-bottom: 27px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 6px rgba(255, 255, 255, 0.3);
}

.consultation_section .consultation_main .primary_btn {
    min-width: 450px;
    margin: 0 auto;
}

.agency_section {
    padding: 48px 0 30px;
    text-align: center;
    background: #f5f4f1;
}

.agency_section h2 {
    margin-bottom: 37px;
}

.agency_section .agency_desc {
    text-align: right;
    padding-top: 11px;
}

.agency_section .agency_desc figure {
    margin-bottom: 11px;
}

.agency_section .agency_desc figure img {
    height: 208px;
    object-fit: cover;
    border-radius: 20px;
    border: 2px solid #a57865;
}

.video_slider .owl-nav {
    max-width: 1266px;
    margin: 0 auto;
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    padding: 0 20px;
    right: 0;
    margin: auto;
}

.agency_section .owl-nav .owl-prev,
.video_slider .owl-nav .owl-prev {
    position: absolute;
    top: -80px;
    width: 85px;
    height: 34px;
    background: url(../images/agency_next.svg) no-repeat left top !important;
    right: 0;
    transform: translateX(0);
    transition: 0.3s;
    opacity: 1 !important;
    visibility: visible !important;
    font-size: 0 !important;
}

.video_slider .owl-nav .owl-prev span,
.video_slider .owl-nav .owl-next span {
    display: none;
}

.agency_section .owl-nav .owl-prev:hover,
.agency_section .owl-nav .owl-next:hover,
.video_slider .owl-nav .owl-next:hover,
.video_slider .owl-nav .owl-prev:hover {
    animation: bounceX 0.6s ease;
}

@keyframes bounceX {
    0% {
        transform: translateX(0);
    }

    30% {
        transform: translateX(12px);
    }

    50% {
        transform: translateX(6px);
    }

    70% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(8px);
    }
}

.agency_section .owl-nav .owl-next,
.video_slider .owl-nav .owl-next {
    position: absolute;
    top: -80px;
    width: 85px;
    height: 34px;
    transform: translateX(0);
    transition: 0.3s;
    background: url(../images/agency_prev.svg) no-repeat left top !important;
    left: 0;
    opacity: 1 !important;
    visibility: visible !important;
    font-size: 0 !important;
}



.agency_section .owl-nav .owl-prev span,
.agency_section .owl-nav .owl-next span {
    display: none;
}


.agency_section .owl-nav .owl-prev:focus,
.agency_section .owl-nav .owl-next:focus,
.video_slider .owl-nav .owl-next:focus,
.video_slider .owl-nav .owl-prev:focus {
    outline: none;
}

.agency_section .container {
    max-width: 1266px;
}

.agency_text h4 {
    margin-bottom: 0;
    letter-spacing: 0;
    font-size: 17px;
    line-height: 23px;
}

.agency_text p {
    font-size: 16px;
    line-height: 22px;
}

.advanced_box:nth-child(1) svg {
    top: -176px;
}

.advanced_box:nth-child(2) svg {
    left: 10px;

}

.advanced_box:last-child svg {
    left: -20px;
}

.advanced_box img {
    background: #f6f1eb;
    height: 100%;
    width: auto;
    position: relative;
    z-index: 1;
}


section.security_section {
    padding: 30px 0 59px;
}

.security_main {
    display: flex;
    align-items: center;
}

.security_left {
    width: 38%;
    text-align: right;
    padding-left: 43px;
}

.security_main h2 {
    font-family: "Rubik", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
}

.security_main ul {
    margin: 0;
    padding: 0 20px 0 0;
}

.security_main p,
.security_main ul li {
    color: #834f34;
    font-size: 17px;
}

.security_left p {
    padding-left: 45px;
}

.security_left a.primary_btn {

    max-width: 100%;
    min-width: 100%;
    margin-top: 5px;
}

.security_left a.primary_btn:after {
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    height: calc(100% - 2px);
    height: calc(100% - 2px);
}



.security_middle {
    width: 22%;
}

.security_middle video {
    height: 100%;
    border-radius: 25px;
    cursor: pointer;
}

.security_right {
    width: 38%;
    text-align: right;
    padding-right: 43px;
}



.image-hors .animate-object {
    animation: floatMove 3s ease-in-out infinite;
    transform-origin: center bottom;
    /* better swing feel */
}

@keyframes floatMove {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }

    25% {
        transform: translate(20px, -20px) rotate(6deg);
        /* more right + up */
    }

    50% {
        transform: translate(0, -40px) rotate(0deg);
        /* higher up */
    }

    75% {
        transform: translate(-20px, -20px) rotate(-6deg);
        /* more left */
    }

    100% {
        transform: translate(0, 0) rotate(0deg);
    }
}


.family_main {
    display: flex;
    align-items: center;
}

.family_left {
    width: 65%;
    padding-left: 80px;
}

.family_left h2 {
    text-align: center;
    margin-bottom: 22px;
}

.family_section .btn_main {
    display: flex;
    justify-content: center;
    margin-top: 22px;
}

.family_section .border_t_btn {
    min-width: 302px;
}

.family_right {
    width: 35%;
    text-align: center;
}

.family_right .image-hors img {
    margin: 0 auto;
    display: block;
}

.family_right .about_s_desc {
    max-width: 406px;
    width: 100%;
    padding: 65px 23px 28px;
    border: 2px solid #b48168;
    border-radius: 24px;
    margin: 0 auto;
    text-align: right;
}

.family_right .about_s_desc p {
    font-size: 18px;
}

.family_right .bottom_slider {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
}

.family_right .bottom_slider .profile_image {
    width: 69px;
    height: 69px;
    border-radius: 50%;
}

.family_right .bottom_slider .name {
    width: auto;
    text-align: right;
    padding-right: 14px;
    font-size: 28px;
    line-height: 34px;
    font-family: "Gveret Levin", cursive;
    color: #834f34;
}

.family_slider .owl-nav {
    width: 100%;
}

.family_slider .owl-prev span,
.family_slider .owl-next span {
    display: none;
}

.family_slider .owl-prev:focus,
.family_slider .owl-next:focus {
    outline: none;
}

.family_slider .owl-prev {
    background: url(../images/slider-left.svg) no-repeat left center !important;
    width: 34px;
    height: 60px;
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
}

.family_slider .owl-next {
    background: url(../images/slider-right.svg) no-repeat right center !important;
    width: 34px;
    height: 60px;
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
}


.agency_section .btn_main {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    margin-left: 0;
}

.agency_section .btn_main .primary_btn {

    min-width: 300px;

}


.follow_section {
    padding: 45px 0;
}

.follow_main {
    display: flex;
    align-items: center;
    justify-content: center;
}

.follow_left {
    text-align: center;
    width: 60%;
}


.follow_btn {
    display: flex;
    justify-content: center;
    gap: 21px;
    margin-top: 36px;
}

.follow_desc {
    padding-left: 120px;
}

.dynamic_section {
    background: #f5f4f1;
    padding: 56px 0 34px;
}

.dynamic_main {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dynamic_right {
    max-width: 470px;
    width: 100%;
    padding-right: 95px;
    text-align: right;
}

.dynamic_left {
    width: calc(100% - 559px);
}

.dynamic_left p {
    text-align: right;
    margin-top: 24px;
    color: #834f34;
    font-size: 16px;
    line-height: 22px;
    padding-left: 60px;
}

.dynamic_desc h2 {
    font-size: 32px;
    line-height: 48px;
}

.dynamic_desc p {
    color: #834f34;
    margin-bottom: 24px;
}

.information_section {
    padding: 45px 0;
}

.information_main {
    display: flex;
}

.inform_left {
    width: 215px;
}

.inform_right {
    width: calc(100% - 215px);
    padding-right: 21px;
    text-align: right;
}

.inform_left img {
    border: 2px solid #a57865;
    border-radius: 20px;
}

.information_section .row {
    row-gap: 54px;
    column-gap: 24px;
}

.information_section .col-md-6 {
    max-width: calc(50% - 12px);
}

.information_section .sub-container {
    max-width: 1171px;
}

.information_section h2 {
    text-align: center;
    margin-bottom: 54px;
}

.inform_right h4 {
    font-size: 20px;
    line-height: 26px;
    text-decoration: underline;

}

.information_main .primary_btn {

    margin: 0 auto;
    max-width: max-content;
    min-width: 146px;
}

.information_section .btn_main {
    display: flex;
    justify-content: center;
    margin-top: 54px;
}

.information_section .btn_main .primary_btn {

    margin: 0 auto;
    display: flex;
    min-width: 302px;
    height: 50px;

}

.advanced_main {
    display: flex;
    text-align: right;
    padding: 0 54px;
}

.advanced_box {
    width: 33.33%;
    position: relative;
}

.advanced_box figure {
    margin-bottom: 40px;
}

.advanced_box .advance_desc {
    padding-left: 64px;
}

.advanced_box:last-child .advance_desc {
    padding-left: 0;
}

.advanced_section h2 {
    text-align: center;
    margin-bottom: 40px;
}

section.advanced_section {
    background: #f6f1eb;
    padding: 35px 0 90px;
}

.advanced_box svg {
    position: absolute;
    top: 0;
    left: 79px;
    object-fit: cover;
    transform: scale(1.1);
}

.advanced_box:nth-child(1) svg {
    top: -13px;
}

.advanced_box:nth-child(2) svg {
    left: 45px;
    top: 3px;
}

.advanced_box:last-child svg {
    left: -57px;
}

.advanced_box img {
    background: #f6f1eb;
    height: 100%;
    width: auto;
    position: relative;
    z-index: 1;
}


.text-animation {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    width: 0;
    animation: typing 4s steps(60, end) forwards, blink 0.7s infinite;

}

@keyframes typing {
    to {
        width: 100%;
    }
}

@keyframes blink {
    50% {
        border-color: transparent;
    }
}

.road_box {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.2s ease;
}

.road_box.active {
    opacity: 1;
    transform: translateY(0);
}

.surrogacy_line {
    display: none;
}

.surrogacy_section.active .surrogacy_line {
    display: block;
}


.line-image svg {
    transform: scale(1.1);
    margin-top: 24px;
    margin-left: 11px;
}


.road_box .line-image {
    margin-top: 0;
    height: auto;
    width: 134px;
}

.road_box .line-image svg {
    position: absolute;
    top: -75px;
    height: 49px;
    left: -58px;
    transform: none;
}

.road_box:nth-child(2) svg {
    left: -129px;
    top: -63px;
    height: auto;
}

.road_box:nth-child(5) svg {
    position: absolute;
    top: -80px;
    left: -243px;
}

.road_box:nth-child(3) svg {
    position: absolute;
    bottom: -190px;
    left: 57%;
    transform: translateX(-44%);
    height: auto;
    top: auto;
}

.advanced_box {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.6s ease;
}

.advanced_box.active {
    opacity: 1;
    transform: translateY(0);
}

.road_box:nth-child(4) {
    margin: 0 28px;
}

.road_box:nth-child(4) .line-image svg {
    position: absolute;
    bottom: 120px;
    top: auto;
    left: -104px;
}

.visible-phone {
    display: none;
}



.family_slider svg {
    position: absolute;
    bottom: -380px;
    left: -144px;
    transform: scale(1.5);
    display: none;
}

.family_section.active .family_slider svg {
    display: block;
}

.process_section.active .animation_svg {
    display: block;
    left: -23px;
    top: -40px;
}

.follow_image video {
    height: 593px;
    object-fit: contain;
    max-width: 400px;
    border-radius: 20px;
    cursor: pointer;
}

.route_bottom .btn_main {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}


/*******************About-page-css*******************************/

.about_video .container {
    position: absolute;
    top: 0;
    text-align: right;
    max-width: 1440px;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    height: 100%;
    display: flex;
    align-items: center;
}

.about_video video {
    height: 400px !important;
}



.about_video .video_desc {
    max-width: 597px;
    background: #f6f1eb;
    border-radius: 45px;
    padding: 21px 52px;
    height: 178px;
}

.about_video .flag_image {
    position: absolute;
    right: -70px;
    top: 45px;
}

.about_video .about_title {
    padding-right: 34px;
    text-align: center;
}

.about_video .video_desc h1 {
    font-family: "Rubik", sans-serif;
    font-weight: 700;
    color: #382622;
    margin-bottom: 0;
}

.about_video .video_desc p {
    font-weight: bold;
    color: #59433a;
    font-size: 18px;
    margin-bottom: 0;
    line-height: 24px;
}

.about_choose .video_main {
    position: relative;
    max-width: 345px;
    width: 100%;
    margin: 0 auto;
}

.about_choose .btn_main {
    justify-content: center;
    display: flex;
}


.about_choose .btn_main .primary_btn {
    max-width: 345px;
    min-width: 345px;
}

.about_choose .btn_main .primary_btn::after {
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
}

.about_choose .video_main video {
    border-radius: 20px;
    object-fit: contain;
    height: 614px;
    position: relative;
    z-index: 1;
}

.about_choose .video_after {
    position: absolute;
    bottom: auto;
    right: -50px;
    animation: rotate 10s linear infinite;
    top: -40px;
}

.highest_main {
    display: flex;
    flex-wrap: wrap;
}

.highest_left {
    width: 70%;
    text-align: right;
    padding-left: 111px;
}

.highest_right {
    width: 30%;
    display: flex;
    padding-top: 82px;
}

section.highest_section {
    padding: 43px 0;
}

.highest_right video.carousel-video {
    border-radius: 42px;
}

.highest_desc {
    padding-left: 60px;
}

.close_to_home {
    background: #f5f4f1;
    padding: 42px 0;
    text-align: right;
}

.close_main {
    display: flex;
}

.close_main .close_left {
    width: 50%;
    padding-left: 80px;
    position: relative;
}

.close_main .close_right {
    width: 50%;
    padding-right: 80px;
    position: relative;
}

.close_main .close_right h3 {
    margin-bottom: 0;
    font-size: 22px;
    line-height: 26px;
}

.close_main .close_right ol {
    padding: 0 40px 0 0;
}

.close_main .close_right p,
.close_main .close_right ol li {
    margin-bottom: 0;
    color: #834f34;
}

.close_main .close_right ol li {
    list-style: decimal;
    padding: 0;
    line-height: 24px;
}

.close_main .close_left ul {
    padding: 0 40px 0 0;
}

.close_main .close_left ul li {
    color: #834f34;
    list-style: disc;
    padding: 0;
    line-height: 24px;
}

.close_main .close_left:before {
    background: #b48168;
    position: absolute;
    top: 7%;
    transform: translateX(-50%);
    left: 0;
    width: 1px;
    height: 80%;
    content: "";
}

.close_desc h3 {
    color: #834f34;
    font-size: 20px;
    line-height: 26px;
}


.about_choose .left_image_part {
    width: 119px;
}

.close_to_home .btn_main {
    display: flex;
    justify-content: center;
    margin-top: 25px;
}

.about_questions {
    padding: 26px 0;
    text-align: right;
}

.questions_desc {
    padding-left: 52px;
    border-left: 2px solid #986a5a;
}

.questions_box span.questions {
    font-size: 20px;
    line-height: 27px;
    font-weight: bold;
    color: #5d4132;
}

.questions_box p {
    color: #5d4132;
}

.about_questions .video-slide {
    width: 305px;
}

.about_questions .video-slide video {
    border-radius: 33px;
    display: block;
}

.about_questions .col-md-5 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.about_questions .col-md-5 p {
    text-align: center;
    color: #834f34;
    max-width: 422px;
    width: 100%;
    margin: 20px auto 0;
}

.about-follow {
    padding: 30px 0;
    text-align: center;
    background-size: 100% !important;
    width: 100%;
}

.follow_a_main {
    max-width: 400px;
    margin: 0 auto;
    position: relative;
}

.follow_a_main:before {
    background: url(../images/follow_teddy.png) no-repeat left bottom;
    position: absolute;
    left: -250px;
    width: 289px;
    height: 276px;
    content: "";
}

.close_to_home .primary_btn::after {
    right: 1px;
    top: 1px;
    width: calc(100% - 2px);
}

.highest_right .line_image {
    position: absolute;
    top: -119px;
    transform: rotate(5deg);
    left: -160px;
}

.highest_right .video-slide {
    position: relative;
    z-index: 1;
}

section.highest_section.active .line_image svg {
    display: block;
}

.highest_right .line_image svg {
    transform: scale(1.6);
    display: none;
}

.close_to_home.active .animation_svg {
    display: block;
}

.close_to_home .animation_svg {
    top: -100px;
    left: -100px;
    transform: rotate(2deg);
}

.close_to_home .container {
    position: relative;
}

.close_top {
    display: flex;
    justify-content: space-between;
}

.close_svg img.close_image {
    margin-left: 80px;
    position: relative;
    z-index: 1;
    top: -10px;
}

.about_choose .surrogacy_content p {
    margin-bottom: 0;
    max-width: 682px;
}

.about_choose .surrogacy_content ul {
    margin-bottom: 20px;
    max-width: 623px;
}

.about_choose .surrogacy_list {
    margin: 27px 0 35px;
}

.highest_left p {
    padding-left: 50px;
}

.highest_desc .sub_title {
    color: #382622;
    font-weight: bold;
    font-family: "Rubik", sans-serif;
    font-size: 22px;
}

.highest_desc ul li {
    color: #382622;
    font-size: 18px;
    line-height: 24px;
    padding: 0;
    list-style: disc;
}

.highest_right a.primary_btn {
    min-width: 321px;
}

.highest_right a.primary_btnL:after {
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    border: 1px solid #fff;
    height: calc(100% - 1.5px);
    width: calc(100% - 2px);
}

.toggle-pause-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 2;
}

.toggle-pause-play img {
    width: 100px;
}

.advance_desc h4 {
    margin-bottom: 5px;
}

.highest_desc ul {
    padding: 0 40px 0 0;
}

.step_content .step_title .icon img {
    height: 71px;
}

.roadmap_section h2 br {
    display: none;
}

.close_desc p a, .close_desc p a:hover {
    color: #834f34;
}

body .advise_section input {
    border: 2px solid #a57865 !important;
    height: 60px;
    width: 100% !important;
    border-radius: 20px !important;
    color: #57423b !important;
    font-size: 18px !important;
    font-weight: bold;
    background: #f6f5f1 !important;
}

body .advise_section textarea {
    border: 2px solid #a57865;
    height: 180px;
    margin-top: 20px;
    width: 100%;
    border-radius: 20px !important;
    font-size: 18px;
    font-weight: bold;
    color: #57423b !important;
    background: #f6f5f1 !important;
}

.slider-main .video-wrapper-iframe {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
    border-radius: 12px;
}

.slider-main .video-wrapper-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.agency_section .owl-nav .owl-prev {
    right: 288px;
}

.agency_section .owl-nav .owl-next {
    left: 288px;
}


@media(max-width:1600px) {
    .about_video .video_desc {
        margin-right: 80px;
    }

    .about_video .flag_image {
        right: 11px;
    }
}


@media(max-width:1440px) {
    .advanced_section .container {
        max-width: 1199px;
    }

    .advanced_box svg {
        max-width: 339px;
        width: 100%;
        left: 34px;
        transform: none;
    }

    .advanced_box:nth-child(2) svg {
        left: 60px;
        top: 0px;
    }

    .advanced_box:last-child svg {
        left: 0;
        max-width: 293px;
    }

    .advanced_box:nth-child(1) svg {
        top: -13px;
    }

    .advanced_box .advance_desc {
        padding-left: 37px;
    }


}


@media(max-width:1263px) {
    .road_box {
        width: 100%;
        max-width: 291px;
    }

    .routes_left .route_desc p {
        padding-left: 0;
    }



    .advanced_box:nth-child(2) svg {
        left: 45px;
        top: -3px;
    }

    .road_desc {
        flex-direction: column;
        text-align: center;
        padding: 20px 0 20px 0px;
        height: 100% !important;
    }

    .road_deddy {
        width: 23%;
        display: flex;
        justify-content: flex-end;
    }

    .rad_title {
        max-width: 100%;
        padding: 0 15px;
    }

    .road_main {
        gap: 20px;
    }
}

@media(max-width:1199px) {
    .agency_section .owl-nav .owl-prev {
        right: 50px;
    }

    .agency_section .owl-nav .owl-next {
        left: 50px;
    }
}


@media(max-width:991px) {
    .surrogacy_content {
        padding-right: 0;
    }

    .advise_content p {
        padding-left: 0;
    }



    .advise_content span.icon {
        padding-left: 0;
    }

    .route_box {
        flex-direction: column;
    }

    .route_box .route_desc {
        max-width: 100%;
        padding-right: 0;
        padding-top: 30px;
    }

    .routes_left .route_desc p {
        padding-left: 0;
    }

    .step_top {
        flex-direction: column;
        padding-right: 0;
    }

    .step_main {
        flex-direction: column;
    }

    .step_right {
        width: 100%;
        padding-right: 0;
        margin: 40px 0;
    }

    .animation_svg {
        top: -110px;
    }

    .family_left {
        width: 60%;
        padding-left: 60px;
    }

    .road_box {
        width: 100%;
        max-width: 250px;
    }

    .road_desc {
        flex-direction: column;
        text-align: center;
        padding: 20px 0 20px 0px;
        height: 100% !important;
    }

    .road_deddy {
        width: 23%;
        display: flex;
        justify-content: flex-end;
    }

    .rad_title {
        max-width: 100%;
        padding: 0 15px;
    }

    .road_main {
        gap: 20px;
    }

    .follow_desc {
        padding-left: 63px;
    }




}

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

    .about_video .video_desc {
        margin-right: 0;
    }

    .about_video .flag_image {
        position: absolute;
        left: 37px;
        top: -70px;
        right: auto;
    }

    .about_video .flag_image img {
        width: 100px;
    }


    .about_video .about_title {
        padding-right: 0;
        text-align: center;
        padding-left: 15px;
    }

    .step_section .btn_main {
        justify-content: center;
    }

    .route_image {
        margin: 0 auto;
    }

    .desktop_view {
        display: none;
    }

    .highest_right .btn_main.visible-phone {
        top: -20px;
        position: relative;
    }



    .road_desc figure {
        margin: 0 auto 20px;
        align-items: center;
    }

    .video_slider h2.desktop_view {
        display: none;
    }

    .roadmap_section h2 {
        margin-bottom: 30px;
    }

    .process_section.active .animation_svg {
        display: none;
    }

    .banner_section video.desktop_view {
        display: none;
    }

    .advanced_box svg {
        left: auto !important;
    }

    .follow_left {
        width: 100%;
    }




    .family_right {
        width: calc(100% - 50px);
        text-align: center;
        margin-bottom: 40px;
    }



    .advise_content {
        margin-bottom: 30px;
    }

    .masonry {
        padding: 0 10px;
    }

    .family_right .about_s_desc {
        padding: 28px 23px 28px;
    }

    .family_right .bottom_slider {
        margin-top: 30px;
    }

    .road_box:nth-child(4) {
        margin: 0;
    }

    .road_deddy {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .family_left {
        width: 100%;
        padding-left: 0;
    }

    .visible-phone {
        display: flex;
    }

    .visible-desktop {
        display: none !important;
    }




    .banner_section video {
        object-fit: cover;
        height: auto;
        aspect-ratio: 16 / 20;
    }

    .advise_content:after {
        display: none;
    }

    .advise_content {
        padding-right: 0;
        margin-right: 0;
        padding-top: 30px;
        margin-bottom: 0;
    }

    .advise_section textarea {
        margin-top: 0;
    }

    .advise_section .col {
        flex-basis: auto;
        margin-bottom: 15px;
    }

    .video_main {
        margin: 0 auto;
    }

    .routes_top {
        flex-direction: column;
        padding-right: 0;
        text-align: center;
    }

    .routes_top span.icon {
        margin: 0 auto 20px;
    }

    .routes_left {
        border-left: 0;
        padding-left: 15px;
        padding-bottom: 30px;
    }

    .routes_right {
        padding:0 15px;
    }

    .route_box .btn_main {
        justify-content: center;
    }

    .agency_section .owl-carousel {
        margin-top: 60px;
    }

    .process_section .process_desc:before {
        display: none;
    }

    .process_section .process_desc {
        padding-left: 0;
    }

    .process_section .row {
        gap: 30px;
    }

    .follow_main {
        flex-direction: column-reverse;
    }

    .follow_desc {
        padding-left: 0;
    }

    .dynamic_main {
        flex-direction: column-reverse;
    }

    .dynamic_left {
        width: 100%;
    }

    .dynamic_right {
        max-width: 100%;
        padding-right: 0;
    }

    .information_section .col-md-6 {
        max-width: 100%;
    }

    .information_main {
        flex-direction: column;
    }

    .inform_right {
        width: 100%;
        padding-right: 0;
        text-align: right;
        margin-top: 30px;
    }

    .information_section .row {
        row-gap: 30px;
        column-gap: 0;
    }

    .advanced_main {
        padding: 0;
        flex-direction: column;
    }

    .advanced_box .advance_desc {
        padding-left: 0;
    }

    .advanced_box {
        width: 100%;
        padding: 0;
    }

    .security_main {
        flex-direction: column;
    }

    .security_left {
        width: 100%;
        padding-left: 0;
    }

    .security_middle {
        width: 100%;
        margin-top: 30px;
    }

    .security_right {
        width: 100%;
        padding-right: 0;
        margin-top: 20px;
    }



    .security_main h2 {
        font-size: 26px;
        line-height: 32px;
    }

    .security_left p {
        padding-left: 0;
    }

    .step_left {
        margin: 0 auto;
        width: auto;
    }

    .step_top p {
        padding-right: 0;
    }

    .road_box .line-image svg {
        position: absolute;
        bottom: -35px;
        height: 49px;
        left: 100px;
        transform: rotate(-55deg);
        top: auto;
    }

    .road_box:nth-child(2) svg {
        left: 50%;
        bottom: 21px;
        height: auto;
        transform: translateX(-50%) rotate(-104deg);
        top: auto;
    }

    .road_main {
        gap: 94px;
    }

    .road_box:nth-child(3) svg {
        position: absolute;
        bottom: -65px;
        height: auto;
        left: 10px;
        transform: rotate(35deg);
        top: auto;
    }

    .road_box:nth-child(4) .line-image svg {
        position: absolute;
        bottom: -98px;
        top: auto;
        left: 28%;
        height: auto;
        transform: rotate(98deg) translateX(-50%);
    }

    .agency_section .btn_main {
        justify-content: center;
        margin-left: 0;
    }

    .agency_section .btn_main .primary_btn {
        min-width: 100%;
    }

    .advanced_box svg {
        position: absolute;
        top: 0;
        left: 20px;
        object-fit: cover;
        transform: none;
        /* display: none; */
        width: 318px;
    }

    .advanced_box:nth-child(1) svg {
        top: 7px;
    }

    .advanced_box:nth-child(2) svg {
        left: 0;
        top: 3px;
    }

    .advanced_box:last-child svg {
        left: 0;
    }



    .step_section .animation_svg {
        display: block;

        top: -100px;
        left: -50px;
    }

    .step_section .animation_svg svg {
        width: 250px;
    }

    .road_box {
        width: 100%;
        max-width: 375px;
    }

    .dynamic_desc h2 {
        font-size: 26px;
        line-height: 40px;
    }

    p {
        font-size: 18px;
        line-height: 24px;
    }

    .consultation_section .consultation_main h4 {
        font-size: 20px;
        line-height: 27px;
    }

    .follow_left {
        margin-top: 30px;
    }

    .step_content:before {
        display: none;
    }

    .step_content {
        margin: 0 30px;
    }

    .step_section .owl-next {
        background: url(../images/slider-right.svg) no-repeat right center !important;
        width: 30px;
        height: 54px;
        position: absolute;
        right: -10px;
        top: 50%;
        transform: translateY(-50%);
        background-size: 25px !important;
        opacity: 1 !important;
        visibility: visible !important;
        font-size: 0 !important;
    }

    .step_section .owl-prev {
        background: url(../images/slider-left.svg) no-repeat left center !important;
        width: 30px;
        height: 54px;
        position: absolute;
        left: -10px;
        top: 50%;
        transform: translateY(-50%);
        background-size: 25px !important;
        opacity: 1 !important;
        visibility: visible !important;
        font-size: 0 !important;
        right: 95%;
    }

    .step_section .owl-next:focus,
    .step_section .owl-prev:focus {
        outline: none;
    }

    .step_section .owl-next span,
    .step_section .owl-prev span {
        display: none;
    }

    .family_slider .owl-prev,
    .family_slider .owl-next {
        background-size: 25px !important;
        width: 30px;
    }

    .surrogacy_section .desktop_view {
        display: none;
    }

    .video_slider h2 {
        max-width: 220px;
        margin: 0 auto;
    }

    h2 {
        font-size: 26px;
        line-height: 30px;
    }

    .about_video .video_desc {
        padding: 20px;
        height: auto;
        position: relative;
    }



    .highest_main {
        flex-direction: column-reverse;
    }

    .highest_left {
        width: 100%;
        padding-left: 0;
        margin-top: 40px;
    }

    .highest_right .line_image svg {
        transform: scale(1.1);
    }

    .highest_right {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .highest_right .line_image {
        position: absolute;
        top: -89px;
        transform: rotate(5deg) translateX(-50%);
        left: 20%;
    }

    .highest_left p,
    .highest_desc {
        padding-left: 0;
    }

    .about_video .video_desc h1 {
        font-size: 30px;
        line-height: 45px;
    }

    .about_video .video_desc p {
        font-size: 15px;
        line-height: 21px;
    }

    .about_choose .video_after {
        right: -20px;
        top: -20px;
    }

    .about_choose .surrogacy_content p {
        margin-bottom: 40px;
    }

    .close_main {
        flex-direction: column;
    }

    .close_main .close_left {
        width: 100%;
        padding-left: 0;
    }

    .close_main .close_right {
        width: 100%;
        padding-right: 0;
    }

    .close_main .close_left:before {
        display: none;
    }

    .questions_desc {
        border: 0;
        padding-left: 0;
    }

    .close_desc ol,
    .close_desc ul {
        margin: 0 0 30px;
        padding: 0 20px 0 0;
    }

    .close_to_home .animation_svg {
        top: -140px;
        left: -210px;
        transform: rotate(2deg) scale(0.5);
    }

    .close_svg img.close_image {
        margin-left: 0;
        position: relative;
        z-index: 1;
        top: -20px;
        width: 81px;
    }

    .highest_desc ul {
        padding: 0 20px 0 0;
        margin: 0 0 20px;
    }

    .close_main .close_left ul {
        padding: 0 20px 0 0;
    }

    .close_main .close_right ol {
        padding: 0 20px 0 0;
    }

    .family_slider .owl-prev {
        right: 102%;
    }

    .roadmap_section h2 br {
        display: block;
    }

}


@media(max-width:500px) {
    .left_image_part {
        display: none;
    }

    .follow_a_main:before {
        display: none;
    }

    .about_video .flag_image {
        top: -90px;
        left: 9px;
    }



    .route_bottom .route_image {
        width: 100%;
    }

    .route_image img {
        width: auto;
        height: auto;
    }

    .route_bottom {
        flex-direction: row;
    }

    .route_bottom .route_image img {
        height: 171px;
    }

    .process_box figure {
        margin-left: 0;
    }

    .advanced_box svg {
        width: 300px;
    }

    .surrogacy_content h3 {
        font-size: 24px;
        line-height: 30px;
        max-width: 283px;
    }

    .sub_title {
        font-size: 22px;
        line-height: 27px;
    }

    h3 {
        font-size: 24px;
        line-height: 36px;
    }

    .video_after {
        bottom: -30px;
        right: -20px;
    }

    .video_after img {
        width: 70px;
        height: 70px;
    }

    .agency_section .owl-nav .owl-prev,
    .video_slider .owl-nav .owl-prev,
    .agency_section .owl-nav .owl-next,
    .video_slider .owl-nav .owl-next {
        top: -40px;
        background-size: 50px !important;
        background-position: center !important;
    }


    .step_section.active .animation_svg {
        display: block;
        top: -120px;
        left: -30px;
    }

    .step_section .animation_svg svg {
        width: 140px;
    }

    h2 {
        font-size: 26px;
        line-height: 30px;
    }

    .consultation_section .consultation_main .primary_btn {
        min-width: 100%;
    }

    .step_left {
        width: 100%;
    }

    .step_left video {
        width: 100%;
        display: block;
        object-fit: cover;
    }

    .inform_left {
        width: 100%;
    }

    .inform_left img {
        width: 100%;
    }

    .inform_right {
        text-align: center;
        margin-top: 20px;
    }

    section.advanced_section,
    .dynamic_section {
        padding: 35px 0;
    }

    .information_section h2 {
        max-width: 230px;
        margin: 0 auto 30px;
    }

    .advise_section h3{
        max-width: 301px;
    }

    .agency_section h2 {
        max-width: 200px;
        margin: 0 auto 37px;
    }

}