@media (max-width:1440px) {
    .eight-sec .main p {
        padding: 0 90px;
        font-size: 14px
    }

    #rev_slider_8_1_wrapper {
        height: 705px !important
    }

    .sixth-sec {
        background-position: 40% 100%
    }

    .floatbutton {
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        position: fixed;
        right: -370px;
        top: 160px;
        font-size: 0;
        width: 420px;
        z-index: 99
    }

    .floating_wrap {
        position: fixed;
        right: 0px;
        top: 100px;
        z-index: 99
    }

    .sixth-sec h4 {
        text-align: end;
        color: #fff;
        font-size: 42px;
        font-family: myfirstfont !important;
        margin: 0;
        line-height: 1;
        position: relative
    }

    .sixth-sec h4:after {
        content: '';
        position: absolute;
        bottom: 26px;
        left: 295px;
        background: url(../images/new/third-after.png) no-repeat;
        background-size: cover;
        width: 17%;
        height: 15px
    }

    .seventh-sec {
        background: url(../images/new/seventh-bg.png) no-repeat;
        background-size: cover;
        padding: 100px 0;
        position: relative;
        box-shadow: 0 10px 10px -10px #bdbdbd;
        background-position: right
    }

    .seventh-sec .content h4 {
        font-size: 36px;
        color: #ff4255;
        margin: 0;
        padding: 0;
        position: relative
    }

    .seventh-sec .content h4::after {
        content: '';
        position: absolute;
        top: 30%;
        right: 22%;
        background: url(../images/new/third-after.png) no-repeat;
        background-size: cover;
        width: 30%;
        height: 20px;
        transform: translate(-50%, -50%)
    }

    .seventh-sec .content h5 {
        font-size: 30px;
        font-family: myfirstfont4;
        margin: 0 0 10px;
        color: #000
    }

    .seventh-sec .content {
        padding: 20px;
        background: #fff;
        box-shadow: 0 0 10px #ccc
    }

    .home-banner {
        background-position: 100% top;
        background-size: cover;
        height: auto;
        margin-top: 0;
        position: relative
    }

    .for1 {
        padding: 0 20px 0px;
        margin: 0 0 20px;
        border-bottom: 1px solid #ccc
    }

    .main-menu>ul>li {
        padding: 0px;
        float: left;
        position: relative;
        margin: 0 5px
    }

    .main-menu>ul>li>a {
        padding: 0px 10px;
        font-size: 14px;
        color: #282828;
        font-weight: 600;
        text-transform: capitalize;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s
    }

    .chatt img {
        vertical-align: top;
        width: 40%
    }

    .header-main h4::after {
        content: '';
        width: 30%;
        height: 2px;
        background: #600cf9;
        position: absolute;
        left: -18%;
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .header-main h4::before {
        content: '';
        width: 30%;
        height: 2px;
        background: #9125ec;
        position: absolute;
        right: -48%;
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .menu-action {
        padding: 12px 10px 8px
    }

    .logo {
        width: 100%;
        margin: -20px 0 -25px !important;
        float: right !important;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        background: linear-gradient(45deg, #ff7983, #fca35e, #fcb79c);
        padding: 0 22px 0 41px;
        border: none;
        height: auto
    }

    .mybanform form .inner-form input,
    textarea {
        outline: none;
        width: 100%;
        border: none;
        border-bottom: 1px solid #ccccccb5;
        padding: 5px 0px;
        font-size: 16px;
        margin: 0 0 5px;
        border-radius: 0;
        background: none
    }

    .btn1 {
        width: 42%;
        padding: 8px;
        border-image-source: linear-gradient(to left, #ff7983, #fd9363, #fcb79b);
        background: linear-gradient(to left, #ff7983, #fd9363, #fcb79b);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        border-image-slice: 1;
        border-width: 2px;
        font-size: 20px;
        color: #81158d;
        text-transform: capitalize;
        margin: 0 30px 0 0
    }

    .content-banner-middle h4 span {
        font-size: 38px
    }

    .content-banner-middle h4 {
        font-size: 25px;
        color: #fff;
        text-transform: capitalize;
        line-height: 30px;
        margin: 0 0 10px;
        position: relative
    }

    .content-banner-middle p {
        color: #fff;
        font-family: myfirstfont2 !important;
        font-size: 16px;
        margin: 0 0 15px;
        padding: 0 0 10px;
        line-height: 20px
    }

    .mybanform .top h4 {
        background: linear-gradient(to right, #fe7982, #f58630, #fda47e);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 25px;
        margin: 0;
        padding: 0;
        font-family: myfirstfont4 !important
    }

    .mybanform .top h5 {
        color: #000;
        margin: 0 0 5px;
        padding: 0;
        font-size: 22px;
        display: inline-block;
        padding: px;
        color: #fff;
        font-family: myfirstfont4;
        text-transform: capitalize
    }

    .for {
        padding: 75px 20px 20px
    }

    .mybanform {
        background: #fff0;
        padding: 10px 10px;
        border-radius: 0px;
        position: relative
    }

    .third-sec {
        padding: 50px 0;
        background: url(../images/new/pattren.jpg) no-repeat;
        background-size: 100% 100%
    }

    .eight-sec img {
        transform: translateY(180px) scale(1.2)
    }

    .eight-sec .img {
        transform: scale(1.8) translate(-80px, 90px) rotateY(180deg)
    }

    @keyframes blur {
        0% {
            transform: translateY(260px) rotate(35deg) translateX(-87px) scale(1.5)
        }

        50% {
            transform: translateY(260px) rotate(35deg) translateX(-87px) scale(1)
        }

        100% {
            transform: translateY(260px) rotate(35deg) translateX(-87px) scale(1.5)
        }
    }

    .fourth-sec:before {
        position: absolute;
        content: '';
        width: 12%;
        height: 200px;
        top: 40%;
        right: 5px;
        background: url(../images/new/tri-1.png) no-repeat;
        background-size: contain;
        transform: translate(0%, -50%);
        animation: design1 2.5s infinite
    }

    .fourth-sec::after {
        position: absolute;
        content: '';
        width: 12%;
        height: 200px;
        top: 47%;
        right: 5px;
        background: url(../images/new/tri-2.png) no-repeat;
        background-size: contain;
        transform: translate(-50%, -50%) rotate(0);
        animation: design 2.5s infinite
    }

    @keyframes design {
        0% {
            transform: translate(0%, -50%) rotate(3deg)
        }

        50% {
            transform: translate(0%, -50%) rotate(-3deg)
        }

        100% {
            transform: translate(0%, -50%) rotate(3deg)
        }
    }
}

@media(max-width:1375px) {
    .menu-action {
        padding: 7px 10px 8px
    }
}

@media screen and (max-width:1360px) {
    .fourth-sec::after {
        position: absolute;
        content: '';
        width: 10%;
        height: 200px;
        top: 46%;
        right: 5px;
        background: url(../images/new/tri-2.png) no-repeat;
        background-size: contain;
        transform: translate(-50%, -50%) rotate(0);
        animation: design 2.5s infinite
    }

    .fourth-sec:before {
        position: absolute;
        content: '';
        width: 10%;
        height: 200px;
        top: 40%;
        right: 5px;
        background: url(../images/new/tri-1.png) no-repeat;
        background-size: contain;
        transform: translate(0, -50%);
        animation: design1 2.5s infinite
    }

    @keyframes design {
        0% {
            transform: translate(0%, -50%) rotate(3deg)
        }

        50% {
            transform: translate(00%, -50%) rotate(-3deg)
        }

        100% {
            transform: translate(0%, -50%) rotate(3deg)
        }
    }

    .eight-sec .img {
        transform: scale(1.9) translate(-66px, 90px) rotateY(180deg)
    }

    .eight-sec img {
        transform: translateY(180px) scale(1.2)
    }

    @keyframes blur {
        0% {
            transform: translateY(260px) rotate(35deg) translateX(-87px) scale(1.5)
        }

        50% {
            transform: translateY(260px) rotate(35deg) translateX(-87px) scale(1)
        }

        100% {
            transform: translateY(260px) rotate(35deg) translateX(-87px) scale(1.5)
        }
    }

    .sixth-sec h4 {
        text-align: end;
        color: #fff;
        font-size: 38px;
        font-family: myfirstfont !important;
        margin: 0;
        line-height: 1;
        position: relative
    }

    .sixth-sec h4:after {
        content: '';
        position: absolute;
        bottom: 25px;
        left: 325px;
        background: url(../images/new/third-after.png) no-repeat;
        background-size: cover;
        width: 16%;
        height: 15px
    }

    .seventh-sec {
        background: url(../images/new/seventh-bg.png) no-repeat;
        background-size: cover;
        padding: 100px 0;
        position: relative;
        box-shadow: 0 10px 10px -10px #bdbdbd;
        background-position: right
    }

    .seventh-sec .content {
        padding: 20px;
        background: #fff;
        box-shadow: 0 0 10px #ccc
    }

    .seventh-sec .content h4::after {
        content: '';
        position: absolute;
        top: 30%;
        right: 16%;
        background: url(../images/new/third-after.png) no-repeat;
        background-size: cover;
        width: 30%;
        height: 20px;
        transform: translate(-50%, -50%)
    }

    .menu-action h6 {
        color: #fff;
        font-family: myfirstfont4;
        font-size: 17px
    }

    .logo {
        width: 100%;
        margin: 0;
        float: right !important;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        background: linear-gradient(45deg, #ff7983, #fca35e, #fcb79c);
        padding: 3px 22px 20px 30px;
        border: none
    }

    .header-main h4::after {
        content: '';
        width: 30%;
        height: 2px;
        background: #600cf9;
        position: absolute;
        left: -18%;
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .header-main h4::before {
        content: '';
        width: 30%;
        height: 2px;
        background: #9125ec;
        position: absolute;
        right: -48%;
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .main-menu>ul>li>a {
        padding: 00px 10px;
        font-size: 14px;
        color: #282828;
        font-weight: 600;
        text-transform: capitalize;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s
    }

    .main-menu>ul>li {
        padding: 0px;
        float: left;
        position: relative;
        margin: 0 2px
    }

    .chatt img {
        vertical-align: top;
        width: 40%
    }

    .for {
        padding: 80px 20px 30px
    }

    .home-banner {
        background-position: 100% top;
        background-size: cover;
        height: auto !important;
        margin-top: 0;
        position: relative
    }

    .content-banner-middle h4 {
        font-size: 25px;
        color: #fff;
        text-transform: capitalize;
        line-height: 30px;
        margin: 0 0 10px;
        position: relative
    }

    .content-banner-middle p {
        color: #fff;
        font-family: myfirstfont2 !important;
        font-size: 16px;
        margin: 0 0 20px;
        border-bottom: 1px solid #cccccc4f;
        padding: 0 0 10px
    }

    .content-banner-middle h4 span {
        font-size: 35px
    }

    .mybanform button {
        text-transform: uppercase;
        background: none;
        border: 1px solid #540a68;
        padding: 10px 30px;
        color: #540a68;
        font-weight: 600;
        border-radius: 5px;
        font-family: myfirstfont2;
        font-size: 10px;
        width: 100%
    }

    .top-slider-banner {
        transform: translateY(25px)
    }

    .for1 {
        padding: 0 25px 0px;
        margin: 0 0 20px;
        border-bottom: 1px solid #ccc
    }

    .mybanform .sub {
        position: absolute;
        top: -40px;
        left: 5%;
        background: #fff;
        padding: 20px 15px;
        border: 10px solid #ffbe1d;
        border-radius: 50%;
        transform: translate(-50%, -50%)
    }

    .mybanform .top h4 {
        color: #650b6c;
        font-size: 28px;
        margin: 0;
        padding: 0;
        font-family: myfirstfont2 !important
    }

    .mybanform .top h5 {
        color: #000;
        margin: -10px 0 5px;
        padding: 0;
        font-size: 25px;
        background: #ffbe1d00;
        display: inline-block;
        padding: 5px;
        color: #fff;
        font-family: myfirstfont4;
        border-radius: 5px;
        text-transform: capitalize
    }

    .mybanform form .inner-form input,
    textarea {
        outline: none;
        width: 100%;
        border: none;
        border-bottom: 1px solid #ccccccb5;
        font-size: 14px;
        margin: 0 0 10px;
        border-radius: 0;
        background: none;
        color: #fff
    }

    .flex {
        display: flex;
        justify-content: space-between;
        color: #fff;
        font-size: 12px
    }

    .flex a {
        color: #FFF;
        font-size: 16px;
        padding: 0 40px 0 0;
        position: relative
    }

    .btn1 {
        width: 42%;
        padding: 8px;
        border-image-source: linear-gradient(to left, #ff7983, #fd9363, #fcb79b);
        background: linear-gradient(to left, #ff7983, #fd9363, #fcb79b);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        border-image-slice: 1;
        border-width: 2px;
        font-size: 18px;
        color: #81158d;
        text-transform: capitalize;
        margin: 0 30px 0 0
    }
}

@media (max-width:1336px) {
    .fourth-sec:before {
        position: absolute;
        content: '';
        width: 10%;
        height: 200px;
        top: 40%;
        right: 5px;
        background: url(../images/new/tri-1.png) no-repeat;
        background-size: contain;
        transform: translate(0, -50%);
        animation: design1 2.5s infinite
    }

    .fourth-sec::after {
        position: absolute;
        content: '';
        width: 10%;
        height: 200px;
        top: 46%;
        right: 5px;
        background: url(../images/new/tri-2.png) no-repeat;
        background-size: contain;
        transform: translate(-50%, -50%) rotate(0);
        animation: design 2.5s infinite
    }
}

@media (max-width:1300px) {
    .content-banner-middle h4 span {
        font-size: 45px;
    }

    .content-banner-middle h4 {
        font-size: 22px;
        line-height: 35px;
    }

    .content-banner-middle p {
        font-size: 18px;
        line-height: 1.2;
    }
}

@media screen and (max-width: 1280px) {
    .menu-action {
        padding: 5px 10px 5px
    }

    .menu-action h6 {
        font-size: 13px;
    }

    .menu-action {
        padding: 7px 10px 7px;
    }

    .fourth-sec::after {
        position: absolute;
        content: '';
        width: 9%;
        height: 200px;
        top: 50%;
        right: 5px;
        background: url(../images/new/tri-2.png) no-repeat;
        background-size: contain;
        transform: translate(-50%, -50%) rotate(0);
        animation: design 2.5s infinite
    }

    .fourth-sec:before {
        position: absolute;
        content: '';
        width: 9%;
        height: 200px;
        top: 50%;
        right: 0;
        background: url(../images/new/tri-1.png) no-repeat;
        background-size: contain;
        transform: translate(0, -50%);
        animation: design1 2.5s infinite
    }

    @keyframes design1 {
        0% {
            top: 45%
        }

        50% {
            top: 46%
        }

        100% {
            top: 45%
        }
    }

    .sixth-sec h4 {
        text-align: end;
        color: #fff;
        font-size: 35px;
        font-family: myfirstfont !important;
        margin: 0;
        line-height: 1;
        position: relative
    }

    .sixth-sec h4:after {
        content: '';
        position: absolute;
        bottom: 20px;
        left: 350px;
        background: url(../images/new/third-after.png) no-repeat;
        background-size: cover;
        width: 15%;
        height: 15px
    }

    .content-banner-middle h4 {
        font-size: 25px;
        color: #fff;
        text-transform: capitalize;
        line-height: 28px;
        margin: 0 0 15px;
        position: relative
    }

    .content-banner-middle h4 span {
        font-size: 31px
    }

    .top-slider-banner {
        transform: translateY(40px)
    }

    .main-menu>ul>li>a {
        padding: 00px 7px;
        font-size: 14px;
        color: #282828;
        font-weight: 600;
        text-transform: capitalize;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s
    }

    .logo {
        width: 100%;
        margin: 0;
        float: right !important;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        background: linear-gradient(45deg, #ff7983, #fca35e, #fcb79c);
        padding: 3px 22px 20px 15px;
        border: none
    }

    .chatt img {
        vertical-align: top;
        width: 43%
    }

    .mybanform {
        background: #fff0;
        padding: 10px;
        border-radius: 5px;
        position: relative
    }

    .mybanform .top h4 {
        color: #650b6c;
        font-size: 25px;
        margin: 0;
        padding: 0;
        font-family: myfirstfont2 !important
    }

    .mybanform .top h5 {
        color: #000;
        margin: -10px 0 5px;
        padding: 0;
        font-size: 22px;
        background: #ffbe1d00;
        display: inline-block;
        color: #fff;
        font-family: myfirstfont4;
        border-radius: 5px;
        text-transform: capitalize
    }

    .mybanform form .inner-form label {
        display: block;
        max-width: 100%;
        margin-bottom: -8px;
        font-weight: 700;
        font-size: 10px;
        color: #a0a0a0
    }

    .content-banner-middle p {
        color: #fff;
        font-family: myfirstfont2 !important;
        font-size: 16px;
        margin: 0 0 15px;
        border-bottom: 1px solid #cccccc00;
        padding: 0 0 10px
    }

    .mybanform button {
        text-transform: uppercase;
        background: none;
        border: 1px solid #540a68;
        padding: 8px 30px;
        color: #540a68;
        font-weight: 600;
        border-radius: 5px;
        font-family: myfirstfont2;
        font-size: 10px;
        width: 100%
    }

    .for {
        padding: 40px 20px 30px
    }
}

@media (max-width: 1199px) {
    .second-sec .content-class2 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .wbport li {
        width: 29.7%
    }

    .fourth-sec .main .content-1 {
        margin: 0;
    }

    .fourth-sec .main .content-1 .content-top h4 {
        font-size: 20px;
    }

    .fourth-sec .main .content-1 .content-top h3 {
        font-size: 40px;
    }

    .sixth-sec {
        background-position: 54% 100%
    }

    .eight-sec .img {
        transform: scale(1.4) translate(-30px, 120px) rotateY(180deg)
    }

    .eight-sec .main {
        padding: 0
    }

    #rev_slider_8_1_wrapper {
        height: 800px !important
    }

    .slider-color1 .content-banner-middle h4 {
        font-size: 30px;
        color: #282828;
        text-transform: capitalize;
        line-height: 28px;
        margin: 0 0 15px;
        position: relative;
        font-family: myfirstfont2 !important
    }

    .eight-sec .main h4 {
        font-size: 30px;
        color: #160c34;
        margin: 0 0 10px;
        padding: 0
    }

    .eight-sec .main p {
        padding: 0;
        font-size: 14px
    }

    .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 15px;
        border-radius: 5px;
        background: #fff
    }

    .slotholder {
        height: 72% !important
    }

    .tp-fullwidth-forcer {
        height: 600px !important
    }

    .first-sec h6 {
        font-size: 12px;
        font-family: myfirstfont3;
        color: #282828;
        margin: 10px 0 20px
    }

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

    .fourth-sec .main .content-1 .content-bottom li {
        list-style-type: none;
        color: #fff;
        font-size: 10px;
        font-family: myfirstfont2;
        border-bottom: 1px solid;
        padding: 10px 0
    }

    .fifth-sec .content h4 {
        font-size: 38px;
        margin: 0 0 30px;
        font-family: myfirstfont !important;
        color: #282828;
        position: relative;
        line-height: 50px
    }

    .sixth-sec h4 {
        text-align: end;
        color: #fff;
        font-size: 25px;
        font-family: myfirstfont !important;
        margin: 0;
        line-height: 1;
        position: relative
    }

    .sixth-sec h4:after {
        content: '';
        position: absolute;
        bottom: 19px;
        left: 335px;
        background: url(../images/new/third-after.png) no-repeat;
        background-size: cover;
        width: 12%;
        height: 9px
    }

    .seventh-sec .content h4 {
        font-size: 33px;
        color: #ff4255;
        margin: 0;
        padding: 0;
        position: relative
    }

    .seventh-sec .content h5 {
        font-size: 26px;
        font-family: myfirstfont4;
        margin: 0 0 10px;
        color: #000
    }

    .btn1 {
        width: 42%;
        padding: 8px;
        border-image-source: linear-gradient(to left, #ff7983, #fd9363, #fcb79b);
        background: linear-gradient(to left, #ff7983, #fd9363, #fcb79b);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        border-image-slice: 1;
        border-width: 2px;
        font-size: 18px;
        color: #81158d;
        text-transform: capitalize;
        margin: 0 15px 0 0
    }

    .fifth-sec .content p {
        text-align: justify;
        color: #989891;
        font-size: 14px;
        margin: 0 0 30px;
        line-height: 20px
    }

    .btn2 {
        width: 42%;
        padding: 7px;
        background: linear-gradient(to left, #ff7983, #fd9363, #fcb79b);
        border: 0px solid #8b451300;
        font-size: 22px;
        color: #fff;
        text-transform: capitalize;
        margin: 0 15px 0 0px
    }

    .seventh-sec .content p {
        color: #9a9c9f;
        font-size: 12px;
        margin: 0px 0 20px
    }

    .seventh-sec .content h4::after {
        content: '';
        position: absolute;
        top: 30%;
        right: 16%;
        background: url(../images/new/third-after.png) no-repeat;
        background-size: cover;
        width: 30%;
        height: 15px;
        transform: translate(-50%, -50%)
    }

    .sixth-sec p {
        padding: 10px 18px 36px;
        font-size: 10px
    }

    .mybanform {
        background: #fff0;
        padding: 10px;
        width: 100%;
        border-radius: 0
    }

    .content-banner-middle h4 {
        font-size: 22px;
        color: #fff;
        text-transform: capitalize;
        line-height: 28px;
        margin: 0 0 10px;
        position: relative
    }

    .mybanform form .inner-form input,
    textarea {
        outline: none;
        width: 100%;
        border: none;
        border-bottom: 1px solid #ccccccb5;
        font-size: 12px;
        margin: 0 0 10px;
        border-radius: 0;
        background: none;
        color: #fff
    }

    .content-banner-middle h4 span {
        font-size: 35px
    }

    .content-banner-middle p {
        color: #fff;
        font-family: myfirstfont2 !important;
        font-size: 14px;
        margin: 0 0 10px;
        border-bottom: 1px solid #cccccc00;
        padding: 0 0 10px
    }

    .content-banner-middle h6 {
        font-size: 12px;
        color: #fff;
        text-align: center;
        font-family: myfirstfont4;
        margin: 10px 0 20px
    }

    .content-banner-middle ul li {
        color: #fff;
        list-style-type: none;
        font-family: myfirstfont3;
        padding: 0 0 0 20px;
        position: relative;
        font-size: 12px
    }

    .content-banner-middle h5 {
        font-size: 17px;
        color: #fff;
        font-family: myfirstfont2;
        padding: 0 0 10px
    }

    .content-banner-middle .btn2 {
        width: 45%;
        padding: 10px;
        background: none;
        border-radius: 5px;
        font-size: 14px;
        color: #fff;
        text-transform: capitalize;
        margin: 0 10px 0 0
    }

    .main-menu>ul>li>a {
        padding: 0px 8px;
        font-size: 12px;
        color: #282828;
        font-weight: 600;
        text-transform: capitalize;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s
    }

    .header-main .cntct ul li {
        display: inline-block;
        padding: 0 4px;
        text-align: center;
        text-transform: capitalize;
        position: relative
    }

    .header-main h4 {
        font-size: 12px;
        display: inline-block;
        background: linear-gradient(90deg, #ff7983, #fd9a68);
        padding: 10px;
        margin: 0 0 10px;
        border-left: 20px solid #600cf9;
        border-right: 20px solid #9125ec;
        color: #fff;
        position: relative
    }

    .menu-action {
        padding: 0 8px 0
    }

    .chatt img {
        vertical-align: top;
        width: 38% !important;
    }

    .mybanform .sub {
        position: absolute;
        top: 15px;
        left: -2%;
        background: #fff;
        padding: 20px 15px;
        border: 10px solid #ffbe1d;
        border-radius: 50%;
        transform: translate(-50%, -50%)
    }

    .menu-action h6 {
        font-size: 12px;
        margin: 0;
        padding: 0;
    }

    .menu-action {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .logo {
        width: 100%;
        margin: -20px 0 -25px !important;
        float: right !important;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        background: linear-gradient(45deg, #ff7983, #fca35e, #fcb79c);
        padding: 4px 22px 27px 35px;
        border: none
    }

    .top-slider-banner {
        transform: translateY(30px)
    }

    .das {
        margin-top: 0px
    }

    .ourpackages .tab-custom .tabbing-links li {
        color: #4a5660;
        font-size: 16px;
        font-weight: 600;
        display: inline-block;
        padding: 18px 10px !important;
        cursor: pointer;
        background: #eef1f2;
        border-radius: 10px 10px 0 0
    }

    .ourpackages .tab-custom .tabs ul li .packwrap h3 {
        font-size: 18px !important;
        color: #282828;
        text-align: center
    }

    .ourpackages .tab-custom .tabs ul li .packwrap .packfeatures li {
        position: relative;
        width: 100%;
        text-align: left;
        color: #63686c;
        font-size: 10px !important;
        padding-left: 22px;
        padding-bottom: 5px !important;
        font-family: var(--primary-font-family)
    }

    .btn-pack {
        margin: 3px 0 !important;
        width: 77% !important;
        background: #282828;
        margin-bottom: 4px;
        padding: 10px 12px !important;
        text-transform: capitalize !important;
        font-size: 12px !important;
        font-family: myfirstfont3
    }

    a.info {
        position: relative;
        display: inline-block;
        padding: 12px 16px !important;
        text-transform: uppercase;
        letter-spacing: 0px;
        text-decoration: none;
        font-size: 12px !important;
        overflow: hidden;
        transition: 0.2s;
        transition-delay: 600ms;
        color: #282828;
        font-family: myfirstfont3
    }

    .ourpackages .tab-custom .tabs ul li .packwrap a {
        margin: 10px 0 0 !important
    }

    .ourpackages .tab-custom .tabs ul li .packwrap h5 {
        text-align: center;
        color: #282828;
        font-size: 10px !important;
        line-height: 1.0 !important;
        font-family: var(--secondary-font-family);
        padding-bottom: 0;
        padding: 0 10px;
        border-bottom: 1px solid #cccccc82;
        padding-bottom: 11px;
        margin-bottom: 15px
    }

    .webtech .tabs-custom-nav li .twrap .content p {
        padding-bottom: 0;
        font-size: 10px !important;
        text-align: left;
        padding: 0;
        margin: 0;
        line-height: 12px !important
    }

    .ourpackages {
        padding: 0 !important;
        margin-top: -10px
    }

    .fourth-fold h4 {
        color: #fff;
        font-size: 30px;
        font-family: myfirstfont3 !important;
        margin: 0 0 40px;
        position: relative
    }

    .first-section {
        padding: 20px 0;
        background: #f7f7f7
    }

    .first-section .content {
        padding: 30px 0;
        text-align: center
    }

    .header-main .blacklogo {
        display: block;
        transform: translateY(0px)
    }

    .fourth-fold {
        background: url(../images/updated/fourth-fold-bg.html) no-repeat;
        background-size: cover;
        padding: 26px 0;
        background-position: center
    }
}

@media(max-width:1024px) {
    .wbport li {
        width: 29.3%
    }
}

@media (max-width:991px) {
    .first-sec h6 {
        font-size: 11px;
    }

    .first-sec h4 span {
        font-size: 30px;
    }

    .first-sec h4 {
        font-size: 25px;
    }

    .btn2 {
        width: 42%;
        padding: 10px 0;
        font-size: 14px;
    }

    .btn1 {
        font-size: 16px;
    }

    .second-sec .content-class {
        height: 181px;
    }

    .second-sec .content-class3 {
        height: 302px;
    }

    .second-sec .content-class2 {
        height: 161px;
    }

    .second-sec .text-content h4 {
        line-height: 1;
        font-size: 45px;
    }

    .second-sec .text-content h4 span {
        font-size: 20px;
    }

    .second-sec .text-content p {
        padding: 0 20px;
        font-size: 12px;
        line-height: 1.2;
    }

    .third-sec .content-heading p {
        padding: 0 20px;
        font-size: 14px;
    }

    .fourth-sec .main .content-1 {
        margin-bottom: 30px;
    }

    .menu-action {
        padding: 0;
    }

    .sixth-sec .content {
        min-height: 210px;
    }

    .sixth-sec p {
        font-size: 12px;
    }

    .sixth-sec {
        background-position: 70% 100%;
    }

    .sixth-sec h4:after {
        left: 280px;
        width: 18%;
    }

    .wbport li {
        width: 29%;
    }
}

@media (max-width:865px) {
    .main-menu>ul>li>a {
        padding: 0px 7px;
        font-size: 11px;
    }
}

@media (max-width:767px) {
    .fourth-sec .main .content-1 .content-top h3 {
        font-size: 35px;
    }

    .product-container {
        margin: 0 70px;
    }

    .header-main {
        position: sticky;
        padding: 0 0 0 0;
        z-index: 99;
        width: 100%;
        -ms-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        top: 0;
        background: #ffffff00;
        box-shadow: 0px -1px 19px -5px #000
    }

    .sixth-sec .content {
        min-height: auto
    }

    .third-sec .content p,
    .third-sec .content {
        min-height: auto
    }

    .seventh-sec {
        background: url(../images/new/seventh-bg.png) no-repeat;
        background-size: cover;
        padding: 30px 0;
        position: relative;
        box-shadow: 0 10px 10px -10px #bdbdbd;
        background-position: right
    }

    .first-sec {
        padding: 0
    }

    .third-sec {
        padding: 30px 0
    }

    .fifth-sec {
        padding: 30px 0
    }

    .fourth-sec .heading1 p {
        color: #fff;
        font-size: 12px
    }

    .slick-dots li button {
        display: none !important
    }

    .img {
        display: none
    }

    .eight-sec:after {
        content: '';
        position: absolute;
        bottom: 0%;
        right: 10%;
        transform: translate(0%, 0);
        background: url(../images/new/lets-start.png) no-repeat;
        background-size: contain;
        width: 80%;
        height: 54px
    }

    .pkg-1 .content p {
        font-size: 14px !important;
        margin: 0 0 20px !important
    }

    .pkg-1 .content button {
        width: 32% !important
    }

    .pkg-1 .content {
        text-align: center;
        padding: 0 !important
    }

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

    .about-2 .col-lg-3 {
        text-align: center
    }

    .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 {
        list-style-type: none;
        display: table-row-group;
        padding: 0 35px;
        font-size: 16px;
        text-align: center;
        cursor: pointer;
        color: #67617b;
        font-family: myfirstfont4;
        position: relative;
        transition: .5s
    }

    .about-3 .inner button {
        margin-top: 30px;
        font-size: 13px;
        margin-bottom: 15px
    }

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

    .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
        }
    }

    .img {
        display: none
    }

    .sixth-sec h4 {
        font-size: 30px;
    }

    .header-main h4 {
        font-size: 8px;
        display: inline-block;
        background: linear-gradient(90deg, #ff7983, #fd9a68);
        padding: 10px;
        margin: 0;
        border-left: 20px solid #600cf9;
        border-right: 20px solid #9125ec;
        color: #fff;
        position: relative
    }

    .content-banner-middle h6 {
        font-size: 11px;
        color: #282828;
        text-align: center;
        font-family: myfirstfont4;
        margin: 10px 0 0
    }

    .first-sec h6 {
        font-size: 8px;
        font-family: myfirstfont;
        color: #282828;
        margin: 10px 0 20px;
        line-height: 10px
    }

    .first-sec h4 span {
        font-family: myfirstfont;
        font-size: 28px
    }

    .second-sec .content-class {
        width: 100%;
        height: 150px;
        background: #fff;
        margin: 0 0px 20px 10px
    }

    .second-sec .text-content {
        display: contents;
        color: #fff;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 100px
    }

    .second-sec .text-content p {
        display: inline-block;
        color: #fff;
        padding: 0;
        font-size: 14px
    }

    .second-sec {
        background: url(../images/new/second-banner.png) no-repeat;
        background-size: cover;
        padding: 140px 0 20px;
        position: relative
    }

    .second-sec .content-class3 {
        width: 100%;
        height: 220px;
        background: #fff
    }

    .second-sec .content-class2 {
        width: 100%;
        height: 110px;
        background: #fff;
        margin: 0px 15px 20px 0;
    }

    .third-sec .content-heading h4 {
        font-size: 30px;
        font-family: myfirstfont2 !important;
        margin: 0 0 30px;
        position: relative
    }

    .third-sec .content-heading p {
        padding: 0 20px;
        font-size: 14px;
        color: #939598
    }

    .third-sec {
        padding: 30px 0
    }

    .third-sec .content {
        padding: 50px 20px 10px;
        background: #ff4255;
        position: relative;
        margin: 0 0 15px
    }

    .fourth-sec h2 {
        text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
        font-size: 42px;
        position: absolute;
        top: 3%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #080c1600;
        padding: 0 25px;
        color: #090d18;
        margin: 0
    }

    .fourth-sec:before,
    .fourth-sec:after {
        display: none
    }

    .fourth-sec .main {
        padding: 0
    }

    .fourth-sec .main .content-1 {
        padding: 6px;
        margin: 0 0 15px;
    }

    .fourth-sec .main .content-1 .content {
        padding: 6px;
    }

    .fifth-sec .content h4 {
        font-size: 32px;
        margin: 0 0 30px;
        font-family: myfirstfont !important;
        color: #282828;
        position: relative;
        line-height: 35px
    }

    .sixth-sec h4 {
        text-align: center;
        color: #ff4253;
        font-size: 25px;
        font-family: myfirstfont !important;
        margin: 0;
        line-height: 1;
        position: relative
    }

    .sixth-sec h4 i {
        color: #feb641;
        filter: drop-shadow(1px 1px 3px #fff)
    }

    .sixth-sec h4:after {
        content: '';
        position: absolute;
        bottom: 2px;
        left: 160px;
        background: url(../images/new/third-after.png) no-repeat;
        background-size: cover;
        width: 12%;
        height: 9px
    }

    .btn2 {
        width: 42%;
        padding: 8px 0;
        background: linear-gradient(to left, #ff7983, #fd9363, #fcb79b);
        border: 1px solid #8b451300;
        font-size: 12px;
        color: #fff;
        text-transform: capitalize;
        margin: 0 18px 0 0
    }

    .ourpackages .tab-custom .tabs ul li .packwrap h5 {
        text-align: center;
        color: #282828;
        font-size: 14px !important;
        line-height: 1.0 !important;
        font-family: var(--secondary-font-family);
        padding-bottom: 0;
        padding: 0 10px;
        border-bottom: 1px solid #cccccc82;
        padding-bottom: 11px;
        margin-bottom: 15px
    }

    a.info {
        position: relative;
        display: inline-block;
        padding: 12px 60px !important;
        text-transform: uppercase;
        letter-spacing: 0px;
        text-decoration: none;
        font-size: 12px !important;
        overflow: hidden;
        transition: 0.2s;
        transition-delay: 600ms;
        color: #282828;
        font-family: myfirstfont3
    }

    .ourpackages .tab-custom .tabs ul li .packwrap .packfeatures li {
        position: relative;
        width: 100%;
        text-align: left;
        color: #63686c;
        font-size: 14px !important;
        padding-left: 25px;
        padding-bottom: 14px !important;
        font-family: var(--primary-font-family)
    }

    .img-fluid {
        width: 100% !important;
        height: auto
    }

    .first-section {
        padding: 0 0;
        background: #f7f7f7
    }

    .first-section .content h4 {
        font-size: 30px;
        font-family: myfirstfont4 !important;
        color: #282828;
        margin: 0 0 40px;
        position: relative
    }

    .first-section .content h4:after {
        content: '';
        position: absolute;
        bottom: -20%;
        left: 50%;
        width: 20%;
        height: 17px;
        background: url(../images/updated/first-sec-after.html) no-repeat;
        background-size: contain;
        transform: translate(-50%, -50%)
    }

    .header-main .blacklogo {
        display: block;
        transform: translateY(0)
    }

    .fifth-fold .content img {
        width: 50%
    }

    .first-section .content p {
        padding: 0 10px;
        margin: 0 0 30px
    }

    .first-section .content .a1ax {
        padding: 18px 20px;
        display: inline-block;
        border: 2px solid;
        text-align: left;
        line-height: 17px;
        font-size: 16px;
        transform: translateY(-7px);
        color: #fff;
        background: linear-gradient(70deg, #440569, #781388);
        border-radius: 7px;
        font-family: myfirstfont4;
        margin: 0 2px 0 0
    }

    .first-section .content .a2ax {
        padding: 8px 15px;
        display: inline-block;
        border: 2px solid;
        text-align: left;
        line-height: 17px;
        font-size: 14px;
        color: #781388;
        border-radius: 6px;
        font-family: myfirstfont3;
        position: relative
    }

    .second-section .main-content h4 span {
        font-size: 20px;
        display: inline-block
    }

    .second-section .main-content h4 {
        font-size: 30px;
        color: #282828;
        line-height: 38px;
        font-family: myfirstfont4 !important;
        position: relative;
        padding: 0 0 63px
    }

    .second-section .main-content h4:after {
        content: '';
        position: absolute;
        bottom: 23%;
        left: 0;
        width: 28%;
        height: 15px;
        background: url(../images/updated/second-after.html) no-repeat;
        background-size: contain
    }

    .second-section .content-images .col-md-3,
    .second-section .content-images .col-md-4 {
        width: 50%
    }

    .pakages-fold .h4 {
        font-size: 30px;
        font-family: myfirstfont4 !important;
        margin: 0 0 20px;
        position: relative
    }

    .pakages-fold .h4:after {
        content: '';
        position: absolute;
        bottom: -10%;
        left: 50%;
        width: 22%;
        height: 12px;
        background: url(../images/updated/first-sec-after.html) no-repeat;
        background-size: contain;
        transform: translate(-50%, -50%)
    }

    .pakages-fold p {
        padding: 0 0px
    }

    .second-section .content-images .spell,
    .second-section .content-images .spell2 {
        transform: translateX(0)
    }

    .ourpackages .tab-custom .tabs ul li {
        vertical-align: top;
        display: inline-block;
        text-align: center;
        width: 100% !important;
        padding: 0 5px
    }

    .fourth-fold {
        background: url(../images/updated/fourth-fold-bg.html) no-repeat;
        background-size: cover;
        padding: 40px 0;
        background-position: center
    }

    .fourth-fold h4 {
        color: #fff;
        font-size: 23px;
        font-family: myfirstfont3 !important;
        margin: 0 0 20px;
        position: relative
    }

    .fourth-fold h4:after {
        position: absolute;
        content: '';
        bottom: -15%;
        left: 9%;
        background: url(../images/updated/fourth-after.html) no-repeat;
        background-size: contain;
        width: 17%;
        height: 12px;
        transform: translate(-50%, -50%)
    }

    .fourth-fold p {
        color: #fff;
        margin: 0 0 20px;
        font-size: 13px
    }

    .fourth-fold .a3ax {
        padding: 18px 15px;
        display: inline-block;
        text-align: left;
        line-height: 17px;
        font-size: 18px;
        transform: translateY(-7px);
        color: #781388;
        background: #fff;
        border-radius: 7px;
        font-family: myfirstfont4;
        margin: 0 15px 0 0
    }

    .fourth-fold .a4ax {
        padding: 5px 14px;
        display: inline-block;
        border: 2px solid;
        text-align: left;
        line-height: 17px;
        font-size: 12px;
        color: #fff;
        border-radius: 6px;
        font-family: myfirstfont3;
        position: relative
    }

    .fifth-fold h4 {
        font-size: 20px;
        font-family: myfirstfont4 !important;
        margin: 0 0 30px;
        position: relative
    }

    .fifth-fold h4:after {
        content: '';
        position: absolute;
        bottom: -20%;
        left: 50%;
        width: 15%;
        height: 12px;
        background: url(../images/updated/first-sec-after.html) no-repeat;
        background-size: contain;
        transform: translate(-50%, -50%)
    }

    .sixth-testi h4 {
        text-align: center;
        color: #282828;
        font-size: 21px;
        font-family: myfirstfont4 !important;
        margin: 0 0 50px;
        position: relative
    }

    .sixth-testi h4:after {
        content: '';
        position: absolute;
        bottom: -18%;
        left: 50%;
        width: 19%;
        height: 12px;
        background: url(../images/updated/first-sec-after.html) no-repeat;
        background-size: contain;
        transform: translate(-50%, -50%)
    }

    .sixth-testi .di .content p {
        font-size: 10px;
        margin: 0 0 10px;
        line-height: 1.2
    }

    .sixth-testi .di .content h6 {
        font-size: 8px;
        font-family: myfirstfont;
        color: #540a68
    }

    .breaker .col-lg-2 {
        width: 50%;
        text-align: center
    }

    .form-bottom h4 {
        color: #fff;
        font-size: 30px;
        font-family: myfirstfont4 !important;
        margin: 0 0 20px;
        position: relative
    }

    .form-bottom h4:after {
        content: '';
        position: absolute;
        bottom: -8%;
        left: 50%;
        width: 20%;
        height: 9px;
        background: url(../images/updated/form-after.html) no-repeat;
        background-size: contain;
        transform: translate(-50%, -50%)
    }

    .form-bottom p {
        color: #fff;
        padding: 0 10px;
        font-size: 14px;
        margin: 0 0 20px
    }

    .form-bottom form {
        width: 100%;
        text-align: center;
        transform: translate(0)
    }

    .form-bottom form a {
        border: 1px solid #fff;
        color: #fff;
        font-size: 18px;
        padding: 10px;
        font-family: myfirstfont4;
        border-radius: 5px;
        display: inline-block
    }

    .footer-top {
        background: none;
        background-size: contain !important;
        height: 100%;
        padding: 20px 0 0
    }

    .footer-top figure img {
        width: 35%
    }

    .tell {
        line-height: 1;
        text-align: center
    }

    .footerleft a {
        color: #676767;
        font-size: 15px;
        padding: 0 0px 0 0px;
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
        font-family: myfirstfont4
    }

    .socialmid {
        text-align: center
    }

    .mobile-nav-btn span {
        color: #fff;
        background-color: #fff
    }

    .mobile-nav-btn span:before,
    .mobile-nav-btn span:after {
        background-color: #fff
    }

    .footer-main p {
        color: #939598;
        font-size: 13px;
        padding-bottom: 0;
        line-height: 1.3;
        text-align: justify
    }

    .footer-top .linkinglist li a {
        color: #939598;
        font-size: 12px;
        font-family: myfirstfont4
    }

    .footer-nav li {
        margin-right: 12px;
        position: relative;
        display: inline-block
    }

    .footer-nav li a {
        font-size: 10px;
        font-weight: 400;
        color: #939598;
        padding: 0;
        text-decoration: none;
        font-family: myfirstfont3;
        margin: 0
    }

    .eight-sec img {
        transform: translateY(0)
    }

    .footer-nav li:not(:last-child) a {
        border-right: 0
    }

    .footer-top .linkinglist {
        display: inline-block;
        margin-bottom: 0;
        padding: 0 0 0 12px;
        border-left: 1px solid #a6a6a69e
    }

    .logo-footer ul li i {
        background: linear-gradient(to left, #ff7983, #fd9363, #fcb79b);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        padding: 16px;
        font-size: 22px;
        border: 2px solid #fca45d;
        border-radius: 50%;
        margin: 0 8px
    }

    .footer-bottom ul li {
        display: inline-block;
        padding: 0 7px;
        font-size: 10px;
        color: #a6a6a6;
        vertical-align: middle;
        font-family: myfirstfont2 !important
    }

    .footer-bottom ul li a {
        display: block;
        font-size: 10px;
        color: #a6a6a6
    }

    .mybanform {
        display: block !important
    }

    .chatt {
        display: none
    }

    .content-banner-middle h4 span {
        font-size: 26px
    }

    .content-banner-middle h4:after {
        display: none
    }

    .logo {
        display: none
    }

    .header-main h4::before {
        content: '';
        width: 10%;
        height: 2px;
        background: #9125ec;
        position: absolute;
        right: -18%;
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .header-main h4::after {
        content: '';
        width: 10%;
        height: 2px;
        background: #600cf9;
        position: absolute;
        left: -8%;
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .content-banner-middle ul li {
        color: #fff;
        list-style-type: none;
        font-family: myfirstfont3;
        padding: 0 0 0 20px;
        position: relative;
        font-size: 10px
    }

    .content-banner-middle h5 {
        font-size: 16px;
        color: #fff;
        font-family: myfirstfont2
    }

    .mybanform {
        background: #fff;
        padding: 10px;
        width: 100% !important;
        border-radius: 5px;
        margin: 00px 0 0 0
    }

    .for {
        padding: 0 0px 20px
    }

    .mobile-nav-btn {
        border: 1px solid #fff;
        padding: 8px;
        background: #ff7983
    }

    .mobile-nav-btn {
        position: fixed;
        top: 10px;
        height: 37px;
        padding: 8px;
        border-radius: 4px;
        right: 2%;
        z-index: 100;
        cursor: pointer;
        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
        z-index: 14
    }

    .mobile-nav-btn span {
        height: 3px;
        height: 3px;
        width: 28px;
        background-color: var(--primary-color);
        display: block;
        margin-bottom: 6px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        position: relative;
        background: #fff;
        top: 8px
    }

    .mobile-nav-btn span:before,
    .mobile-nav-btn span:after {
        display: block;
        background-color: var(--primary-color);
        height: 3px;
        width: 28px;
        position: absolute;
        left: 0;
        content: '';
        -webkit-transform-origin: .28571rem center;
        transform-origin: .28571rem center;
        right: 0;
        background: #fff;
        margin: 0 auto
    }

    .mobile-nav {
        position: fixed;
        width: 80%;
        height: 100%;
        overflow-y: scroll;
        top: 0;
        right: -80%;
        z-index: 12;
        background: var(--primary-color);
        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
        background: #090d17
    }

    .mobile-nav nav li a {
        color: #fff;
        font-weight: 400;
        display: block;
        padding: 10px 24px;
        border-top: 1px solid #ff42542e;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out
    }

    .mobile_testi1 {
        text-align: left;
        display: block;
        padding: 5px 20px
    }

    .inerservice-banner .isb-textwrapper h5 {
        color: #fff;
        letter-spacing: 2px !important;
        font-family: myfirstfont2;
        font-size: 13px;
        font-weight: 600;
        padding: 0;
        margin: 0
    }

    .inerservice-banner .isb-textwrapper h1 {
        font-size: 12px;
        margin: 0
    }

    .inerservice-banner .isb-textwrapper h4 {
        line-height: 1;
        text-transform: uppercase;
        color: #fff;
        font-size: 14px;
        margin-bottom: 0;
        font-weight: 900;
        letter-spacing: 2px;
        font-family: myfirstfont3;
        margin: 0;
        padding: 0 0 4px
    }

    .whether-you .main-heading h2,
    .build-to-win .main-heading h2,
    .innserservice-commonfolds h1,
    .bot-form h2,
    .cta-fold p,
    .testi-heading h2,
    .x-factor-section h2,
    .webcta h3,
    .webtech h2,
    .ourpackages h2,
    .portfolio_arch h2,
    .proofbox h3,
    .detailsec h2 {
        text-align: left;
        font-size: 20px
    }

    .innserservice-commonfolds h6 {
        color: #fa130d;
        font-weight: 700;
        font-size: 20px;
        padding: 2px 0
    }

    .innserservice-commonfolds p {
        color: #160c28;
        line-height: 1.5;
        padding: 0px;
        font-size: 12px;
        font-weight: 300
    }

    .techicons ul li figure img {
        width: 70px
    }

    .btn-red {
        text-align: center;
        border-radius: 9px;
        padding: 14px 20px;
        background: linear-gradient(45deg, #ff7983, #fdb79b);
        color: #fff;
        display: inline-block;
        width: 160px;
        font-size: 12px;
        font-weight: 400;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s
    }

    .build-to-win {
        padding: 45px 0 45px
    }

    .build-to-win .main-heading p {
        color: #160c28;
        line-height: 1.5;
        padding: 0px;
        font-size: 15px
    }

    .build-to-win .main-heading h2 {
        font-size: 44px;
        font-weight: 700;
        color: #160c28;
        line-height: 1;
        padding-bottom: 0
    }

    .custompackages {
        display: none
    }

    .inerservice-banner .isb-textwrapper p,
    .inerservice-banner .isb-textwrapper1 p {
        color: #fff;
        font-size: 10px;
        font-weight: 400;
        line-height: 1.4;
        letter-spacing: 0;
        padding: 4px 0 0;
        font-family: myfirstfont2 !important;
        border-top: 1px solid #ccc;
        display: inline-block;
        margin: 0
    }

    .innserservice-commonfolds.mobapp {
        background: #fff url(../images/abt/mobile-application.jpg)no-repeat;
        background-position: top right -20px;
        background-size: 40%;
        padding: 30px 0
    }

    .mobile_testi1 span {
        padding: 6px 6px 0;
        margin: -10px 0 0;
        display: inline-block;
        color: #fff;
        background: #ff7983;
        transform: translate(8px, 8px);
        border-radius: 2px;
        width: 45%
    }

    .mobile_testi1 span a {
        color: #fff;
        text-decoration: none
    }

    .slick-dots {
        position: absolute;
        bottom: -25px;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
        left: 0;
        right: 0
    }

    .header-main .col-lg-8 {
        display: none
    }

    .btn1,
    .slider-color .btn1 {
        width: 42%;
        padding: 8px 0;
        border-image-source: linear-gradient(to left, #ff7983, #fd9363, #fcb79b);
        background: linear-gradient(to left, #ff7983, #fd9363, #fcb79b);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        border-image-slice: 1;
        border-width: 2px;
        font-size: 12px;
        color: #81158d;
        text-transform: capitalize;
        margin: 0 15px 0 0;
    }

    .mainn {
        background: #ffffff29;
        padding: 20px
    }

    .sixth-sec .content {
        box-shadow: 0px 6px 25px -8px #000;
        position: relative;
        background: #ffffffe0
    }

    .seventh-sec .content h4 {
        font-size: 24px;
        color: #ff4255;
        margin: 0;
        padding: 0;
        position: relative
    }

    .seventh-sec .content h5 {
        font-size: 20px;
        font-family: myfirstfont4;
        margin: 0 0 0;
        color: #000
    }

    .seventh-sec .content p {
        color: #9a9c9f;
        font-size: 14px;
        margin: 0px 0 20px
    }

    .fourth-sec .main .content-1 .content-bottom li {
        list-style-type: none;
        color: #fff;
        font-size: 12px;
        font-family: myfirstfont2;
        border-bottom: 1px solid;
        padding: 10px 0
    }

    .eight-sec .main {
        padding: 0px
    }

    .eight-sec .main .inner {
        background: linear-gradient(to left, #ff7983, #fd9363, #fcb79b);
        position: relative;
        padding: 30px 20px;
        width: 100%
    }

    .eight-sec .btn4 {
        background: none;
        color: aliceblue;
        padding: 6px 6px;
        font-size: 16px;
        border: 2px solid #fff
    }

    .eight-sec .main p {
        padding: 0 5px;
        font-size: 12px
    }

    .eight-sec .main h4 {
        font-size: 30px;
        color: #160c34;
        margin: 0 0 10px;
        padding: 0 10px
    }

    .eight-sec .btn3 {
        padding: 7px 12px;
        background: #fff;
        border: 1px solid #fff;
        color: #feb63f;
        font-size: 16px
    }

    .content-banner-middle .btn2 {
        width: 45%;
        padding: 10px;
        background: none;
        border-radius: 0;
        font-size: 12px;
        text-transform: capitalize;
        margin: 0 10px 0 0
    }

    .mybanform .sub {
        display: none
    }

    .mybanform form {
        text-align: center;
        padding: 0 15px
    }

    .flex {
        display: flex;
        justify-content: space-between;
        color: #282828;
        font-size: 10px
    }

    .flex a {
        color: #282828;
        font-size: 14px;
        padding: 0 25px 0 0;
        position: relative
    }

    .das {
        margin: 20px 0 0 0;
        border-radius: 0px
    }

    .mybanform .top h4 {
        color: #650b6c;
        font-size: 20px;
        margin: 0;
        padding: 0;
        font-family: myfirstfont2 !important
    }

    .mybanform .top h5 {
        color: #000;
        margin: 0px 0 5px;
        padding: 0;
        font-size: 18px;
        background: #ffbe1d00;
        display: inline-block;
        color: #282828;
        font-family: myfirstfont4;
        border-radius: 5px;
        text-transform: capitalize
    }

    .top-slider-banner {
        display: none
    }

    .first {
        margin: 0 0 0 0 !important;
        position: unset !important;
        right: 0;
        left: 0;
        width: 100%
    }

    .detailsec {
        padding: 20px 0 0 !important
    }

    .home-banner {
        background-position: 100% top;
        background-size: cover;
        height: auto;
        margin-top: 0;
        position: relative
    }

    .detailsec h3 {
        font-size: 25px;
        font-family: myfirstfont2 !important;
        margin: 0;
        padding: 0;
        text-align: left
    }

    .detailsec h2 {
        text-align: left;
        font-size: 24px
    }

    .boxesinfo {
        padding: 10px 0
    }

    .boxesinfo .wrp .listboxes {
        text-align: center;
        margin-bottom: 0;
        width: 100%;
        font-size: 0;
        display: block
    }

    .ourpackages .tab-custom .tabbing-links li {
        color: #4a5660;
        font-size: 10px !important;
        font-weight: 600;
        display: inline-block;
        padding: 6px 10px !important;
        cursor: pointer;
        background: #eef1f2;
        border-radius: 10px 10px 0 0;
        margin: 0 0 5px
    }

    .detailsec p {
        padding-bottom: 20px;
        text-align: justify
    }

    .content12 .sub h4 {
        color: #fff;
        padding: 0;
        font-family: myfirstfont2 !important;
        font-size: 14px
    }

    .content12 .sub h3 {
        font-size: 38px;
        padding: 0;
        color: #fff;
        font-size: 29px
    }

    .btn-black {
        text-align: center;
        border-radius: 10px;
        padding: 11px 0;
        background-color: #fff;
        color: #fb6e45;
        display: inline-block;
        width: 160px;
        font-size: 16px;
        font-weight: 400;
        margin-right: 20px;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        text-transform: capitalize;
        margin-top: 20px;
        margin: 0
    }

    .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        background: #f48130;
        width: 16px;
        border-radius: 50%;
        height: 16px;
        font-family: "slick";
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        color: #333;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .call_to_action h4 {
        color: #fff;
        font-size: 16px;
        font-weight: 500
    }

    .call_to_action p {
        font-size: 12px;
        margin-top: 8px;
        line-height: 15px
    }

    .call_to_action .btn-red {
        text-transform: uppercase;
        background: none;
        font-weight: 700;
        padding: 10px 10px;
        border: 1px solid #fc694a;
        margin-top: 0
    }

    .testi_box>p {
        font-size: 12px
    }

    .cta-fold p {
        text-align: left;
        font-size: 12px
    }

    .webtech {
        padding: 30px 0
    }

    .contact-wrapper {
        background: url(../images/updated/bg-contact3.html) #fff no-repeat;
        background-position: top left;
        background-size: contain;
        position: relative;
        overflow: hidden;
        padding: 30px 0 50px;
        margin: 60px 0 0;
        background-blend-mode: color
    }

    .contact-wrapper form {
        width: 100%;
        text-align: left
    }
}

@media (max-width:575px) {
    .second-sec .content-class2 {
        width: 100%;
        height: 180px;
    }

    .second-sec .content-class3 {
        height: 385px;
    }

    .second-sec .content-class {
        width: 47%;
        height: 195px;
        margin: 0 0px 10px 10px;
    }

    .second-sec .text-content p {
        margin: 0 0 20px;
    }

    .pc {
        display: none !important
    }

    .content-banner-middle h4 span {
        line-height: 1;
        padding: 0;
    }

    .mainn {
        padding: 15px 0;
    }

    .sixth-sec p {
        font-size: 12px;
        margin: 0;
    }

    .fourth-sec {
        padding: 15px 0;
    }

    .sixth-sec {
        background: url(../images/new/sixth-bg.jpg) no-repeat;
        background-size: cover;
        padding: 15px 0;
        position: relative
    }

    .fourth-sec .heading1 h4 {
        font-size: 17px;
        color: #fff;
        margin: 0
    }

    .mobile {
        display: block !important
    }

    .pc_testi {
        display: none
    }

    .mobile_testi,
    .mobile_testi1 {
        display: block
    }

    .content-banner-middle h4 {
        font-size: 14px;
        color: #fff;
        text-transform: capitalize;
        line-height: 24px;
        margin: 0px 0 0;
        position: relative;
        position: absolute;
        top: -135px;
        left: 40px;
        background: #00000099;
        padding: 0;
        border: none;
    }

    .content-banner-middle {
        padding: 0;
        border: none;
        text-align: center
    }

    .inner-top {
        position: unset;
        top: 0%;
        bottom: 0;
        left: 0%;
        right: 0;
        transform: translate(0%, -0%)
    }

    .content-banner-middle p {
        color: #282828;
        font-family: myfirstfont2 !important;
        font-size: 13px;
        margin: 20px 0 0;
        border-bottom: 1px solid #cccccc00;
        padding: 0
    }

    .first-sec .content {
        text-align: center
    }

    .first-sec .content .btn1 {
        margin: 0 !important
    }
}

@media (max-width:475px) {
    .second-sec .content-class2 {
        height: 155px;
    }

    .second-sec .content-class3 {
        height: 330px;
    }

    .second-sec .content-class {
        height: 155px;
    }
}

@media (max-width:375px) {
    .content-banner-middle h4 {
        top: -125px;
    }
}

@media (max-width:340px) {
    .content-banner-middle h4 {
        top: -115px;
    }

    .contact-detail h6 {
        font-size: 13px;
    }
    .logo-footer ul li i {
    font-size: 16px;
}
}

@media (max-width:320px) {
    .btn2 {
        width: 42%;
        padding: 8px;
        background: linear-gradient(to left, #ff7983, #fd9363, #fcb79b);
        border: 1px solid #8b451300;
        font-size: 16px;
        color: #fff;
        text-transform: capitalize;
        margin: 0 18px 0 0
    }

    .btn1 {
        width: 42%;
        padding: 8px;
        border-image-source: linear-gradient(to left, #ff7983, #fd9363, #fcb79b);
        background: linear-gradient(to left, #ff7983, #fd9363, #fcb79b);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        border-image-slice: 1;
        border-width: 2px;
        font-size: 14px;
        color: #81158d;
        text-transform: capitalize;
        margin: 0 30px 0 0
    }

    .ourpackages .tab-custom .tabbing-links li {
        color: #4a5660;
        font-size: 10px !important;
        font-weight: 600;
        display: inline-block;
        padding: 6px 5px !important;
        cursor: pointer;
        background: #eef1f2;
        border-radius: 10px 10px 0 0;
        margin: 0 0 5px
    }
}

@media (max-width:310px) {
    .content-banner-middle h4 {
        top: -105px;
    }
}

@media (width: 767px) {
    .wbport li {
        width: 44%
    }

    .content-banner-middle button {
        width: 19%
    }

    .content-banner-middle .btn2 {
        color: #fff
    }

    .content-banner-middle h4 {
        font-size: 25px;
        color: #fff;
        text-transform: capitalize;
        line-height: 46px;
        margin: 0px 0 0;
        position: relative;
        position: unset;
        background: #00000099;
        padding: 10px;
        border: none
    }

    .content-banner-middle h4 span {
        font-size: 48px
    }

    .content-banner-middle p {
        color: #fff;
        font-family: myfirstfont2 !important;
        font-size: 20px;
        margin: 10px 0 10px;
        border-bottom: 1px solid #cccccc00;
        padding: 0 40px;
        line-height: 1.3
    }

    .inner-top {
        position: absolute;
        top: 25px;
        left: 0;
        right: 0;
        transform: translate(0%, -0%)
    }

    .ourpackages .tab-custom .tabs ul li {
        vertical-align: top;
        display: inline-block;
        text-align: center;
        width: 50% !important;
        padding: 0 5px
    }

    .packwrap h5 {
        text-align: center;
        color: #282828;
        font-size: 14px !important;
        line-height: 1.0 !important;
        font-family: var(--secondary-font-family);
        padding-bottom: 0;
        padding: 0 10px;
        border-bottom: 1px solid #cccccc82;
        padding-bottom: 11px;
        margin-bottom: 15px
    }

    .ourpackages .tab-custom .tabs ul li .packwrap .packfeatures li {
        position: relative;
        width: 100% !important;
        text-align: left;
        color: #63686c;
        font-size: 10px !important;
        padding-left: 22px;
        padding-bottom: 5px !important;
        font-family: var(--primary-font-family)
    }

    .fifth-fold .content img {
        width: 80%
    }

    .sixth-testi .di .content p {
        font-size: 15px;
        margin: 0 0 10px;
        line-height: 1.2
    }

    .sixth-testi .slick-next {
        right: -25px !important
    }

    .sixth-testi .slick-prev {
        left: -35px !important
    }

    .btn-pack {
        margin: 3px 0 !important;
        width: 60% !important;
        background: #282828;
        margin-bottom: 4px;
        padding: 10px 12px !important;
        text-transform: capitalize !important;
        font-size: 12px !important;
        font-family: myfirstfont3
    }

    a.info {
        position: relative;
        display: inline-block;
        padding: 12px 36px !important;
        text-transform: uppercase;
        letter-spacing: 0px;
        text-decoration: none;
        font-size: 12px !important;
        overflow: hidden;
        transition: 0.2s;
        transition-delay: 600ms;
        color: #282828;
        font-family: myfirstfont3
    }

    .testi-cont p {
        font-size: 10px;
        padding: 0px
    }

    .testi-img {
        display: inline-block;
        width: 35px;
        vertical-align: top;
        height: 35px;
        background: linear-gradient(45deg, #fb6e46, #f4852f);
        border-radius: 50%
    }

    .testi-cont {
        display: inline-block;
        width: 115px;
        vertical-align: top;
        padding-left: 20px
    }

    .testi_box>p {
        font-size: 10px;
        line-height: 12px
    }

    .ourpackages .tab-custom .tabbing-links li {
        color: #4a5660;
        font-size: 10px !important;
        font-weight: 600;
        display: inline-block;
        padding: 23px 11px !important;
        cursor: pointer;
        background: #eef1f2;
        border-radius: 10px 10px 0 0
    }

    .ourpackages .tab-custom .tabs ul li {
        vertical-align: top;
        display: inline-block;
        text-align: center;
        width: 50%;
        padding: 0 5px
    }

    .header-main .top-bar .sldrwrp p {
        float: left;
        width: 50%;
        font-size: 12px
    }

    .header-main .cntct ul li a {
        color: #000;
        font-weight: 600;
        font-size: 8px
    }

    .filldiv {
        background: #fff;
        border-radius: 12px;
        padding: 10px 10px;
        padding-bottom: 12px
    }

    .third-sec .content {
        padding: 20px 15px 10px;
        background: #ff4255;
        position: relative;
        margin: 0 0 15px;
        min-height: 230px
    }

    .third-sec .content h4::after {
        top: -20px
    }

    .fourth-sec .main .content-1 .content-top h3 {
        font-size: 34px
    }

    .fourth-sec .main .content-1 .content-top h4 {
        color: #0fe5fe;
        font-size: 22px
    }

    .fourth-sec .main .content-1 .content-bottom {
        padding: 6px
    }

    .fourth-sec .main .content-1 .content-bottom li {
        padding: 5px 0
    }

    .fourth-sec .main .content-1 .content-top h3:after {
        font-size: 9px;
        PADDING: 3px 0
    }

    .fourth-sec .main .content-1 .content {
        padding: 6px
    }

    .fourth-sec .main .content-1 {
        padding: 6px
    }

    .home-banner {
        background-position: 100% top;
        background-size: cover;
        height: 25vh;
        margin-top: 0;
        position: relative
    }

    .third-sec .content h4 {
        font-size: 19px
    }

    .second-sec .content-class {
        width: 100%
    }

    .third-sec .content p {
        color: #fff;
        font-size: 13px;
        line-height: 1.2
    }

    .third-sec .content .abs {
        font-size: 25px
    }

    .second-sec .text-content p {
        display: inline-block;
        color: #fff;
        padding: 0 0 0 6px;
        font-size: 13px;
        width: 70%;
        line-height: 1.1
    }

    .second-sec .text-content h4 {
        COLOR: #fff;
        font-size: 25px;
        display: inline-block;
        line-height: 25px;
        border-right: 5px solid #fff;
        padding: 0 10px 0 0
    }

    .second-sec .text-content h4 span {
        font-size: 17px;
        font-family: myfirstfont2;
        display: block
    }

    .sub-content .content-top h4 {
        font-size: 20px;
        color: #fff;
        font-weight: 600;
        padding: 0
    }

    .sub-content .content-top h5 {
        padding: 0;
        color: #fff;
        font-size: 22px;
        font-weight: 100;
        padding-top: 30px
    }

    .sub-content .content-top p {
        font-size: 18px;
        color: #fff;
        font-weight: 100;
        margin: 0 0 10px;
        font-family: myfirstfont2 !important;
        line-height: 22px
    }

    .sub-content .content-bottom p {
        color: #fff;
        font-size: 12px;
        line-height: 14px;
        margin: 0 0 30px;
        font-family: myfirstfont2 !important
    }

    .call_to_action2 .btn-black,
    .btn-red,
    .call_to_action .btn-black {
        width: 160px !important
    }

    .call_to_action h4 {
        color: #fff;
        font-size: 20px !important;
        font-weight: 500
    }

    .sub-content .content-bottom h4 {
        font-size: 16px !important;
        font-weight: 600;
        color: #fff;
        line-height: 20px
    }
}

@media screen and (width: 1024px) {
    .slotholder {
        height: 95% !important
    }

    .tp-revslider-mainul {
        height: 66% !important
    }

    .fourth-sec .main .content-1 {
        margin: 0 0
    }

    .fourth-sec .main .content-1 .content-bottom li {
        font-size: 13px;
        padding: 7px 0
    }

    .fourth-sec .main .content-1 .content {
        padding: 6px
    }

    .fourth-sec .main .content-1 {
        padding: 4px
    }

    .fourth-sec .main .content-1 .content-bottom {
        padding: 7px
    }

    .main-menu>ul>li>a {
        padding: 0 7px;
        font-size: 13px;
        color: #1f1e1e;
        font-weight: 600;
        text-transform: capitalize;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s
    }

    .main-menu>ul>li.head-no>a {
        border-radius: 5px;
        background: linear-gradient(45deg, #ffbe1d, #ffbe1d);
        border: 1px solid #ffbe1d;
        color: #540a68;
        transition: .5s;
        padding: 5px 40px;
        font-family: myfirstfont
    }

    .mybanform .top h4 {
        color: #650b6c;
        font-size: 20px;
        margin: 0;
        padding: 0;
        font-family: myfirstfont2 !important
    }

    .mybanform .top h5 {
        color: #000;
        margin: 0 0 10px;
        padding: 0;
        font-size: 20px;
        background: #ffbe1d;
        display: inline-block;
        padding: 5px;
        color: #540a68;
        font-family: myfirstfont;
        border-radius: 5px;
        text-transform: capitalize
    }

    .mybanform button {
        text-transform: uppercase;
        background: none;
        border: 1px solid #540a68;
        padding: 8px 4px;
        color: #540a68;
        font-weight: 600;
        border-radius: 5px;
        font-family: myfirstfont2;
        font-size: 12px;
        width: 100%
    }

    .content-banner-middle h4 {
        font-size: 18px;
        color: #fff;
        text-transform: capitalize;
        line-height: 25px;
        margin: 0 0 11px;
        position: relative
    }

    .header-main h4 {
        padding: 7px;
        margin: 0 0 8px
    }

    .menu-action h6 {
        color: #fff;
        font-family: myfirstfont4;
        font-size: 11px
    }

    .content-banner-middle h4 span {
        font-size: 26px;
        margin: -6px 0 0
    }

    .fourth-fold {
        background: url(../images/updated/fourth-fold-bg.html) no-repeat;
        background-size: cover;
        padding: 100px 0;
        background-position: center
    }

    .content-banner-middle p {
        font-size: 12px;
        padding: 0 0 5px;
        line-height: 1.1;
        margin: 0
    }

    .menu-action {
        padding: 0 3px 0
    }

    .inner-top {
        top: 43%
    }
}

@media (max-width:450px) {
    .ourpackages .tab-custom .tabbing-links li {
        color: #4a5660;
        font-size: 10px !important;
        font-weight: 600;
        display: inline-block;
        padding: 6px 11px !important;
        cursor: pointer;
        background: #eef1f2;
        border-radius: 10px 10px 0 0
    }

    .second-section .main-content h4 {
        font-size: 40px;
        color: #282828;
        line-height: 38px;
        font-family: myfirstfont4 !important;
        position: relative;
        padding: 0 0 63px
    }

    .second-section .main-content h4 span {
        font-size: 25px;
        display: inline-block
    }
}

@media (max-width:280px) {
    .ourpackages .tab-custom .tabs ul li .packwrap .packfeatures li {
        position: relative;
        width: 100%;
        text-align: left;
        color: #63686c;
        font-size: 16px !important;
        padding-left: 25px;
        padding-bottom: 14px !important;
        font-family: var(--primary-font-family)
    }

    .sixth-testi .di .content p {
        font-size: 8px;
        margin: 0 0 10px;
        line-height: 1
    }

    .ourpackages .tab-custom .tabs ul li {
        vertical-align: top;
        display: inline-block;
        text-align: center;
        width: 100%;
        padding: 0 5px
    }

    .content-banner-middle .btn1 {
        width: 43%;
        padding: 10px;
        border: 1px white solid;
        background: #fff;
        border-radius: 5px;
        font-size: 10px;
        color: #81158d;
        text-transform: capitalize;
        margin: 0 10px 0 0
    }

    .content-banner-middle .btn2 {
        width: 43%;
        padding: 10px;
        border: 1px #fff solid;
        background: none;
        border-radius: 5px;
        font-size: 9px;
        color: #fff;
        text-transform: capitalize;
        margin: 0 10px 0 0
    }

    .mybanform .top h4 {
        color: #650b6c;
        font-size: 20px;
        margin: 0;
        padding: 0;
        font-family: myfirstfont2 !important
    }

    .mybanform .top h5 {
        color: #000;
        margin: 0 0 10px;
        padding: 0;
        font-size: 20px;
        background: #ffbe1d;
        display: inline-block;
        padding: 5px;
        color: #540a68;
        font-family: myfirstfont;
        border-radius: 5px;
        text-transform: capitalize
    }

    .sixth-testi .di .content h5 {
        font-size: var(--font-size-h5);
        font-family: myfirstfont3;
        font-size: 11px
    }

    .sixth-testi .di {
        background: rgb(255, 255, 255);
        padding: 10px;
        box-shadow: rgb(204, 204, 204) 0px 0px 10px;
        border-radius: 5px;
        margin: 0 20px 0 0
    }

    .ourpackages .tab-custom .tabbing-links li {
        color: #4a5660;
        font-size: 8px !important;
        font-weight: 600;
        display: inline-block;
        padding: 8px 6px !important;
        cursor: pointer;
        background: #eef1f2;
        border-radius: 10px 10px 0 0
    }

    .call_to_action2 h4 {
        color: #fff;
        font-size: 18px !important;
        font-weight: 500
    }

    .rank i {
        font-size: 10px
    }

    .content h6 {
        font-size: 6px;
        font-family: myfirstfont;
        color: #540a68
    }

    .content-banner-middle h5 {
        font-size: 13px;
        color: #fff;
        font-family: myfirstfont2
    }

    .content12 .sub h4 {
        color: #fff;
        padding: 0;
        font-family: myfirstfont2 !important;
        font-size: 11px
    }

    .content12 .sub h3 {
        font-size: 38px;
        padding: 0;
        color: #fff;
        font-size: 25px
    }

    .btn-black {
        text-align: center;
        border-radius: 10px;
        padding: 11px 0;
        background-color: #fff;
        color: #fb6e45;
        display: inline-block;
        width: 130px;
        font-size: 16px;
        font-weight: 400;
        margin-right: 20px;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        text-transform: capitalize;
        margin-top: 20px
    }

    .cta-fold {
        padding: 0px 0px 0 0 !important
    }

    .content-banner-middle h4 {
        top: -98px;
    }
}