.third-sec .content .abs {
    display: block;
    position: absolute;
    background: #ff4255;
    padding: 9px;
    font-size: 50px;
    margin: 0;
    line-height: 1;
    right: 0;
    top: 0;
    width: 80px;
    padding: 10px;
    text-align: center
}

.tabcontent.off {
    display: none
}

.third-sec .content {
    padding: 50px 20px 10px;
    background: #fff;
    position: relative;
    box-shadow: 0 0 40px #ccc;
    margin: 0 0 25px;
    min-height: auto
}

.third-sec .content h4 {
    font-size: 25px;
    font-family: myfirstfont2 !important;
    color: #160c34;
    position: relative
}

.third-sec .content p {
    color: #282828;
    font-size: 14px
}

.third-sec .content a {
    color: #282828;
    font-size: 20px
}

.third-sec {
    background: url(../images/new/about1-bg.jpg) no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0
}

.about-2 {
    background: url(../images/new/about2.png) no-repeat;
    background-size: 100% 100%;
    padding: 140px 0 100px
}

.about-2 .circl {
    display: inline-block;
    color: #fff;
    border: 5px solid;
    border-radius: 50%;
    padding: 5px
}

.about-2 .circl .content {
    padding: 0;
    border: 1px solid;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.about-2 .circl .content h4 {
    font-size: 50px;
    line-height: 25px;
    margin: 0;
    padding: 0
}

.about-2 .circl .content h4 span {
    display: inline-block;
    font-size: 31px
}

.about-3 {
    padding: 55px 0 55px;
    position: relative;
}


/* .about-3:after {
    position: absolute;
    top: 14%;
    right: 4%;
    content: '';
    background: url(../images/new/abt-character.png) no-repeat;
    background-size: contain;
    width: 16%;
    height: 700px
}

.about-3::before {
    position: absolute;
    top: 12%;
    left: 8%;
    content: '';
    background: url(../images/new/our-service.png) no-repeat;
    background-size: contain;
    width: 6%;
    height: 700px
} */

.about-3 .content-heading {
    text-align: center;
    padding: 0 150px
}

.about-3 .content-main li {
    list-style-type: none;
    display: inline-block;
    padding: 0 35px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    color: #67617b;
    font-family: myfirstfont4;
    position: relative;
    transition: .5s
}

.about-3 .content-main li::before {
    width: 100%;
    background: #feb640;
    position: absolute;
    bottom: -10px;
    left: 0;
    height: 4px;
    transform: translate(-80px, 0px);
    content: '';
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: .5s
}

.about-3 .content-main li:hover:before {
    transform: translate(0px, 0px);
    opacity: 1;
    visibility: visible
}

.about-3 .content-main li:hover {
    color: #160c34;
    font-family: myfirstfont3
}

.about-3 .content-main ul {
    margin: 60px 0;
    text-align: center
}

.about-3 .content-main {
    border: 1px solid #000;
    border-top: 0;
    padding: 0px 30px
}

.about-3 .content-heading h3 {
    font-size: 35px;
    margin: 0 0 40px
}

.about-3 .content-heading h3 span {
    font-family: myfirstfont4
}

.about-3 .content-heading p {
    font-size: 14px
}

.about-3 .inner h4 {
    font-size: 36px;
    margin: 0 0 40px;
    font-family: myfirstfont !important;
    color: #160c34
}

.about-3 .inner h4 span {
    font-family: myfirstfont4
}

.about-3 .inner button {
    margin-top: 30px
}

.about-3 .content-main li.active {
    color: #160c34;
    font-family: myfirstfont3;
    position: relative
}

.about-3 .content-main li.active:after {
    width: 100%;
    background: #feb640;
    position: absolute;
    bottom: -10px;
    left: 0;
    height: 4px;
    content: ''
}

.about-4 {
    background: url(../images/new/abt4-bg.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 100px 0
}

.about-4 .main {
    display: flex;
    background: #fff;
    box-shadow: 0 0 10px #000
}

.about-4 .main .content-data {
    width: 50%;
    display: inline-block;
    padding: 25px;
    background: linear-gradient(0, #fca65e, #ff7983)
}

.about-4 .main .content-data h4 {
    color: #fff;
    font-size: 26px
}

.about-4 .main .content-data h4 span {
    font-family: myfirstfont2
}

.about-4 .main .div {
    padding: 25px;
    border: 2px solid #ffffff2e
}

.about-4 .main .content-data p {
    font-size: 14px;
    color: #fff;
    margin: 0px 0 75px
}

.about-4 .main .content-data1 {
    width: 50%;
    display: inline-block;
    padding: 50px
}

.about-5 {
    background: url(../images/new/pattren.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 80px 0
}

.about-5 h4 {
    font-size: 80px;
    color: #000;
    margin: 0;
    padding: 0;
    transform: scale(1.3)
}

.about-5 h4 .sp1 {
    font-size: 22px;
    transform: rotate(-90deg) translate(20px, 40px);
    display: inline-block;
    font-family: myfirstfont4
}

.about-5 h4 .sp2 {
    display: inline-block;
    font-size: 30px;
    transform: translate(-14px, 0)
}

.about-5 .sp3 {
    margin: 0;
    padding: 0;
    font-size: 52px;
    text-align: center;
    background: #feb641;
    display: inline-block;
    transform: translate(60px, 8px) scale(1.3);
    color: #000
}

.about-5 p {
    font-size: 14px;
    margin: 60px 0 30px
}

@media (max-width:1199px) {
    /* .about-3:after {
        position: absolute;
        top: 3%;
        right: 1%;
        content: '';
        background: url(../images/new/abt-character.png) no-repeat;
        background-size: contain;
        width: 14%;
        height: 380px
    }
    .about-3::before {
        position: absolute;
        top: 24%;
        left: 2%;
        content: '';
        background: url(../images/new/our-service.png) no-repeat;
        background-size: contain;
        width: 6%;
        height: 700px
    } */
    .about-3 .content-main li {
        list-style-type: none;
        display: inline-block;
        padding: 0 19px;
        font-size: 16px;
        text-align: center;
        cursor: pointer;
        color: #67617b;
        font-family: myfirstfont4;
        position: relative;
        transition: .5s
    }
    .about-3 .content-main {
        border: 1px solid #000;
        border-top: 0;
        padding: 0px 30px 20px
    }
    .about-4 .main .content-data p {
        font-size: 14px;
        color: #fff;
        margin: 0px 0 0
    }
    .about-5 h4 {
        font-size: 65px;
        color: #000;
        margin: 0;
        padding: 0;
        transform: scale(1.3)
    }
    .about-5 .sp3 {
        margin: 0;
        padding: 0;
        font-size: 45px;
        text-align: center;
        background: #feb641;
        display: inline-block;
        transform: translate(60px, 8px) scale(1.3);
        color: #000
    }
}

@media (max-width:767px) {
    .about-2 .circl {
        margin: 0 0 30px
    }
    .third-sec .content .abs {
        width: 60px;
        height: 60px;
        display: flex;
    }
    .content-banner-middle h4 {
        position: absolute;
        top: -19px;
        left: 40px;
        text-align: left;
        line-height: 22px
    }
    .content-banner-middle h4 span {
        font-size: 26px;
        padding: 0
    }
    .content-banner-middle p {
        display: none
    }
    .third-sec .content {
        padding: 50px 15px 15px;
    }
    .about-2 {
        background: url(../images/new/about2.png) no-repeat;
        background-size: cover;
        padding: 30px 5px;
        background-position: center
    }
    .about-2 .circl .content h4 {
        font-size: 20px;
        line-height: 19px;
        margin: 0;
        padding: 0
    }
    .about-2 .circl .content h4 span {
        display: inline-block;
        font-size: 14px
    }
    .about-2 .circl .content {
        width: 118px;
        height: 118px
    }
    .about-3 .content-heading p {
        font-size: 14px;
        padding: 0
    }
    .about-3 .content-heading h3 {
        font-size: 35px;
        margin: 0 0 10px
    }
    .about-3 .content-main li {
        padding: 7px 10px;
        font-size: 12px
    }
    .about-3 .content-main ul {
        margin: 30px 0;
        text-align: center
    }
    .about-3 .content-main li::before {
        width: 100%;
        background: #feb640;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 4px;
        transform: translate(-80px, 0px);
        content: '';
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        transition: .5s
    }
    .about-3 .content-main li.active:after {
        width: 100%;
        background: #feb640;
        position: absolute;
        bottom: 0px;
        left: 0;
        height: 4px;
        content: ''
    }
    .about-3 .content-main {
        border: 1px solid #000;
        border-top: 0;
        padding: 0px 10px
    }
    .about-3 .inner h4 {
        font-size: 36px;
        margin: 0 0 0;
        font-family: myfirstfont !important;
        color: #160c34
    }
    .about-3 .inner p {
        font-size: 12px;
        margin: 0
    }
    .about-3 .inner button {
        margin-top: 30px;
        font-size: 13px;
        margin-bottom: 15px
    }
    .about-4 .main .content-data {
        width: 100%;
        display: inline-block;
        padding: 15px;
        background: linear-gradient(0, #fca65e, #ff7983)
    }
    .about-4 .main .div {
        padding: 15px
    }
    .about-5 h4 {
        font-size: 50px;
        color: #000;
        margin: 0;
        padding: 0;
        transform: scale(1)
    }
    .about-5 h4 .sp1 {
        font-size: 18px;
        transform: rotate(-90deg) translate(11px, 33px);
        display: inline-block;
        font-family: myfirstfont4
    }
    .about-5 h4 .sp2 {
        display: inline-block;
        font-size: 20px;
        transform: translate(-14px, 0)
    }
    .about-5 .sp3 {
        margin: 0;
        padding: 0;
        font-size: 30px;
        text-align: center;
        background: #feb641;
        display: inline-block;
        transform: translate(60px, 8px) scale(1.3);
        color: #000
    }
    .content-data1 {
        display: none !important
    }
    .about-3 .content-heading {
        text-align: center;
        padding: 0
    }
    .about-3::before,
    .about-3::after {
        display: none
    }
    @-webkit-keyframes mover {
        0% {
            transform: translateY(40px) !important
        }
        100% {
            transform: translateY(-10px)!important
        }
    }
    @keyframes mover {
        0% {
            transform: translateY(40px) !important
        }
        100% {
            transform: translateY(-10px)!important
        }
    }
    .about-4 {
        background: url(../images/new/abt4-bg.png) no-repeat;
        background-size: 100% 100%;
        padding: 53px 0
    }
}

@media (max-width:320px) {
    .about-5 h4 {
        font-size: 46px;
        color: #000;
        margin: 0;
        padding: 0;
        transform: scale(1)
    }
    .about-5 .sp3 {
        margin: 0;
        padding: 0;
        font-size: 25px;
        text-align: center;
        background: #feb641;
        display: inline-block;
        transform: translate(60px, 8px) scale(1.3);
        color: #000
    }
    .about-5 button {
        width: 41%
    }
    .about-3 .inner button {
        width: 38%;
        margin-top: 12px;
        font-size: 9px;
        margin-bottom: 12px
    }
    .about-3 .inner p {
        font-size: 14px
    }
    .about-3 .inner h4 {
        font-size: 34px;
        margin: 0 0 15px;
        font-family: myfirstfont !important;
        color: #160c34
    }
}

@media(width:768px) {
    .sixth-sec {
        background-position: 100% 100%
    }
    .third-sec .content h4 {
        font-size: 17px;
        font-family: myfirstfont2 !important;
        color: #160c34;
        position: relative
    }
    .third-sec .content .abs {
        display: block;
        position: absolute;
        background: #ff4255;
        padding: 9px;
        font-size: 50px;
        margin: 0;
        line-height: 1;
        right: 0;
        top: 0;
        width: 64px;
        padding: 2px;
        text-align: center
    }
    .third-sec .content p {
        color: #282828;
        font-size: 12px;
        line-height: 13px
    }
    .third-sec .content a {
        color: #282828;
        font-size: 14px
    }
    .third-sec .content .link {
        text-align: right;
        padding: 0 50px 0 0
    }
    .about-2 .circl .content h4 span {
        display: inline-block;
        font-size: 23px
    }
    .about-2 .circl .content h4 {
        font-size: 30px;
        line-height: 25px;
        margin: 0;
        padding: 0
    }
    .about-2 .circl .content {
        padding: 42px 22px;
        border: 1px solid;
        border-radius: 50%
    }
    .about-3 .content-main li {
        list-style-type: none;
        display: inline-block;
        padding: 0 5px;
        font-size: 14px;
        text-align: center;
        cursor: pointer;
        color: #67617b;
        font-family: myfirstfont4;
        position: relative;
        transition: .5s
    }
}

@media (width:1024px) {
    .third-sec .content h4 {
        font-size: 20px;
        font-family: myfirstfont2 !important;
        color: #160c34;
        position: relative
    }
    .about-3 .content-main li {
        list-style-type: none;
        display: inline-block;
        padding: 0 20px;
        font-size: 16px;
        text-align: center;
        cursor: pointer;
        color: #67617b;
        font-family: myfirstfont4;
        position: relative;
        transition: .5s
    }
    .about-3 button {
        margin-bottom: 20px
    }
    .about-5 h4 {
        font-size: 65px;
        color: #000;
        margin: 0;
        padding: 0;
        transform: scale(1.3)
    }
    .about-5 .sp3 {
        margin: 0;
        padding: 0;
        font-size: 45px;
        text-align: center;
        background: #feb641;
        display: inline-block;
        transform: translate(60px, 8px) scale(1.3);
        color: #000
    }
    .sixth-sec {
        background: url(../images/new/sixth-bg.jpg) no-repeat;
        background-size: cover;
        padding: 50px 0;
        position: relative;
        background-position: center
    }
    .sixth-sec h4 {
        text-align: end;
        color: #fff;
        font-size: 34px;
        font-family: myfirstfont !important;
        margin: 0;
        line-height: 1;
        position: relative
    }
    .sixth-sec h4:after {
        content: '';
        position: absolute;
        bottom: 19px;
        left: 256px;
        background: url(../images/new/third-after.png) no-repeat;
        background-size: cover;
        width: 12%;
        height: 9px
    }
    .eight-sec .main p {
        padding: 0;
        font-size: 14px
    }
    .eight-sec .main h4 {
        font-size: 25px;
        color: #160c34;
        margin: 0 0 10px;
        padding: 0
    }
    .eight-sec .main input,
    .eight-sec .main textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        width: 100%;
        padding: 10px;
        border: 1px solid #ccc;
        margin: 0 0 10px;
        border-radius: 5px;
        background: #fff
    }
    .eight-sec .main {
        padding: 00px
    }
    .eight-sec .img {
        transform: scale(1.4) translate(-37px, 82px) rotateY(180deg)
    }
}

@media (max-width:991px) {
    .about-3 .content-heading h3 {
        font-size: 35px;
        margin: 0 0 23px;
        padding: 0;
    }
    .about-3 .content-heading p {
        margin: 0;
    }
    .about-3 .content-main {
        padding: 0px 15px 15px;
    }
    .about-3 .content-main li {
        padding: 0px 10px;
        font-size: 14px;
    }
    .about-3 .inner h4 {
        font-size: 26px;
        margin: 0 0 10px;
    }
    .about-3 .inner p {
        font-size: 14px;
        margin: 0;
    }
    .third-sec .content-heading h4 {
        font-size: 35px;
    }
    .third-sec .content h4 {
        font-size: 22px;
    }
    .third-sec .content p {
        font-size: 12px;
        margin: 0;
    }
    .third-sec .content .abs {
        font-size: 26px;
        width: 65px;
    }
    .third-sec .content {
        padding: 50px 15px 10px;
        min-height: 264px;
    }
    .about-2 .circl .content {
        width: 130px;
        height: 130px;
    }
    .about-2 .circl .content h4 {
        font-size: 30px;
    }
    .about-2 .circl .content h4 span {
        font-size: 18px;
    }
    .about-2 {
        padding: 90px 0 60px;
    }
    .about-4 .main .div {
        padding: 10px;
    }
    .about-4 .main .content-data {
        padding: 10px;
    }
    .about-4 .main .content-data p {
        font-size: 12px;
        line-height: 1.2;
    }
    .about-4 .main .content-data h4 {
        font-size: 22px;
    }
    .about-4 .main .content-data1 {
        padding: 30px;
    }
    .about-4 .main {
        align-items: center;
    }
    .about-5 h4 {
        font-size: 52px;
    }
    .about-5 h4 .sp1 {
        font-size: 13px;
        transform: rotate(-90deg) translate(16px, 32px);
    }
    .about-5 h4 .sp2 {
        font-size: 19px;
    }
    .about-5 .sp3 {
        padding: 2px 4px;
        font-size: 31px;
        transform: translate(40px, 5px) scale(1.3);
        line-height: 1;
    }
    .about-5 p {
        margin: 30px 0 10px;
    }
}

@media (max-width:767px) {
    .about-5 h4 {
        font-size: 70px;
        line-height: 1;
    }
    .about-5 h4 .sp1 {
        font-size: 18px;
        transform: rotate(-90deg) translate(19px, 36px);
    }
    .about-5 h4 .sp2 {
        font-size: 28px;
    }
    .about-5 .sp3 {
        padding: 2px 4px;
        font-size: 34px;
        transform: translate(90px, 5px) scale(1.3);
        line-height: 1;
    }
    .about-5 .col-sm-6 {
        display: none;
    }
}

@media (max-width:575px) {
    .about-5 .sp3 {
        transform: translate(38px, 5px) scale(1.3);
    }
    .about-5 h4 {
        transform: translateX(-55px);
    }
    .third-sec .content {
    min-height: auto;padding: 50px 20px 20px;
}
}

@media (max-width:430px) {
    .about-5 h4 {
        transform: translateX(-45px);
        font-size: 50px;
    }
    .about-5 h4 .sp2 {
        font-size: 20px;
    }
    .about-5 h4 .sp1 {
        font-size: 14px;
        transform: rotate(-90deg) translate(14px, 30px);
    }
    .about-5 .sp3 {
        transform: translate(28px, 5px) scale(1.3);
        font-size: 23px;
    }
}

@media (max-width:340px) {
    .about-2 .circl {
    border: 3px solid;
    padding: 3px;
}
.about-2 .circl .content {
    width: 100px;
    height: 100px;
}
.about-2 .circl .content h4 {
    font-size: 22px;
}
.about-2 .circl .content h4 span {
    font-size: 15px;
}
}