:root {
    --color-pri-in: #ED1925;
    --color-pri: #ED1925;
    --color-second: #FF9A16;
    --color-thr: #F3B15B;
    --color-text: #15191E;
    --color-text-1: #2C0B07;
    --color-text-2: #39424E;
    --color-text-3: #65758B;
    --color-text-4: #FCAF17;
    --color-icon: #FF9A16;
    --color-tt: #FFE095;
    --color-black: #000000;
    --color-white: #ffffff;
    --color-border: #D9D9D9;
    --color-bg: #F9F9F9;
    --color-bg-1: #FFAD43;
    --color-bg-2: #D8DCE3;
    --color-bg-3: rgba(253, 203, 111, 0.10);
    --color-bg-4: #FFEFDA;
    --border: #D8DCE3;
    --border-1: #FCAC16;
    --blur: blur(.4rem);
    --filter: brightness(0) saturate(100%) invert(23%) sepia(92%) saturate(5522%) hue-rotate(350deg) brightness(95%) contrast(94%);
    --filter-1: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(331deg) brightness(104%) contrast(100%);
    --filter-2: brightness(0) saturate(100%) invert(8%) sepia(9%) saturate(885%) hue-rotate(113deg) brightness(100%) contrast(95%);
    --color-linear: linear-gradient(101deg, #FFA318 -38.94%, #F6851C 44.05%, #F31F10 132.4%);
    --btn-linear-1: linear-gradient(94deg, #002DA1 -0.04%, #00126D 99.63%);
    --color-border-01: rgba(0, 0, 0, 0.1);
    --color-border-02: rgba(0, 0, 0, 0.2);
    --color-border-03: rgba(0, 0, 0, 0.3);
    --color-border-04: rgba(0, 0, 0, 0.4);
    --color-border-05: rgba(0, 0, 0, 0.5);
    --color-border-06: rgba(0, 0, 0, 0.6);
    --color-border-07: rgba(0, 0, 0, 0.7);
    --color-border-08: rgba(0, 0, 0, 0.8);
    --color-border-09: rgba(0, 0, 0, 0.9);
    --color-border-10: rgba(255, 144, 10, 0.10);
    --color-opa-white-01: rgba(255, 255, 255, 0.1);
    --color-opa-white-02: rgba(255, 255, 255, 0.2);
    --color-opa-white-03: rgba(255, 255, 255, 0.3);
    --color-opa-white-04: rgba(255, 255, 255, 0.4);
    --color-opa-white-05: rgba(255, 255, 255, 0.5);
    --color-opa-white-06: rgba(255, 255, 255, 0.6);
    --color-opa-white-07: rgba(255, 255, 255, 0.7);
    --color-opa-white-08: rgba(255, 255, 255, 0.8);
    --color-opa-white-09: rgba(255, 255, 255, 0.9);
    --shadow: 2px 4px 12px #00000014;
    --shadow-1: 0px 9px 0px #F3B15B;
    --shadow-2: rgba(0, 0, 0, 0.24) 0px 3px 8px
}

.abInfo {
    position: relative;
    padding: 6rem 0 12rem
}

@media screen and (max-width:1200px) {
    .abInfo {
        padding: 6rem 0
    }
}

.abInfo-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:1201px) {
    .abInfo-img {
        padding-top: 6rem
    }
}

.abInfo-img .inner {
    border-radius: var(--dist24);
    display: block;
    padding-top: calc((400 / 624) * 100%);
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    height: auto
}

.abInfo-img .inner img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

@media screen and (min-width:1201px) {
    .abInfo-col:nth-child(1) {
        width: calc(100% - 62.4rem)
    }

    .abInfo-col:nth-child(2) {
        width: 62.4rem
    }
}

@media screen and (max-width:1200px) {
    .abInfo-col {
        width: 50%
    }
}

@media screen and (max-width:768px) {
    .abInfo-col {
        width: 100%
    }

    .abInfo-col:nth-child(2) {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

.abInfo-des {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.abInfo-des-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: var(--dist24)
}

.abInfo-des-inner .icon {
    width: 6.2rem;
    margin-top: 2rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width:1200px) {
    .abInfo-des-inner .icon {
        display: none
    }
}

.abInfo-des-inner .icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block
}

.abInfo-des-inner .mona-content li,
.abInfo-des-inner .mona-content p {
    --f-sz: 1.6rem;
    font-size: var(--f-sz);
    font-weight: 500;
    color: var(--color-text)
}

@media screen and (max-width:800px) {

    .abInfo-des-inner .mona-content li,
    .abInfo-des-inner .mona-content p {
        --f-sz: 1.4rem
    }
}

.abInfo-des-inner .des .txt {
    text-transform: capitalize;
    color: var(--color-text)
}

.abInfo-des-inner .des .txt span {
    color: var(--color-pri);
    --f-sz: clamp(2.2rem, calc(0.2rem + 2.5vw), 3.2rem);
    font-size: var(--f-sz)
}

.absec {
    position: relative;
    overflow: hidden;
    padding-top: calc(556/1216 * 100%);
    padding-bottom: 12rem;
    -webkit-mask-image: url(../../assets/images/absec.png);
    mask-image: url(../../assets/images/absec.png);
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    z-index: 1
}

@media screen and (max-width:1200px) {
    .absec {
        padding-bottom: 6rem
    }
}

.absec::before {
    position: absolute;
    content: '';
    inset: 0;
    z-index: -2;
    background: radial-gradient(140.05% 140.05% at 50% -40.05%, rgba(255, 246, 234, 0) 52.7%, #fff6ea 84.96%)
}

.absec::after {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    bottom: 0;
    height: 20%;
    z-index: -1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 100%)
}

@media screen and (max-width:700px) {
    .absec::after {
        height: 100%
    }
}

.absec-bg {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -3;
    pointer-events: none
}

.absec-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.absec-des {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 2rem
}

@media screen and (max-width:700px) {
    .absec-des {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .absec-des .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .absec-des .title-pri {
        text-align: center
    }
}

.absec-des .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 1.2rem;
    --w: 10rem
}

@media screen and (max-width:1200px) {
    .absec-des .inner {
        --w: 7rem
    }
}

.absec-des .inner .number {
    --f-sz: clamp(3.4rem, calc(-1.8rem + 6.5vw), 6rem);
    font-size: var(--f-sz);
    font-weight: 900;
    color: var(--color-pri);
    line-height: 100%;
    margin-bottom: .4rem
}

.absec-des .inner .icon {
    width: var(--w)
}

.absec-des .inner .icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block
}

.absec-des .inner .txt {
    color: var(--color-text);
    --f-sz: 1.6rem;
    font-size: var(--f-sz);
    font-weight: 700;
    max-width: 15rem
}

@media screen and (max-width:800px) {
    .absec-des .inner .txt {
        --f-sz: 1.4rem
    }
}

.absec-des-inner {
    max-width: 38.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem
}

@media screen and (max-width:700px) {
    .absec-des-inner {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }
}

.absec-des-inner .mona-content li,
.absec-des-inner .mona-content p {
    color: var(--color-text);
    --f-sz: 1.6rem;
    font-size: var(--f-sz);
    font-weight: 500
}

@media screen and (max-width:800px) {

    .absec-des-inner .mona-content li,
    .absec-des-inner .mona-content p {
        --f-sz: 1.4rem
    }
}

.abhis {
    position: relative;
    padding: 25rem 0 20rem
}

@media screen and (max-width:1200px) {
    .abhis {
        padding: 15rem 0 10rem
    }
}

@media screen and (max-width:800px) {
    .abhis {
        padding: 8rem 0 5rem
    }
}

@media screen and (max-width:600px) {
    .abhis {
        padding: 4rem 0 5rem
    }
}

.abhis-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    z-index: -2
}

@media screen and (max-width:800px) {
    .abhis-bg {
        background-color: var(--color-pri)
    }
}

.abhis-bg img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.abhis-bdy {
    margin-top: 4rem
}

.abhis-decor .decor {
    position: absolute;
    width: 100%;
    left: 0
}

.abhis-decor .decor:nth-child(1) {
    top: 0
}

@media screen and (min-width:801px) {
    .abhis-decor .decor:nth-child(1) {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
}

.abhis-decor .decor:nth-child(2) {
    bottom: 0;
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
    z-index: 1
}

@media screen and (max-width:1200px) {
    .abhis-decor .decor:nth-child(2) {
        z-index: -1
    }
}

@media screen and (min-width:1201px) {
    .abhis-col:nth-child(1) {
        width: 55rem
    }

    .abhis-col:nth-child(2) {
        width: calc(100% - 55rem)
    }
}

@media screen and (max-width:1200px) {
    .abhis-col {
        width: 50%
    }
}

@media screen and (max-width:800px) {
    .abhis-col {
        width: 100%
    }
}

.abhis-des {
    margin-bottom: var(--dist60)
}

@media screen and (max-width:800px) {
    .abhis-des {
        margin-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }
}

@media screen and (max-width:800px) {
    .abhis-des .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }
}

.abhis-des .title-pri {
    letter-spacing: -2.4px
}

.abhis-des .mona-content li,
.abhis-des .mona-content p {
    color: var(--color-white);
    --f-sz: clamp(1.7rem, calc(1.1rem + 0.75vw), 2rem);
    font-size: var(--f-sz)
}

.abhis-bdy {
    position: relative
}

.abhis-bdy .swiper-gr {
    margin: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (min-width:1401px) {
    .abhis-bdy .swiper-gr {
        position: absolute;
        left: calc(100% + var(--halfremainder)/ 2);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (max-width:800px) {
    .abhis-bdy .swiper-gr {
        margin: 0 auto
    }
}

.abhis-bdy .swiper-btn {
    border-color: var(--color-bg-4);
    background-color: var(--color-bg-4)
}

.abhis-bdy .swiper-btn.swiper-button-disabled {
    background-color: var(--color-pri)
}

@media screen and (min-width:1401px) {
    .abhis-bdy .swiper-prev {
        -webkit-transform: rotate(90deg) !important;
        transform: rotate(90deg) !important
    }

    .abhis-bdy .swiper-next {
        -webkit-transform: rotate(90deg) !important;
        transform: rotate(90deg) !important
    }
}

.abhis-item {
    padding-left: 6.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--dist30);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

@media screen and (max-width:1200px) {
    .abhis-item {
        padding-left: 3rem
    }
}

@media screen and (max-width:800px) {
    .abhis-item {
        padding-left: 0;
        padding-bottom: 3rem
    }
}

.abhis-item::before {
    position: absolute;
    content: '';
    width: 3.2rem;
    height: 3.2rem;
    background-color: var(--color-white);
    border-radius: 100%;
    left: 0;
    top: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

@media screen and (max-width:1200px) {
    .abhis-item::before {
        width: 1.8rem;
        height: 1.8rem
    }
}

@media screen and (max-width:800px) {
    .abhis-item::before {
        top: auto;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        bottom: 0
    }
}

.abhis-item .number {
    font-family: var(--font-sec);
    --f-sz: clamp(4.6rem, calc(-6.2rem + 13.5vw), 10rem);
    font-size: var(--f-sz);
    color: var(--color-white);
    line-height: 90%;
    font-weight: 700
}

.abhis-item .mona-content li,
.abhis-item .mona-content p {
    color: var(--color-white);
    --f-sz: 1.6rem;
    font-size: var(--f-sz)
}

@media screen and (max-width:800px) {

    .abhis-item .mona-content li,
    .abhis-item .mona-content p {
        --f-sz: 1.4rem
    }
}

.abhis-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: var(--dist16)
}

@media screen and (max-width:800px) {
    .abhis-img {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

.abhis-img .inner {
    display: block;
    padding-top: calc((293 / 594) * 100%);
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    height: 100%
}

@media screen and (max-width:800px) {
    .abhis-img .inner {
        padding-top: calc(400/594 * 100%)
    }
}

.abhis-img .inner img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.abhis-slider {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 0
}

@media screen and (max-width:800px) {
    .abhis-slider {
        margin-bottom: 4rem
    }
}

.abhis-slider::before {
    position: absolute;
    content: '';
    height: 110%;
    top: 0;
    left: 1.4rem;
    width: .4rem;
    background-color: var(--color-white)
}

@media screen and (max-width:1200px) {
    .abhis-slider::before {
        width: .2rem;
        left: .8rem
    }
}

@media screen and (max-width:800px) {
    .abhis-slider::before {
        width: 100%;
        height: .3rem;
        left: 0;
        bottom: .8rem;
        top: auto
    }
}

/* @media screen and (min-width:801px) {
    .abhis-slider .swiper {
        height: auto !important
    }
} */

@media screen and (max-width:800px) {
    .abhis-slider .swiper {
        width: 100%
    }
}

@media screen and (max-width:600px) {
    .abhis-slider .swiper-slide {
        width: 100%
    }
}

@media screen and (min-width:801px) {
    .abhis-slider .swiper-slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

/* @media screen and (min-width:801px) and (min-width:801px) {
    .abhis-slider .swiper-slide {
        height: auto !important
    }
} */

@media screen and (min-width:801px) {
    .abhis-slider .swiper-slide .abhis-item {
        padding-bottom: 4rem
    }

    .abhis-slider .swiper-slide .abhis-item::before {
        -webkit-transform: translateY(-5rem);
        transform: translateY(-5rem)
    }

    .abhis-slider .swiper-slide-active .abhis-item::before {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.abintro {
    position: relative;
    padding: 16rem 0 0
}

@media screen and (max-width:1100px) {
    .abintro {
        padding: 6rem 0 0;
        z-index: 1
    }
}

@media screen and (max-width:800px) {
    .abintro {
        padding: 6rem 0
    }
}

@media screen and (max-width:600px) {
    .abintro {
        padding-top: 0
    }
}

.abintro .container {
    max-width: 143.2rem
}

.abintro-wr {
    position: relative
}

.abintro-dcor {
    position: absolute;
    z-index: -1;
    bottom: 30%;
    left: 27%;
    width: 100%
}

@media screen and (max-width:1100px) {
    .abintro-dcor {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        bottom: 78%;
        left: -10%;
        width: 50%
    }
}

@media screen and (max-width:1000px) {
    .abintro-dcor {
        bottom: 86%
    }
}

@media screen and (max-width:600px) {
    .abintro-dcor {
        z-index: 2
    }
}

@media screen and (min-width:1101px) {
    .abintro-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media screen and (max-width:1100px) {
    .abintro-col {
        width: 100%
    }
}

.abintro-inner {
    padding: var(--dist40);
    border-radius: var(--dist40);
    background-color: var(--color-bg-4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--dist24)
}

.abintro-inner .tt {
    line-height: 100%
}

.abintro-inner:not(:last-child) {
    margin-bottom: var(--dist40)
}

.abintro-inner:nth-child(2) {
    padding-right: var(--dist80)
}

@media screen and (max-width:1400px) {
    .abintro-inner:nth-child(2) {
        padding-right: var(--dist40)
    }
}

.abintro-inner .txt {
    color: var(--color-text);
    --f-sz: 1.6rem;
    font-size: var(--f-sz);
    font-weight: 400
}

@media screen and (max-width:800px) {
    .abintro-inner .txt {
        --f-sz: 1.4rem
    }
}

.abintro-inner .txt span {
    font-weight: 700
}

.abintro-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.2rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media screen and (max-width:600px) {
    .abintro-head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.abintro-head .des {
    width: 52%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:1100px) {
    .abintro-head .des {
        width: 50%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (max-width:600px) {
    .abintro-head .des {
        width: 100%
    }
}

.abintro-head .des .mona-content p {
    --f-sz: 1.6rem;
    font-size: var(--f-sz);
    font-weight: 400;
    color: var(--color-text)
}

@media screen and (max-width:800px) {
    .abintro-head .des .mona-content p {
        --f-sz: 1.4rem
    }
}

.abintro-head .des .mona-content p strong {
    --f-sz: clamp(1.7rem, calc(1.1rem + 0.75vw), 2rem);
    font-size: var(--f-sz);
    font-weight: 400
}

.abintro-head .des .mona-content p span {
    font-weight: 900;
    --f-sz: clamp(2.2rem, calc(0.2rem + 2.5vw), 3.2rem);
    font-size: var(--f-sz);
    font-style: italic
}

.abintro-img {
    padding-top: 8%;
    width: 48%;
    position: relative;
    z-index: 1
}

@media screen and (max-width:1100px) {
    .abintro-img {
        padding-top: 0;
        width: 50%
    }
}

@media screen and (max-width:600px) {
    .abintro-img {
        width: 50rem;
        max-width: 100%;
        margin: 0 auto
    }
}

.abintro-img-inner {
    width: 59rem;
    margin-left: -13rem
}

@media screen and (max-width:1400px) {
    .abintro-img-inner {
        width: calc(100% + 8rem);
        margin-left: -8rem
    }
}

@media screen and (max-width:1100px) {
    .abintro-img-inner {
        width: 100%;
        margin-left: 0
    }
}

.abintro-img-inner .inner {
    display: block;
    padding-top: calc((624 / 624) * 100%);
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.abintro-img-inner .inner img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block
}

.abintro-img-inner .logo {
    position: relative;
    width: 100%;
    margin-bottom: -4rem;
    margin-top: -15rem;
    -webkit-transform: translate(-5%, 0);
    transform: translate(-5%, 0);
    z-index: 1
}

@media screen and (max-width:1400px) {
    .abintro-img-inner .logo {
        width: 95%;
        margin: -10rem auto -4rem;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media screen and (max-width:1100px) {
    .abintro-img-inner .logo {
        margin: -6rem auto 0
    }
}

@media screen and (max-width:600px) {
    .abintro-img-inner .logo {
        position: absolute;
        bottom: 0;
        margin: 0 auto;
        width: 60%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.abintro-img-inner .logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block
}