/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  h1 {
    font-size: 80px;
    font-weight: 400;
  }
  .h1 {
    font-size: 80px;
  }
  .h2 {
    font-size: 49.44px;
  }
  .h3 {
    font-size: 30.56px;
  }
  .h4 {
    font-size: 18.89px;
  }
  .h5 {
    font-size: 11.67px;
  }
  .phara {
    font-size: 16px;
  }
  .property_preview {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
  }
  .property_preview .property_preview_container {
    overflow-x: hidden;
    margin-bottom: 32px;
    max-width: 900px;
    width: 100%;
  }
  .property_preview .property_preview_container .img_cont {
    width: 100%;
    margin: 16px 0;
  }
  .property_preview .property_preview_container .img_cont img {
    width: 100%;
    border-radius: 24px;
  }
  .loading {
    z-index: 9999999;
    width: 100%;
    height: 100%;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .loading .l_wrap {
    overflow: hidden;
    position: relative;
    width: 65px;
    height: 65px;
    border-radius: 25%;
  }
  .loading .l_wrap .img {
    width: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: load_anima 2s ease-in-out infinite;
  }
  .loading .l_wrap .img img {
    width: 100%;
  }
  .header {
    width: 100%;
    height: auto;
    top: 0;
    position: fixed;
    display: flex;
    justify-content: center;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
    background-color: #FFFFFF;
    z-index: 99999999;
    animation: head 5s ease-in-out;
  }
  .header .child {
    width: 100%;
    max-width: 1440px;
    height: 80px;
    padding: 0 80px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
  }
  .header .child .logo_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50%;
  }
  .header .child .logo_wrap img {
    height: 100%;
  }
  .header .child .nav_wrap {
    display: flex;
    flex-direction: row;
    gap: 32px;
  }
  .header .child .nav_wrap .nav {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
  }
  .header .child .nav_wrap .nav a {
    color: #AFAEAC;
    transition: all 0.3s ease-in-out;
    position: absolute;
    z-index: 1;
  }
  .header .child .nav_wrap .nav label {
    font-weight: 600;
    color: transparent;
  }
  .header .child .nav_wrap .nav:before {
    content: "";
    width: 0;
    position: absolute;
    bottom: -4px;
    height: 4px;
    background-color: #AFAEAC;
    border-radius: 2px;
    transition: all 0.3s ease-in-out;
    left: 0;
  }
  .header .child .nav_wrap .nav::after {
    content: "";
    width: 0;
    position: absolute;
    bottom: -4px;
    height: 4px;
    background-color: #30396D;
    border-radius: 2px;
    z-index: 1;
    transition: all 0.3s ease-in-out;
  }
  .header .child .nav_wrap .nav:hover:before {
    width: 100%;
  }
  .header .child .nav_wrap .active a {
    color: #30396D;
    font-weight: 600;
  }
  .header .child .nav_wrap .active::after {
    width: 100%;
  }
  .header .child .nav_wrap .active:hover:before {
    width: 0;
  }
  .header .child .links_wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
  }
  .header .child .links_wrap .wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
  }
  .header .child .links_wrap .wrap .w {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header .child .links_wrap .btn {
    height: 56px;
    width: auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #30396D;
    color: #FFFFFF;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 500;
  }
  .header .child .ham_btn {
    display: none;
  }
  .header .menu_for_mobile {
    display: none;
  }
  .body_2 .header .child {
    width: 100%;
    max-width: unset;
    padding: 0 16px;
  }
  .head_spacer {
    height: 80px;
    width: 100%;
  }
  .footer {
    width: 100%;
    background-color: #30396D;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
  }
  .footer .child {
    width: 100%;
    max-width: 1440px;
    padding: 160px 80px;
    display: flex;
    flex-direction: column;
    padding-top: 80px;
    padding-bottom: 40px;
  }
  .footer .child .logo_wrap {
    width: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .footer .child .logo_wrap img {
    width: 100%;
  }
  .footer .child .wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 24px;
    padding-bottom: 160px;
  }
  .footer .child .wrapper .wrap_a {
    display: flex;
    flex-direction: column;
  }
  .footer .child .wrapper .wrap_a .h2 {
    color: #FFFFFF;
    font-weight: 600;
  }
  .footer .child .wrapper .wrap_a .descrip {
    width: 30vw;
    color: #FFFFFF;
    font-size: 14px;
  }
  .footer .child .wrapper .wrap_b {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-right: 80px;
  }
  .footer .child .wrapper .wrap_b .row_wrap {
    display: flex;
    flex-direction: row;
    gap: 80px;
  }
  .footer .child .wrapper .wrap_b .row_wrap .col_wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .footer .child .wrapper .wrap_b .row_wrap .col_wrap .h4 {
    width: -moz-max-content;
    width: max-content;
    color: #FFFFFF;
    cursor: pointer;
    position: relative;
  }
  .footer .child .wrapper .wrap_b .row_wrap .col_wrap .h4:before {
    content: "";
    width: 0;
    position: absolute;
    bottom: -4px;
    height: 4px;
    background-color: #FFFFFF;
    border-radius: 2px;
    transition: all 0.3s ease-in-out;
    left: 0;
  }
  .footer .child .wrapper .wrap_b .row_wrap .col_wrap .h4:hover:before {
    width: 100%;
  }
  .footer .child .wrapper .wrap_b .svg_wrapper {
    display: flex;
    flex-direction: row;
    gap: 32px;
    padding-top: 8px;
  }
  .footer .child .wrapper .wrap_b .svg_wrapper .svg_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .footer .child .line {
    width: 100%;
    height: 1px;
    background-color: #FFFFFF;
  }
  .footer .child .wrapper2 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 16px;
  }
  .footer .child .wrapper2 span {
    color: #FFFFFF;
  }
  .cta_section {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: #F7F7F7;
  }
  .cta_section .child {
    width: 100%;
    max-width: 1440px;
    padding: 160px 80px;
    display: flex;
    position: relative;
    animation: cta_anime linear;
    animation-timeline: view();
    animation-range-start: cover;
    animation-range-end: 800px;
    align-items: center;
    justify-content: center;
  }
  .cta_section .child .bg_img {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 160px 80px;
  }
  .cta_section .child .bg_img .img_wrap {
    width: 100%;
    height: 100%;
    border-radius: 24px;
    overflow: hidden;
  }
  .cta_section .child .bg_img .img_wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .cta_section .child .wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 160px 0;
    z-index: 9;
    gap: 32px;
  }
  .cta_section .child .wrapper .txt_wrap {
    display: flex;
    align-items: center;
    gap: 32px;
  }
  .cta_section .child .wrapper .txt_wrap .h1 {
    color: #30396D;
  }
  .cta_section .child .wrapper .txt_wrap .img_wrap {
    width: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 16px;
  }
  .cta_section .child .wrapper .txt_wrap .img_wrap img {
    width: 100%;
  }
  .cta_section .child .wrapper .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #30396D;
    border-radius: 16px;
    padding: 0 24px;
    height: 56px;
    border-radius: 16px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
  }
  .title {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #B2893F;
    border: 2px solid #B2893F;
    height: 40px;
    border-radius: 8px;
    font-size: 24px;
    width: -moz-max-content;
    width: max-content;
    padding: 0 12px;
  }
  .featured_property_section {
    width: 100%;
    display: flex;
    background-color: #F7F7F7;
    align-items: center;
    padding: 160px 0;
    flex-direction: column;
    gap: 48px;
  }
  .featured_property_section .first_cont {
    max-width: 1440px;
    padding: 0 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    animation: first 5s ease-in-out;
    justify-content: center;
  }
  .featured_property_section .first_cont .h1 {
    text-align: center;
    color: #000000;
    line-height: 120%;
  }
  .featured_property_section .property_partner {
    max-width: 1440px;
    padding: 0 80px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
  }
  .featured_property_section .property_partner .partner_logo {
    display: flex;
    width: 137px;
    padding-top: 4px;
  }
  .featured_property_section .property_partner .partner_info {
    display: flex;
    flex-direction: column;
  }
  .featured_property_section .property_partner .partner_info .partName span {
    font-weight: 600;
  }
  .featured_property_section .property_partner .partner_info .partLocation {
    display: flex;
    flex-direction: row;
    gap: 8px;
  }
  .featured_property_section .property_partner .partner_info .partLocation .svg_cont {
    display: flex;
    align-items: center;
  }
  .featured_property_section .property_partner .partner_info .partLocation span {
    color: hsl(0, 0%, 40%);
  }
  .featured_property_section .property_cont {
    max-width: 1440px;
    padding: 0 80px;
    width: 100%;
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(auto-fill, minmax(min(350px, 100%), 1fr));
  }
  .featured_property_section .property_cont .property_card {
    background: #FFFFFF;
    border-top: 1px solid #E6E6E6;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 16px;
    padding: 16px;
  }
  .featured_property_section .property_cont .property_card .img_cont {
    border-radius: 8px;
  }
  .featured_property_section .property_cont .property_card .img_cont img {
    border-radius: 8px;
    width: 100%;
  }
  .featured_property_section .property_cont .property_card .info_cont {
    display: flex;
    flex-direction: column;
    padding: 8px 0;
  }
  .featured_property_section .property_cont .property_card .info_cont .prop_title {
    font-size: 20px;
    font-weight: 500;
  }
  .featured_property_section .property_cont .property_card .info_cont .prop_description {
    font-size: 14px;
    color: hsl(0, 0%, 40%);
  }
  .featured_property_section .property_cont .property_card .b_cont1 {
    padding: 8px 0;
    display: flex;
    flex-direction: row;
    gap: 8px;
  }
  .featured_property_section .property_cont .property_card .b_cont1 .area_a {
    padding: 12px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%;
    background-color: #DAE4ED;
    border-radius: 8px;
  }
  .featured_property_section .property_cont .property_card .b_cont1 .area_a .lbl {
    font-size: 14px;
    color: hsl(231, 39%, 31%);
  }
  .featured_property_section .property_cont .property_card .b_cont1 .area_a .lvl {
    font-size: 24px;
    font-weight: 500;
    color: hsl(231, 39%, 31%);
  }
  .featured_property_section .property_cont .property_card .b_cont1 .area_b {
    padding: 12px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%;
    background-color: #DAE4ED;
    border-radius: 8px;
  }
  .featured_property_section .property_cont .property_card .b_cont1 .area_b .lbl {
    font-size: 14px;
    color: hsl(0, 0%, 40%);
    color: hsl(231, 39%, 31%);
  }
  .featured_property_section .property_cont .property_card .b_cont1 .area_b .lvl {
    font-size: 24px;
    font-weight: 500;
    color: hsl(231, 39%, 31%);
  }
  .featured_property_section .property_cont .property_card .b_cont2 {
    padding: 4px 0;
    display: flex;
    flex-direction: row;
    gap: 8px;
  }
  .featured_property_section .property_cont .property_card .b_cont2 .left_cont {
    gap: 8px;
    display: flex;
    flex-direction: row;
    width: 50%;
    align-items: center;
  }
  .featured_property_section .property_cont .property_card .b_cont2 .left_cont .svg_cont {
    display: flex;
    align-items: center;
  }
  .featured_property_section .property_cont .property_card .b_cont2 .left_cont span {
    padding-top: 4px;
    font-size: 14px;
    font-weight: 500;
    color: hsl(231, 39%, 31%);
  }
  .featured_property_section .property_cont .property_card .b_cont2 .right_cont {
    gap: 8px;
    display: flex;
    flex-direction: row;
    width: 50%;
    align-items: center;
  }
  .featured_property_section .property_cont .property_card .b_cont2 .right_cont .svg_cont {
    display: flex;
    align-items: center;
  }
  .featured_property_section .property_cont .property_card .b_cont2 .right_cont span {
    padding-top: 4px;
    font-size: 14px;
    font-weight: 500;
    color: hsl(231, 39%, 31%);
  }
  .featured_property_section .property_cont .property_card .card_btn {
    margin-top: 16px;
    background-color: #30396D;
    padding: 8px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    cursor: pointer;
  }
  .featured_property_section .property_cont .property_card .card_btn span {
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
  }
  .home_section {
    width: 100%;
    max-width: 1440px;
    padding: 64px 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
  .home_section .first_cont {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    animation: first 5s ease-in-out;
  }
  .home_section .first_cont .h1 {
    text-align: center;
    color: #B3A9A0;
    line-height: 120%;
  }
  .home_section .first_cont .h1 .v2 {
    color: #30396D;
    font-weight: 600;
  }
  .home_section .first_cont .phara {
    width: 50%;
    text-align: center;
    color: #202020;
  }
  .home_section .first_cont .btn {
    height: 56px;
    width: auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #30396D;
    color: #FFFFFF;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 500;
  }
  .home_section .slide_cont {
    width: 100%;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
  }
  .home_section .slide_cont .blur_r {
    pointer-events: none;
    right: 0;
    position: absolute;
    z-index: 99999;
    width: 80px;
    height: 100%;
    background-image: linear-gradient(to left, #FFFFFF 1%, rgba(255, 255, 255, 0) 99%);
  }
  .home_section .slide_cont .blur_l {
    pointer-events: none;
    left: 0;
    position: absolute;
    z-index: 99999;
    width: 80px;
    height: 100%;
    background-image: linear-gradient(to right, #FFFFFF 1%, rgba(255, 255, 255, 0) 99%);
  }
  .home_section .slide_cont .anime {
    position: absolute;
    width: 100%;
    display: flex;
    opacity: 0;
    flex-direction: row;
    z-index: -999;
    align-items: center;
    justify-content: center;
    animation: hide_anime 5s ease-in-out;
    pointer-events: none;
  }
  .home_section .slide_cont .anime .pic_wrap {
    height: 100%;
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .home_section .slide_cont .anime .pic_wrap img {
    width: 100%;
  }
  .home_section .slide_cont .anime .p1 {
    position: absolute;
    z-index: 9;
    animation: s1 5s ease-in-out;
    transform: translateX(-200%);
    padding-right: 8px;
  }
  .home_section .slide_cont .anime .p2 {
    position: absolute;
    z-index: 99;
    animation: s2 5s ease-in-out;
    transform: translateX(-100%);
    padding: 0 8px;
  }
  .home_section .slide_cont .anime .p3 {
    z-index: 999;
    padding: 0 8px;
  }
  .home_section .slide_cont .anime .p4 {
    position: absolute;
    z-index: 9999;
    animation: s4 5s ease-in-out;
    transform: translateX(100%);
    padding: 0 8px;
  }
  .home_section .slide_cont .anime .p5 {
    position: absolute;
    z-index: 99999;
    animation: s5 5s ease-in-out;
    transform: translateX(200%);
    padding-left: 8px;
  }
  .home_section .slide_cont .mySwiper1 {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    animation: slide_1 5s ease-in-out;
  }
  .home_section .slide_cont .mySwiper1 .swiper-wrapper {
    transition-timing-function: linear;
    align-items: center;
    padding: 64px 0;
  }
  .home_section .slide_cont .mySwiper1 .swiper-slide {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    position: relative;
    aspect-ratio: 1;
  }
  .home_section .slide_cont .mySwiper1 .swiper-slide img {
    position: absolute;
    width: 100%;
    border-radius: 16px;
    transform: translateY(0);
    z-index: 999;
    transition: all 0.4s ease-in-out;
  }
  .home_section .slide_cont .mySwiper1 .swiper-slide .wrap {
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    bottom: 0;
    transform: translateY(20px);
    z-index: 99;
    transition: all 0.4s ease-in-out;
  }
  .home_section .slide_cont .mySwiper1 .swiper-slide .wrap .h4 {
    color: #39434C;
    font-weight: 600;
    line-height: 100%;
    transition: all 0.4s ease-in-out;
    opacity: 0;
  }
  .home_section .slide_cont .mySwiper1 .swiper-slide .wrap .h5 {
    color: #39434C;
    opacity: 0;
    transition: all 0.4s ease-in-out;
  }
  .home_section .slide_cont .mySwiper1 .swiper-slide .wrap .line {
    margin-top: 8px;
    width: 0;
    height: 8px;
    background-color: #B3A9A0;
    border-radius: 4px;
    transition: all 1s ease-in-out;
  }
  .home_section .slide_cont .mySwiper1 .swiper-slide:hover img {
    transform: translateY(-40px);
  }
  .home_section .slide_cont .mySwiper1 .swiper-slide:hover .wrap {
    transform: translateY(40px);
  }
  .home_section .slide_cont .mySwiper1 .swiper-slide:hover .wrap .h4 {
    opacity: 1;
  }
  .home_section .slide_cont .mySwiper1 .swiper-slide:hover .wrap .h5 {
    opacity: 1;
  }
  .home_section .slide_cont .mySwiper1 .swiper-slide:hover .wrap .line {
    width: 100%;
  }
  .about_section {
    width: 100%;
    max-width: 1440px;
    padding: 160px 80px;
    display: flex;
  }
  .about_section .child {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    position: relative;
  }
  .about_section .child .det_cont {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
  }
  .about_section .child .det_cont .wrap {
    width: 82%;
    height: 100%;
    background: linear-gradient(147.85deg, #DAE4ED 55.7%, #FFFFFF 87.11%);
    border-radius: 24px;
    padding: 64px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    animation: move_up linear;
    animation-timeline: view();
    animation-range-start: cover;
    animation-range-end: 800px;
  }
  .about_section .child .det_cont .wrap .wrap1 {
    width: 70%;
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .about_section .child .det_cont .wrap .wrap1 .h1 {
    line-height: 100%;
  }
  .about_section .child .det_cont .wrap .wrap1 .phara {
    color: #202020;
    width: 80%;
  }
  .about_section .child .det_cont .wrap .wrap1 .wrap2 {
    display: flex;
    flex-direction: row;
    gap: 24px;
  }
  .about_section .child .det_cont .wrap .wrap1 .wrap2 .wrap3 {
    display: flex;
    flex-direction: column;
  }
  .about_section .child .det_cont .wrap .wrap1 .wrap2 .wrap3 .h3 {
    font-weight: 600;
  }
  .about_section .child .pic_cont {
    width: 50%;
    display: flex;
    padding: 64px 0;
  }
  .about_section .child .pic_cont .wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    animation: move_pic linear;
    animation-timeline: view();
    animation-range-start: cover;
    animation-range-end: 800px;
  }
  .about_section .child .pic_cont .wrap .spn_wrap {
    position: absolute;
    right: 0;
    top: 0;
    width: -moz-max-content;
    width: max-content;
    display: flex;
    flex-direction: column;
    z-index: 9;
  }
  .about_section .child .pic_cont .wrap .spn_wrap .h3 {
    color: #39434C;
  }
  .about_section .child .pic_cont .wrap .spn_wrap .h2 {
    color: #202020;
    font-weight: 600;
    padding-right: 32px;
  }
  .about_section .child .pic_cont .wrap .spn_wrap .line {
    width: 100%;
    height: 8px;
    background-color: #B3A9A0;
    border-radius: 8px;
    animation: move_pic_line linear;
    animation-timeline: view();
    animation-range-start: cover;
    animation-range-end: 600px;
  }
  .about_section .child .pic_cont .wrap .circle {
    width: 100%;
    aspect-ratio: 1;
    display: flex;
    border-radius: 50%;
    background-color: #CBD5DE;
    position: absolute;
    bottom: 0;
  }
  .about_section .child .pic_cont .wrap img {
    width: 100%;
    z-index: 9;
  }
  .benefits_section {
    width: 100%;
    max-width: 1440px;
    padding: 160px 80px;
    display: flex;
  }
  .benefits_section .child {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .benefits_section .child .wrap_a {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .benefits_section .child .wrap_a .h1 {
    line-height: 100%;
  }
  .benefits_section .child .wrap_b {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 40px;
  }
  .benefits_section .child .wrap_b .card {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 16px;
  }
  .benefits_section .child .wrap_b .card .phara {
    color: #717171;
  }
  .what_we_do_section {
    width: 100%;
    display: flex;
    background-color: #FFFFFF;
    justify-content: center;
  }
  .what_we_do_section .child {
    max-width: 1440px;
    display: flex;
    flex-direction: row;
    gap: 64px;
    padding: 0px 80px;
  }
  .what_we_do_section .div_a {
    width: 50%;
    display: flex;
    position: sticky;
    height: calc(100vh - 96px);
    padding: 160px 0;
    top: 0;
  }
  .what_we_do_section .div_a .stick {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .what_we_do_section .div_a .stick .h1 {
    line-height: 100%;
  }
  .what_we_do_section .div_b {
    width: 50%;
    display: flex;
    padding: 160px 0;
    height: -moz-fit-content;
    height: fit-content;
  }
  .what_we_do_section .div_b .card_wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 48px;
    gap: 56px;
    background-color: #FFFFFF;
    border-radius: 24px;
    border-top: 1px solid hsl(0, 0%, 90%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }
  .what_we_do_section .div_b .card_wrapper .card {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    gap: 24px;
  }
  .what_we_do_section .div_b .card_wrapper .card .svg_wrap {
    display: flex;
    align-items: center;
  }
  .what_we_do_section .div_b .card_wrapper .card .h4 {
    font-weight: 500;
  }
  .partner_section {
    width: 100%;
    max-width: 1440px;
    padding: 160px 80px;
    display: flex;
  }
  .partner_section .child {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .partner_section .child .first_cont {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-direction: column;
  }
  .partner_section .child .wrap {
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: flex-end;
  }
  .partner_section .child .wrap .wrap2 {
    display: flex;
    flex-direction: column;
    gap: 40px;
    animation: part_a linear;
    animation-timeline: view();
    animation-range-start: cover;
    animation-range-end: 400px;
  }
  .partner_section .child .wrap .wrap2 .h1 {
    line-height: 100%;
  }
  .partner_section .child .wrap .p_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F7F7F7;
    color: #202020;
    font-size: 16px;
    border-radius: 16px;
    height: 56px;
    padding: 0 24px;
    white-space: nowrap;
    animation: part_b linear;
    animation-timeline: view();
    animation-range-start: cover;
    animation-range-end: 400px;
  }
  .partner_section .child .part_cont {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 64px;
    align-items: center;
  }
  .partner_section .child .part_cont .partners {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    animation: partn_anime linear;
    animation-timeline: view();
    animation-range-start: cover;
    animation-range-end: 800px;
  }
  .partner_section .child .part_cont .partners .div_a {
    width: 35%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 32px 34px;
    background-color: #F7F7F7;
    border-radius: 24px;
    justify-content: space-between;
    gap: 24px;
  }
  .partner_section .child .part_cont .partners .div_a .wrap1 {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 32px;
    height: 100%;
  }
  .partner_section .child .part_cont .partners .div_a .wrap1 .p_logo {
    width: 30%;
    display: flex;
  }
  .partner_section .child .part_cont .partners .div_a .wrap1 .p_logo img {
    width: 100%;
  }
  .partner_section .child .part_cont .partners .div_a .wrap1 .pharag_cont {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
  }
  .partner_section .child .part_cont .partners .div_a .wrap1 .pharag_cont .overflow_cont {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 999;
  }
  .partner_section .child .part_cont .partners .div_a .wrap1 .pharag_cont .overflow_cont .pharag {
    color: #717171;
  }
  .partner_section .child .part_cont .partners .div_a .view_btn {
    width: 100%;
    height: 48px;
    background-color: #30396D;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 16px;
  }
  .partner_section .child .part_cont .partners .div_b {
    width: 65%;
    display: flex;
  }
  .partner_section .child .part_cont .partners .div_b .display_wrap {
    width: 100%;
    display: flex;
  }
  .partner_section .child .part_cont .partners .div_b .display_wrap video {
    width: 100%;
    border-radius: 24px;
  }
  .partner_section .child .part_cont .partners .div_b .display_wrap img {
    width: 100%;
    border-radius: 24px;
  }
  .partner_section_v2 {
    padding-top: 64px;
  }
  .faqs_section {
    width: 100%;
    display: flex;
    background-color: #F7F7F7;
    justify-content: center;
  }
  .faqs_section .child {
    max-width: 1440px;
    display: flex;
    flex-direction: row;
    gap: 64px;
    padding: 0px 80px;
  }
  .faqs_section .div_a {
    width: 50%;
    display: flex;
    position: sticky;
    height: calc(100vh - 96px);
    padding: 160px 0;
    top: 0;
  }
  .faqs_section .div_a .stick {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .faqs_section .div_a .stick .h1 {
    line-height: 100%;
  }
  .faqs_section .div_b {
    width: 50%;
    display: flex;
    padding: 160px 0;
  }
  .faqs_section .div_b .card_wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .faqs_section .div_b .card_wrapper .card {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 24px;
    padding: 48px;
    gap: 32px;
    transition: all 0.2s ease-in-out;
  }
  .faqs_section .div_b .card_wrapper .card .c_header {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 40px;
  }
  .faqs_section .div_b .card_wrapper .card .c_header .svg_wrap svg {
    transition: all 0.2s ease-in-out;
  }
  .faqs_section .div_b .card_wrapper .card .c_body {
    display: none;
  }
  .faqs_section .div_b .card_wrapper .card .c_body .phara {
    color: #717171;
  }
  .faqs_section .div_b .card_wrapper .expand .c_header .svg_wrap svg {
    transform: rotate(45deg);
  }
  .faqs_section .div_b .card_wrapper .expand .c_body {
    display: flex;
  }
  .feed_section {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 80px;
    align-items: center;
    justify-content: center;
    padding-bottom: 80px;
  }
  .feed_section .feed_wrap {
    max-width: 1440px;
    display: flex;
    flex-direction: row;
    gap: 16px;
    padding: 16px 80px;
  }
  .feed_section .feed_wrap .div_a {
    width: 40%;
    display: flex;
    position: sticky;
    height: calc(100vh - 96px);
    padding-bottom: 16px;
    top: 96px;
  }
  .feed_section .feed_wrap .div_a .content {
    width: 100%;
    height: 100%;
    background-color: #F7F7F7;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 32px;
  }
  .feed_section .feed_wrap .div_a .content .wrap1 {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 32px;
  }
  .feed_section .feed_wrap .div_a .content .wrap1 .p_logo {
    width: 30%;
    display: flex;
  }
  .feed_section .feed_wrap .div_a .content .wrap1 .p_logo img {
    width: 100%;
  }
  .feed_section .feed_wrap .div_a .content .wrap1 .pharag {
    color: #717171;
  }
  .feed_section .feed_wrap .div_a .content .view_btn {
    width: 100%;
    height: 48px;
    background-color: #30396D;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 16px;
  }
  .feed_section .feed_wrap .div_b {
    width: 60%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 16px;
  }
  .feed_section .feed_wrap .div_b .display_wrap {
    width: 100%;
    display: flex;
  }
  .feed_section .feed_wrap .div_b .display_wrap video {
    width: 100%;
    border-radius: 24px;
  }
  .feed_section .feed_wrap .div_b .display_wrap img {
    width: 100%;
    border-radius: 24px;
  }
  .bottom_design {
    width: 100%;
    height: 16px;
    position: fixed;
    bottom: 0;
    z-index: 99999;
    pointer-events: none;
    filter: blur(24px);
    background-color: #FFFFFF;
  }
  .first_section {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 16px;
    padding: 16px;
  }
  .first_section .div_a {
    width: 40%;
    display: flex;
    position: sticky;
    height: calc(100vh - 96px);
    padding-bottom: 16px;
    top: 96px;
  }
  .first_section .div_a .content {
    width: 100%;
    height: 100%;
    background-color: #F7F7F7;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 32px;
  }
  .first_section .div_a .content .wrap1 {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 32px;
  }
  .first_section .div_a .content .wrap1 .p_logo {
    width: 30%;
    display: flex;
  }
  .first_section .div_a .content .wrap1 .p_logo img {
    width: 100%;
  }
  .first_section .div_a .content .wrap1 .pharag {
    color: #717171;
  }
  .first_section .div_a .content .view_btn {
    width: 100%;
    height: 48px;
    background-color: #30396D;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 16px;
  }
  .first_section .div_b {
    width: 60%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 16px;
  }
  .first_section .div_b .display_wrap {
    width: 100%;
    display: flex;
  }
  .first_section .div_b .display_wrap video {
    width: 100%;
    border-radius: 24px;
  }
  .first_section .div_b .display_wrap img {
    width: 100%;
    border-radius: 24px;
  }
  .contact_section {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .contact_section .child {
    width: 100%;
    max-width: 1440px;
    padding: 64px 80px;
    display: flex;
    flex-direction: column;
    gap: 64px;
    padding-bottom: 160px;
  }
  .contact_section .child .t_wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .contact_section .child .container {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 64px;
    align-items: center;
  }
  .contact_section .child .container .div_a {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 32px;
  }
  .contact_section .child .container .div_a .age_gender_cont {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .contact_section .child .container .div_a .age_gender_cont .left_con {
    width: 50%;
  }
  .contact_section .child .container .div_a .age_gender_cont .right_con {
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    flex-direction: row;
    padding: 0 16px;
    gap: 24px;
  }
  .contact_section .child .container .div_a .age_gender_cont .right_con .gender_cont {
    gap: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .contact_section .child .container .div_a .age_gender_cont .right_con .gender_cont .svg_cont {
    cursor: pointer;
  }
  .contact_section .child .container .div_a .age_gender_cont .right_con .gender_cont .label {
    font-size: 14px;
    color: #6D7081;
  }
  .contact_section .child .container .div_a .btn {
    width: 100%;
    height: 64px;
    border-radius: 14px;
    background-color: #30396D;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #FFFFFF;
  }
  .contact_section .child .container .div_a .break_cont {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .contact_section .child .container .div_a .break_cont .or_sec {
    padding: 0 16px;
    color: hsl(0, 0%, 40%);
  }
  .contact_section .child .container .div_a .break_cont .line {
    width: 100%;
    height: 2px;
    border-radius: 1px;
    background-color: hsl(0, 0%, 95%);
  }
  .contact_section .child .container .div_a .facebook_btn {
    width: 100%;
    height: 64px;
    border-radius: 14px;
    border: 2px solid hsl(0, 0%, 90%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #30396D;
  }
  .contact_section .child .container .div_b {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .contact_section .child .container .div_b .img_wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .contact_section .child .container .div_b .img_wrap img {
    width: 100%;
  }
  .btn_wrap {
    width: 100%;
    display: flex;
  }
  .input_field {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .input_field label {
    font-size: 14px;
    color: #6D7081;
  }
  .input_field .inp {
    width: 100%;
    height: 48px;
    background-color: #F7F7F7;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
  }
  .input_field .inp input {
    width: 100%;
    font-size: 14px;
    outline: none;
    background-color: transparent;
    border: none;
  }
  .input_field .t_area {
    width: 100%;
    max-height: 240px;
    background-color: #F7F7F7;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 16px;
  }
  .input_field .t_area textarea {
    width: 100%;
    height: 100%;
    font-size: 14px;
    outline: none;
    background-color: transparent;
    border: none;
    resize: none; /* Disable resizing */
  }
  .btn_animate {
    cursor: pointer;
  }
  .btn_animate .spn_wrap {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
  }
  .btn_animate .spn_wrap .spn_1 {
    transition: all 0.2s ease-in-out;
  }
  .btn_animate .spn_wrap .spn_2 {
    transition: all 0.2s ease-in-out;
    position: absolute;
    transform: translateY(-100%);
  }
  .btn_animate:hover .spn_wrap .spn_1 {
    transform: translateY(100%);
  }
  .btn_animate:hover .spn_wrap .spn_2 {
    transform: translateY(0%);
  }
  .svg_animate {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    cursor: pointer;
  }
  .svg_animate .svg_1 {
    transition: all 0.2s ease-in-out;
    padding: 2px;
  }
  .svg_animate .svg_2 {
    transition: all 0.2s ease-in-out;
    position: absolute;
    transform: translateY(-101%);
    padding: 2px;
  }
  .svg_animate:hover .svg_1 {
    transform: translateY(100%);
  }
  .svg_animate:hover .svg_2 {
    transform: translateY(0%);
  }
  /* The animation code */
  @keyframes first {
    0% {
      opacity: 0;
      transform: translateY(10%);
    }
    25% {
      opacity: 0;
      transform: translateY(10%);
    }
    50% {
      opacity: 1;
      transform: translateY(0);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .d_none {
    display: none;
  }
  @keyframes desc {
    0% {
      opacity: 0;
    }
    80% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes move_pic {
    from {
      transform: translateX(30%);
    }
    to {
      transform: translateX(0%);
    }
  }
  @keyframes move_up {
    from {
      transform: translateY(50%);
    }
    to {
      transform: translateY(0%);
    }
  }
  @keyframes partn_anime {
    from {
      transform: translateY(10%);
      opacity: 0.8;
      width: 90%;
    }
    to {
      transform: translateY(0%);
      opacity: 1;
    }
  }
  @keyframes part_a {
    from {
      transform: translateX(-10%);
      opacity: 0.5;
    }
  }
  @keyframes move_pic_line {
    from {
      width: 0;
    }
  }
  @keyframes part_b {
    from {
      transform: translateX(10%);
      opacity: 0.5;
    }
  }
  @keyframes s1 {
    0% {
      transform: translateX(0%);
    }
    25% {
      transform: translateX(-20%);
    }
    40% {
      transform: translateX(-200%);
    }
    100% {
      transform: translateX(-200%);
    }
  }
  @keyframes s2 {
    0% {
      transform: translateX(0%);
    }
    25% {
      transform: translateX(-10%);
    }
    40% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(-100%);
    }
  }
  @keyframes s4 {
    0% {
      transform: translateX(0%);
    }
    25% {
      transform: translateX(10%);
    }
    40% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(100%);
    }
  }
  @keyframes s5 {
    0% {
      transform: translateX(0%);
    }
    25% {
      transform: translateX(20%);
    }
    40% {
      transform: translateX(200%);
    }
    100% {
      transform: translateX(200%);
    }
  }
  @keyframes hide_anime {
    0% {
      opacity: 1;
      transform: translateY(100%);
    }
    15% {
      opacity: 1;
      transform: translateY(0);
    }
    40% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes slide_1 {
    0% {
      opacity: 0;
    }
    40% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes head {
    0% {
      transform: translateY(-100%);
    }
    10% {
      transform: translateY(-100%);
    }
    30% {
      transform: translateY(0%);
    }
    100% {
      transform: translateY(0%);
    }
  }
  @keyframes cta_anime {
    from {
      transform: translateY(10%);
      opacity: 0.8;
      width: 90%;
    }
    to {
      transform: translateY(0%);
      opacity: 1;
    }
  }
  @keyframes load_anima {
    0% {
      transform: translateX(0);
    }
    25% {
      transform: translateX(-50%);
    }
    50% {
      transform: translate(-50%, -50%);
    }
    75% {
      transform: translate(0%, -50%);
    }
    100% {
      transform: translateX(0);
    }
  }
}/*# sourceMappingURL=screen_4v2.css.map */