#jqcheck {
    background: #fff9d7;
    text-align: center;
    color: #333;
    padding: 10px 0;
    font-size: 13px;
    font-weight: 700;
    position: fixed;
    z-index: 9991;
    width: 100%;
    font-family: poppins, sans-serif
}

* {
    margin: 0;
    padding: 0
}

::-moz-selection {
    background: var(--primary-color);
    color: var(--theme-white);
    text-shadow: none
}

::selection {
    background: var(--primary-color);
    color: var(--theme-white);
    text-shadow: none
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
    display: none
}

::-webkit-scrollbar-track-piece {
    background-color: #ecedf1;
    -webkit-border-radius: 0;
    border-left: 1px solid #888
}

::-webkit-scrollbar-thumb:vertical {
    -webkit-border-radius: 0;
    background: var(--primary-color)
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {
        -webkit-appearance: none !important;
        line-height: 28px !important
    }
}

body {
    color: var(--default-color);
    font-size: var(--base-font-size);
    position: relative
}

.ff-primary {
    font-family: poppins, sans-serif
}

.ff-secondary {
    font-family: poppins, sans-serif
}

.fc-primary {
    color: var(--primary-color)
}

.fc-secondary {
    color: var(--secondary-color)
}

.fc-dark {
    color: var(--theme-dark)
}

.fc-lite {
    color: var(--theme-lite)
}

.primary-btn, .secondary-btn {
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 8px 15px;
    position: relative;
    display: table;
    border-radius: 3px
}

.primary-btn:after, .secondary-btn:after {
    content: "\e957";
    font-family: icomoon !important;
    font-size: 13px;
    color: #fff;
    padding-left: 10px;
    display: table-cell;
    vertical-align: middle
}

.primary-btn {
    background: var(--primary-color);
    color: #fff
}

.primary-btn:hover {
    background: var(--primary-color-dark);
    color: #fff
}

.secondary-btn {
    background: var(--secondary-color);
    color: #fff
}

.secondary-btn:hover {
    background: var(--secondary-color-dark);
    color: #fff
}

.banner-btn {
    text-transform: capitalize;
    display: inline-block;
    transform: translateY(0rem);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    color: #fff !important;
    background-color: transparent;
    padding: 20px 40px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
    border: 1px solid #fff !important
}

.secpad-100 {
    padding: 100px 0
}

.sm-btn {
    font-size: 14px
}

.md-btn {
    font-size: 16px
}

.lg-btn {
    font-size: 18px
}

.xl-btn {
    font-size: 20px
}

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

h1, .h1, h2, .h2 {
    font-family: poppins, sans-serif
}

h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: poppins, sans-serif;
    padding-bottom: 10px;
    color: var(--theme-dark)
}

h2, .h2 {
    font-size: 6.7vmin
}

h3, .h3 {
    font-size: var(--font-size-h3);
    font-weight: 600
}

h4, .h4 {
    font-size: var(--font-size-h4)
}

h5, .h5 {
    font-size: var(--font-size-h5)
}

h6, .h6 {
    font-size: var(--font-size-h6)
}

p {}

p {
    font-weight: 400;
    line-height: 1.4;
    padding: 0 0 20px;
    margin: 0;
    color: #687087
}

.sec-padding-100 {
    padding: 100px 0
}

.sec-padding-90 {
    padding: 90px 0
}

.sec-padding-80 {
    padding: 80px 0
}

.sec-padding-70 {
    padding: 70px 0
}

.sec-padding-60 {
    padding: 200px 0
}

.sec-padding-xlarge {
    padding: 50px 0
}

.sec-padding-large {
    padding: 40px 0
}

.sec-padding-medium {
    padding: 30px 0
}

.sec-padding-small {
    padding: 25px 0
}

.sec-padding-xsmall {
    padding: 10px 0
}

.sec-margin-100 {
    margin: 100px 0
}

.sec-margin-90 {
    margin: 90px 0
}

.sec-margin-80 {
    margin: 80px 0
}

.sec-margin-70 {
    margin: 70px 0
}

.sec-margin-60 {
    margin: 60px 0
}

.sec-margin-xlarge {
    margin: 50px 0
}

.sec-margin-large {
    margin: 40px 0
}

.sec-margin-medium {
    margin: 30px 0
}

.sec-margin-small {
    margin: 25px 0
}

.sec-margin-xsmall {
    margin: 10px 0
}

.p-0 {
    padding: 0
}

.pt-0 {
    padding-top: 0
}

.pb-0 {
    padding-bottom: 0
}

.pl-0 {
    padding-left: 0
}

.pr-0 {
    padding-right: 0
}

.m-0 {
    margin: 0
}

.mt-0 {
    margin-top: 0
}

.mb-0 {
    margin-bottom: 0
}

.ml-0 {
    margin-left: 0
}

.mr-0 {
    margin-right: 0
}

.tt-uppercase {
    text-transform: uppercase
}

.tt-capitalize {
    text-transform: capitalize
}

p strong {
    color: #000
}

p span {
    color: #000
}

a:hover {
    text-decoration: none
}

a:focus {
    outline: none;
    text-decoration: none
}

img {
    border: 0;
    outline: none
}

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

.relative {
    position: relative
}

.absolute {
    position: absolute
}

h2, .h2 {
    color: #171717;
    line-height: 1.2;
    font-weight: 700;
    padding: 0 0 15px;
    position: relative;
    letter-spacing: -1px
}

h2 span, .h2 span {
    color: var(--primary-color)
}

a {
    text-decoration: none
}

.list-simple {
    list-style: none;
    margin: 0 0 15px;
    width: 100%;
    display: inline-block
}

.list-simple li {
    color: var(--default-color);
    padding: 0 0 10px 16px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    position: relative
}

.list-simple li:before {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 13px;
    color: var(--secondary-color);
    content: "\e93a";
    font-family: icomoon !important
}

.moreFull {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -9999px
}

.transition {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.scale-with-transition {
    -webkit-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05)
}

header {
    padding: 20px 0 0;
    z-index: 999;
    width: 100%;
    position: absolute;
    background: #00247D;
}

header .logowrp {}

header .logowrp img {
    width: 180px;
    position: relative;
    top: -7px
}

header .navwrp {}

header .navwrp ul {
    display: block;
    text-align: right;
    margin: 0 0 12px
}

header .navwrp ul li {
    display: inline-block;
    margin: 0 0 0 15px
}

header .navwrp ul li img {
    display: inline-block;
    width: 35px;
    margin: 0 7px 0 0
}

header .navwrp ul li a {
    font-size: 14px;
    color: #fff;
    text-transform: capitalize;
    font-family: poppins, sans-serif;
    padding: 5px 9px 15px
}

header .navwrp ul li a.btnwrp {
    background: #CC142B;
    padding: 8px 20px;
    border-radius: 7px
}

.blink {
    animation: blinker 1s step-start infinite
}

.btn-animated {
    animation: moveInBottom 5s ease-out;
    animation-fill-mode: backwards
}

@keyframes moveInBottom {
    0% {
        opacity: 0;
        transform: translateY(30px)
    }

    100% {
        opacity: 1;
        transform: translateY(0px)
    }
}

.blink {
    animation: blinker 1s step-start infinite
}

.blink {
    animation: blinker 1s step-start infinite
}

@keyframes blinker {
    50% {
        color: #fdcf02
    }
}

.home-bnerwrp {
    background-image: url(../images/banner-22.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0 40px;
    background-position: initial;
    overflow: hidden;
    position: relative
}

.home-bnerwrp .txtwrp {
    display: block;
    margin: 140px 0 0
}

.home-bnerwrp .txtwrp h4 {
    font-size: 18px;
    background: linear-gradient(to right, rgb(233, 154, 40) 0%, rgb(233, 39, 133) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 400;
    letter-spacing: unset;
    text-transform: uppercase
}

.home-bnerwrp .txtwrp h1 {
    color: #fff;
    font-size: 40px;
    padding: 0 0 20px;
    font-weight: 700;
    line-height: 1
}

.home-bnerwrp .txtwrp p {
    color: #fff;
    font-size: 17px;
    font-weight: 400
}

.home-bnerwrp .txtwrp ul {
    margin: 0 0 20px 35px
}

.home-bnerwrp .txtwrp ul li {
    display: inline-block;
    color: #fff;
    width: 100%;
    padding: 0 0 2px;
    font-size: 18px;
    position: relative
}

.home-bnerwrp .txtwrp ul li:after {
    content: "\f00c";
    position: absolute;
    font-family: fontawesome;
    left: -31px;
    top: 0;
    color: #ce225c
}

.home-bnerwrp .imgmain {}

.home-bnerwrp .imgmain ul {
    margin: 0
}

.home-bnerwrp .imgmain ul li {
    display: inline-block;
    margin: 0 35px 0 0
}

.home-bnerwrp .imgmain ul li img {}

.home-bnerwrp .btnwrp {
    padding: 20px 0 40px
}

.home-bnerwrp .imgwrp {
    position: relative
}

.home-bnerwrp .imgwrp img {
    width: 140%;
    position: absolute;
    top: 80px
}

.home-bnerwrp .imgwrp img.img-exta {
    top: -50px;
    width: 160%
}

.form-wrap {
    color: #fff;
    background: #00247D;
    padding: 10px 20px 40px;
    border-radius: 5px;
    width: 73%;
    margin: 120px auto 0;
    position: relative;
    z-index: 9;
    float: right;
    border: 1px solid #ce225c;
    padding: 20px 30px 40px
}

.bnr-inpfild [type=submit] {
    color: #fff;
    border-radius: 8px;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    border: 0;
    outline: none;
    background: #b10655;
    background-image: linear-gradient(to right, rgb(17 94 234) 0%, #9E1B62 100%);
    height: 50px
}

.form-wrap h1 {
    margin: 0;
    font-weight: 700;
    text-transform: capitalize;
    color: #fff;
    line-height: 1.4;
    padding: 20px 7px 10px;
    display: inline-block;
    font-size: 19px
}

.form-wrap h1 span {
    text-align: left;
    width: 100%;
    color: #ffc903;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    padding: 0;
    display: inline-block
}

.bnr-inpfild .intl-tel-input {
    margin-bottom: 18px;
    width: 100%
}

.bnr-inpfild textarea {
    height: 100px;
    resize: none;
    color: #000
}

section.flexiblefeatures-sec {
    padding: 60px 0 0;
    background: #190823;
    margin: 0 0 -90px
}

.flexiblefeatures-sec h5 {
    color: #0857c1;
    margin-top: 0;
    font-size: 16px;
    padding: 5px 15px;
    background: #73a9f338;
    display: inline-block;
    border-radius: 30px;
    margin-bottom: 20px;
    font-weight: 400
}

.bnr-inpfild input, .bnr-inpfild textarea, .bnr-inpfild select {
    width: 100%;
    padding: 10px;
    margin: 0 0 12px;
    border-radius: 6px;
    border: 1px solid #dad4d4;
    color: #333;
    height: 47px;
    font-size: 16px !important;
    border-color: #ffffff5e;
    background: #;
    appearance: auto;
    color: #000;
    outline: none
}

.service-pg .home-bnerwrp .txtwrp h1 {
    color: #fff
}

.service-pg .home-bnerwrp .txtwrp p {
    color: #fff
}

.service-pg .home-bnerwrp .txtwrp ul li {
    color: #fff
}

.service-pg header .navwrp ul li a {
    color: #fff
}

.service-pg header .upr-navwrp ul li a {
    color: #fff
}

.secndwrp {
    padding: 50px 0;
    background: #080a23
}

.secndwrp .btnwrp {
    padding: 30px 0 0;
    display: block
}

.secndwrp .imgwrp {}

.secndwrp .imgwrp img {
    width: 100%
}

.clintwrp {
    background: #160c28;
    padding: 40px 0 30px
}

.clintwrp .txtwrp {
    display: block;
    text-align: center;
    padding: 0
}

.clintwrp .txtwrp p {
    color: #fff;
    font-size: 19px
}

.clintwrp .txtwrp span i {
    color: #fca705;
    margin: 0 3px
}

.clintwrp .txtwrp strong {
    color: #000
}

.clintwrp .txtwrp ul {
    margin: 20px 0
}

.clintwrp .txtwrp ul li {
    display: inline-block;
    margin: 0 20px
}

.clintwrp .txtwrp ul li img {
    width: 124px
}

.clintwrp .counterwrp {}

.clintwrp .counterwrp ul {
    margin: 15px 0 0;
    text-align: center
}

.clintwrp .counterwrp ul li {
    display: inline-block;
    margin: 0 30px
}

.clintwrp .counterwrp ul li .mainwrp {}

.clintwrp .counterwrp ul li .mainwrp span {
    color: #fff;
    font-size: 45px;
    font-weight: 600
}

.clintwrp .counterwrp ul li .mainwrp h4 {
    color: #fff;
    font-size: 15px
}

.srv-info-sec {
    padding: 0;
    background: #00247d;
}

.srv-info-sec p {
    margin-bottom: 25px
}

.srv-info-sec .srv-info-wrap {
    position: relative;
    z-index: 1;
    height: 0;
    padding-top: 100%
}

.srv-info-sec .srv-info-wrap:before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 10%;
    top: 10%;
    width: 80%;
    height: 80%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #dee1ed
}

.srv-info-sec .srv-info-wrap .srv-item-ico {
    position: absolute;
    z-index: 1;
    width: 18%;
    height: 18%;
    font-size: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 5px 7px 30px rgba(72, 73, 121, .15);
    -moz-box-shadow: 5px 7px 30px rgba(72, 73, 121, .15);
    box-shadow: 5px 7px 30px rgba(72, 73, 121, .15);
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.srv-info-sec .srv-info-wrap .srv-item-ico:after {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 100%;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;
    opacity: 0;
    z-index: -1
}

.srv-info-sec .srv-info-wrap .srv-item-ico:hover:after, .srv-info-sec .srv-info-wrap .srv-item-ico.active:after {
    opacity: 1;
    background-image: linear-gradient(to right, rgb(204 33 43) 0%, #C8102E 100%)
}

.srv-info-sec .srv-info-wrap .srv-item-ico.active i {
    opacity: 0
}

.srv-info-sec .srv-info-wrap .srv-item-ico.active i+i {
    background: -webkit-linear-gradient(#fff, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 1
}

.srv-info-sec .srv-info-wrap .srv-item-ico i {
    font-size: 45px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;
    position: absolute;
    background-image: linear-gradient(to right, #cb568a, #b10655)
}

.srv-info-sec .srv-info-wrap .srv-item-ico i {
    opacity: 1
}

.srv-info-sec .srv-info-wrap .srv-item-ico i+i {
    opacity: 0
}

.srv-info-sec .srv-info-wrap .srv-item-ico i img {
    width: 45px
}

.srv-info-sec .srv-info-wrap .ico-one {
    left: 13%;
    top: 13%
}

.srv-info-sec .srv-info-wrap .ico-two {
    right: 13%;
    top: 13%
}

.srv-info-sec .srv-info-wrap .ico-three {
    right: 13%;
    bottom: 13%
}

.srv-info-sec .srv-info-wrap .ico-three-alt {
    right: 0%;
    left: 0%;
    bottom: 3%;
    margin: auto
}

.srv-info-sec .srv-info-wrap .ico-four {
    left: 13%;
    bottom: 13%
}

.srv-info-sec .srv-info-wrap .srv-item-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 25%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s
}

.srv-info-sec .srv-info-wrap .srv-item-content.active {
    opacity: 1;
    visibility: visible
}

.srv-info-sec .srv-info-wrap .srv-item-content h5 {
    font-size: 16px;
    color: #C8102E;
    text-transform: uppercase;
    font-weight: 700;
    background: linear-gradient(to right, rgb(233, 154, 40) 0%, rgb(233, 39, 133) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.srv-info-sec .srv-info-wrap .srv-item-content h3 {
    font-size: 24px;
    color: #fff;
    font-weight: 700
}

.srv-info-sec .srv-info-wrap .srv-item-content p {
    font-size: 16px;
    margin: 0;
    color: #cecec0
}

.services-pg .packages-sec {
    padding: 91px 0 110px
}

.services-pg .packages-sec h2 {
    margin-bottom: 3px
}

.services-pg .packages-sec .sub-head {
    margin-bottom: 22px
}

.services-pg .packages-sec .bx {
    margin: 20px 0
}

.services-pg .packages-sec .bx .info h5 {
    font-size: 20px;
    border: 0;
    padding: 0;
    font-weight: 700;
    color: var(--orange);
    text-transform: capitalize
}

.services-pg .packages-sec .bx p {
    font-size: 14px;
    color: var(--dark);
    font-weight: 400;
    margin-bottom: 0
}

.services-pg .packages-sec .bx p a {
    font-size: 14px;
    color: var(--orange);
    font-weight: 700
}

.srv-details {
    margin: 48px 0 0;
    padding: 88px 0
}

.srv-details .info-box {
    position: relative;
    z-index: 1;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 30px;
    margin: 8px 0
}

.srv-details .info-box:hover {
    box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, .15);
    background-color: var(--white);
    border-color: transparent
}

.srv-details .info-box figure {
    max-width: 39px
}

.srv-details .info-box figure img {
    width: 100%
}

.srv-details .info-box h3 {
    font-size: 20px;
    font-weight: 700;
    color: var(--dark);
    margin-bottom: 10px
}

.srv-details .info-box p {
    font-size: 16px;
    margin-bottom: 0
}

.srv-details .srv-details-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.srv-details .srv-details-list li {
    font-size: 20px;
    color: var(--dark);
    font-weight: 700;
    width: 33%;
    float: left;
    margin: 15px 0;
    display: inline-block;
    vertical-align: middle
}

.srv-details .srv-details-list li figure {
    width: 50px;
    float: left;
    margin: -9px 15px 0 0
}

.srv-details .srv-details-list li figure img {
    width: 100%
}

.icon-branding-requirment-3:before {
    content: "\e902"
}

.icon-branding-requirment-1:before {
    content: "\e900"
}

.icon-branding-requirment-2:before {
    content: "\e901"
}

.icon-branding-requirment-4:before {
    content: "\e903"
}

.upr-heading {
    font-size: 18px;
    background: linear-gradient(to right, rgb(233, 154, 40) 0%, rgb(233, 39, 133) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase
}

.main-heading {
    color: #fff;
    font-size: 38px;
    padding: 0 0 20px;
    font-weight: 600
}

.main-pera {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin: auto;
    font-family: poppins, sans-serif !important
}

.btn-1 {
    background: linear-gradient(to right, rgb(17 94 234) 0%, #C8102E 100%);
    padding: 14px 28px;
    color: #fff;
    font-size: 16px;
    transition: .5s cubic-bezier(.51, .92, .27, .96) !important;
    border-radius: 7px;
    font-weight: 600;
    display: inline-block;
    transform: translateY(0rem);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.btn-1:hover {
    color: #fff;
    transform: translateY(-0.625rem);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.btn-2 {
    background: #fff;
    padding: 15px 35px;
    color: #000;
    border: none !important;
    font-size: 16px;
    border-radius: 7px;
    margin: 0 0 0 20px;
    display: inline-block;
    border: 1px solid;
    font-weight: 600;
    transform: translateY(0rem);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.btn-2:hover {
    background: #fff;
    color: #000 !important;
    transform: translateY(-0.625rem);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    display: inline-block
}

.portfoliowrp {
    padding: 70px 0;
    background: #fff
}

.portfoliowrp .txtwrp {
    display: block;
    text-align: center;
    width: 80%;
    margin: 0 auto 30px
}

.portfoliowrp .navwrp {
    display: block;
    text-align: center;
    padding: 0 0 50px
}

.portfoliowrp .navwrp ul {
    margin: 0;
    display: block;
    text-align: center
}

.portfoliowrp .navwrp ul li {
    display: inline-block;
    margin: 0 5px;
    padding: 10px 15px;
    color: #f6806b;
    font-size: 15px;
    border-radius: 7px;
    font-weight: 500;
    border: 1px solid;
    cursor: pointer;
    transition: 1s cubic-bezier(.51, .92, .27, .96) !important
}

.portfoliowrp .navwrp ul li.current {
    background: linear-gradient(to right, rgb(212 69 38) 0%, #cc156e 100%);
    color: #fff;
    border: unset
}

.portfoliowrp .port-box {}

.portfoliowrp .port-box ul {
    margin: 0;
    display: block;
    text-align: center
}

.portfoliowrp .port-box ul li {
    display: inline-block;
    width: 24%;
    transition: 1s cubic-bezier(.51, .92, .27, .96) !important;
    box-shadow: -1px -2px 15px -3px rgb(0 0 0/16%);
    border-radius: 20px;
    margin: 0 4px;
    height: 400px;
    height: 400px;
    overflow: hidden;
    background-size: cover
}

.portfoliowrp .port-box ul li:hover {
    transform: scale(1.1)
}

.portfoliowrp .port-box ul li img {
    width: 340px;
    height: 310px;
    object-fit: cover;
    border-radius: 15px
}

.portfoliowrp .btnwrp {
    display: block;
    text-align: center;
    padding: 50px 0 0
}

.offerwrp {
    background: linear-gradient(to right, #C8102E 0, #155de6 100%);
    padding: 30px 0 15px
}

.offerwrp .offertxt {}

.offerwrp .offertxt h3 {
    color: #fff;
    font-size: 22px
}

.offerwrp .offertxt p {
    color: #fff;
    font-size: 16px
}

.offerwrp .offerimg {
    display: inline
}

.offerwrp .offerimg img {
    vertical-align: top
}

.offerwrp .offer-chat {
    display: inline-block
}

.offerwrp .offer-chat h3 {
    display: inline-block;
    font-size: 27px;
    color: #fff
}

.offerwrp .btnwrp .btn-c {
    background: #fff;
    padding: 14px 37px;
    color: #000;
    font-size: 16px;
    transition: 1s cubic-bezier(.51, .92, .27, .96) !important;
    border-radius: 7px;
    font-weight: 600;
    border: 1px solid #000
}

.pkagwerp {
    padding: 70px 0 50px;
    background: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1
}

.pkagwerp .txtwrp {
    display: block;
    text-align: center
}

.pkagwerp .navwrp {}

.pkagwerp .navwrp ul {
    margin: 20px 0 50px;
    display: block;
    text-align: center
}

.pkagwerp .navwrp ul li {
    display: inline-block;
    margin: 0 5px;
    padding: 10px 15px;
    color: #f6806b;
    font-size: 15px;
    border-radius: 7px;
    font-weight: 500;
    border: 1px solid;
    cursor: pointer;
    transition: 1s cubic-bezier(.51, .92, .27, .96) !important
}

.pkagwerp .navwrp ul li.current {
    background: linear-gradient(to right, rgb(1 33 105) 0%, #012169 100%);
    color: #fff;
    border: unset
}

.pkagwerp .pakge-box {
    transition: all 200ms ease-in;
    padding: 30px 20px 10px;
    border: 2px solid #600c91;
    border-radius: 12px;
    background: #012169;
    margin: 0 0 30px
}

.pkagwerp .pakge-box:hover {
    box-shadow: 0 0 20px 1px #f6f6f626;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.05);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.05);
    transition: all 200ms ease-in;
    transform: scale(1.05);
    border: 1px solid #b10655
}

.pkagwerp .pakge-box .pkge-name {}

.pkagwerp .pakge-box .pkge-name h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.pkagwerp .pakge-box .pkge-name h2 {
    font-size: 38px;
    background-clip: text;
    color: #fff
}

.pkagwerp .pakge-box .pkge-name h2 span {
    color: #f6806b !important;
    font-size: 20px;
    text-decoration: line-through;
    display: inline-block
}

.pkagwerp .pakge-box .pkge-name p {
    font-size: 13px;
    display: none
}

.pkagwerp .pakge-box .detailwrp {}

.pkagwerp .pakge-box .detailwrp ul {
    height: 230px;
    margin: 0 0 0 -8px
}

.pkagwerp .pakge-box .detailwrp ul li {
    position: relative;
    padding: 0 0 2px 15px;
    font-size: 16px;
    color: #fff
}

.pkagwerp .pakge-box .detailwrp ul li.heading {
    font-size: 18px;
    color: #ee7c68;
    padding: 7px 0 10px;
    font-weight: 500
}

.pkagwerp .pakge-box .detailwrp ul li.heading:after {
    display: none
}

.pkagwerp .pakge-box .detailwrp ul li:after {
    content: "\f0da";
    position: absolute;
    font-family: fontawesome;
    left: 0;
    color: #991e67;
    top: 0
}

.pkagwerp .pakge-box .btnwrp {
    display: block;
    text-align: center;
    margin: 0 0 10px
}

.pkagwerp .pakge-box .btnwrp .btn-1 {
    padding: 12px 70px;
    font-size: 15px;
    border: unset;
    border-radius: 12px
}

.pkagwerp .pakge-box .btnwrp .btn-2 {
    padding: 12px 13px;
    font-size: 15px;
    display: none
}

.pkagwerp .pakge-box .pakgedetail {
    display: block;
    text-align: center;
    padding: 10px 0 20px
}

.pkagwerp .pakge-box .pakgedetail a {
    color: #fff;
    font-size: 14px;
    text-decoration: underline;
    display: block
}

.pkagwerp .btndiv {
    display: block;
    text-align: center;
    padding: 55px 0 0
}

.clintwrp {
    background: #120818;
    padding: 20px 0 30px
}

section.home_cta {
    box-shadow: 0 0 40px #00000026;
    -webkit-box-shadow: 0 0 40px #00000026;
    -ms-box-shadow: 0 0 40px #00000026;
    -o-box-shadow: 0 0 40px #00000026;
    padding-top: 20px;
    padding-bottom: 70px;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    margin-top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background: #fff
}

.home_cta_left h4 {
    font-size: 20px;
    margin-bottom: 10px;
    padding-top: 35px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.cta_inner a.with_bg {
    background: #fff;
    color: #e5453e
}

.cta_inner h1.custom_size {
    line-height: 46px;
    color: #000;
    padding-top: 0;
    font-size: 38px;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 1.2;
    font-family: poppins, sans-serif !important
}

.home_cta_left img {
    width: 100%
}

section.home_cta .btn_hk_primary {
    margin-top: 50px
}

section.home_cta p {
    color: #000;
    font-size: 15px;
    width: 470px;
    margin-top: 10px;
    font-family: poppins, sans-serif !important;
    padding: 0 0 20px;
    font-size: 16px;
    font-weight: 400
}

section.home_cta a.btn.btn-primary.hk_wth_bg_yellow {
    background: #fff;
    color: #000;
    border: 1px solid #fff
}

.home_cta_left.laps {
    background-image: url(../images/planing-laptop.html);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 385px
}

img.rotates {
    position: absolute;
    width: 56%;
    left: 0;
    top: 50px;
    right: 0;
    margin: 0 auto
}

.filepond--progress-indicator svg {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

.home_cta .imgwrp {
    position: relative
}

.home_cta .imgwrp img {
    width: 130%;
    position: absolute;
    top: 20px;
    right: -123px
}

.home_cta .btn-2 {
    color: #000;
    background: #e8e8e8
}

.worldwrp {
    padding: 70px 0;
    background: #220632
}

.worldwrp .txtwrp {
    display: block;
    text-align: center
}

.worldwrp .imgwrp {
    display: block;
    text-align: center;
    padding: 30px 0 0
}

.worldwrp .imgwrp img {
    width: 40%
}

.worldwrp .imgwrp img:hover {
    filter: unset
}

.worldwrp .imgwrp:hover span {
    font-weight: 500
}

.worldwrp .imgwrp span {
    display: block;
    padding: 10px 0 0;
    width: 40%;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    text-transform: capitalize;
    transition: 1s cubic-bezier(.51, .92, .27, .96) !important;
    color: #fff
}

.testiwrp {
    padding: 0 0 50px;
    background: #1f0950;
    overflow: hidden
}

.testiwrp .txtwrp {
    display: block;
    text-align: center;
    padding: 70px 0 0
}

.testiwrp .txtwrp h5 {}

.testiwrp .txtwrp h2 {}

.testiwrp .imgwrp {
    display: block;
    text-align: center
}

.testiwrp .imgwrp img {
    width: 100%
}

.testiwrp .txtdiv {}

.testiwrp .txtdiv h6 {
    font-size: 18px;
    background: linear-gradient(to right, rgb(233, 154, 40) 0%, rgb(233, 39, 133) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase
}

.testiwrp .txtdiv h4 {
    font-size: 38px;
    color: #fff;
    font-weight: 600
}

.testiwrp .txtdiv p {
    margin: 0;
    font-size: 16px;
    width: 100%
}

.testiwrp .txtdiv span {
    color: #ded026;
    display: block
}

.testiwrp .txtdiv h5 {
    color: #d93636;
    display: block;
    padding: 20px 0 0;
    line-height: 1.5;
    background: linear-gradient(to right, rgb(255 255 255) 0%, rgb(233, 39, 133) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.testiwrp .txtdiv h5 span {
    color: #d16f6f;
    font-size: 16px
}

.secndwrp {
    padding: 50px 0;
    background: #080a23
}

.secndwrp .btnwrp {
    padding: 30px 0 0;
    display: block
}

.secndwrp .imgwrp {}

.secndwrp .imgwrp img {
    width: 100%
}

.form-box-main {
    padding: 0
}

.form-box-main h2 {
    text-align: left;
    width: 100%;
    line-height: 1.2;
    font-weight: 600 !important
}

.form-box-main form {
    margin: 0 auto
}

.form-box-main form .col-md-6, .form-box-main form .col-md-12 {
    padding-bottom: 30px
}

.form-box-main form label.field-txt {
    font-weight: 500;
    font-size: 18px;
    display: none !important;
    color: #8390a0;
    margin: 0 0 5px;
    width: 100%;
    display: block
}

.form-box-main form label.field-txt span {
    color: #ec1d23
}

.form-box-main form input[type=text], .form-box-main form input[type=email], .form-box-main form input[type=number], .form-box-main form input[type=tel], .form-box-main form textarea {
    width: 100%;
    margin: 0;
    border: 1px solid #b2b9c1;
    background: #fff;
    padding: 18px 15px;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    height: 55px;
    border-radius: 8px
}

.form-box-main form select {
    width: 100%;
    margin: 0;
    border: 1px solid #b2b9c1;
    background: #fff;
    padding: 12px 15px;
    color: #5b6b7f;
    font-size: 18px;
    font-weight: 400;
    border-radius: 8px
}

.form-box-main form select:focus {
    border-radius: 8px 8px 0 0
}

.form-box-main form select[name=ddlMonth], .form-box-main form select[name=ddlDay], .form-box-main form select[name=ddlYear] {
    float: left;
    width: 32.5%;
    margin: 0 1% 0 0
}

.form-box-main form select[name=ddlYear] {
    margin: 0
}

.form-box-main form textarea {
    width: 100%;
    margin: 0;
    padding: 8px 12px;
    height: 140px
}

.check-list {
    display: none
}

.form-box-main form input[type=checkbox]:not(old), .form-box-main form input[type=radio]:not(old) {
    width: 20px;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: pointer;
    position: relative;
    top: 1px;
    left: -16px
}

.form-box-main form input[type=checkbox]:not(old)+label, input[type=radio]:not(old)+label {
    display: inline-block;
    margin-left: -42px;
    padding-left: 28px;
    background: url(../images/checks.png) no-repeat 0 0;
    line-height: 24px;
    font-weight: 500;
    font-size: 14px;
    color: #000;
    display: none
}

.form-box-main form input[type=checkbox]:not(old):checked+label {
    background-position: 0 -24px
}

.form-box-main form input[type=radio]:not(old):checked+label {
    background-position: 0 -48px
}

.form-box-main form input[type=submit] {
    display: inline-block;
    transform: translateY(0rem);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    background: linear-gradient(to right, rgb(17 94 234) 0%, #9E1B62 100%) !important;
    -o-transition: .4s;
    transition: .4s;
    color: #fff;
    background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%);
    border: none;
    padding: 20px 60px;
    font-size: 16px;
    border-radius: 8px;
    cursor: pointer
}

.form-box-main form input[type=submit]:after {
    content: "\e93a";
    font-family: icomoon !important;
    font-size: 13px;
    color: #fff;
    padding-left: 10px
}

.form-box-main form input[type=submit]:hover {
    display: inline-block;
    color: #fff;
    transform: translateY(-0.625rem);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.form-box-main form input::-webkit-input-placeholder {
    color: gray;
    opacity: 1 !important
}

.form-box-main form input:-moz-placeholder {
    color: gray
}

.form-box-main form input::-moz-placeholder {
    color: gray
}

.form-box-main form input:-ms-input-placeholder {
    color: gray
}

.form-box-main form textarea::-webkit-input-placeholder {
    color: gray;
    opacity: 1 !important
}

.form-box-main form textarea:-moz-placeholder {
    color: gray
}

.form-box-main form textarea::-moz-placeholder {
    color: gray
}

.form-box-main form textarea:-ms-input-placeholder {
    color: gray
}

.form-box-main form input:focus, .form-box-main form textarea:focus, .form-box-main form select:focus, .form-box-main form option:focus, .selected-flag {
    outline: none
}

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.form-box-main form .intl-tel-input {
    width: 100%
}

.form-box-main form .intl-tel-input .country-list {
    width: 380px
}

.form-box-main form .intl-tel-input .country-list .country {
    font-size: 13px
}

.form-box-main form label.error, label.error {
    color: red;
    font-style: italic;
    margin-bottom: 0;
    display: none !important
}

div.error {
    display: none
}

input.checkbox {
    border: none
}

input.error {
    border: 1px solid red !important
}

form.cmxform .gray * {
    color: gray
}

.belowform {
    background: #fff;
    padding: 60px 0 40px
}

.belowform .mfig {}

.belowform .mfig img {
    width: 100%
}

.main-combpwrp {
    background-image: url(../images/cta-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0 70px
}

.main-combpwrp .txtwrp {
    display: block;
    text-align: left
}

.main-combpwrp .txtwrp .upr-heading {
    background: linear-gradient(to right, rgb(255 255 255) 0%, #ffffff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-combpwrp .txtwrp .main-heading {
    color: #fff
}

.main-combpwrp {
    overflow: hidden
}

.main-combpwrp .mainwrp {
    display: block;
    padding: 20px 0 0
}

.main-combpwrp .mainwrp h4 {
    color: #fcbf24;
    font-size: 20px
}

.main-combpwrp .mainwrp ul {
    margin: 5px 0 20px
}

.main-combpwrp .mainwrp ul li {
    font-size: 14px;
    color: #f1e1e1;
    position: relative;
    padding: 0 0 0 15px
}

.main-combpwrp .mainwrp ul li:after {
    content: "\f054";
    position: absolute;
    font-family: fontawesome;
    left: 0;
    color: #fdc024
}

.main-combpwrp .imgwrp {
    position: relative
}

.main-combpwrp .imgwrp img {
    width: 170%;
    position: absolute;
    left: -80px;
    top: -120px
}

.main-combpwrp .btnwrp {
    margin: 10px 0;
    padding: 0
}

.main-combpwrp .btnwrp h3 {
    color: #fdc024;
    font-size: 42px;
    padding: 0 0 35px
}

.main-combpwrp .btnwrp h3 span {
    display: block;
    font-size: 18px;
    color: #a4a4a4;
    text-decoration: line-through
}

.main-combpwrp .btnwrp a {
    background: linear-gradient(to right, rgb(17 94 234) 0%, #9E1B62 100%);
    padding: 12px 45px;
    color: #fff;
    font-size: 15px;
    border-radius: 7px
}

.roleswrp {
    padding: 70px 0;
    background: #080a23
}

.product-slider-gallery {
    position: relative;
    padding: 0 0 7px
}

.product-slider-gallery .slick-slide {}

.product-slider-gallery .slick-slide img {
    width: 100%;
    height: 370px
}

.product-gallery-nav-wrapper {
    margin: 0 0 7px;
    position: relative
}

.product-gallery-nav {
    position: relative
}

.product-gallery-nav .slick-slide {
    padding: 2px 0;
    border: 0;
    height: 93px;
    overflow: hidden
}

.product-gallery-nav .slick-slide img {
    width: 100%;
    height: 93px;
    cursor: pointer
}

.roleswrp .row.bodrbtm {
    border-bottom: 1px solid #dbdbdb4a;
    padding: 0 0 30px
}

.roleswrp .row.bodrbtm span {
    color: #e8e8e8;
    font-size: 14px;
    padding: 10px 0 0;
    display: block
}

.roleswrp .row.bodrbtm h4 {
    color: #c7c7cd;
    font-size: 18px;
    font-weight: 400;
    padding: 0
}

.roleswrp .row.bodrbtm .btnwrp {
    display: none;
    text-align: right
}

.roleswrp .row.bodrbtm .btnwrp a {
    color: #7189ff
}

.accordion, .accordion * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.accordion {
    overflow: hidden;
    background: 0 0;
    margin-top: 30px
}

.quest-title {
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    padding: 0 15px;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    min-height: 40px;
    line-height: 22px;
    display: inline-block;
    transition: all linear .15s;
    text-decoration: none;
    border-bottom: 1px solid #dbdbdb4a;
    padding: 20px 0
}

.quest-title:before {
    position: absolute;
    content: "\e91e";
    width: 20px;
    height: 20px;
    right: 15px;
    top: 20px;
    font-family: icomoon !important;
    color: #d5d5d5a3;
    font-size: 20px
}

.quest-title.active, .quest-title:hover {
    content: "\e91c";
    color: #fff
}

.quest-title:after {
    width: 60px;
    height: 1px;
    left: -60px;
    bottom: -1px;
    background: #dbdbdb;
    position: absolute;
    content: ""
}

.quest-title.active:before {
    content: "\e91c"
}

.quest-title:hover:before {}

.quest-content {
    padding: 15px 0;
    display: none;
    margin-bottom: 0;
    float: left;
    width: 100%
}

.quest-content p {
    line-height: 20px;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    color: #363636;
    border-bottom: 1px solid #dbdbdb;
    padding: 10px 0 30px
}

.subservicewrp {
    background: #150020;
    padding: 50px 0 90px
}

.subservicewrp .tabwp {
    display: block;
    text-align: center;
    padding: 0 0 70px
}

.subservicewrp .tabwp ul {
    display: block;
    margin: 0 auto
}

.subservicewrp .tabwp ul li {
    display: inline-block;
    width: 24%;
    background: #222;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    margin: 0 2px 11px;
    cursor: pointer;
    padding: 10px 8px;
    border: 1px solid #15002073
}

.subservicewrp .tabwp ul li img {
    width: 50px;
    filter: sepia(0);
    margin: 0 10px 0 0
}

.subservicewrp .tabwp ul li.current {
    background: #fff;
    color: #000;
    font-weight: 600
}

.subservicewrp .tabwp ul li.current img {
    filter: unset
}

.subservicewrp .txtdiv {}

.subservicewrp .txtdiv ul {
    margin: 10px 0 0
}

.subservicewrp .txtdiv ul li {
    margin: 0 0 15px
}

.subservicewrp .txtdiv ul li .imgwrp {
    display: inline-block;
    vertical-align: top;
    margin: 0 20px 0 0
}

.subservicewrp .txtdiv ul li .imgwrp img {}

.subservicewrp .txtdiv ul li .txtmain {
    display: inline-block;
    width: 86%
}

.subservicewrp .txtdiv ul li .txtmain h4 {
    color: #fff;
    font-size: 19px
}

.subservicewrp .txtdiv ul li .txtmain p {
    color: #9fa3b0
}

.subservicewrp .mainimg {}

.subservicewrp .mainimg img {
    width: 100%
}

.tabs {
    display: none !important
}

.tabs.current {
    display: block !important
}

.main-mob-app {
    padding: 100px 0;
    background: #190823
}

.largebox {
    font-size: 0;
    margin-top: 32px;
    padding: 20px 35px 45px;
    border-radius: 3px;
    width: 70%;
    margin: 0 auto;
    height: 400px;
    border: 1px solid #8714ca
}

.largebox .leftarea {
    width: 39%;
    text-align: center;
    vertical-align: top;
    display: inline-block;
    margin-right: 20px;
    margin-top: 62px
}

.largebox .leftarea figure {
    margin-bottom: 20px
}

.largebox .leftarea figure img {}

.btn-packages {
    transform: translateY(0rem);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    background: linear-gradient(to right, rgb(17 94 234) 0%, #9E1B62 100%);
    border-radius: 3px;
    font-size: 16px;
    padding: 16px 20px;
    display: inline-block
}

.btn-packages:hover {
    transform: translateY(-0.625rem);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    color: #fff;
    text-decoration: none
}

.largebox .rightarea {
    display: inline-block;
    width: 57%;
    padding-top: 32px
}

.largebox .rightarea h4 {
    font-size: 24px;
    font-weight: 600;
    color: #fff
}

.largebox .rightarea p {
    font-size: 16px;
    text-align: left;
    line-height: 1.4 color:#fff
}

.largebox .rightarea h3 {
    font-size: 16px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    color: #fff
}

.largebox .rightarea h3:before {
    right: 0;
    content: '';
    position: absolute;
    height: 5px;
    margin-left: 10px;
    border-bottom: 1px solid #e0e6ed;
    top: 5px;
    width: 330px;
    z-index: -1
}

.ticklist li img {
    height: auto;
    width: 60%
}

.ticklist li a {
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.ticklist li a:hover {
    text-decoration: none
}

.ticklist li h6 {
    font-size: 20px;
    padding-bottom: 0;
    color: #fff
}

.ticklist li {
    width: 50%;
    vertical-align: top;
    display: inline-block
}

.ticklist li.ralign {
    text-align: right
}

.ticklist {
    width: 100%;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap
}

footer {
    background: #000;
    padding: 60px 0 30px;
    border-top: 1px solid #36363685;
    position: relative
}

footer .navwrp {}

footer .navwrp h4 {
    color: #fff;
    font-weight:bold;
    font-size: 18px;
    padding: 0 0 20px;
    background: linear-gradient(to right, rgb(233, 154, 40) 0%, rgb(233, 39, 133) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

footer .navwrp ul {}

footer .navwrp ul li {
    padding: 0 0 5px
}

footer .navwrp ul li a {
    color: #f8f8f8
}

footer .bdrwrp {
    border-top: 1px solid #363636;
    padding: 30px 0 0;
    margin: 20px 0 0
}

footer .bdrwrp .navwrp ul li img {
    padding: 9px 0 0;
    width: 150px
}

footer .bdrwrp img {
    width: 95%
}

footer .bdrwrp .navwrp ul li a.btn-1 {
    padding: 10px 20px;
    color: #fff
}

footer .bdrwrp .navwrp ul li a.btn-2 {
    padding: 10px 20px;
    color: #000
}

footer .bdrwrp .navwrp ul.socialwrp li a i {
    font-size: 21px
}

footer .bdrwrp .navwrp ul.socialwrp {
    display: block;
    text-align: right;
    margin: 30px 0 0
}

footer .bdrwrp .navwrp ul.socialwrp li {
    display: inline-block;
    margin: 0 0 0 25px
}

footer .bdrwrp .navwrp ul.socialwrp li a {}

footer .bdrwrp .navwrp .btnwrp {
    display: block;
    text-align: right
}

footer .bdrwrp .txtdiv {}

footer .bdrwrp .txtdiv p {
    padding: 0;
    color: #fff
}

footer .bdrwrp .txtdiv ul {
    margin: 0;
    display: block;
    text-align: right
}

footer .bdrwrp .txtdiv ul li {
    display: inline-block;
    margin: 0 0 0 30px
}

footer .bdrwrp .txtdiv ul li a {
    font-size: 13px;
    color: #fff
}

.has-submenu {
    position: relative
}

.has-submenu .drp-down {
    display: none;
    position: absolute;
    top: 38px
}

.drp-down ul {
    width: 300px;
    background: #fff;
    height: auto;
    border-radius: 6px
}

.drp-down>ul:before {
    position: absolute;
    content: "";
    top: -9px;
    left: 17px;
    z-index: 0;
    width: 20px;
    height: 20px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(44deg);
    border-radius: 5px;
    border-top: 1px solid #cbd6e2;
    border-left: 1px solid #cbd6e2
}

.drp-down ul li {
    display: block !important;
    color: #000;
    margin: 0 !important
}

.drp-down ul li a {
    color: #000 !important;
    text-align: start;
    font-weight: 500;
    text-decoration: none;
    display: block;
    padding: 17px 30px 13px !important;
    border-bottom: 1px solid #82849038
}

.menuside {
    padding: 0 0 20px
}

.drp-down ul li a:hover {
    color: #ee4547 !important
}

.uper-head {
    display: flex;
    width: 100%
}

.portfoliowrp .main-pera.prtwrp {
    width: 70%;
    color: #000
}

.belowform.order {
    padding: 160px 0 50px
}

/////////////////view/////////////////////////////// .subscribe-fold{padding:170px 0 50px}.subscribe-fold .myheading{position:relative;padding-bottom:40px;font-size:44px;color:#160c28;line-height:1.1em;margin-bottom:30px;padding:0}.subscribe-fold .mytext{text-align:left;margin:0 0 30px;padding:0;font-size:14px;line-height:20px;width:75%}.subs-pac{box-shadow:0 3px 30px #0000001f;display:block;width:100%;text-align:center;height:auto;margin:0 0 60px;-ms-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;border-radius:10px;padding:75px 0 0}.subscribe-fold h3{font-size:24px;margin:0;font-weight:400;position:relative;text-transform:capitalize;font-weight:800;width:80%;margin:0 auto 20px;text-align:center;color:#000}.subs-pac h6{color:#d44526;font-size:40px;font-weight:700;display:inline-block;line-height:.9;margin:30px 0 0;position:relative;padding:0 20px}.subs-pac h6 span.old{position:absolute;right:0;left:0;top:-30px;text-decoration:line-through;font-weight:700;margin:0;font-size:16px}.subs-pac h6 span{font-size:16px;color:#687087;display:inline-block;margin:30px 0 0;padding:0;position:relative;line-height:1.3}.subs-pac h6 span{font-size:16px;color:#000;display:inline-block;margin:30px 0 0;padding:0;position:relative;line-height:1.3}.subs-pac a.ordrrrr{text-align:center;margin:30px auto 0;border:none;padding:14px 60px;color:#fff;box-shadow:none;border-radius:5px;font-weight:600;cursor:pointer;display:inline-block;text-decoration:none;font-size:16px;background:linear-gradient(to right,rgb(17 94 234) 0%,#9E1B62 100%);font-family:var(--heading-font-family)}.subs-pac .actions{border-top:1px solid #eee;padding:0;margin:40px 0 0;position:relative;background:#fff}.subs-pac .actions a.chatbtn{font-size:14px;font-weight:600;padding:15px 0;display:inline-block;color:#000;margin:0}.subs-pac .actions a.numberbtn{font-size:14px;font-weight:600;padding:15px 0;color:#000;display:inline-block;margin:0}.subscribe-fold .table-packages .head{width:100%}.subscribe-fold .table-packages .head h5{text-align:left;font-size:28px;font-weight:700;margin:0;padding:0;display:inline-block;color:#160c28}.subscribe-fold .table-packages .body ul li{text-align:left;padding:14px 0;border-bottom:1px solid #eaeaea;width:95%;list-style:none;margin-left:0;position:relative;font-size:16px}.subscribe-fold .table-packages .body ul li:after{content:"\f00c";font-family:fontawesome;position:absolute;right:0;top:15px;color:#1e57dd}.subscribe-fold .table-packages .body ul li h6{font-size:16px;font-weight:400;margin:0;padding:0;display:inline-block}.subscribe-fold .table-packages .body ul li span.tick{font-size:20px;color:#b10655;position:relative;display:block;margin:0;padding:0;text-align:center;width:30px;height:32px;line-height:1.6;float:right}.subscribe-fold .table-packages .body ul li span.tick:before{font-family:fontawesome;content:"\f00c";position:absolute;top:-20px}.subscribe-fold .table-packages .body .subscription-list{height:430px;margin-top:20px;padding:0}.subs-pac.bronze:hover .actions{border-top:none;background:linear-gradient(to right,rgb(17 94 234) 0%,#9E1B62 100%)}.subs-pac.bronze:hover{background:linear-gradient(to right,rgb(17 94 234) 0%,#9E1B62 100%)}.subs-pac.bronze:hover h6{color:#fff}.subs-pac.bronze:hover h3{color:#fff}.subs-pac.bronze:hover .old{color:#fff}.subs-pac.bronze:hover span{color:#fff}.subs-pac.bronze:hover .ordrrrr{background:#fff!important;color:#000}.subs-pac.bronze:hover .chatbtn,.subs-pac.bronze:hover .numberbtn{color:#fff}.subs-pac.bronze:hover .chatbtn,.subs-pac.bronze:hover .numberbtn{color:#fff}.detail-pg .lgo-lit{display:none}.detail-pg footer{padding:80px 0 60px}.subscribe-fold .txtdiv{padding:0 0 40px}.subscribe-fold .table-packages .body ul li.heading{color:#b10655;font-weight:600;font-size:20px}.subscribe-fold .table-packages .body ul li.heading:after{display:none}.detail-pg .subscribe-fold .txtdiv h2{color:#000}.detail-pg .subscribe-fold .txtdiv p{color:#000;margin:0}.pad-wrp .pkagwerp{padding:50px 0}.faqswrp{background:#190823;padding:100px 0}.faqswrp .txtwrp{text-align:center}.faqswrp .txtwrp h1{color:#fff;font-size:43px;padding:0 0 20px;font-weight:600}.faqswrp .btnwrp{text-align:center;padding:30px 0}.termswrp{background:#190823;padding:50px 0}.termswrp .txtwrp{}.termswrp .txtwrp h3{color:#fff;font-size:32px;padding:0 0 20px;font-weight:600}.termswrp .txtwrp p{margin:0;font-size:16px}.termswrp .txtwrp ul li{color:#fff}.termswrp .txtwrp ul li:after{content:"\f00c";position:absolute;font-family:fontawesome;left:-21px;top:0;color:#ce225c}section.sitemapwrp{background:#190823;padding:170px 0 50px}.sitemapwrp .txtwrp{margin:30px 0 0}.sitemapwrp .txtwrp h3{color:#fff;font-size:22px}.sitemapwrp .txtwrp ul{margin:10px 0 0}.sitemapwrp .txtwrp li a{color:#ffffffa1}.companieswrp{background:#060e23;padding:60px 0}.companieswrp .companywrp{border:2px solid #0f2252;padding:50px 40px;margin:20px 10px;border-radius:10px;transition:.3s all;height:380px}.companieswrp .companywrp .txtwrp{}.companieswrp .companywrp .txtwrp h3{color:#fff;font-size:34px;text-transform:capitalize}.companieswrp .companywrp .txtwrp p{margin:0;width:100%}.companieswrp .companywrp:hover{background:#fff}.companieswrp .companywrp:hover .txtwrp h3{color:#000}.companieswrp .companywrp:hover .txtwrp p{color:#000}.companieswrp .companywrp.hyt{height:230px}.aboutwrp{background:#080a23;padding:60px 0}.aboutwrp .imgwrp{}.aboutwrp .imgwrp img{width:100%;border-radius:20px;height:900px;object-fit:cover}.aboutwrp .txtwrp h2{color:#fff;font-size:34px;text-transform:capitalize}.aboutwrp .head-list{margin:30px 0 0}.aboutwrp .head-list h3{color:#fff;width:60%}.aboutwrp .head-list p{color:#fff;margin:0;width:65%}.workwrp{background:url(../images/3rd-fold-img.png);background-repeat:no-repeat;background-size:cover;background-position:center center;position:relative;z-index:1}.workwrp .txtwrp{margin:50px 0;padding:25px 0 25px 100px}.workwrp .txtwrp h3{color:#fff;font-size:34px;text-transform:capitalize}.workwrp .txtwrp p{margin:0;padding:10px 0}.companywrp.hytwrp{height:480px}.pkagwerp .pakge-box .pkge-name h2 span:before{content:'';width:90px;height:3px;position:absolute;background:#ff0202;top:34px;display:none}li.hk_web_height.lazy.tabs-web-dsgn:hover{background-position:100%;transition:3s!important;transform:none}.thnkyoywrp{text-align:center;display:block;padding:220px 0 110px}.thnkyoywrp a{}.thnkyoywrp .txtwrp h2{color:#000}.thnkyoywrp .txtwrp p{color:#000}.main-combpwrp .btnwrp{}.main-combpwrp .btnwrp .btn-2{background:linear-gradient(to right,rgb(17 94 234) 0%,#9E1B62 100%);padding:12px 45px;color:#fff;font-size:15px;border-radius:7px;margin:0}.main-combpwrp .btnwrp .btn-1.clr-white:hover{}.main-combpwrp .btnwrp .btn-1.clr-white{background:#fff;color:#000;padding:10px 50px}.main-combpwrp .btnwrp .btn-1{margin:0 0 20px}.main-combpwrp .btnwrp .btn-2{margin:0 0 20px}.testiwrp ul.slick-dots{left:140px;bottom:0}.mainfrm .form-wrap .uper-head p{text-align:left;color:#000;font-size:20px;display:inline-block}.mainfrm .form-wrap .uper-head p a{color:#000;font-weight:700}.nopadding{padding:0!important}.row.pkg-center{justify-content:center}section.pkagwerp.combo{padding:70px 0}section.pkagwerp.combo .main-heading{padding:0 0 20px}.floatbutton.active{left:0;z-index:9;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s}.floatbutton{-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s;position:fixed;left:-370px;top:17%;font-size:0;width:420px;z-index:9}.floatbutton .clickbutton{width:50px;z-index:99;height:200px;cursor:pointer;box-shadow:-20px 7px 18px -7px rgb(168 164 164/20%);border-radius:10px 0 0 10px;display:inline-block;padding-top:0;vertical-align:top;margin-top:125px;color:#fff;font-size:16px;font-weight:700;position:relative;text-transform:uppercase;background:linear-gradient(180deg, rgb(17 94 234) 0%, #CC142B 100%)}.floatbutton .clickbutton .crossplus:before{content:"";display:none;position:absolute;width:20px;height:2px;right:0;background:#fbb334;z-index:99;top:0;left:0;bottom:0;margin:auto}.floatbutton .clickbutton .crossplus:after{content:"";display:none;position:absolute;width:2px;height:20px;right:0;background:#fab334;z-index:99;top:0;left:0;bottom:0;margin:auto}.floatbutton .clickbutton .crossplus{position:absolute;display:block;transform:rotate(90deg);left:-55px;white-space:pre;bottom:87px;font-size:16px}.floatbutton .clickbutton .crossplus.rotate{-moz-transition:.4s;-o-transition:.4s}.floatbutton .clickbutton .crossplus i{font-size:18px;color:#fff;margin:17px 0 0 15px}.banner-form{background:#8d2372;padding:30px;position:relative;z-index:9;border-radius:0 10px 10px 0;margin:0;width:370px;display:inline-block;box-shadow:0 0 30px #0000001f}.ban-form input{width:100%;margin:0;border:1px solid #e5e5e5;background:#fff;padding:10px 15px;color:gray;font-size:14px;border-radius:10px;height:50px;font-weight:400;outline:none!important;margin:0 0 15px}.banner-form .intl-tel-input{width:100%}.banner-form h3{color:#fff;font-size:24px;margin-bottom:20px;text-align:center}.ban-form input[type=submit]{cursor:pointer;color:#fff;font-weight:600;background:linear-gradient(to right,rgb(17 94 234) 0%,#9E1B62 100%);border-radius:3px;text-align:center;padding:10px 15px;margin:20px 0 0;border:transparent}.ban-form textarea{width:100%;border:1px solid #e5e5e5;background:#fff;padding:10px 15px;color:gray;font-size:14px;border-radius:10px;font-weight:400;height:120px;outline:none!important;margin:15px 0 0}.btns_wrap{position:fixed;right:-6px}.btns_wrap a:hover{text-decoration:none!important;right:0}.btns_wrap .call_wrap{width:280px;position:absolute;right:-225px;box-shadow:0 10px 30px rgba(0,0,0,.2);background:linear-gradient(to right,rgb(17 94 234) 0%,#9E1B62 100%);top:60px;border-radius:50px 0 0 50px;overflow:hidden;box-shadow:0 0 40px #00000026!important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.btns_wrap .call_wrap span{color:#fff;font-size:20px;vertical-align:middle;padding:15px 20px 15px 15px}.btns_wrap .chat_wrap{display:block;position:absolute;right:-225px;width:280px;box-shadow:0 10px 30px rgba(0,0,0,.2);background:linear-gradient(to right,rgb(17 94 234) 0%,#9E1B62 100%);top:0;border-radius:0;overflow:hidden;box-shadow:0 0 40px #00000026!important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;border-radius:50px 0 0 50px}.btns_wrap .chat_wrap span.icoo,.btns_wrap .call_wrap span.icoo{color:#fff;font-size:18px;padding:15px 20px;border-right:1px solid #ded9d9;vertical-align:middle;display:inline-block;border-radius:50px 0 0 50px}.btns_wrap .chat_wrap span{color:#fff;font-size:20px;vertical-align:middle;padding:15px 30px 15px 15px}@font-face{font-family:poppins;font-style:normal;font-weight:100;font-display:swap;src:url(../font-family/pxiGyp8kv8JHgFVrLPTucXtAKPY.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}@font-face{font-family:poppins;font-style:normal;font-weight:100;font-display:swap;src:url(../font-family/pxiGyp8kv8JHgFVrLPTufntAKPY.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:poppins;font-style:normal;font-weight:100;font-display:swap;src:url(../font-family/pxiGyp8kv8JHgFVrLPTucHtA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:poppins;font-style:normal;font-weight:200;font-display:swap;src:url(../font-family/pxiByp8kv8JHgFVrLFj_Z11lFc-K.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}@font-face{font-family:poppins;font-style:normal;font-weight:200;font-display:swap;src:url(../font-family/pxiByp8kv8JHgFVrLFj_Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:poppins;font-style:normal;font-weight:200;font-display:swap;src:url(../font-family/pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../font-family/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}@font-face{font-family:poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../font-family/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../font-family/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../font-family/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}@font-face{font-family:poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../font-family/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../font-family/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../font-family/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}@font-face{font-family:poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../font-family/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../font-family/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../font-family/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}@font-face{font-family:poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../font-family/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../font-family/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../font-family/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}@font-face{font-family:poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../font-family/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../font-family/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../font-family/pxiByp8kv8JHgFVrLDD4Z11lFc-K.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}@font-face{font-family:poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../font-family/pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../font-family/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:poppins;font-style:normal;font-weight:900;font-display:swap;src:url(../font-family/pxiByp8kv8JHgFVrLBT5Z11lFc-K.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}@font-face{font-family:poppins;font-style:normal;font-weight:900;font-display:swap;src:url(../font-family/pxiByp8kv8JHgFVrLBT5Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:poppins;font-style:normal;font-weight:900;font-display:swap;src:url(../font-family/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.apport-sec .port-h{padding-bottom:50px;margin-bottom:0}.apport-sec .port-h p{margin-bottom:0}.apport-ctn h5{font-size:40px}.app-bx img.aps{border-radius:27px;border:5px solid transparent;margin:auto;transition:all .9s ease;z-index:-1}ul.apport-lst{display:block;font-size:0}ul.apport-lst>li{display:inline-block;z-index:-1;vertical-align:middle}ul.apport-lst .slick-list.draggable{padding:48px 0!important}ul.apport-lst .slick-current .app-bx{transform:scale(1.26);z-index:9999;transition:all .9s ease}ul.apport-lst .slick-current .app-bx img.aps{border:5px solid #8680ca;transition:all .9s ease;box-shadow:0 1px 22px 0 #000;z-index:1}.app-bx{z-index:-99;transition:all .9s ease}.apport-wrap{margin-bottom:40px}.apport-ctn p{line-height:22px}.testiwrp.mob{padding:0;background:#080a23}.mob-app-pkg{padding:1px}.article .home-bnerwrp .txtwrp ul li{width:49%}.drp-down.drop1 ul{height:184px;border-radius:8px}.drp-down.drop2 ul{height:120px;border-radius:8px}.drp-down.drop3 ul{height:245px;border-radius:8px}.drp-down.drop4 ul{height:240px;border-radius:8px}.actions{border-radius:0 0 24px 23px;width:100%;margin:0;padding:15px 10px;display:flex;justify-content:space-between}.actions span small{display:block;color:#fff;font-size:16px;font-weight:500}h3.add_on small{font-size:14px;color:#f6806b!important}h3.add_on{font-size:12px;padding:0 0 20px;color:#fff;display:block;text-align:center}.actions a.chatt{text-align: justify;}section.home_cta.video-wrp{display:none}section.home_cta.video-wrp video{width:100%}section.discription{padding:70px 0 30px}.discription .txtmain h4{color:#fff;font-size:22px}.discription .txtmain p{color:#fff}.discription .imgwrp{padding:0 0 15px}.case-port{padding:50px 0 30px;background:#080a23}.case-port ul{text-align:center}.case-port ul li{display:inline-block}.case-port ul li img{width:70%;margin:30px 0 0}.case-study .home-bnerwrp .case-silder{margin:100px 0 0}.case-study .home-bnerwrp .case-silder li img{width:100%}.form-wrap .uper-head img{width:128px;margin:10px 10px 10px 0}.actions a{color: #FFEB3B !important; font-weight: bold;}.logobrf{padding:14% 0 100px;background:#080a23;border-bottom:1px solid #f6f6f61a}.logobrf .txtwrp{display:block;text-align:center;padding:0 0 50px}.logobrf .formwrp{}.logobrf .formwrp form{}.logobrf .formwrp form .lablwrp{display:block;margin:0 0 19px}.logobrf .formwrp form .lablwrp span{display:block;color:#777;font-size:16px;padding:0 0 7px}.logobrf .formwrp form .lablwrp input{width:100%;height:50px;border-radius:9px;padding:0 0 0 10px;font-size:16px;font-weight:600;outline:none}.logobrf .formwrp form .lablwrp textarea{width:100%;height:245px;border-radius:7px;padding:10px 0 0 10px;font-size:16px;font-weight:600;outline:none}.logobrf .formwrp form .check-list{position:relative;border:2px solid #515151;padding:40px 30px 0;border-radius:20px;margin:0 15px 30px;max-width:47%;text-align:c}.logobrf .formwrp form .check-list img{width:90%;position:relative;margin:0 auto;text-align:center;display:block}.logobrf .formwrp form h4{text-align:center;color:#fff;padding:50px 0 30px;text-decoration:underline}.logobrf .formwrp form label{color:#777;font-size:17px;padding:11px 0 0;display:block;text-align:center}.logobrf .formwrp form input[type=checkbox],input[type=radio]{position:absolute;width:95%;height:85%;z-index:1;opacity:0}.logobrf .formwrp form .fontwrp{}.logobrf .formwrp form .fontwrp img{height:40px;object-fit:contain;margin:-20px 0 22px}.logobrf .formwrp form .clr-wrp img{height:auto}.logobrf .formwrp form .clr-wrp label{padding:0 0 10px}.logobrf .formwrp form .maincolor{}.logobrf .formwrp form .maincolor span{display:block;color:#777;font-size:17px;padding:10px 0 12px}.logobrf .formwrp form .maincolor input{width:100%;height:60px;border-radius:11px;border:none;background:rgb(0 46 93/0.22)!important;border-image-source:none;border:1px solid #4539c1!important}.logobrf .formwrp form .fliewrp{margin:40px 0 0;display:block;text-align:center;padding:20px 30px;border:2px solid #515151;border-radius:14px}.logobrf .formwrp form .fliewrp img{margin:0 0 30px}.logobrf .formwrp form .fliewrp input{background:#000}.logobrf .formwrp form .btnwrp{padding:30px 0 0}.logobrf .formwrp form .btnwrp input{width:200px;height:70px;border-radius:10px;background:linear-gradient(to right,rgb(17 94 234) 0%,#9E1B62 100%);font-size:19px;font-weight:600;color:#fff}.logobrf .formwrp form .check-list.current{box-shadow:-1px 7px 15px -3px rgb(205 205 205/75%);border:2px solid #fff}.lablwrp.checkboxs #checkbox1{opacity:1;width:20px;height:20px;margin:15px 0 0 -40px;border-radius:0}.lablwrp.checkboxs label{display:inline-block!important;margin:0 50px 10px 0}.lablwrp.oneline.checkboxs input[type=text]{display:block!important;width:100%;margin:0 0 20px}.lablwrp.oneline.checkboxs span{display:block!important}.web-brief .logobrf .formwrp form .lablwrp textarea{height:auto}.check-box ul li{padding:10px 20px 10px 0;margin:0 100px 6px}.check-box ul li #checkbox1{opacity:1;width:20px;height:20px;position:revert}.mudulewrap ul li{padding:10px 20px 10px 0;margin:0 0 7px;font-size:16px;color:#fff}.feedbackwrap ul li{padding:10px 20px 10px 0}.feedbackwrap input.fdbk{width:100%;margin:0 0 6px}.mudulewrap h6{color:#fff}.check-box h6{color:#fff}.feedbackwrap h6{color:#fff}.web-brief input[type=radio]{border:1px solid #fff;padding:.5em;-webkit-appearance:none;background:#fff;border-radius:0}.web-brief input[type=radio]:checked{background:#135de8}.web-brief input[type=radio]:focus{outline-color:transparent}.web-brief input[type=radio]:not(old)+label{background:url(../images/checks.jpg)!important}.web-brief .formwrp form h4{text-decoration:none}.web-brief .formwrp form .lablwrp span{color:#fff}.web-brief .formwrp form label{color:#fff}.home-bnerwrp span.ovrlaywrprr{position:absolute;width:100%;height:100%;z-index:0;top:0;background: #090d24d1;}.home-bnerwrp video{width:110%;position:absolute;height:auto;z-index:-1;top:0}.intl-tel-input.separate-dial-code .selected-dial-code{color:#777}.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name{color:#777}#countryCode{width:24%;margin:0!important;height:100%!important;height:46px!important;position:relative;float:left;padding:0 3px;-webkit-appearance:menulist!important}input#free_cons_phone1{padding:15px!important;width:68%;margin:0 0 0 8px!important;float:left}.bnr-inpfild input#free_cons_phone1{margin:0 0 13px 6px!important}.bnr-inpfild #countryCode{width:31%}.ban-form #countryCode{border-radius:8px;height:50px!important;font-size:13px;padding:0 20px 0 10px}.form-box-main #countryCode{height:55px!important}.g-recaptcha{overflow:hidden;padding:5px 0}.form-box-main .g-recaptcha{margin:-20px 0 10px;padding:0}.mainfrm .form-wrap .bnr-inpfild .g-recaptcha{margin:0 0 10px}.mid-banner{position:relative;background:#190823;font-family:var(--primary-font-family);padding-top:60px}.banner-main{padding:20px 10px;border-radius:3px;background:#2e0e40;border:1px solid #1d58de;font-size:0;position:relative}.cmp-heading-sec p{font-size:20px;color:#fff;line-height:24px;padding:15px 0 25px}.cmp-heading-sec{text-align:center;width:80%;margin:0 auto}.listsss ul{margin:0;font-size:0}.listsss ul li{display:inline-block;vertical-align:top;width:25%}.packaging-lists{float:left;width:90%}.listsss ul li .packaging-lists{padding-top:0}.packaging-lists ul{list-style:none;padding:10px}.listsss ul li .packaging-lists>ul>li{display:block;font-size:14px;margin:0;width:100%;vertical-align:top;font-family:var(--primary-font-family);padding:0 20px 5px;color:#fff}.listsss ul li:first-child .packaging-lists>ul>li.heading{background:#f96e1c2b;color:#fff;border:none;font-weight:600}.listsss ul li:first-child .packaging-lists>ul>li.heading.head3.sochead{background:#e67e222b;color:#fff;border:none;font-weight:600}.listsss ul li .packaging-lists.part-new.lst-pack>ul>li:before{color:#e67e22}.listsss ul li:nth-child(3) .packaging-lists.lstpagck>ul>li:before{color:#2ecc71}.listsss ul li:first-child .packaging-lists>ul>li.heading:before,.listsss ul li:nth-child(2) .packaging-lists>ul>li.heading:before,.listsss ul li:nth-child(3) .packaging-lists>ul>li.heading:before{display:none}.listsss ul li .packaging-lists>ul>li.heading{margin:0 0 10px;background:#2ecc712b;color:#fff;border:none;font-weight:600}.packaging-lists ul li.heading{color:#666;font-weight:800;font-size:20px;border:1px solid #666;text-align:center;border-radius:3px;padding:4px 2px;margin-bottom:10px}.packaging-lists ul li:after{content:"\f111";font-family:FontAwesome;position:absolute;left:3px;font-size:10px;color:#175be4;top:0}.packaging-lists ul li{line-height:24px;position:relative}.midbanner-text.midbrand .off-percent{text-align:center;padding:10px 0 0;float:right;position:absolute;top:0;right:0;width:250px}.off-percent del{font-size:16px;color:#fff;text-align:center;width:100%;padding-right:0;display:block;line-height:20px}.cmp-heading-sec h1{font-size:var(--font-size-h2);color:#171717;line-height:48px;font-weight:600;text-transform:none}.mid-banner h2{font-size:var(--font-size-h2);color:#fdfdfd;line-height:48px;font-weight:600;text-transform:none;padding:0 0 15px}.mid-banner h1{font-size:var(--font-size-h2);color:#fff;line-height:48px;font-weight:600;text-transform:none}.off-percent h1 .dollar{font-size:27px;position:relative;top:-11px;float:none;font-weight:800;color:#2c2c2c}.off-percent .subh{width:100%;text-align:center;color:#fc5545;font-size:25px;font-weight:600;float:left}.listsss ul li .packaging-lists>ul>li.heading.heading2{background:#f15e4f2b;color:#fff;border:none}div.bub-btn.brandpackage{}div.bub-btn{margin-top:10px;margin-bottom:30px;display:inline-block;height:100%;-webkit-animation:hue-rotate 10s linear infinite;animation:hue-rotate 10s linear infinite}.button.largefont{transform:translateY(0rem);-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s;color:#fff;font-weight:600;text-transform:capitalize;background:-moz-linear-gradient(left,#f9ad1c 0%,#f9be36 100%);background:linear-gradient(to right,rgb(17 94 234) 0%,#9E1B62 100%);border-radius:6px;font-size:16px;border:1px solid #1a5ae1;padding:16px 30px;display:inline-block}.button.largefont:hover{transform:translateY(-0.625rem);-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s;color:#fff}.brandpackage .cmp-view-btn{transform:translateY(0rem);-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s;color:#f96e1c;font-weight:600;text-transform:capitalize;background:#fff;border-radius:3px;font-size:16px;border:1px solid #f96e1c;padding:16px 15px;display:block;margin:20px 0 10px}.brandpackage .cmp-view-btn:hover{transform:translateY(-0.625rem);-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s}.listsss ul li .packaging-lists>ul>li.heading:after{display:none}.home-bnerwrp .overlywrp{background:linear-gradient( 182deg,#000000ba 23%,#0000002e 83%)!important;position:absolute;top:0;width:100%;height:100%}.floatbutton .cmxform select{margin:15px 0 0}.custom-lp .clintwrp .txtwrp ul{display:none}.clintwrp{background:#f1f0f0}.clintwrp .txtwrp p{color:#000;padding:0}.custom-lp .clintwrp .txtwrp strong{color:#000}.custom-lp .clintwrp .counterwrp ul{margin:0}.clintwrp .counterwrp ul li .mainwrp span{-webkit-text-fill-color:transparent;font-weight:400;background:linear-gradient(to right, rgb(0 36 125) 0%, #C8102E 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.counterwrp ul li .mainwrp span{color:#000;font-weight:900!important}.clintwrp .counterwrp ul li .mainwrp h4{color:#000}header .top-nav{}header .main-nav{display:block;text-align:right;float:left;margin:10px 0 0}header .main-nav li{margin:0!important}header .btm-line:after{content:"";position:absolute;width:30000px;height:1px;background:#66657230;right:-630px;bottom:57px}.custom-lp .clintwrp ul.portslider-inner-1 li{}.custom-lp .clintwrp ul.portslider-inner-1 li img{width:150px;filter:unset}p{font-family:font-family:poppins,sans-serif!important}a{font-family:font-family:poppins,sans-serif!important}span{font-family:font-family:poppins,sans-serif!important}li{font-family:font-family:poppins,sans-serif!important}.custom-lp .portfoliowrp{padding:60px 0 90px}.pkagwerp:after{content:"";background:#190823;position:absolute;width:100%;height:450px;top:0;z-index:-1}.pkagwerp .pakge-box .pkge-name h4 br{display:none}footer .bdgewrps{display:block;text-align:center;margin:10px 0 0}footer .bdgewrps li{display:inline-block;margin:0 4px}footer .bdgewrps li img{width:55px!important}header.header-main.showmenu .btm-line:after{height:1px;background:#9ba1af2b;z-index:-1}header.header-main.showmenu .navwrp ul li a.btnwrp{color:#fff!important}header.header-main.showmenu .main-nav{}img.logo-dark{display:none}header.header-main.showmenu img.logo-dark{display:block}header.header-main.showmenu img.logo-white{display:none}.navwrp.main-nav.navbar{padding:5px 0 0}.home-bnerwrp .portslider-inner{display:none}.clintwrp .imgwrp .portslider-inner-1 li{}.clintwrp .imgwrp .portslider-inner-1 li img{width:150px}.belowform .form-box-main h2{color:#000;font-size:38px;font-weight:600!important;font-family:poppins,sans-serif}.belowform .form-box-main p{color:#000}footer .bdgemainwrp{}footer .bdgemainwrp img{width:39%;position:absolute;z-index:1;right:290px;bottom:297px}.order-pg header{background:#06051d}header .navwrp ul li:hover .drp-down{display:block!important}.mbl-dv .pkagwerp:after{height:170px}.offerwrp .btn-2{margin:0 10px 0 0}header .top-head-nav{text-align:right;float:unset;margin-top:1px}header .navwrp ul li a.active{border:1px solid #f6806b;padding:5px 9px;border-radius:5px}.drp-down ul li a.active{border-radius:unset!important;padding:19px 30px!important;font-weight:500;color:#ee5630!important;border-bottom:1px solid #363636!important;border-right:unset!important;border-top:unset!important}.ordernow-form.serve-form input#free_cons_phone1{width:67%!important}.ban-form input#free_cons_phone1{width:73%}.get-page header.header-main.showmenu{box-shadow:#121a4714 1px 11px 60px 0!important}.eggoffer{width:150px;cursor:pointer;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s;position:fixed;bottom:0;left:8px;z-index:1;overflow:hidden}.eggoffer .top{position:relative;z-index:-1}.eggoffer .top figure{text-align:center;margin:0}.eggoffer .top figure img{opacity:1;animation:scrollDownAnimation .5s ease infinite alternate;-webkit-animation:scrollDownAnimation .5s ease infinite alternate;width:150px}.entry-right input{border-radius:5px;height:51px;padding-left:20px;border:2px solid #e3e3e3;box-shadow:none;background:#fafafa;margin:5px 0}.entry-right{background-color:#eff1ff;background-size:cover;background-position:100% 0;padding:0 4%;border-radius:10px;box-shadow:inset 0 0 250px 0 rgba(0,0,0,.11);height:535px}.left figure img{border-top-left-radius:10px;border-bottom-left-radius:10px}form.offr-frm.signupForm{height:100%}.modal-dialog.modal-dialog-centered{max-width:100%!important}.offr-frm .close{background-color:transparent;color:#db1e5a;border-radius:23px;width:47px;height:44px;position:absolute;right:-35px;font-size:40px;z-index:1;top:-70px;cursor:pointer;opacity:1}#entry-popup{position:fixed;width:100%;height:100%;z-index:99999990;align-items:center;background-color:rgba(0,0,0,.6);display:none;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.entry-box{background:#fff;margin:0 auto;border-radius:10px;box-shadow:0 0 50px 0 #000;position:relative;pointer-events:auto;width:837px!important;height:535px;background-size:cover}.box-entery{background:#fff;margin:0 auto;border-radius:10px;box-shadow:0 0 50px 0 #000;position:relative;pointer-events:auto;width:837px!important;height:535px;background:url(../images/popup_bgset.jpg);background-size:cover}.left img{height:535px}.entry-box h1{text-shadow:0 5px 10px rgba(0,0,0,.35);color:#fff;font-size:28px;font-weight:700;margin-top:0;margin-bottom:0;text-transform:uppercase;line-height:60px}.entry-box h1 span{color:#ffd800}.entry-box h1{text-shadow:0 5px 10px rgba(0,0,0,.35);color:#fff;font-size:70px;font-weight:300;margin-top:0;margin-bottom:0;text-transform:capitalize;line-height:79px}.popup_top .text{position:relative;padding:93px 0 0 46px}.popup_top .text h2{font-size:30px;color:#fff;text-transform:capitalize;font-weight:700;margin-bottom:0;font-weight:300;line-height:65px}.entry-right .text h2 span{color:#eb0000}.text_topfr h2{font-size:25px;margin:0;color:#db1e5a;font-weight:400;text-align:center;padding-bottom:14px}.entry-right input{border-radius:5px;height:54px;padding-left:0;border:1px solid #dedede;box-shadow:none;background:#f5f5f5;border:1px solid #959595;border-left:0;margin:0!important}span.input-group-text.set_inp_gr{background-color:#f5f5f5;border:1px solid #959595;color:#db1e5a;padding:0 23px}.entry-right input[type=email],.leaving-box input[type=email]{background-color:#fff!important;color:#555!important}.entry-right .intl-tel-input{width:100%}.entry-right .intl-tel-input.separate-dial-code .selected-dial-code{padding-left:23px}.entery-submit{width:100%;background:linear-gradient(to right,rgb(17 94 234) 0%,#9E1B62 100%);box-shadow:0 9px 27px 0 rgba(0,0,0,.22);color:#fff;text-transform:uppercase;font-size:16px;font-weight:600;border:none!important;border:1px solid #05062b;height:61px;cursor:pointer;margin-top:6px;border-radius:6px}.text_topfr h2{font-size:25px;margin:0;color:#db1e5a;font-weight:400;text-align:center;padding-bottom:14px}.text_topfr h4{font-size:26px;margin:0;color:#2b1252;font-weight:700;text-align:center;padding-bottom:30px}.entry-right a{height:60px;line-height:60px;display:block;width:100%;background-color:#ffd800;border-radius:50px;text-transform:uppercase;color:#000;font-size:16px;font-weight:600}.entry-right a i{margin-left:6px}.popup_top p{color:#fff;font-size:30px;margin:0;padding-top:4px}.entry-right label{margin:0}.entry-right .form-group{margin-bottom:10px}a#entry-box_close{position:absolute;right:5px;background-color:#69c626;width:40px;height:40px;border-radius:50pc;color:#fff;font-size:29px;top:10px;z-index:9}.text_topfr{margin-top:60px}.entry-right #countryCode{border-radius:5px;height:54px!important;padding-left:0;box-shadow:none;background:#f5f5f5;border:1px solid #959595;margin:0!important}.entry-right input#free_cons_phone1{width:73%;margin:0 0 0 4px!important;border:1px solid #959595}.entry-right select{border-radius:5px;height:54px;padding-left:0;border:1px solid #dedede;box-shadow:none;background:#f5f5f5;border:1px solid #959595;border-left:0;margin:0!important}.entry-right #packages{width:68%;border-radius:0 5px 6px 0}.home-bnerwrp .offer-img{position:absolute;z-index:1;right:0;bottom:0;display:block;width:58%}.detail-pg header .navwrp ul li a{color:#000}.detail-pg header img.logo-white{display:none}.detail-pg header img.logo-dark{display:block}.portfoliowrp h2{color:#000}.portfoliowrp .main-tbs{}.portfoliowrp .main-tbs ul li.current{background:linear-gradient(to right,rgb(17 94 234) 0%,#9E1B62 100%);padding:12px 15px}.portfoliowrp .main-tbs ul li{padding:10px 15px}.price-pg-main .pkagwerp{padding-top:210px}.price-pg-main .pkagwerp:after{height:580px}.portfolio-pg .portfoliowrp{position:relative;padding-top:210px;z-index:1}.portfolio-pg .portfoliowrp:after{content:"";background:#190823;position:absolute;width:100%;height:450px;top:0;z-index:-1;height:580px}.portfolio-pg .portfoliowrp .txtwrp h2{color:#fff}.portfolio-pg .portfoliowrp .txtwrp p{color:#fff}.combo-pg .home-bnerwrp{display:none}.combo-pg section.pkagwerp.combo{padding-top:210px}.combo-pg .pkagwerp:after{height:580px}header .navwrp ul li a.btnwrp.active{color:#fff;padding:8px 20px!important;border:unset!important;border-radius:7px!important}.company-pg .workwrp:after{content:"";position:absolute;background:#000000c4;width:100%;height:100%;top:0;z-index:-1}.workwrp .imgwrpr{}.workwrp .imgwrpr ul{display:block;text-align:right}.workwrp .imgwrpr ul li{display:inline-block;text-align:center;width:32%}.workwrp .imgwrpr ul li img{width:170px}.workwrp .imgwrpr ul li span{display:block;color:#fff;width:80%;text-align:center;margin:12px auto 0}.subs-pac .actions{padding:15px 20px}.subs-pac .actions span small{color:#000}.subs-pac.bronze:hover.subs-pac .actions span small{color:#fff}.detail-pg header .navwrp ul li a.btnwrp{color:#fff}.home-bnerwrp .txtwrp ul li a{color:#fdcf02}.home-bnerwrp .txtwrp ul li span{font-weight:700}.home-bnerwrp .imgmain ul li img{width:110px}.subs-pac.bronze .actions a{text-align:left}.bubbles_wrap{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;overflow:hidden;pointer-events:none;transform:rotate(180deg)}@-webkit-keyframes animateBubble{0%{margin-top:20%}to{margin-top:-30%}}@-moz-keyframes animateBubble{0%{margin-top:20%}to{margin-top:-30%}}@keyframes animateBubble{0%{margin-top:20%}to{margin-top:-30%}}@-webkit-keyframes sideWays{0%{margin-left:0}to{margin-left:25px}}@-moz-keyframes sideWays{0%{margin-left:0}to{margin-left:25px}}@keyframes sideWays{0%{margin-left:0}to{margin-left:25px}}.x1{-webkit-animation:animateBubble 15s linear infinite,sideWays 2s ease-in-out infinite alternate;animation:animateBubble 15s linear infinite,sideWays 2s ease-in-out infinite alternate;left:6%;top:45%;background:#f7df96}.x2{-webkit-animation:animateBubble 10s linear infinite,sideWays 4s ease-in-out infinite alternate;animation:animateBubble 10s linear infinite,sideWays 4s ease-in-out infinite alternate;left:5%;top:80%;background:#da8740}.x3{-webkit-animation:animateBubble 18s linear infinite,sideWays 2s ease-in-out infinite alternate;animation:animateBubble 18s linear infinite,sideWays 2s ease-in-out infinite alternate;left:10%;top:40%;background:#f7df96}.x4{-webkit-animation:animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;animation:animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;left:20%;top:0;background:#da8740}.x5{-webkit-animation:animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;animation:animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;left:30%;top:50%;background:#f7df96}.x6{-webkit-animation:animateBubble 11s linear infinite,sideWays 2s ease-in-out infinite alternate;animation:animateBubble 11s linear infinite,sideWays 2s ease-in-out infinite alternate;left:50%;top:0;background:#da8740}.x7{-webkit-animation:animateBubble 10s linear infinite,sideWays 2s ease-in-out infinite alternate;animation:animateBubble 10s linear infinite,sideWays 2s ease-in-out infinite alternate;left:65%;top:70%;background:#f7df96}.x8{-webkit-animation:animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;animation:animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;left:80%;top:10%;background:#da8740}.x9{-webkit-animation:animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;animation:animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;left:90%;top:50%;background:#f7df96}.x10{-webkit-animation:animateBubble 16s linear infinite,sideWays 2s ease-in-out infinite alternate;animation:animateBubble 16s linear infinite,sideWays 2s ease-in-out infinite alternate;left:80%;top:80%;background:#da8740}.bubble{border-radius:50%;box-shadow:none;height:7px;position:absolute;width:7px}

.pkagwerp .pakge-box .actions {
    margin: 20px 0;
}

.pkagwerp .pakge-box .btnwrp {
    margin-top: 20px;
    display: none;
}

b.year-tag {
    font-size: 20px;
}

.pkge-name small {
    color: #fff;
    font-size: 14px;
    position: absolute;
    margin-top: -20px;
}

p.main-tagline {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}

.tabs-hosting .row {
    justify-content: center;
}

.logobrf .formwrp form .check-list {
    display: block;
}

section.belowform.home-form.order .cmxform input#free_cons_phone1 {
    width: 72%;
}

.belowform .form-box-main .cmxform input#free_cons_phone1 {
    width: 68%;
}

.convert {
    color: #f6806b;
}

.convert:hover {
    color: #f6806b;
}

body {
    overflow-x: hidden;
}

a.mob-nm {
    display: none;
}

.app-order {
    background: no-repeat padding-box #190823;
    border: 1px solid #5e115d4d;
    border-radius: 20px;
    margin: 0;
    padding: 40px;
    text-align: center;
}

.app-order h3 {
    font-weight: 600;
    margin: 0 0 20px;
    color: #fff;
}

.app-order-cntc h4 {
    color: #fff;
}

.app-order a {
    margin-top: 10px;
}

.app-screen {
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
}

.app-order h3 span {
    display: block;
}

.app-order-flx {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

.app-order-blk {
    width: 30%;
}

.app-order-cntc {
    text-align: right;
}

.get-started .modal-body {
    background: url(../images/started-modal.webp);
    border: 1px solid #5e115d9e;
    border-radius: 11px;
}

.get-started .modal-body .btn-close {
    position: absolute;
    box-shadow: 0 3px 30px #00000029;
    background: #fff;
    padding: 10px;
    border-radius: 100%;
    font-size: 24px;
    opacity: 1;
    color: #ff2756;
    font-weight: 600;
    right: 15px;
    top: 15px;
    line-height: 0;
}

.get-started-modal {
    padding: 30px 40px;
}

.get-started-modal img {
    margin-bottom: 20px;
    width: 60%;
}

.get-started-modal h3 {
    font-size: 30px;
    font-family: 'Poppins' !important;
    color: #000;
    font-weight: 700 !important;
    width: 95%;
    margin: 0 auto;
    margin-bottom: 18px;
}

.get-started-modal h3 span {
    color: #c50303;
    padding-left: 3px;
}

.modal-content {
    max-width: 500px;
    margin: 0 auto;
}

.get-started-modal input, .popup-text input {
    border: 1px solid #7070704d;
    border-radius: 5px;
}

.get-started-modal input, .get-started-modal textarea {
    background: no-repeat padding-box #ffffffa1;
    opacity: 1;
    width: 100%;
    padding: 8px 15px;
    margin-bottom: 15px;
}

.get-started-modal textarea {
    border: 1px solid #7070704d;
    border-radius: 5px;
    height: 90px;
    resize: none;
}

.get-started-modal input, .get-started-modal textarea {
    background: no-repeat padding-box #ffffffa1;
    opacity: 1;
    width: 100%;
    padding: 8px 15px;
    margin-bottom: 15px;
}

.get-started-modal button {
    background: no-repeat padding-box #ff2756;
    border-radius: 5px;
    border: none;
    color: #fff;
    padding: 6px 40px;
    font-size: 16px;
    font-weight: 600;
}

.adds, .pakgedetail {
    display: none !important;
}

/*POPUP FORM*/
.popup-sec-overlay {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.500);
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
}

.popup-sec {
    max-width: 970px;
    margin: auto auto;
    border-radius: 20px;
    position: absolute;
    top: -80%;
    left: 50%;
    transform: translate(-50%, -0%);
    width: 100%;
    transition: all 0.5s;

}

.popup-sec-overlay.active {
    width: 100%;
    z-index: 999999;
    opacity: 1;
    visibility: visible;
}

.popup-sec-overlay.active .popup-sec {
    top: 50%;
    transform: translate(-50%, -50%);
}

.popup-sec-overlay.hide {
    opacity: 0;
    visibility: hidden;
}

.popup-form-sec {
    padding: 60px 49px;
    background-color: #F5F5F5;
    position: relative;
    border-radius: 0 10px 10px 0;
}

.popup-form-img img {
    width: auto;
    height: 571px;
    margin-left: auto;
}

.popup-form-img img {
    border-radius: 13px 0 0 13px;
}

.cross-mark {
    position: absolute;
    top: 20px;
    right: 20px;
}

.cross-mark a i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #707070;
    border-radius: 5px;
    color: #707070;
    text-align: center;
}

.popup-form-sec-title h2 {
    font-size: 34px;
    color: #fa130d;
    margin-bottom: 10px;
    padding: 0;
    background: linear-gradient(to right, rgb(233 154 40) 0%, #E92785 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.popup-form-sec-title p {
    font-size: 18px;
    color: #3B3B3B;
    margin-bottom: 10px;
}

.popup-form input {
    padding: 10px 25px;
    background-color: #FFFFFF;
    color: #757575;
    border: 1px solid #D4D4D4;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 10px;
}

.popup-form input::placeholder {
    color: #757575;
}

.popup-form textarea {
    padding: 10px 25px;
    background-color: #FFFFFF;
    color: #757575;
    border: 1px solid #D4D4D4;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 10px;
}

.popup-form textarea::placeholder {
    color: #757575;
}

.popup-form-btn {
    /*background-image: linear-gradient(#fa130d , #fa130d) !important;*/
    color: #fff !important;
    margin-bottom: 0px !important;
    background: linear-gradient(to right, rgb(233 154 40) 0%, #E92785 100%);
}

.popup-form-img {
    text-align: right;
}

.show-mob {
    display: none;
}

/* POPUP FORM */


.popup-img {
    position: fixed;
    bottom: 1%;
    left: 1%;
    z-index: 999;
}

.popup-img img {
    animation-name: bounce-5;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    width: auto;
    height: 230px;
}

body {
    position: relative;
}

@keyframes bounce-5 {
    0% {
        transform: scale(1, 1) translateY(0);
    }

    10% {
        transform: scale(1.1, .9) translateY(0);
    }

    30% {
        transform: scale(.9, 1.1) translateY(-50px);
    }

    50% {
        transform: scale(1, 1) translateY(0);
    }

    57% {
        transform: scale(1, 1) translateY(-7px);
    }

    64% {
        transform: scale(1, 1) translateY(0);
    }

    100% {
        transform: scale(1, 1) translateY(0);
    }
}

/*@media (max-width: 1024px) {*/
/*    .popup-form-img img {*/
/*        height: 642px;*/
/*    }*/
/*}*/
@media (max-width: 1023px) {
    .popup-form-sec {
        padding: 40px 30px;
    }

    .cross-mark {
        top: 10px;
        right: 10px;
    }

    .popup-form-sec-title h2 {
        font-size: 30px;
    }

    .popup-form-img img {
        width: auto;
        height: 528px;
        margin-top: -2px;
    }

}

@media (max-width: 767px) {
    .popup-form-img img {
        display: none;
    }

    .pl-0 {
        padding-left: 15px !important;
    }

    .popup-form-sec-title h2 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .popup-form-sec-title p {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .popup-form input {
        padding: 5px 10px;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .popup-form textarea {
        padding: 5px 10px;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .popup-form-sec {
        padding: 30px 20px;
        border-radius: 10px;
    }

    .popup-img img {
        height: 180px;
    }

    .whatsapp {
        display: none !important;
    }

}

@media (max-height: 551px) {
    .popup-form-img img {
        height: 491px;
    }

    .popup-form-sec {
        padding: 30px 49px;
    }
}