.about_sec_1 .grid-container {
    height: 100vh;
    display: flex;
    align-items: center;
}

.about_sec_1  img.logo_banner {
    max-width: 55.46875rem;
    display: block;
}

.about_sec_1 h1 {
    font-size: 6.25rem;
    color: white;
    font-family: 'Design Market Bold';
}

.about_sec_1 .box_title {
    display: inline-block;
    position: relative;
}

.about_sec_1 .box_title img.icon_title {
    position: absolute;
    bottom: -0.99rem;
    right: 5.677rem;
    width: 7.8125rem;
    animation: rollAndFall 7s ease-in-out forwards;
    transition-delay: .5s;
    transform: translateX(1000px) rotate(369deg);
}

section.section.about_sec_2 {
    background-color: #000000;
    padding-top: 9.375rem;
    padding-bottom: 10.417rem;
}

section.section.about_sec_2 h2.heading_title {color: #deb88e;font-size: 2.083rem;}

.about_sec_2 .wrap_title {
    display: inline-block;
    position: relative;
    padding-bottom: 1.6875rem;
    padding-right: 2.083rem;
}

.about_sec_2 .wrap_title img.icon_title {
    position: absolute;
    right: 1.51rem;
    bottom: 1.21875rem;
    width: 4.792rem;
    transform: scale(1.7) translateY(-400px) rotate(180deg);


}
.about_sec_2.active .wrap_title img.icon_title{
    transition: 2s all;
    /*animation: moveArc 6s linear infinite;*/
    animation: rollsec2 5s  ease-in-out forwards;
}
.about_sec_2 .gallery_imgs {
    width: 100%;
    position: relative;
}
.about_sec_2 .gallery_imgs img {
    display: block;
    border-radius: 0.78125rem;
}

.about_sec_2 .gallery_imgs .gal:nth-child(8n + 1) img {
    margin: auto;
    height: auto;
}

.about_sec_2 .gallery_imgs .gal:nth-child(8n + 2) {
    margin-top: -7.65625rem;
}

.about_sec_2 .gallery_imgs .gal img {
    width: 25.458rem;
}

.about_sec_2 .gallery_imgs .gal:nth-child(8n + 3) {
    margin-top: -15.625rem;
}

.about_sec_2 .gallery_imgs .gal:nth-child(8n + 3) img {
    margin-left: auto;
}

.about_sec_2 .gallery_imgs .gal:nth-child(8n + 4) img {
    margin: auto;
}

.about_sec_2 .gallery_imgs .gal:nth-child(8n + 4) {
    margin-top: -7.8125rem;
}

.about_sec_2 .gallery_imgs .gal:nth-child(8n + 5) {
    margin-top: -3.90625rem;
}

.about_sec_2 .gallery_imgs .gal:nth-child(8n + 6) img,.about_sec_2 .gallery_imgs .gal:nth-child(8n + 7) img,.about_sec_2 .gallery_imgs .gal:nth-child(8n + 8) img {
    width: 55.417rem;
}

.about_sec_2 .gallery_imgs .gal:nth-child(8n + 7) img {
    margin-left: auto;
}

.about_sec_2 .gallery_imgs .gal:nth-child(8n + 7), .about_sec_2 .gallery_imgs .gal:nth-child(8n + 8) {
    margin-top: 7.8125rem;
}

.about_sec_2 .gallery_imgs .gal:nth-child(8n + 6) {
    margin-top: 3.90625rem;
}

.about_sec_2 .wrap_all::before {
    width: 1px;
    height: calc(100% + 5.208rem);
    background: #deb88e;
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
}
.wrap_all{
    position: relative;
}

.about_sec_2 .gallery_imgs .gal {
    position: relative;
    z-index: 2;
}
.about_sec_3 {
    background: #000000;
    padding-top: 10.417rem;
    padding-bottom: 0.26rem;
}

.about_sec_3 h2.heading_title {
    color: #DEB88E;
}

.border_title {
    border-bottom: 1px solid #D5AF85;
    padding-bottom: 0.78125rem;
}

.about_sec_3 .box_img img {
    display: block;
    margin: 5.208rem auto 0;
    max-width: 100%;
    height: auto;
}

.about_sec_3 ul.list {
    display: flex;
    flex-wrap: wrap;
    margin: 5.208rem -1.5625rem 0;
}
.about_sec_3 ul.list li {
    width: calc(calc(100% / 3) - 3.125rem);
    margin: 0 1.5625rem 4.948rem;
    color: white;
    display: flex;
    align-items: center;
    font-family: 'Montserrat Bold';
}

.about_sec_3 ul.list li span {
    font-size: 4.6875rem;
    flex: 0 0 auto;
    font-family: 'Design Market Bold';
    margin-right: 0.99rem;
}
.border_title * {
    margin: 0;
}

.border_title h2.heading_title {display: flex;align-items: flex-end;}

.border_title h2.heading_title img {
    margin-bottom: 0.26rem;
    margin-left: 0.885rem;
    height: 3.333rem;
}

.border_title h2.heading_title {
    font-size: 3.125rem;
}

.about_sec_3 .inner_title ul.icon_title li.left .box img {
    width: 5.521rem;
    height: 5.521rem;
}

.about_sec_3 .inner_title ul.icon_title li.left .box img.icon_inner {
    width: 3.385rem;
    height: 3.385rem;
    object-fit: contain;
}

.about_sec_3 .inner_title ul.icon_title li.left {
    bottom: 68%;
    left: -6%;
}

.about_sec_3 .inner_title ul.icon_title li.right img {
    width: 6.667rem;
    height: 6.667rem;
}

.about_sec_3 .inner_title ul.icon_title li.right {
    top: -25%;
    right: -7%;
}

.about_sec_3 ul.list li .title {
    font-size: 1.6625rem;
    margin-top: -0.4rem;
}

.about_sec_4 {
    padding-top: 10.417rem;
    background-color: #000000;
}

.about_sec_4 h2.heading_title {
    font-size: 3.125rem;
    color: #deb88e;
}

.about_sec_4 .inner_title ul.icon_title li.left img {
    width: 4.53125rem;
}

.about_sec_4 .inner_title ul.icon_title li.right img {
    width: 4.0625rem;
    height: 4.0625rem;
}

.about_sec_4 .inner_title ul.icon_title li.left {
    bottom: 96%;
    left: -6%;
}

.about_sec_4 .inner_title ul.icon_title li.right {
    top: 17%;
    right: -8%;
}

.about_sec_5 {
    background-color: #000000;
    padding-bottom: 14.583rem;
    padding-top: 10.417rem;
}

.about_sec_5 h2.heading_h2 {}

.about_sec_5 .heading_title {
    font-size: 3.125rem;
    color: #deb88e;
    margin-bottom: 11.979rem;
}
.about_sec_5 .box h3 {
    color: #43382c;
    text-align: center;
    font-family: 'Design Market Bold';
    margin: 0;
    font-size: 19.583rem;
    line-height: 1;
    text-transform: uppercase;
    height: 39.167rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about_sec_5 .box {
    position: relative;
}

.about_sec_5 .box ul {
    margin: 0;
}

.about_sec_5 .box ul li {
    position: absolute;
    top: 33%;
    left: 52.6%;
    opacity: 0;
    cursor: pointer;
}

.about_sec_5 .box ul li img {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
    max-width: 10.833rem;
}

.about_sec_5 .box ul li:nth-child(2) {
    top: 41%;
    left: 52%;
}

.about_sec_5 .box ul li:nth-child(3) {
    top: 36%;
    left: 54%;
}

.about_sec_5 .box ul li:nth-child(4) {
    top: 42%;
    left: 38.7%;
}

.about_sec_5 .box ul li:nth-child(5) {
    top: 40%;
    left: 69.7%;
}

.about_sec_5 .box ul li:nth-child(6) {
    top: 44%;
    left: 41.3%;
}

.about_sec_5 .box ul li:nth-child(7) {
    top: 38%;
    left: 50.7%;
}

.about_sec_5 .box ul li:nth-child(8) {
    top: 39%;
    left: 58.7%;
}
section.section.about_sec_4 .box_img>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    top: 0;
}

section.section.about_sec_4 .box_img .list {
    display: flex;
    flex-wrap: wrap;
}

section.section.about_sec_4 .box_img .list .item {
    width: 50%;
    color: white;
    margin: 1.5625rem 0;
}

section.section.about_sec_4 .box_img {
    position: relative;
    margin-top: 2.083rem;
}
.about_sec_4 .box_img .list .item .title {
    display: flex;
    align-items: center;
}

.about_sec_4 .box_img .list .item .title .num {
    font-size: 4.167rem;
    font-family: 'Design Market Bold';
}

.about_sec_4 .box_img .list .item .title h3 {
    margin: 0;
    font-size: 1.5625rem;
    margin-left: 0.99rem;
    line-height: 1.2;
}

.about_sec_4 .box_img .list .item  .wrap_img {
    height: 11.458rem;
    margin-bottom: 0.78125rem;
}

.about_sec_4 .box_img .list .item .wrap_img img {
    max-height: 100%;
    width: auto;
    display: block;
}

.about_sec_4 .box_img .list .item  .content {
    color: #d0aa80;
    font-size: 0.833rem;
    text-align: justify;
}

section.section.about_sec_4 .box_img .list .item .inner {
    max-width: 17.604rem;
}

section.section.about_sec_4 .box_img .list .item:nth-child(even) .inner {
    margin-left: auto;
}
.about_sec_1 .box_title h1 {
    opacity: 0;
    transform: translateY(100%);
    animation: fadeInUp 1s forwards;
    animation-delay: .5s;
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes rollAndFall {
    25% {
        transform: translateX(0%) ;
    }
    100% {
        transform: translateX(0%) translateY(0) rotate(0deg);
    }
    /*100% {*/
    /*    transform: translateX(0%) translateY(500px) rotate(360deg);*/
    /*}*/
}
.icon_top {
    position: sticky;
    top: 15.625rem;
    text-align: center;
}

section.section.about_sec_2 {
    overflow: unset;
}

.icon_top img {
    position: absolute;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
}
.about_sec_2 .wrap_title {
    overflow: unset;
}

.about_sec_1 {
    z-index: 2;
}

@keyframes rollsec2 {
    50% {
        transform: scale(1) rotate(0deg) translateY(0px) ;
    }
    99%{
        transform: scale(1) rotate(-180deg) translate(-400px,-150px) ;
        opacity: 1;
    }
    100% {
        transform: scale(1) rotate(-180deg) translate(-400px,-150px) ;
        opacity: 0;
    }
}

@media only screen and (max-width: 991px) {
    .about_sec_1 .grid-container {
        height: 60vh;
    }

    section.section.about_sec_2 h2.heading_title {
        font-size: 3rem;
    }
}

@media only screen and (max-width: 767px) {
    .about_sec_1 .grid-container {
        height: 40vh;
    }

    section.section.about_sec_2 h2.heading_title {
        font-size: 6rem;
    }

    .about_sec_2 .wrap_title img.icon_title {
        width: 10.792rem;
    }

    .about_sec_3 .inner_title ul.icon_title li.right img {
        height: auto;
        width: 13rem;
    }

    .border_title h2.heading_title {
        font-size: 7rem;
    }

    .border_title h2.heading_title {
        flex-wrap: wrap;
        justify-content: center;
    }

    .border_title h2.heading_title img {
        margin-left: 0;
        height: 10.333rem;
    }

    .about_sec_3 .inner_title ul.icon_title li {
        display: none;
    }

    .about_sec_3 ul.list li {
        width: calc(calc(100% / 2) - 3.125rem);
    }

    .about_sec_3 ul.list li span {
        font-size: 7rem;
    }

    .about_sec_3 ul.list li .title {
        font-size: 3rem;
    }

    .about_sec_4 .inner_title ul.icon_title li.right img {
        height: auto;
        width: 32rem;
    }

    .about_sec_4 h2.heading_title {
        max-width: 200px;
    }

    .about_sec_4 .inner_title ul.icon_title li.left img {
        width: 25rem;
        height: auto;
    }

    section.section.about_sec_4 .box_img>img {
        position: unset;
        order: -1;
        transform: scale(1.3);
    }

    section.section.about_sec_4 .box_img {
        display: flex;
        flex-wrap: wrap;
    }

    section.section.about_sec_4 .box_img .list .item .inner {
        max-width: 90%;
    }

    .about_sec_4 .box_img .list .item .title .num {
        font-size: 7rem;
    }

    .about_sec_4 .box_img .list .item .title h3 {
        font-size: 3rem;
    }

    .about_sec_4 .box_img .list .item .wrap_img {
        height: 28rem;
        margin: 4rem 0;
    }

    .about_sec_4 .box_img .list .item .content {
        font-size: 3.5rem;
    }

    .about_sec_5 .heading_title {
        font-size: 7rem;
    }
    .about_sec_5 .box ul li {
        opacity: 1 !important;
        top: -4%;
        left: 33.6%;
        transform: unset !important;
    }

    .about_sec_5 .box ul li:nth-child(2) {
        top: 14%;
        left: 52%;
    }

    .about_sec_5 .box ul li:nth-child(3) {
        top: 3%;
        left: 70%;
    }

    .about_sec_5 .box ul li:nth-child(4) {
        top: 27%;
        left: 21.7%;
    }

    .about_sec_5 .box ul li:nth-child(5) {
        top: 26%;
        left: 84.7%;
    }

    .about_sec_5 .box ul li:nth-child(6) {
        top: 85%;
        left: 24%;
    }

    .about_sec_5 .box ul li:nth-child(7) {
        top: 78%;
        left: 44%;
    }

    .about_sec_5 .box ul li:nth-child(8) {
        top: 80%;
        left: 77%;
    }
    .wrap_all {
        position: relative;
    }

    .about_sec_2.active .wrap_title img.icon_title {
        animation: unset !important;
        transform: unset !important;
        display: none;
    }

    .icon_top img {
        width: 50px;
        height: auto;
    }
}