@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);

a:focus,
img {
    outline: 0
}
.h-content-img .img-wrap img.one {
   animation: infiniteZoom 3s infinite ease-in-out;
    transition: 0.5s all ease-out;
}

@keyframes infiniteZoom {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}
.btn-blue:hover b,
.bullet-sec.counter-sec a.btn-size.btn-border b,
.cta-footer a.btn-size:hover b,
a,
body {
    color: #000
}

a,
a:focus,
a:hover {
    text-decoration: none
}

.marketing-sertab ul.srv-tab li {
    font-size: 17px;
    line-height: 25px
}

.marketing-sertab .srv-desc li {
    list-style: disc
}

.marketing-sertab ul.btn-wrap li {
    list-style: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    padding: 0;
    margin: 0
}

.main-heading,
.main-pera {
    font-weight: 400;
    font-style: normal
}

.btn-size,
.btn-size span i,
.btn-size:before {
    transition: .4s ease-in
}

.menu-prnt .top .head,
.thankyou-sec {
    text-align: center
}

.btn-size span,
.h-content-sec-3:before,
header:before {
    animation: 1s infinite showHide
}

.h-portfolio ul.portfolio-wrap li a:after,
.h-portfolio ul.portfolio-wrap li a:before {
    box-sizing: border-box;
    transition: transform .4s ease-in;
    transform: scale(0);
    height: 100%
}

.serv-tab ul.srv-tab li {
    line-height: 30px !important;
}

.serv-tab .srv-desc h2 {
    line-height: 54px !important;
}

.serv-tab .srv-desc li {
    list-style: disc;
    padding: 8px 0px;
}

.serv-tab .srv-desc ul {
    margin-left: 20px;
    margin-top: 20px;
}

.serv-tab .srv-desc ul.btn-wrap.d-flex.align-items-center.mt-5 li {
    list-style: none;
    padding: 0px;
}

.serv-tab .srv-desc ul.btn-wrap.d-flex.align-items-center.mt-5 {
    margin: 0px;
}



.our-combo,
img {
    max-width: 100%
}
.about-h-content li {
    color: white;
    list-style: disc;
    margin-top: 12px;
    margin-left: 47px;
    margin-bottom: 12px;
    opacity: .8;
}
.about-count-sec li {
    color: white;
    list-style: disc;
    margin-top: 12px;
    margin-left: 47px;
    margin-bottom: 12px;
    opacity: .8;
}
.about-count-sec .btn-wrap li {
    list-style: none !important;
}
.about-count-sec ul.counter-wrap li {
    list-style: none !important;
}
.about-h-content .btn-wrap li {
    list-style: none !important;
}

/* .logo-brading-pricing ul.pkg-wrap-grid li .pkg-box {
    border-radius: 15px;
    overflow: hidden;
    margin: 30px 20px 0;
    background: #fff;
    clip-path: polygon(10% 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 0 15%);
    position: relative
}

.logo-brading-pricing ul.pkg-wrap-grid li .pkg-box .pkg-head {
    position: relative;
    height: 160px;
    background-image: url(https://aussiebrandingsolutions.com/assets/images/pkg-box-head.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly
}

.logo-brading-pricing ul.pkg-wrap-grid li .pkg-box .pkg-head .price h4 {
    letter-spacing: -.06em;
    color: #fff;
    font-weight: 600;
    font-size: 53px
}

.logo-brading-pricing ul.pkg-wrap-grid li .pkg-box .pkg-head .price h4 sub {
    font-weight: 300;
    font-size: 26px;
    bottom: 0
}

.logo-brading-pricing ul.pkg-wrap-grid li .pkg-box .pkg-head .price h6 {
    font-weight: 300;
    font-size: 15px;
    letter-spacing: -.04em;
    text-transform: lowercase;
    text-decoration: line-through;
    color: #fdcd00
}

.logo-brading-pricing ul.pkg-wrap-grid li .pkg-box .pkg-head .pkg-name {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%
}

.logo-brading-pricing ul.pkg-wrap-grid li .pkg-box .pkg-head .pkg-name h3 {
    font-family: base neue;
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    letter-spacing: .1rem
}

.logo-brading-pricing ul.pkg-wrap-grid li .pkg-box .pkg-head .pkg-name h5 {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -.04em;
    text-transform: lowercase;
    color: #fff
}

.logo-brading-pricing ul.pkg-wrap-grid li .pkg-box .desc {
    border-bottom: 1px solid #e9e9e9;
    text-align: center;
    padding: 20px 0
}

.logo-brading-pricing ul.pkg-wrap-grid li .pkg-box .desc p {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -.04em;
    text-transform: uppercase;
    text-align: center;
    color: rgba(7, 7, 7, .71);
    width: 70%;
    margin: auto
}

.logo-brading-pricing ul.pkg-wrap-grid li .pkg-box .pkg-list {
    padding: 20px
}

.logo-brading-pricing ul.pkg-wrap-grid li .pkg-box .pkg-list ul {
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden
}

.logo-brading-pricing ul.pkg-wrap-grid li .pkg-box .pkg-list ul li {
    position: relative;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    color: #020812;
    margin: auto;
    padding-left: 20px;
    padding-bottom: 10px
}

.logo-brading-pricing ul.pkg-wrap-grid li .pkg-box .pkg-bottom h5 a,
.logo-brading-pricing ul.pkg-wrap-grid li .pkg-box .pkg-list ul li.heading {
    font-weight: 700;
    color: #fdcd00
}

.bullet-sec ul.bullet-point li:before,
.logo-brading-pricing ul.pkg-wrap-grid li .pkg-box .pkg-list ul li:before {
    content: "\f058";
    position: absolute;
    font-family: "font awesome 5";
    left: 0;
    color: #fdcd00
}

.logo-brading-pricing ul.pkg-wrap-grid li .pkg-box .pkg-btn {
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    text-align: center;
    padding: 20px 0
}

.logo-brading-pricing ul.pkg-wrap-grid li .pkg-box .pkg-bottom {
    text-align: center;
    padding: 20px 0
}

.logo-brading-pricing ul.pkg-wrap-grid li .pkg-box .pkg-bottom h5 {
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    letter-spacing: -.04em;
    text-transform: lowercase;
    text-align: center;
    color: #070707
}

.logo-brading-pricing ul.pkg-wrap-grid li .pkg-box:before {
    content: "";
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    position: absolute;
    background: 0 0;
    -webkit-clip-path: polygon(10% 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 0 15%);
    clip-path: polygon(10% 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 0 15%);
    pointer-events: none
}

.h-content-img,
.review-sec {
    clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 5% 100%, 0 85%)
}

.logo-brading-pricing ul.pkg-wrap-grid li .pkg-box.popular {
    border: 2px solid #fdcd00;
    border-top: 0
}

.logo-brading-pricing ul.pkg-wrap-grid li .pkg-prnt.popular:after {
    content: "";
    position: absolute;
    background-image: url(https://aussiebrandingsolutions.com/assets/images/popular-img.png);
    left: 7px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 107px
}

.logo-brading-pricing .pkg-prnt.popular .desc,
.logo-brading-pricing .pkg-prnt.popular .pkg-bottom,
.logo-brading-pricing .pkg-prnt.popular .pkg-btn,
.logo-brading-pricing .pkg-prnt.popular .pkg-list {
    border-left: 2px solid #fdcd00;
    border-right: 2px solid #fdcd00
}

.logo-brading-pricing .pkg-prnt.popular .pkg-bottom {
    border-bottom: 2px solid #fdcd00;
    border-radius: 0 0 15px 15px
}

.logo-brading-pricing ::-webkit-scrollbar {
    width: 0
}

.logo-brading-pricing ul.pkg-wrap-grid {
    display: flex;
    flex-wrap: wrap;
}

.logo-brading-pricing ul.pkg-wrap-grid li{
     box-sizing: border-box; 
    flex: 1 1 calc(33.33% - 20px);
}


.logo-cta-one .box-wrap {
    padding: 20px;
    height: 299px;
}

.logo-cta-one .box-wrap h3 {
    padding-bottom: 10px;
}

.logo-cta-one .dd {
    margin-top: 30px;
}
section.bullet-sec h3 {
    padding-bottom: 20px;
} */

@font-face {
    font-family: base neue;
    src: url(../fonts/BaseNeueTrial-Black.woff) format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: base neue;
    src: url(../fonts/BaseNeueTrial-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: base neue extbd;
    src: url(../fonts/BaseNeueTrial-ExtraBold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: base neue med;
    src: url(../fonts/BaseNeueTrial-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: base neue;
    src: url(../fonts/BaseNeueTrial-Thin.woff) format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: base neue;
    src: url(../fonts/BaseNeueTrial-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: base neue;
    src: url(../fonts/BaseNeueTrial-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: base neue sembd;
    src: url(../fonts/BaseNeueTrial-SemiBold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #f5f5f5;
    border-radius: 0
}

::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f5
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #806232
}

body {
    background: #fff;
    font-size: 16px
}

a,
body,
h1,
h2,
h3,
h4,
h5,
h6,
input,
label,
li,
p,
span,
strong {
    font-family: poppins, sans-serif
}

p {
    line-height: normal
}

a:hover {
    color: #806232
}

figure {
    margin-bottom: 0
}

img {
    border: 0
}

li,
ul {
    list-style-type: none
}

.btn-circle a,
.btn-size,
.btn-size b,
.bullet-sec.about-desc .img-wrap,
.h-price .pkg-prnt,
.home-banner .img-wrap span,
.home-banner.srv-banner,
.menu-prnt .top .menu-list ul li.dropdown,
.our-combo .info-comb ul li span,
.relative,
.serv-tab .srv-desc .my-tabs,
header {
    position: relative
}

.absolute,
.btn-size:before {
    position: absolute
}

.c-white {
    color: #fff !important
}

.c-dark {
    color: #000 !important
}

.c-blue {
    color: #fdcd00 !important;
    font-family: base neue
}

.sec-pad {
    padding: 50px 0
}

.main-heading {
    font-size: 50px;
    line-height: 60px;
    letter-spacing: -1px;
    text-transform: capitalize
}

.main-pera {
    font-size: 16px;
    line-height: 28px;
    padding: 30px 0
}

.my-tabs,
.thankyou-pg footer {
    display: none
}

.home-banner h1 b,
.menu-prnt .top .head a,
.my-tabs.current {
    display: block
}

.thankyou-sec {
    height: 80vh;
    display: flex
}

.thankyou-sec .container {
    align-self: center
}

.thankyou-sec h4 {
    font-size: 100px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -1.4px;
    font-family: base neue
}

.thankyou-sec p {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    width: 60%;
    margin: auto;
    padding: 10px 0
}

.h-services ul.serv-slider-one li .content ul.btn-wrap,
.home-banner p {
    margin-top: 20px
}

.btn-wrap {
    gap: 20px
}

.btn-size {
    font-style: normal;
    display: flex;
    padding: 8px 10px 8px 20px;
    border-radius: 4px;
    border: 1px solid;
    background-color: #fdcd00;
    -webkit-clip-path: polygon(13% 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 0 32%);
    clip-path: polygon(13% 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 0 32%);
    align-items: center
}

.btn-size b {
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
    color: #000
}

.cta-one .box-wrap h3,
.cta-one h2,
.h-portfolio h2,
.h-services h4 {
    text-transform: capitalize
}

.btn-size:before {
    content: "";
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    background: #fff;
    -webkit-clip-path: polygon(14% 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 0 34%);
    clip-path: polygon(14% 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 0 34%)
}

.btn-size span {
    border-radius: 4px;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fdcd00;
    color: #000;
    margin-left: 10px
}

.btn-size:hover,
.btn-size:hover:before {
    clip-path: polygon(0% 0, 100% 0, 100% 0%, 100% 100%, 0 100%, 0 0%);
    background: #fdcd00
}

.btn-blue b,
.btn-size:hover b,
.bullet-sec.counter-sec *,
.cta-footer a.btn-size.btn-blue:hover b,
.footer-form .form-wrap form button:hover span,
.process-sec .box-wrap.color-box * {
    color: #fff
}

.btn-size:hover span {
    background: #fff;
    animation: unset
}

.btn-size:hover span i {
    transform: rotate(45deg);
    transform: unset
}

.btn-blue,
.btn-border {
    border-color: #fdcd00
}

.btn-blue:before,
.btn-blue:hover span {
    background: #fdcd00
}

.btn-blue span,
.cta-footer a.btn-size.btn-border:before {
    background: #fff
}

.btn-blue:hover,
.btn-blue:hover:before {
    background: #fff;
    border-color: #000
}

.btn-circle a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: .4s linear;
    transform: scale(.8)
}

.btn-circle a img {
    animation: 8s infinite cirlce;
    transition: .4s linear;
    opacity: .8
}

.btn-circle a:hover,
.h-portfolio ul.portfolio-wrap li a:hover:after,
.h-portfolio ul.portfolio-wrap li a:hover:before,
.serv-tab ul.srv-tab li.current:before {
    transform: scale(1)
}

.btn-circle a:hover img {
    opacity: 1;
    transform: scale(1)
}

.btn-circle a:before {
    content: "\f176";
    position: absolute;
    font-family: "font awesome 5";
    left: 50%;
    top: 50%;
    margin: auto;
    font-size: 50px;
    color: #fff;
    transform: translate(-50%, -50%) rotate(45deg);
    z-index: 1;
    transition: .4s linear
}

.btn-circle a:hover:before {
    font-size: 60px
}

header {
    padding: 20px 30px 0
}

header:before {
    content: "";
    position: absolute;
    background-image: url(../images/blue-shadow.png);
    background-size: cover;
    background-position: inherit;
    width: 501px;
    height: 536px;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
    pointer-events: none;
    transform: rotate(-180deg)
}

.h-sec-3 .content-sec h2 .item-content.is-active span,
span.heading-gif {
    background: url(../images/heading-1.gif) center;
    color: transparent;
    width: fit-content;
    -webkit-text-fill-color: transparent
}

header .menu-btn #nav-icon1 {
    width: 60px;
    height: 100%;
    position: relative;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    display: block
}

header .menu-btn #nav-icon1 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #000;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

header .menu-btn #nav-icon1 span:first-child {
    top: 0;
    width: 70%;
    left: unset;
    right: 0
}

.home-banner .img-wrap span.two:hover a,
header .menu-btn #nav-icon1 span:nth-child(2) {
    top: 10px
}

header .menu-btn #nav-icon1 span:nth-child(3) {
    top: 20px;
    width: 70%
}

header .menu-btn #nav-icon1.open span:first-child {
    top: 18px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 100%
}

header .menu-btn #nav-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px
}

header .menu-btn #nav-icon1.open span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    width: 100%
}

.menu-prnt {
    background: url(../images/optimizedimage/services-bg.webp) top/cover no-repeat #fdcd00;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    padding: 40px;
    clip-path: polygon(0 0, 85% 0%, 100% 10%, 100% 100%, 0 100%, 0% 50%);
    transition: .4s ease-in;
    transform: translateX(-400px)
}

.menu-prnt.openmenu {
    transform: translateX(0)
}

.menu-prnt .top {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: space-around
}

.menu-prnt .top .menu-list ul {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.menu-prnt .top .menu-list ul li a {
    font-size: 30px;
    font-weight: 400;
    font-family: bebas neue;
    line-height: 1;
    letter-spacing: .1rem;
    color: #fff;
    transition: .2s linear
}

.menu-prnt .top .menu-list ul li a:hover {
    color: #25c0fc;
    margin-left: 10px
}

.menu-prnt .top .menu-list ul li.dropdown ul.sub-menus {
    position: relative;
    width: 100%;
    padding-left: 1rem;
    overflow: hidden;
    height: 0;
    transition: .4s linear
}

.menu-prnt .top .bottom ul.contact-info-icons {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 30px
}

.menu-prnt .top .bottom ul.contact-info-icons li a {
    font-size: 25px;
    color: #fff;
    transition: .3s linear;
    display: block
}

.menu-prnt .top .bottom ul.contact-info-icons li a:hover {
    color: #333;
    margin-top: -15px
}

.menu-prnt .top .head a img {
    filter: brightness(0) invert(1)
}

.menu-prnt .top .menu-list ul li.dropdown ul.sub-menus.show {
    height: 100%;
    padding: 20px 10px 0;
}

.menu-prnt .top .menu-list ul li.dropdown ul.sub-menus li {
    position: relative;
    padding-left: 20px
}

.menu-prnt .top .menu-list ul li.dropdown ul.sub-menus li a {
    font-size: 25px;
    line-height: 1px
}

.menu-prnt .top .menu-list ul li.dropdown ul.sub-menus li:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #c6c4c4;
    border-radius: 50%;
    left: 0;
    top: 3px
}

.menu-prnt .top .menu-list ul li.dropdown a:hover {
    margin: 0
}

.menu-prnt .top .menu-list ul li.dropdown ul.sub-menus li a:hover {
    margin-left: 5px
}

header .menu-btn .open {
    z-index: 1;
    top: -50px;
    left: -30px
}

header .menu-btn .open span {
    background: #fff !important
}

span.heading-gif {
    -webkit-background-clip: text;
    position: relative;
    -webkit-text-stroke: 1px #050505ad;
    -moz-text-fill-color: transparent
}

.home-banner {
    padding: 60px 0;
    overflow: hidden
}

.home-banner h1 {
    font-weight: 300;
    font-size: 90px;
    line-height: 1;
    font-family: base neue
}

.home-banner h1 span.heading-gif,
.home-banner h2 {
    font-weight: 800
}

.home-banner h1 span.heading-gif:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 15px;
    background: #fdcd00;
    right: -20px;
    bottom: 10px;
    border: 2px solid #fff
}

.home-banner .img-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    gap: 20px
}

.footer-form,
.home-banner .content,
.home-banner .img-wrap span.two,
.industry-sec {
    margin-top: -100px
}

.home-banner .img-wrap span {
    width: 100%;
    height: 390px;
    overflow: hidden
}

.home-banner .img-wrap span.three {
    margin-top: -200px
}

.home-banner .img-wrap img {
    filter: grayscale(1);
    position: relative;
    width: 100%;
    transition: .4s linear;
    height: 100%;
    object-fit: cover
}

.home-banner .img-wrap img:hover {
    filter: unset;
    transform: scale(1.05)
}

.home-banner h2 {
    font-family: base neue;
    font-size: 40px;
    line-height: 1.1;
    color: #000
}

.home-banner p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
    color: #333;
    width: 50%;
    margin-left: auto
}

.logos-sec {
    background: #0087bb;
    padding-bottom: 20px
}

.logos-sec ul {
    background: #fdcd00;
    transform: rotate(1deg);
    overflow-x: hidden;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0
}

.logos-sec ul li img {
    padding: 20px 0
}

.h-sec-3,
.serv-tab {
    position: relative;
    overflow: hidden
}

.h-sec-3 .img-sec {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.h-sec-3 .img-sec .item-img {
    position: absolute;
    height: 100%;
    width: 100%;
    transition: 1s;
    opacity: 0;
    top: 0;
    left: 0
}

.h-sec-3 .img-sec .item-img figure img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.h-sec-3 .content-sec {
    position: relative;
    min-height: 100vh;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.h-sec-3 .content-sec h2 {
    width: 100%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.h-sec-3 .content-sec h2 .item-content {
    opacity: .5;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    transition: color .3s;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    min-width: 280px;
    margin: 0 auto;
    padding-left: 10.35%;
    padding-right: 10.35%;
    color: #fff
}

.h-sec-3 .content-sec h2 .item-content b {
    font-size: 40px;
    font-weight: 300;
    margin-bottom: -50px
}

.h-sec-3 .content-sec h2 .item-content span {
    font-size: 110px;
    font-family: base neue;
    font-weight: 800
}

.h-sec-3 .content-sec h2 .item-content span img {
    transform: scale(.7)
}

.h-sec-3 .content-sec h2 .item-content.is-active span img {
    animation: 2s infinite alternate zoomin
}

.h-sec-3 .content-sec h2 .item-content.is-active,
.h-sec-3 .img-sec .item-img.is-active {
    opacity: 1
}

.h-sec-3 .content-sec h2 .item-content:nth-child(2) {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.h-sec-3 .content-sec h2 .item-content.is-active span {
    -webkit-background-clip: text;
    position: relative;
    -webkit-text-stroke: 1px #c9c9c9ad;
    animation: 5s infinite alternate bg
}

.h-content-sec-3 {
    padding: 60px 0;
    position: relative;
    overflow: hidden;
    background: #fff
}

.cta-one,
.h-content-sec-3:before,
.h-services {
    background-repeat: no-repeat;
    background-size: cover
}

.h-content-sec-3:before {
    content: "";
    position: absolute;
    background-image: url(../images/yellow-shadow.png);
    background-position: bottom;
    width: 540px;
    height: 536px;
    left: 0;
    top: 0;
    pointer-events: none;
    transform: rotate(1deg)
}

.h-content-sec-3 p {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    opacity: .9
}

.footer-form .form-wrap form,
.h-content-sec-3 ul.btn-wrap {
    margin-top: 30px
}

.banner-grad {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 650px;
    height: 650px;
    border-radius: 100%;
    background-image: linear-gradient(#a6a3a3 10%, #fdcd00);
    filter: blur(250px);
    transition: 450ms ease-out;
    position: fixed;
    pointer-events: none;
    left: 0;
    top: 0;
    transform: translate(calc(-50% + 15px), -50%);
    z-index: -1
}

.h-services {
    background-position: right;
    padding: 80px 0 130px
}

.h-services h4 {
    position: relative;
    font-family: base neue;
    font-weight: 300;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    padding-left: 50px;
    margin-bottom: 30px
}

.cta-one h2,
.cta-one p {
    color: #000;
    text-align: center
}

.bullet-sec h4:before,
.h-content-img h4:before,
.h-services h4:before,
.home-banner.inner-banner h3:before,
.review-sec h4:before {
    content: "";
    position: absolute;
    height: 2px;
    background: #fdcd00;
    width: 6%;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.h-portfolio h2,
.h-services ul.serv-slider-one li .content h2 {
    font-family: base neue;
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    color: #fff
}

.h-services ul.serv-slider-one li .content h2 span {
    font-family: base neue;
    display: block
}

.h-services ul.serv-slider-one li .content p {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    opacity: .8;
    width: 80%;
    padding: 15px 0
}

.h-services .slides-numbers {
    color: #9fa5ac;
    display: none;
    font-size: 20px;
    font-weight: 300;
    left: 55px;
    position: absolute;
    bottom: -75px
}

.h-services .slides-numbers .active {
    color: #fff;
    font-size: 30px;
    margin-right: -6px
}

.h-services .slides-numbers .total {
    margin-left: -5px
}

.h-services .slick-next,
.h-services .slick-prev,
.review-sec .slick-next,
.review-sec .slick-prev {
    bottom: -90px;
    top: unset
}

.h-services .slick-next,
.review-sec .slick-next {
    left: -330px
}

.h-services .slick-prev,
.review-sec .slick-prev {
    left: 0
}

.h-services .slick-next:before,
.h-services .slick-prev:before {
    font-family: "font awesome 5" !important;
    font-size: 30px;
    color: #fff;
    line-height: 35px
}

.h-services .slick-next:before,
.pkg-wrap .slick-next:before,
.review-sec .slick-next:before {
    content: "\f178"
}

.h-services .slick-prev:before,
.pkg-wrap .slick-prev:before,
.review-sec .slick-prev:before {
    content: "\f177"
}

.cta-one {
    padding: 60px 0;
    background-position: top center
}

.cta-one h2 {
    font-family: base neue;
    font-weight: 700;
    font-size: 60px;
    line-height: 80px
}

.cta-one p {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 50px
}

.cta-one .box-wrap {
    box-shadow: -10px -6px 44px 0 rgba(0, 0, 0, .04);
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    width: 85%;
    margin: auto;
    height: 270px;
    transition: .3s linear;
    border-radius: 6px
}

.cta-one .box-wrap h3 {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    text-align: center;
    color: #333;
    width: 70%
}

.cta-one .box-wrap img {
    width: 40%;
    transform-style: preserve-3d;
    transition: transform .8s
}

.cta-one .box-wrap:hover {
    transform: translateY(-10px)
}

.cta-one .box-wrap:hover img {
    transform: rotateX(360deg)
}

.cta-one .box-wrap:hover h3 {
    color: #fdcd00 !important
}

.h-portfolio {
    background: #000;
    padding: 80px 0;
    position: relative;
    overflow: hidden
}

.h-portfolio p {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #f3f4f3;
    padding-top: 15px;
    width: 70%
}

.h-portfolio ul.port-tabs {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #625e5e;
    justify-content: center;
    margin: auto auto 30px;
    position: relative;
    gap: 30px
}

.h-portfolio ul.port-tabs li {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    color: #f3f4f3;
    cursor: pointer;
    position: relative;
    padding: 0 15px 15px
}

.footer-form .contact-info .info-box a:hover,
.h-portfolio ul.port-tabs li.current,
.h-portfolio ul.port-tabs li:hover,
.h-price ul.pkg-tabs li.current,
.h-price ul.pkg-tabs li:hover,
.serv-tab ul.srv-tab li.current,
.serv-tab ul.srv-tab li:hover {
    color: #fdcd00
}

.h-portfolio ul.port-tabs li.current:before {
    content: "";
    position: absolute;
    border-radius: 3px;
    width: 83px;
    height: 5px;
    box-shadow: 0 0 21px 0 #fdcd00;
    background: #fdcd00;
    bottom: -3px;
    left: 0;
    right: 0;
    margin: auto
}

.h-portfolio ul.portfolio-wrap.slider-one {
    margin: 20px 0
}

.h-portfolio ul.portfolio-wrap .slick-slide img {
    width: 100%
}

.h-portfolio ul.portfolio-wrap .slick-slide a {
    display: block;
    width: 100%
}

.h-portfolio ul.portfolio-wrap .slick-slide a:hover img {
    opacity: .4
}

.h-portfolio ul.portfolio-wrap li,
footer .copy-right p a {
    margin: 0 10px
}

.h-portfolio ul.portfolio-wrap li a {
    transition: transform 4s ease-in;
    overflow: hidden;
    position: relative
}

.h-portfolio ul.portfolio-wrap li a:before {
    content: "\f00e";
    position: absolute;
    font-family: "font awesome 5";
    width: 100%;
    top: 0;
    left: 0;
    font-size: 45px;
    color: #fff;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: center;
    z-index: 9
}

.h-portfolio ul.portfolio-wrap li a:after {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    font-size: 25px;
    color: #fff;
    display: block;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: center;
    opacity: .7;
    background: #fdcd00d4;
    transform-origin: top left
}

.h-portfolio ul.portfolio-wrap li a img {
    object-fit: cover;
    object-position: top;
    max-width: 100%
}

.home-banner .btn-circle {
    position: absolute;
    left: 330px;
    top: 250px
}

.h-portfolio svg {
    position: absolute;
    right: 0;
    top: 0
}

.heading-wrap h4 {
    font-family: bebas neue, sans-serif;
    font-weight: 600;
    font-size: 360px;
    line-height: 260px;
    text-transform: uppercase;
    text-align: center;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #0094cd;
    text-shadow: 0 12px 45.08px rgb(0 147 205/32%);
    -moz-transform: matrix(.70034268553797, 1.00758926899987e-16, 0, .70034268553797, 0, 0);
    -webkit-transform: matrix(.70034268553797, 1.00758926899987e-16, 0, .70034268553797, 0, 0);
    -ms-transform: matrix(.70034268553797, 1.00758926899987e-16, 0, .70034268553797, 0, 0);
    animation: 2s infinite outline;
    opacity: .2
}

.industry-sec .item:hover img,
footer a:hover {
    transform: scale(1.1)
}

.heading-wrap {
    position: absolute;
    right: 10px;
    top: 20px
}

.h-price {
    padding: 80px 0;
    position: relative;
    background: right bottom/cover no-repeat #fff
}

.h-price h2 {
    font-family: base neue;
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    text-transform: capitalize;
    color: #000
}

.h-price ul.pkg-tabs {
    display: flex;
    align-items: center;
    margin: 30px 0;
    border-bottom: 1px solid #606060;
    justify-content: center;
    gap: 30px
}

.h-price ul.pkg-tabs li {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    color: #000;
    cursor: pointer;
    position: relative;
    padding: 0 20px 15px
}

.h-price ul.pkg-tabs li.current:before {
    content: "";
    position: absolute;
    border-radius: 3px;
    width: 100%;
    height: 5px;
    box-shadow: 0 0 21px 0 #fdcd00;
    background: #fdcd00;
    bottom: -3px;
    left: 0;
    right: 0;
    margin: auto
}

.h-price ul.pkg-wrap li .pkg-box {
    border-radius: 15px;
    overflow: hidden;
    margin: 30px 20px 0;
    background: #fff;
    clip-path: polygon(10% 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 0 15%);
    position: relative
}

.h-price ul.pkg-wrap li .pkg-box .pkg-head {
    position: relative;
    height: 160px;
    background-image: url(../images/pkg-box-head.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly
}

.h-price ul.pkg-wrap li .pkg-box .pkg-head .price h4 {
    letter-spacing: -.06em;
    color: #fff;
    font-weight: 600;
    font-size: 53px
}

.h-price ul.pkg-wrap li .pkg-box .pkg-head .price h4 sub {
    font-weight: 300;
    font-size: 26px;
    bottom: 0
}

.h-price ul.pkg-wrap li .pkg-box .pkg-head .price h6 {
    font-weight: 300;
    font-size: 15px;
    letter-spacing: -.04em;
    text-transform: lowercase;
    text-decoration: line-through;
    color: #fdcd00
}

.h-price ul.pkg-wrap li .pkg-box .pkg-head .pkg-name {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%
}

.h-price ul.pkg-wrap li .pkg-box .pkg-head .pkg-name h3 {
    font-family: base neue;
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    letter-spacing: .1rem
}

.h-price ul.pkg-wrap li .pkg-box .pkg-head .pkg-name h5 {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -.04em;
    text-transform: lowercase;
    color: #fff
}

.h-price ul.pkg-wrap li .pkg-box .desc {
    border-bottom: 1px solid #e9e9e9;
    text-align: center;
    padding: 20px 0
}

.h-price ul.pkg-wrap li .pkg-box .desc p {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -.04em;
    text-transform: uppercase;
    text-align: center;
    color: rgba(7, 7, 7, .71);
    width: 70%;
    margin: auto
}
.h-price ul.pkg-wrap li .pkg-box .desc p {
    height: 90px;
}
.h-price ul.pkg-wrap li .pkg-box .pkg-list {
    padding: 20px
}

.h-price ul.pkg-wrap li .pkg-box .pkg-list ul {
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
}
.h-price ul.pkg-wrap li .pkg-box .pkg-list li  ul {
    height: 100% !important;
    margin-top: 10px !important;
}
/* Scrollbar styling (Webkit browsers only) */
.h-price ul.pkg-wrap li .pkg-box .pkg-list ul::-webkit-scrollbar {
  width: 8px;
}

.h-price ul.pkg-wrap li .pkg-box .pkg-list ul::-webkit-scrollbar-track {
  background: #f1f1f1; /* light gray background */
  border-radius: 4px;
}

.h-price ul.pkg-wrap li .pkg-box .pkg-list ul::-webkit-scrollbar-thumb {
  background-color: #806232; /* thumb color */
  border-radius: 4px;
}
.h-price ul.pkg-wrap li .pkg-box .pkg-list ul li {
    position: relative;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    color: #020812;
    margin: auto;
    padding-left: 20px;
    padding-bottom: 10px
}

.h-price ul.pkg-wrap li .pkg-box .pkg-bottom h5 a,
.h-price ul.pkg-wrap li .pkg-box .pkg-list ul li.heading {
    font-weight: 700;
    color: #fdcd00
}

.bullet-sec ul.bullet-point li:before,
.h-price ul.pkg-wrap li .pkg-box .pkg-list ul li:before {
    content: "\f058";
    position: absolute;
    font-family: "font awesome 5";
    left: 0;
    color: #fdcd00
}

.h-price ul.pkg-wrap li .pkg-box .pkg-btn {
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    text-align: center;
    padding: 20px 0
}

.h-price ul.pkg-wrap li .pkg-box .pkg-bottom {
    text-align: center;
    padding: 20px 0
}

.h-price ul.pkg-wrap li .pkg-box .pkg-bottom h5 {
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    letter-spacing: -.04em;
    text-transform: lowercase;
    text-align: center;
    color: #070707
}

.h-price ul.pkg-wrap li .pkg-box:before {
    content: "";
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    position: absolute;
    background: 0 0;
    -webkit-clip-path: polygon(10% 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 0 15%);
    clip-path: polygon(10% 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 0 15%);
    pointer-events: none
}

.h-content-img,
.review-sec {
    clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 5% 100%, 0 85%)
}

.h-price ul.pkg-wrap li .pkg-box.popular {
    border: 2px solid #fdcd00;
    border-top: 0
}

.h-price ul.pkg-wrap li .pkg-prnt.popular:after {
    content: "";
    position: absolute;
    background-image: url(../images/popular-img.png);
    left: 7px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 107px
}
/* packagewrap 2 start */
.h-price ul.mypkg-wrap2 li .pkg-box {
    border-radius: 15px;
    overflow: hidden;
    margin: 30px 20px 0;
    background: #ffffff;
    clip-path: polygon(10% 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 0 15%);
    position: relative;
    display: flex;
    border: 2px solid #fdcd00;
}

.h-price ul.mypkg-wrap2 li .pkg-box .pkg-head {
    position: relative;
    /* background-image: url(https://aussiebrandingsolutions.com/assets/images/right-package-sidebg.png); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    padding: 39px 0px 0px!important;
}

.h-price ul.mypkg-wrap2 li .pkg-box .pkg-head .price h4 {
    letter-spacing: -.06em;
    color: black;
    font-weight: 600;
    font-size: 53px
}

.h-price ul.mypkg-wrap2 li .pkg-box .pkg-head .price h4 sub {
    font-weight: 300;
    font-size: 26px;
    bottom: 0
}

.h-price ul.mypkg-wrap2 li .pkg-box .pkg-head .price h6 {
    font-weight: 300;
    font-size: 15px;
    letter-spacing: -.04em;
    text-transform: lowercase;
    text-decoration: line-through;
    color: #fdcd00
}

.h-price ul.mypkg-wrap2 li .pkg-box .pkg-head .pkg-name {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%
}

.h-price ul.mypkg-wrap2 li .pkg-box .pkg-head .pkg-name h3 {
    font-family: base neue;
    font-weight: 700;
    font-size: 35px;
    text-transform: uppercase;
    text-align: center;
    color: black;
    letter-spacing: .1rem;
    line-height: 50px;
}

.h-price ul.mypkg-wrap2 li .pkg-box .pkg-head .pkg-name h5 {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -.04em;
    text-transform: lowercase;
    color: #fff
}

.h-price ul.mypkg-wrap2 li .pkg-box .desc {
    border-bottom: 1px solid #000000;
    text-align: center;
    padding: 20px 0;
}

.h-price ul.mypkg-wrap2 li .pkg-box .desc p {
    font-weight: 400;
    font-size: 18px;
    line-height: 31px;
    letter-spacing: -.04em;
    text-transform: uppercase;
    text-align: center;
    color: rgba(7, 7, 7, .71);
    width: 70%;
    margin: auto
}

.h-price ul.mypkg-wrap2 li .pkg-box .pkg-list {
    padding: 20px
}

.h-price ul.mypkg-wrap2 li .pkg-box .pkg-list ul {
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
}

.h-price ul.mypkg-wrap2 li .pkg-box .pkg-list ul li {
    position: relative;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    color: #020812;
    margin: auto;
    padding-left: 20px;
    padding-bottom: 10px
}

.h-price ul.mypkg-wrap2 li .pkg-box .pkg-bottom h5 a,
.h-price ul.mypkg-wrap2 li .pkg-box .pkg-list ul li.heading {
    font-weight: 700;
    color: black;
    font-size: 20px;
    line-height: 36px;
    padding-left: 27px;
}

.bullet-sec ul.bullet-point li:before,
.h-price ul.mypkg-wrap2 li .pkg-box .pkg-list ul li:before {
    content: "\f058";
    position: absolute;
    font-family: "font awesome 5";
    left: 0;
    color: #fdcd00
}

.h-price ul.mypkg-wrap2 li .pkg-box .pkg-btn {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    text-align: center;
    padding: 20px 0
}

.h-price ul.mypkg-wrap2 li .pkg-box .pkg-bottom {
    text-align: center;
    padding: 20px 0;
    border-top: 1px solid;
}

.h-price ul.mypkg-wrap2 li .pkg-box .pkg-bottom h5 {
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    letter-spacing: -.04em;
    text-transform: lowercase;
    text-align: center;
    color: #070707
}

.h-price ul.mypkg-wrap2 li .pkg-box:before {
    content: "";
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    position: absolute;
    background: 0 0;
    -webkit-clip-path: polygon(10% 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 0 15%);
    clip-path: polygon(10% 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 0 15%);
    pointer-events: none
}

.h-content-img,
.review-sec {
    clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 5% 100%, 0 85%)
}

.h-price ul.mypkg-wrap2 li .pkg-box.popular {
    border: 2px solid #fdcd00;
    border-top: 0
}

.h-price ul.mypkg-wrap2 li .pkg-prnt.popular:after {
    content: "";
    position: absolute;
    background-image: url(../images/popular-img.png);
    left: 7px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 107px
}

.h-price ul.mypkg-wrap2 li .pkg-box .package-right-side {
    width: 10%;
    background-image: url(../images/right-package-sidebg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 78% 109%;
}

.h-price ul.mypkg-wrap2 li .pkg-box .package-left-side {
    width: 90%;
}

.h-price ul.mypkg-wrap2 li .pkg-box .pkg-list ul div {
    padding-right: 74px;
}


/* packagewrap 2 finish*/
.h-price .pkg-prnt.popular .desc,
.h-price .pkg-prnt.popular .pkg-bottom,
.h-price .pkg-prnt.popular .pkg-btn,
.h-price .pkg-prnt.popular .pkg-list {
    border-left: 2px solid #fdcd00;
    border-right: 2px solid #fdcd00
}

.h-price .pkg-prnt.popular .pkg-bottom {
    border-bottom: 2px solid #fdcd00;
    border-radius: 0 0 15px 15px
}

.h-price ::-webkit-scrollbar {
    width: 0
}

.h-content-img {
    padding: 160px 0;
    position: relative;
    background: linear-gradient(192deg, #101010 55.26%, #005b7e 100%)
}

.h-content-img h4 {
    font-family: base neue;
    font-weight: 300;
    font-size: 20px;
    line-height: 20px;
    text-transform: capitalize;
    color: #fff;
    position: relative;
    padding-left: 45px
}

.h-content-img h2 {
    font-family: base neue;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    text-transform: uppercase;
    color: #fff;
    padding: 15px 0
}

.h-content-img p {
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    opacity: .8;
    width: 90%
}

.industry-sec .item h3,
.industry-sec h2 {
    font-family: base neue;
    font-weight: 700;
    text-transform: capitalize
}

.h-content-img .img-wrap img {
    position: absolute;
    bottom: 0
}

.h-content-img .img-wrap img.one {
    top: 0;
    z-index: 1;
    bottom: 0;
    margin: auto;
    right: 400px
}

.h-content-img .img-wrap img.three {
    top: 80px;
    right: 310px;
    animation: 3s infinite alternate top_bottom
}

.h-content-img .img-wrap img.two {
    right: 400px;
    z-index: 1;
    bottom: 40px;
    animation: 5s infinite alternate zoomin
}

.h-content-img:before {
    content: "";
    position: absolute;
    background: #fdcd00;
    width: 42%;
    height: 100%;
    right: 0;
    top: 0;
    clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 10% 100%, 0 85%)
}

.industry-sec {
    padding: 160px 0 60px;
    background: #fff
}

.industry-sec h2 {
    font-size: 60px;
    line-height: 70px;
    text-align: center;
    color: #333;
    width: 70%;
    margin: auto auto 20px
}

.industry-sec .item.cutter {
    clip-path: polygon(0 0, 93% 0%, 100% 10%, 100% 100%, 0 100%, 0% 50%)
}

.industry-sec .item {
    border-radius: 20px;
    background: #fdcd00;
    height: 400px;
    padding: 30px;
    position: relative;
    overflow: hidden;
    margin-top: 30px
}

.industry-sec .item h3 {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: .02em;
    color: #fff;
    margin-bottom: 15px
}

.industry-sec .item p {
    font-size: 14px;
    text-transform: lowercase;
    color: #fff;
    font-weight: 300;
    line-height: 1.1
}

.footer-form .contact-info h2,
.review-sec .slider-review li .content h5,
.review-sec .slider-review li .content h6,
.review-sec h2,
.review-sec h4 {
    font-family: base neue;
    text-transform: capitalize
}

.industry-sec .item img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    transition: .4s ease-out;
    z-index: 2
}

.industry-sec .item img.shape {
    width: max-content;
    top: -230px;
    right: 140px;
    left: unset;
    z-index: 1;
    bottom: unset
}

.industry-sec .item.last-box img {
    bottom: -100px
}

.industry-sec .item:hover img.shape {
    transform: scale(.8)
}

.review-sec {
    background-repeat: no-repeat;
    background-position: right bottom;
    position: relative;
    padding: 150px 0;
    background-color: #f0f4fb
}

.review-sec h4 {
    position: relative;
    font-weight: 300;
    font-size: 20px;
    line-height: 20px;
    color: #000;
    padding-left: 50px;
    margin-bottom: 20px
}

.review-sec h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: #000
}

.review-sec .slider-review li .content {
    width: 90%
}

.review-sec .slider-review li .content p {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #000;
    opacity: .8;
    padding: 70px 0 20px;
    position: relative
}

.review-sec .slider-review li .content h5 {
    font-weight: 500;
    font-size: 25px;
    line-height: 1;
    letter-spacing: .02em;
    color: #333
}

.review-sec .slider-review li .content h6 {
    font-weight: 300;
    font-size: 20px;
    color: #333
}

.review-sec .slides-numbers {
    color: #000;
    display: none;
    font-size: 20px;
    font-weight: 300;
    left: 60px;
    position: absolute;
    bottom: -75px
}

.review-sec .slides-numbers .active {
    color: #000;
    font-size: 30px;
    margin-right: -6px
}

.review-sec .slides-numbers .total {
    margin-left: -5px;
    opacity: .5
}

.review-sec .slider-review li .content p:before {
    content: "\f10e";
    font-family: "font awesome 5";
    top: 40px;
    position: absolute;
    font-weight: 700;
    font-size: 30px;
    line-height: 1;
    color: #01b9ff;
    transform: rotateY(160deg)
}

.review-sec .slick-next:before,
.review-sec .slick-prev:before {
    font-family: "font awesome 5" !important;
    font-size: 30px;
    color: #333;
    line-height: 35px
}

.footer-form {
    background: linear-gradient(174deg, #323232 0, #111 100%);
    padding: 180px 0 0
}

.footer-form .contact-info h2 {
    font-weight: 700;
    font-size: 48px;
    color: #fff
}

.footer-form .contact-info p {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

.footer-form .contact-info .info-box .rht h4,
.footer-form .form-wrap h3 {
    font-weight: 700;
    text-transform: capitalize;
    color: #fff;
    font-family: base neue
}

.footer-form .contact-info .info-box {
    display: flex;
    gap: 20px;
    margin-top: 30px
}

.footer-form .contact-info .info-box .lft span {
    border-radius: 5px;
    width: 42px;
    height: 42px;
    background: #fdcd00;
    display: flex;
    align-items: center;
    justify-content: center
}

.footer-form .contact-info .info-box .rht h4 {
    font-size: 30px;
    line-height: 1
}

.footer-form .contact-info .info-box .rht p {
    width: 80%;
    margin-top: 10px
}

.footer-form .contact-info .info-box a {
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    display: block;
    margin-top: 20px
}

.footer-form .form-wrap {
    border: 2px solid #fdcd00;
    border-radius: 65px 65px 0 0;
    border-bottom: 0;
    width: 80%;
    margin-left: auto;
    padding: 40px;
    background: linear-gradient(180deg, rgba(1, 184, 255, .3) 16.86%, rgba(3, 146, 201, .3) 100%)
}

.footer-form .form-wrap h3 {
    font-size: 48px;
    text-align: center
}

.footer-form .form-wrap form input,
.footer-form .form-wrap form textarea {
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    background: 0 0;
    outline: 0;
    border: 0;
    border-bottom: 1px solid #d2cccc;
    margin-bottom: 30px;
    padding-bottom: 5px
}

.footer-form ::placeholder {
    color: #fff;
    opacity: .8
}

.footer-form .form-wrap form textarea {
    height: 60px;
    resize: none
}

.footer-form .form-wrap form button {
    font-style: normal;
    display: flex;
    padding: 15px 10px;
    border-radius: 4px;
    border: 2px solid #fdcd00;
    position: relative;
    background-color: #fdcd00;
    -webkit-clip-path: polygon(13% 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 0 32%);
    clip-path: polygon(10% 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 0 32%);
    align-items: center;
    transition: .2s ease-in;
    width: 100%;
    justify-content: center
}

.footer-form .form-wrap form button:before {
    content: "";
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    position: absolute;
    background: #fff;
    -webkit-clip-path: polygon(14% 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 0 34%);
    clip-path: polygon(10% 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 0 34%);
    transition: .4s ease-in
}

.footer-form .form-wrap form button span {
    position: relative;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-transform: uppercase;
    color: #000
}

.footer-form .form-wrap form button:hover,
.footer-form .form-wrap form button:hover:before {
    background: #fdcd00;
    border-color: #fff;
    clip-path: polygon(0% 0, 100% 0, 100% 0%, 100% 100%, 0 100%, 0 0%)
}

.cta-footer {
    background: linear-gradient(90deg, #fdcd00 0, #00a5e5 48.42%, #fdcd00 100%);
    padding: 60px 0;
    position: relative
}

.bullet-sec,
.serv-tab {
    padding: 80px 0;
    background: #fff
}

.cta-footer p {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    margin-top: 10px
}

.serv-tab h2,
footer ul.contact-info.address-wrap li span p {
    font-weight: 700
}

.cta-footer a,
.serv-tab .srv-desc h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 1;
    text-transform: capitalize
}

.cta-footer .cta-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    animation: 2s infinite alternate movein
}

.cta-footer .cta-img img:nth-child(2) {
    top: 20px;
    left: 140px;
    animation: 3s infinite alternate top_bottom
}

.cta-footer a {
    font-family: base neue;
    letter-spacing: .01em;
    color: #fff
}

.cta-footer a.btn-size.btn-border {
    border-color: #000;
    background-color: #000
}

.cta-footer a.btn-size {
    font-family: poppins
}

.cta-footer a.btn-size.btn-blue,
.cta-footer a.btn-size.btn-blue:before,
.f-btn a:hover {
    background: #000
}

footer {
    padding: 60px 0 30px;
    background: #f1f6fd
}

footer #toggle .mesmo>a:after {
    content: "+";
    font-size: 15px;
    position: absolute;
    right: -20px
}

footer #toggle .mesmo .sub-menu {
    margin-bottom: 10px
}

footer #toggle .mesmo .sub-menu li a {
    color: #737373;
    font-size: 13px;
    padding-left: 10px;
    margin-bottom: 10px
}

footer h4 {
    color: #333;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -.6px;
    text-transform: capitalize;
    margin-bottom: 30px;
    font-family: base neue
}

footer ul.footer-menu li a {
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: inline-block;
    transition: .4s linear;
    position: relative
}

footer a {
    transition: .4s linear
}

footer a:hover {
    color: #00aff2 !important;
    transform-origin: left
}

footer ul.contact-info li p {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase
}

footer ul.contact-info li a {
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: lowercase;
    padding: 15px 0 30px;
    display: block
}

footer ul.contact-info li:last-child a {
    padding: 0 0 10px
}

footer ul.contact-info li:last-child p {
    padding-bottom: 15px
}

footer ul.contact-info.address-wrap li {
    display: flex;
    align-items: start;
    gap: 20px
}

footer ul.contact-info.address-wrap li span i {
    color: #f5ce00;
    font-size: 30px
}

footer ul.contact-info.address-wrap li span a {
    color: #333;
    font-weight: 400;
    text-transform: capitalize
}

footer ul.contact-info li.c-info {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px
}

footer ul.contact-info li.c-info .txt h6 {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    padding-bottom: 5px
}

.process-sec .col-lg-6,
footer ul.contact-info li.c-info .txt a {
    padding: 0
}

footer .copy-right {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #dce1e7
}

footer .copy-right p {
    font-size: 12px;
    font-weight: 400;
    color: #333
}

footer .copy-right ul.ssm {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 20px
}

footer .copy-right ul.ssm li p {
    font-size: 20px;
    font-weight: 600
}

footer .copy-right ul.ssm li a i {
    font-size: 20px;
    transition: .4s linear;
    color: #333
}

footer .copy-right ul.ssm li a:hover i {
    color: #00b4f9 !important;
    transform: scale(1.1);
    transform-origin: left
}

.home-banner.srv-banner h1,
.our-combo p {
    margin-bottom: 40px
}

.home-banner.srv-banner h1 b,
.home-banner.srv-banner h1 span {
    display: inline
}

.home-banner.srv-banner h1 span:before {
    display: none;
    bottom: 30px
}

.home-banner.srv-banner .video-wraper {
    height: 371px;
    display: block;
    background: #161616;
    clip-path: polygon(0 0, 93% 0%, 100% 15%, 100% 100%, 0 100%, 0% 50%);
    position: relative;
    overflow: hidden
}

.home-banner.srv-banner .video-wraper video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.home-banner.srv-banner .btn-circle {
    top: unset;
    bottom: 100px;
    left: 200px
}

.home-banner.srv-banner .content {
    margin-top: 40px
}

.serv-tab h2 {
    font-family: Base Neue;
    font-size: 60px;
    line-height: 70px;
    text-transform: capitalize;
    color: #000;
    width: 80%;
    margin: auto
}

.serv-tab p {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    padding-top: 15px
}

.serv-tab ul.srv-tab {
    gap: 50px;
    margin-top: 50px
}

.serv-tab ul.srv-tab li {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    color: #000;
    cursor: pointer;
    position: relative;
    padding: 0 20px 20px
}

.serv-tab ul.srv-tab li:before {
    content: "";
    position: absolute;
    border-radius: 3px;
    width: 100%;
    height: 5px;
    box-shadow: 0 0 21px 0 #fdcd00;
    background: #fdcd00;
    bottom: -3px;
    left: 0;
    right: 0;
    margin: auto;
    transform-origin: center;
    transform: scale(0);
    transition: .4s linear
}

.serv-tab .srv-desc {
    padding-top: 120px
}

.serv-tab .srv-desc h2 {
    text-align: left;
    width: 100%;
    color: #000
}

.serv-tab .srv-desc p {
    text-align: left;
    opacity: .8
}
.pkg-list h5 {
    padding-bottom: 14px;
}
.serv-tab .srv-desc:before {
    content: "";
    position: absolute;
    background: linear-gradient(142deg, #fdcd00 0, #006e99 100%);
    width: 40%;
    height: 61%;
    right: 0;
    bottom: -70px;
    clip-path: polygon(15% 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 0 15%);
}
.serv-tab .srv-desc img {
    box-shadow: 30px 29px 25px 0 rgba(0, 0, 0, .08)
}

.btn-border span i {
    transform: rotate(45deg)
}

.bullet-sec h4 {
    font-family: base neue;
    font-weight: 300;
    font-size: 20px;
    line-height: 20px;
    text-transform: capitalize;
    position: relative;
    padding-left: 45px
}

.bullet-sec h2 {
    font-family: base neue;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    text-transform: uppercase;
    padding: 15px 0
}

.bullet-sec p {
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    opacity: .8;
    padding-bottom: 20px
}

.process-sec .box-wrap b,
.process-sec h2 {
    font-weight: 700;
    font-size: 60px;
    font-family: base neue;
    text-transform: capitalize
}

.bullet-sec ul.bullet-point {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 15px
}

.bullet-sec ul.bullet-point li {
    flex: 0 0 50%;
    position: relative;
    padding-left: 20px;
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    color: #000
}

.process-sec {
    padding: 150px 0 60px;
    background: #fff;
    position: relative
}

.process-sec h2 {
    line-height: 1;
    color: #333;
    position: relative
}

.process-sec p {
    font-weight: 300;
    font-size: 16px;
    line-height: normal;
    color: #000;
    padding: 25px 0
}

.process-sec .box-wrap {
    border: 1px solid #fdcd00;
    height: 100%;
    padding: 50px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: start;
}

.process-sec .box-wrap b {
    line-height: 60px
}

.process-sec .box-wrap h2 {
    font-size: 40px;
    line-height: 40px;
    text-transform: capitalize;
    color: #333;
    padding: 20px 0
}

.process-sec .box-wrap p {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #000;
    padding: 0;
    width: 70%
}

.process-sec .box-wrap.color-box {
    background: linear-gradient(203deg, #01b9ff 0, #016f99 100%);
    border-color: transparent
}

.home-banner.inner-banner h3 {
    font-family: base neue;
    font-weight: 300;
    font-size: 20px;
    line-height: 20px;
    text-transform: capitalize;
    position: relative;
    padding-left: 45px;
    margin-bottom: 30px
}

.home-banner.inner-banner h2 {
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    text-transform: capitalize;
    color: #000
}

.home-banner.inner-banner p {
    text-align: left;
    width: 100%
}

.home-banner.inner-banner .contact-img {
    text-align: center;
    position: relative
}

.home-banner.inner-banner .contact-img:before {
    content: "";
    position: absolute;
    background-image: url(../images/contact-img-back.png);
    background-size: cover;
    background-position: inherit;
    width: 600px;
    height: 490px;
    background-repeat: no-repeat;
    right: 0;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: -1
}

.home-banner.inner-banner .contact-img img.two {
    position: absolute;
    right: -10px;
    top: 20px;
    animation: 4s infinite alternate zoomin
}

.home-banner.inner-banner .contact-img img.three {
    position: absolute;
    left: 0;
    top: 30px;
    animation: 4s infinite alternate zoomin
}

.contact_pg .footer-form {
    margin-top: 0;
    padding-top: 80px
}

.main-privacy {
    padding: 60px 0
}

.main-privacy h3,
.main-privacy h4 {
    font-size: 35px;
    font-weight: 600;
    line-height: 1;
    padding: 15px 0;
    color: #333
}

.main-privacy p {
    font-size: 18px;
    font-weight: 300;
    line-height: 28px
}

.main-privacy li {
    font-weight: 500;
    padding: 5px 0;
    list-style: disc;
    margin-left: 20px
}

.home-banner.inner-banner .contact-img.port-img img.two {
    right: auto;
    left: -130px;
    animation: none;
    top: unset;
    bottom: 0
}

.bullet-sec.about-desc {
    padding-bottom: 120px
}

.bullet-sec.about-desc .img-wrap img.two {
    position: absolute;
    right: 0
}

.bullet-sec.about-desc .img-wrap img.three {
    position: absolute;
    right: 0;
    bottom: -40px
}

.bullet-sec.counter-sec {
    background: linear-gradient(174deg, #323232 0, #111 100%)
}

.bullet-sec.counter-sec ul.counter-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.f-btn a,
.home-banner .img-wrap span a {
    align-items: center;
    color: #fff;
    display: flex
}

.bullet-sec.counter-sec ul.counter-wrap li {
    position: relative;
    border-left: 2px solid #01b8ff;
    padding-left: 10px
}

.bullet-sec.counter-sec ul.counter-wrap li .numb b,
.bullet-sec.counter-sec ul.counter-wrap li .numb span.count {
    font-family: base neue;
    font-weight: 700;
    font-size: 40px;
    line-height: 115%;
    text-transform: capitalize;
    color: #fff
}

.bullet-sec.counter-sec ul.counter-wrap li .numb p {
    font-weight: 300;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    padding-bottom: 0;
    opacity: .8
}

.bullet-sec.counter-sec i.fa-comment-alt-lines {
    color: #333
}

.pkg-wrap .slick-next:before,
.pkg-wrap .slick-prev:before {
    font-family: "font awesome 5" !important;
    font-size: 30px;
    color: #fdcd00;
    line-height: 35px
}

.pkg-wrap .slick-next {
    right: -25px
}

.pkg-wrap .slick-prev {
    left: -30px
}

.home-banner .cta-video-sec {
    position: absolute;
    bottom: 0;
    left: 300px;
    display: inline-block
}

.home-banner .cta-video-sec video {
    width: 40%;
    border-radius: 50%
}

.h-portfolio .cta-video-sec {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block
}

.h-portfolio .cta-video-sec video {
    width: 30%;
    border-radius: 50%
}

.home-banner.srv-banner .cta-video-sec {
    left: 200px;
    bottom: 50px
}

.h-price ul.pkg-wrap .price.price-custom h4 {
    font-size: 40px !important;
    line-height: 1.1
}

.wow {
    overflow: hidden
}

.homepg .home-banner .content {
    margin-top: 0
}

.home-banner .img-wrap span a {
    position: absolute;
    bottom: -50px;
    left: 10px;
    font-style: normal;
    padding: 8px 10px 8px 20px;
    border-radius: 4px;
    border: 1px solid transparent;
    background-color: #fdcd00;
    -webkit-clip-path: polygon(13% 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 0 32%);
    clip-path: polygon(13% 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 0 32%);
    transition: .4s ease-in
}

.f-btn a,
.info-comb ul li span::before {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.home-banner .img-wrap span a b {
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase
}

.home-banner .img-wrap span a:hover {
    background-color: #000
}

.home-banner .img-wrap span:hover a {
    bottom: 10px
}

.home-banner .img-wrap span.two a {
    left: unset;
    right: 10px;
    bottom: unset;
    top: -50px
}

.slick-slider {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.slick-list.draggable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.f-btn {
    position: fixed;
    bottom: 20px;
    left: 20px
}

.f-btn a {
    justify-content: center;
    background: #23c943;
    animation: 3s infinite alternate top_bottom;
    transition: .4s linear
}

.f-btn a i {
    font-size: 30px
}

.our-combo {
    background: linear-gradient(90deg, #fdcd00 0, #00a5e5 48.42%, #fdcd00 100%);
    background-size: cover;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-position: 50% bottom;
    padding-top: 100px;
    padding-bottom: 45px
}

.our-combo .img-combo img {
    max-width: 120%;
    position: relative;
    left: -20px
}

.our-combo * {
    color: #fff;
    z-index: 99
}

.our-combo .combo-detail {
    display: inline-block;
    width: 48%;
    vertical-align: text-top;
    margin-top: 26px
}

.our-combo .combo-detail h4 {
    font-size: 17px;
    font-weight: 600
}

.our-combo .our-combo h2 {
    font-size: 61px;
    margin-bottom: 40px;
    letter-spacing: -2px
}

.our-combo .combo-detail ul li {
    list-style-type: disc;
    color: #fff
}

.our-combo .combo-detail ul {
    margin-left: 15px;
    margin-bottom: 30px
}

.our-combo .info-comb h4 {
    font-size: 39px;
    letter-spacing: -2px;
    line-height: 45px;
    margin-bottom: 0;
    font-weight: 600
}

.our-combo .info-comb h4>span {
    font-size: 31px;
    line-height: 26px
}

.our-combo .info-comb h4+p {
    color: #ff5b5b;
    font-size: 23px;
    letter-spacing: -1px;
    margin-bottom: 25px;
    position: relative
}

.our-combo .info-comb ul li {
    padding: 0 2px;
    vertical-align: baseline
}

.info-comb ul li h5+a,
.our-combo .info-comb ul li h5 {
    font-size: 16px;
    margin-bottom: 0;
    color: #c7c3d5;
    font-weight: 500
}

.info-comb ul li span::before {
    position: absolute;
    content: "";
    background: #2b1683;
    z-index: -1;
    left: -14px;
    top: -12px
}

.our-combo .btn-purp {
    background: linear-gradient(90deg, #6618da 0, #ba319c 100%) !important;
    color: #fff !important
}

.our-combo .combo-price .btn {
    padding: 12px 25px;
    font-size: 15px;
    margin: auto;
    display: table;
    position: relative;
    left: 20px
}

.our-combo .combo-price h5 {
    font-size: 22px;
    text-align: right;
    margin-bottom: 0;
    text-decoration: line-through;
    font-weight: 400
}

.our-combo .combo-price h3 {
    font-size: 94px;
    font-weight: 700;
    color: #ffda2f;
    margin-bottom: 5px;
    text-align: right;
    letter-spacing: -7px
}

.our-combo .combo-price {
    position: relative;
    margin-right: -20px;
    margin-top: -30px
}

.our-combo .img-all {
    position: absolute;
    top: 2px;
    left: 14px
}

.our-combo .combo-price h3>span {
    color: #fff;
    font-size: 37px;
    font-weight: 500
}

.our-combo .info-combo {
    margin-top: 30px;
    position: relative
}

.our-combo .info-combo:before {
    content: '';
    position: absolute;
    background: url("https://aussiebrandingsolutions.com//assets/images/bg6.png") 0 0/cover no-repeat;
    width: 1055px;
    height: 348px;
    transform: skew(10deg, 1deg);
    pointer-events: none;
    bottom: -64px;
    left: -80px
}

.our-combo .info-combo ul {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 128%
}

.our-combo a.btn-size.btn-border.popup {
    width: 259px;
    margin-left: auto
}