/* @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,900|Open+Sans:300,400,600,700'); */
#jqcheck {
    background: #fff9d7;
    text-align: center;
    color: #333;
    padding: 10px 0px;
    font-size: 13px;
    font-weight: bold;
    position: fixed;
    z-index: 9991;
    width: 100%;
    font-family: 'Bai Jamjuree', sans-serif;
}

* {
    margin: 0px;
    padding: 0px;
}

/* text selection color */
::-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;
}

/* browser scroller style */
::-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: 0px;
    border-left: 1px solid #888;
}

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

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

body {
    font-family: 'Bai Jamjuree', sans-serif;
    color: var(--default-color);
    font-size: var(--base-font-size);
    position: relative;
    background-color: #090832;
}

/* font family */
.ff-primary {
    font-family: 'Bai Jamjuree', sans-serif;
}

.ff-secondary {
    font-family: 'Bai Jamjuree', sans-serif;
}

/* font colors */
.fc-primary {
    color: var(--primary-color);
}

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

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

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

/* buttons */
.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: white;
    padding-left: 10px;
    display: table-cell;
    vertical-align: middle;
}

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

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

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

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

.banner-btn {
    text-transform: capitalize;
    display: inline-block;
    transform: translateY(0rem);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.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;
}

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

h1, .h1, h2, .h2 {
    font-family: 'Bai Jamjuree', sans-serif;
}

h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Bai Jamjuree', 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 {
    /*font-size: var(--base-font-size);*/
}

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

/*** theme sections padding ***/
.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: 60px 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;
}

/*** theme sections margin ***/
.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;
}

/*** no padding, no marging ***/
.p-0 {
    padding: 0;
}

.pt-0 {
    padding-top: 0px;
}

.pb-0 {
    padding-bottom: 0px;
}

.pl-0 {
    padding-left: 0px;
}

.pr-0 {
    padding-right: 0px;
}

.m-0 {
    margin: 0;
}

.mt-0 {
    margin-top: 0px;
}

.mb-0 {
    margin-bottom: 0px;
}

.ml-0 {
    margin-left: 0px;
}

.mr-0 {
    margin-right: 0px;
}

.tt-uppercase {
    text-transform: uppercase;
}

.tt-capitalize {
    text-transform: capitalize;
}

p strong {
    color: black;
}

p span {
    color: black;
}

a:hover {
    text-decoration: none;
}

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

img {
    border: 0px;
    outline: none;
}

/*img { max-width: 100%;  }*/
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 0;
    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 0;
    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: 0px;
    top: 0px;
    font-size: 13px;
    color: var(--secondary-color);
    content: "\e93a";
    font-family: 'icomoon' !important;
}

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

/*** transition ***/
.transition {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/*** scale with transition ***/
.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 
------------------------------------*/
#menu ul li a i {
    position: absolute;
    right: 10px;
    top: 15px
}

#menu ul ul li a {
    font-size: 15px!important
}

ul#menu {
    position: relative;
    top: 7px
}

div#accordion {
    width: 300px;
    margin-left: 35px
}

div#accordion .card {
    background: 0 0;
    border: none;
    padding: 0;
    margin: 0
}

.card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: transparent
}

div#accordion h5 {
    color: #fff;
    text-transform: uppercase
}

.menu-btn__burger,.menu-btn__burger::after,.menu-btn__burger::before {
    width: 40px;
    height: 4px;
    border-radius: 5px;
    background-color: #000;
    box-shadow: 0 2px 5px var(--box-shadow-color);
    transition: all .5s ease-in-out;
    left: 0
}

a.humberg {
    border: none!important;
    top: -4px
}

.menu-btn__burger::before {
    transform: translateY(-8px);
}

.menu-btn__burger::after,.menu-btn__burger::before {
    content: "";
    position: absolute
}

.menu-btn__burger,.menu-btn__burger::after,.menu-btn__burger::before {
    width: 40px;
    height: 4px;
    border-radius: 5px;
    background-color: #000;
    box-shadow: 0 2px 5px var(--box-shadow-color);
    transition: all .5s ease-in-out;
    left: 0
}

.menu-btn__burger::after {
    transform: translateY(9px);
}

.menu-btn__burger::after,.menu-btn__burger::before {
    content: "";
    position: absolute;
}

.menu-btn__burger,.menu-btn__burger::after,.menu-btn__burger::before {
    width: 30px;
    height: 3px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 2px 5pxvar(--box-shadow-color);
    transition: all .5s ease-in-out;
    left: 0
}

.lastt_qouts h2 a {
    border: none
}

li.navigation__item a {
    border: none;
    font-weight: 500!important;
}

#menu ul.head-menu-custom2 {
    left: 215px;
    top: 2px
}

ul.head-menu-custom2.be1 {
    left: 188px!important
}

span.humberg {
    right: 0px;
    position: relative;
    top: -18px
}

.menu-btn.open .menu-btn__burger {
    transform: translateX(-50px);
    background-color: transparent;
    box-shadow: none
}

.menu-btn.open .menu-btn__burger::before {
    transform: rotate(45deg) translate(35px,-35px);
    background: #000;
}

.menu-btn.open .menu-btn__burger::after {
    transform: rotate(-45deg) translate(35px,35px);
    background: #000;
}

.menu-btn {
    padding: 20px 0;
}

.btn--animated {
    animation: moveInBottom .5s ease-out .75s backwards
}

@keyframes moveInLeft {
    0% {
        opacity: 0;
        transform: translateX(-10rem)
    }

    80% {
        transform: translateX(1rem)
    }

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

@keyframes moveInRight {
    0% {
        opacity: 0;
        transform: translateX(10rem)
    }

    80% {
        transform: translateX(-1rem)
    }

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

@keyframes moveInBottom {
    from {
        opacity: 0;
        transform: translateY(3rem)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.navigation__checkbox {
    display: none
}

.navigation__checkbox:checked~.navigation__background {
    transform: scale(100);
}

.navigation__checkbox:checked~.navigation__nav {
    transform: translateY(0);
    visibility: initial;
    opacity: 1;
    background: linear-gradient(90deg ,#47d8a2 0,#156f9a 91%);
    background: #fff;
}

.navigation__button {
    position: relative;
    top: 9px;
    left: 0;
    width: 40px;
    height: 10px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 12;
    text-align: center
}

.navigation__background {
    position: fixed;
    top: 20px;
    right: 0;
    width: 58px;
    height: 50px;
    border-radius: 0;
    background-image: none;
    z-index: 10;
    transition: transform .8s cubic-bezier(.86, 0, .07, 1)
}

.navigation__nav {
    overflow-x: hidden;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: 50%;
    z-index: 11;
    transform: translateX(50%);
    visibility: hidden;
    opacity: 0;
    transition: opacity .8s ease-in,transform .8s cubic-bezier(.68, -.55, .265, 1.55);
    vertical-align: middle;
    transition: 0.7s all;
}

.navigation__list {
    position: absolute;
    top: 145px;
    left: -1px;
    transform: 0;
    text-align: center;
    list-style: none
}

.navigation__item {
    margin: 1rem;
    counter-increment: list
}

.navigation__link::before {
    content: "0" counters(list, "");
    padding-right: 1.2rem
}

.navigation__link:link,.navigation__link:visited {
    display: inline-block;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .4s;
    font-size: 32px !important;
}

.navigation__link:active,.navigation__link:hover {
    color: #d39f00;
    background-position: 100%;
    transform: translateX(1rem)
}

.navigation__icon {
    display: inline-block;
    position: relative;
    width: 3rem;
    height: .5rem;
    top: 37%;
    transition: transform .25s ease-in-out
}

.navigation__icon-span {
    position: absolute;
    height: 6px;
    width: 50%;
    background: #000;
    transition: all .5s ease-in
}

.navigation__icon-span:nth-child(even) {
    left: 50%;
    border-radius: 0 .9rem .9rem 0
}

.navigation__icon-span:nth-child(odd) {
    left: 0;
    border-radius: .9rem 0 0 .9rem
}

.navigation__icon-span:nth-child(1),.navigation__icon-span:nth-child(2) {
    transform: translateY(-1rem)
}

.navigation__icon-span:nth-child(5),.navigation__icon-span:nth-child(6) {
    transform: translateY(1rem)
}

.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(1),.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(6) {
    transform: rotate(45deg)
}

.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(2),.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(5) {
    transform: rotate(-45deg)
}

.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(2),.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(6) {
    transform-origin: left
}

.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(1),.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(5) {
    transform-origin: right
}

.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(3) {
    left: -50%;
    opacity: 0
}

.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(4) {
    left: 100%;
    opacity: 0
}

.header__text-box {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center
}

nav.navigation__nav ul {
    display: block;
    text-align: left
}

.main_top ul li:last-child {
    margin-right: 0
}

span.addition {
    width: 100%;
    text-align: right;
    display: inline-block;
    position: relative;
    top: -29px
}

.navigation ul li a {
    font-size: 25px!important
}

.navigation__list {
    position: relative;
    top: 75px;
    left: 0;
    padding: 0 0 0 50px;
}

.side_right .info_part a {
    display: block;
    font-size: 35px;
    color: #fff;
    line-height: 80px;
    border: none;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 15px
}

.side_right {
    margin-top: 25%
}

.socialss {
    margin-top: 8%
}

.socialss ul li {
    display: inline-block;
    border-radius: 100px;
    text-align: center;
    width: 60px;
    height: 60px;
    padding-top: 6px;
    margin-right: 25px
}

.socialss ul li:hover {
    background: #000;
    transition: .5s
}

.socialss ul li a {
    color: #fff;
    font-size: 33px!important;
    text-align: center;
    border: none;
    padding: 0
}

.lastt_qouts {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,.25);
    padding: 6em 0 9.25em 8em
}

.lastt_qouts h2 {
    color: #fff;
    font-size: 35px;
    z-index: 111111;
    position: inherit;
    font-weight: 600;
    padding-top: 10px
}

.navigation ul li.hk_customs a {
    font-size: 18px!important;
    line-height: 0
}

.navigation li.navigation__item.hk_customs {
    padding: 0!important;
    margin: 0!important;
    padding-left: 19px!important
}

span.copy_side {
    color: #fff;
    display: block;
    margin-top: 40px;
    margin-left: 32px;
    font-size: 17px
}

#menu:after,#menu:before {
    content: "";
    display: table
}

#menu:after {
    clear: both
}

#menu {
    zoom:1}

#menu li {
    float: left;
    position: relative
}

*html #menu li a:hover {
    color: #fafafa
}

#menu ul {
    margin: 20px 0 0 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 35px;
    left: -5px;
    z-index: 1;
    background: #fff;
    background-color: transparent;
    box-shadow: none;
    border-radius: 3px;
    transition: all .2s ease-in-out;
    width: 305px
}

#menu li:hover>ul {
    opacity: 1;
    visibility: visible;
    margin: 0
}

#menu ul ul {
    top: 35px;
    left: 188px;
    margin: 0 0 0 20px;
    box-shadow: none
}

#menu ul li {
    float: none;
    display: block;
    border: 0;
    box-shadow: none;
    text-align: left;
    margin-bottom: 0!important;
    padding-bottom: 0
}

#menu ul li:last-child {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

#menu ul a {
    padding: 10px;
    width: auto;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
    padding: 11px 0!important
}

#menu ul li:first-child>a {border-radius: 3px 3px 0 0 }
#menu ul li:first-child>a:after {content: ''; position: absolute; left: 40px; top: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #444; display: none }
#menu ul ul li:first-child a:after {left: -6px; top: 50%; margin-top: -6px; border-left: 0; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-right: 6px solid #3b3b3b }
#menu ul ul li:first-child a:hover:after {border-right-color: #0299d3; border-bottom-color: transparent }
#menu ul li:last-child>a {-moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px }
#menu-trigger {display: none }
#menu-wrap * {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
#menu-trigger {display: block; height: 40px; line-height: 40px; border: 1px solid #222; color: #fafafa; font-weight: 700; background-color: #111; border-radius: 6px; box-shadow: 0 1px 1px #777,0 1px 0 #666 inset }
#menu {margin: 0; padding: 10px; position: absolute; top: 40px; width: 100%; z-index: 1; background-color: #444; display: none; box-shadow: none }
#menu:after {content: ''; position: absolute; left: 25px; top: -8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #444 }
#menu ul {opacity: 1; margin: 0; background: 0 0; box-shadow: none }
#menu ul ul {margin: 0 0 0 20px!important; box-shadow: none }
#menu li {float: none; border: 0; margin: 5px; box-shadow: none }
#menu ul li {margin-left: 20px; box-shadow: none }
#menu a {display: block; float: none; padding: 0; color: #999 }
#menu a:hover {color: #fafafa }
#menu ul a {padding: 0; width: auto }
#menu ul a:hover {background: 0 0 }
#menu ul li:first-child a:after,#menu ul ul li:first-child a:after {border: 0 }
.navigation__item {margin: 1px; padding: 0 0 10px; }
ul#menu {top: 0 }
#menu ul.head-menu-custom {left: 225px; top: -30px }
.navigation li.navigation__item.hk_customs {padding-left: 5px!important }
ul.be1 {left: 170px!important }
ul.head-menu-custom2.be2 {left: 145px!important }
ul.head-menu-custom2.be3 {left: 85px!important }
#menu li:hover>.no-transition {display: block }
#menu ul li a {font-size: 16px!important; color: #fff; position: relative }
.navigation__link::before {display: none }
a.navigation__link.hk_united {padding: 0; margin: 0 }
.black_them {background: #02003d; }
.upr-head {color: #73e7df;font-size: 16px;text-transform: uppercase;}
header {position: fixed;width: 100%;z-index: 9999;}
header .logowrp {border: 1px solid #ffffff26; padding: 5px 20px 0; height: 85px; display: block; text-align: center; border-bottom: 2px solid #ffffff26; }
header .logowrp img {width: 60px;position: relative;z-index: 99999;/* filter: brightness(8.5); */position: relative;top: 10px;}
header .logowrp .img_light {}
header .logowrp .img_dark {display: none; }
header .navwrp {border: 1px solid #ffffff26; padding: 30px 0px 0; height: 85px; border-bottom: 2px solid #ffffff26; }
header .navwrp.btn-inq {background: linear-gradient(to right, #277570 0%, #010101 100%);padding-top: 20px;padding: 20px 0 0;}
header .navwrp ul {margin: 0; display: block; text-align: center; }
header .navwrp ul li {display: inline-block; margin: 0 10px 0; }
header .navwrp ul li a {color: #fff; text-transform: uppercase; font-size: 12px; padding: 0 0 56px; font-weight: 500; }
header .navwrp ul.btn-head-1 {text-align: center; }
header .navwrp ul.btn-head-1 li a {}
header .navwrp ul.btn-head-1 li a i {left: 10px; display: none; }
header .navwrp ul li a i {position: relative; top: 2px; right: -5px; }
header .navwrp ul.nmbwrp {text-align: center; }
header .navwrp ul.nmbwrp li a {font-size: 15px; }
header .navwrp ul.nmbwrp li a i {transform: rotate(260deg); top: -1px; right: -10px; }
header .btnwrp {display: block; text-align: center; border: 1px solid #ffffff26; padding: 30px 0 0 0; height: 85px; border-bottom: 2px solid #ffffff26; /* margin: 0 20px 0 0; */ }
header.showmenu {background: #fff; box-shadow: 0px 20px 40px 0 #00000030; }
header.showmenu .logowrp img {filter: unset; }
header.showmenu .navwrp ul li a {color: #000; text-transform: uppercase;font-weight: 600; }
header.showmenu .navwrp.btn-inq a {color: #fff ; }
header.showmenu .menu-btn__burger {background: #000; }
header.showmenu .menu-btn__burger:after {background: #000; }
header.showmenu .menu-btn__burger:before {background: #000; }
header.showmenu .logowrp {border-color: #dcdcdc; }
header.showmenu .navwrp {border-color: #dcdcdc; }
header.showmenu .btnwrp {border-color: #dcdcdc; }
header.showmenu .img_light {display: none; }
header.showmenu .img_dark {display: block; margin: 0 auto; }
header .navwrp ul li .dropwrp {position: absolute; width: 100%; max-height: 0px; background: #fff; box-shadow: 0 12px 60px 0 rgb(126 126 126 / 18%); left: 0; padding: 0; top: 80px; transition: max-height 0.15s ease-out; visibility: hidden; opacity: 0; top: 85px; border-radius: 0; height: 550px; overflow: hidden; }
header .navwrp ul li:hover .dropwrp {opacity: 1; visibility: visible; background: #fff; max-height: fit-content; }
header .navwrp ul li .dropwrp ul.top-ul {padding: 35px 0 20px; margin: 0; min-height: 250px; display: block; text-align: left; }
header .navwrp ul li .dropwrp li a {text-transform: unset !important; }



/*========================================*/
.ex-services {padding: 0 0 20px; }
.ex-services .top-ul {min-height: 0px !important; padding: 0 !important; }
.ex-services .top-ul li {}
.ex-services .top-ul li h4 {}
.ex-services .top-ul li h4 a {}



/*========================================*/
header .navwrp ul li .dropwrp ul li h4 {font-size: 18px; font-weight: 600; margin: 0 0 0 -15px; padding: 0 0 16px; color: #000; }
header .navwrp ul li .dropwrp ul li h4 a {font-weight: bold; }
header .navwrp ul li .dropwrp ul li a {padding-left: 10px; text-transform: capitalize; font-size: 14px; position: relative; /* transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important; */ color: #211F31; font-weight: 500; }
header .navwrp ul li .dropwrp .row > div:nth-child(1) ul li a:after {background: #ec874b; }
header .navwrp ul li .dropwrp ul li {display: block; padding: 0 0 12px; }
header .navwrp ul li .dropwrp ul li > a:after {content: ""; position: absolute; width: 6px; height: 6px; background: #ec874b; border-radius: 50%; left: -10px; top: 5px; }
header .navwrp ul li .dropwrp .row > div:nth-child(2) ul li a:after {background: #9c1d61; }
header .navwrp ul li .dropwrp .row > div:nth-child(3) ul li a:after {background: #5751cd; }
header .navwrp ul li .dropwrp .imgwrp {background: #f9f9f9; padding: 38px; text-align: center; display: block; height: 100%; display: flex; flex-wrap: wrap; align-content: space-between; }
header .navwrp ul li .dropwrp .imgwrp h4 {font-size: 20px; padding: 0 0 10px; }
header .navwrp ul li .dropwrp .imgwrp p {text-align: c; font-size: 14px; text-transform: initial; line-height: 14px; }
header .navwrp ul li .dropwrp .imgwrp .manu-img img {height: auto; }
header .navwrp ul li .dropwrp .imgwrp .manu-img {border: 1px solid #000; width: 160px; border-radius: 42px; background: #000; height: 290px; margin: 0 auto; }
header .navwrp ul li .dropwrp .imgwrp .manu-img .manu-videeo {width: 140px; border-radius: 32px; background: #777; height: 270px; display: block; text-align: center; margin: 8px auto 0; overflow: hidden; }
header .navwrp ul li .dropwrp .imgwrp .manu-img .manu-videeo video {width: 131%; margin: -55px 0 0 -14px; }
/*=============================================*/
header .navwrp ul li .dropwrp .imgwrp .videowrp {width: 90%; border-radius: 30px; margin: 0 auto; }
header .navwrp ul li .dropwrp .imgwrp .videowrp img {width: 100%; border-radius: 50px; padding: 15px; background: #000; }
header .navwrp ul li .dropwrp.drp-vdo-1 .imgwrp .videowrp video {}
header .navwrp ul li .dropwrp.drp-vdo-2 .imgwrp .videowrp video {width: 75%; }
header .navwrp ul li .dropwrp.drp-vdo-3 .imgwrp .videowrp video {}

/*=============================================*/
header .navwrp ul li .dropwrp .dropbtn {text-align: left; margin: 0 0 20px; }
header .navwrp ul li .dropwrp .dropbtn a {padding: 13px 20px; margin: 0; color: #000; }
header .navwrp ul li .dropwrp .btm-navbr {border-top: 1px solid #dcdcdc; /* margin: 10px 0 0 0; */ text-align: left; padding: 28px 0 30px 0; }
header .navwrp ul li .dropwrp .btm-navbr .circlewrp {/* background: #000; */ width: 80px; height: 80px; border-radius: 50%; bottom: -77px; left: 0; display: inline-block; margin: 0 30px 0 0; border: 10px; box-shadow: 0px 11px 60px 0px rgb(126 126 126 / 48%); }
header .navwrp ul li .dropwrp .btm-navbr .circlewrp img {width: 90px; height: 90px; border-radius: 50%; object-fit: cover; border: 1x solid #000; }
header .navwrp ul li .dropwrp .btm-navbr .btm-nav-txt {display: inline-block; vertical-align: top; width: 75%; }
header .navwrp ul li .dropwrp .btm-navbr .btm-nav-txt p {padding: 5px 0 0; font-size: 18px; display: inline-block; }
header .navwrp ul li .dropwrp .btm-navbr .btm-nav-txt span {color: #d39f00; }
header .navwrp ul li.sub-ser {position: relative; }
header .navwrp ul li.sub-ser:hover .tech-dropwrp {display: block; }
header .navwrp ul li.sub-ser .tech-dropwrp {width: 181px; background: #fff; height: auto; border-radius: 14px; box-shadow: 1px 13px 60px 0 #8994ac66; position: absolute; top: 65px; z-index: 99; right: -50px; display: none; }
header .navwrp ul li.sub-ser .tech-dropwrp ul {}
header .navwrp ul li.sub-ser .tech-dropwrp ul li {display: flex; align-items: center; padding: 0 20px; justify-content: center; }
header .navwrp ul li.sub-ser .tech-dropwrp ul li img {height: 35px; border-bottom: 1px solid #82849038; padding: 0 0 9px; margin: -10px 0 -24px; }
header .navwrp ul li.sub-ser .tech-dropwrp ul li a {color: #211F31; text-align: start; font-weight: 500; text-decoration: none; display: block; padding: 17px 0px 13px 10px!important; border-bottom: 1px solid #82849038; font-size: 12px; width: 100%; }
header .navwrp ul li.sub-ser:hover .en-dropwrp {display: block; }
header .navwrp ul li.sub-ser .en-dropwrp {width: 96px; background: #fff; height: auto; border-radius: 14px; box-shadow: 1px 13px 60px 0 #8994ac66; position: absolute; top: 65px; z-index: 99; right: -50px; display: none; }
header .navwrp ul li.sub-ser .en-dropwrp ul {}
header .navwrp ul li.sub-ser .en-dropwrp ul li {display: flex; align-items: center; border-bottom: 1px solid #82849038; justify-content: center; }
header .navwrp ul li.sub-ser .en-dropwrp ul li a {color: #211F31; text-align: start; font-weight: 500; text-decoration: none; display: block; padding: 17px 0px 13px 10px!important; /* border-bottom: 1px solid #82849038; */ font-size: 12px; text-align: center; }
header .navwrp ul li.sub-ser .en-dropwrp ul li img {height: 14px; }
.navigation__item .quest-title {display: inline-block; color: #000; text-decoration: none; text-transform: uppercase; transition: all .4s; font-size: 32px !important; margin: 0; padding: 0px 40px 0 0; width: auto; }
.navigation__item .quest-title:hover {color: #d39f00; background-position: 100%; transform: translateX(1rem); }
.navigation__item .unstyled li {}
.navigation__item .unstyled li a {color: #000; }
.navigation__item div#accordion-nav {padding: 0; }
.navigation__item .unstyled li a:hover {color: #d39f00; }
.navigation__item .quest-content.open {padding: 0; }


.weeb{/*background-image: url(../images/website-dev.jpeg)*/!important;background-repeat: no-repeat;background-size: cover;padding: 180px 0 250px;background-position: initial;overflow: hidden;/* height: 100vh; */z-index: 1;position: relative;}


.wrdpress{/*background-image: url(../images/wordpress-banner.jpg)*/!important;background-repeat: no-repeat;background-size: cover;padding: 180px 0 250px;background-position: initial;overflow: hidden;/* height: 100vh; */z-index: 1;position: relative;}

.home-bnerwrp{background-repeat: no-repeat;background-size: cover;padding: 180px 0 250px;background-position: initial;overflow: hidden;/* height: 100vh; */z-index: 1;position: relative;}
.home-bnerwrp .txtwrp{display: block;margin: 70px 0 0;}
.home-bnerwrp .txtwrp h4{color: #fff;font-size: 22px;}
.home-bnerwrp .txtwrp h1{color: #fff;font-size: 38px;padding: 0 0 20px;font-weight: 700;}
.home-bnerwrp .txtwrp p{color: #dadada;font-size: 20px;font-weight: 400;}
.home-bnerwrp .txtwrp-quest{padding-bottom: 10px;}
.home-bnerwrp .txtwrp-quest h5{font-size: 20px;color: #fff;}
.home-bnerwrp .imgmain{padding: 10px 0 20px;}
.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 0; }
.home-bnerwrp .imgwrp{position: relative; }
.home-bnerwrp .imgwrp img{width: 140%; position: absolute; top: 80px; }
.home-bnerwrp .imgwrp img.img-exta{top: -60px;width: 170%;}
.home-bnerwrp video{
    position: absolute;
    width: 100%;
    top: 0;
    z-index: -1;
}
.home-bnerwrp:after{content: "";position: absolute;width: 100%;height: 100%;background: #00000094;top: 0;z-index: -1;}


.btnwrp{}
.btnwrp .btn-1{background-color: #ffa500; padding: 15px 30px; font-size: 16px; color: #fff; border-radius: 5px; }
.btnwrp .btn-2{background-color: transparent; padding: 15px 30px; font-size: 16px; color: #fff; border-radius: 10px;border: 1px solid #fff;border-radius: 5px;margin-left: 20px; }





.countrwrp{display: block;position: relative;top: -50px;}
.countrwrp .bgcolor{background-color: #fff;padding: 30px 40px;border-radius: 50px;}
.countrwrp .txtwrp{}
.countrwrp .txtwrp h4.upr-heading{color: #d39f00;font-size: 22px;font-weight: 600; }
.countrwrp .txtwrp h2{color: #000;font-size: 40px;}
.countrwrp .txtwrp p{font-size: 18px; } 
.countrwrp .mainwrp{margin: 40px 50px 0;position: relative;text-align: center;}
.countrwrp .mainwrp span{color: #000;font-size: 50px;font-weight: 600;}
.countrwrp .mainwrp h6{font-size: 18px;color: #000;position: absolute;top: 30px;font-weight: 600;left: 122px;text-align: left;}



h4.upr-heading{color: #73e7df;font-size: 22px;font-weight: 600;}
.txtwrp h2{color: #fff;font-size: 40px; }


.intro{padding: 100px 0;background: #fff;}
.intro .txtwrp{}
.intro .txtwrp h3{font-size: 30px;color: #000;}
.intro .txtwrp p{font-size: 18px;color: #000;}


.intro .btn-1{transition: all 250ms ease;background-color: unset;}
.intro .btn-1:hover p{left: 10px;}
.intro .btn-1:hover span{background: #fff;}
.intro .btn-1:hover i{opacity: 1;color: #000;}
.intro .btn-1 p{padding: 0;display: inline-block;color: #d39f00;letter-spacing: 2px;font-size: 16px;position: relative;left: -22px;transition: all 250ms ease;font-weight: 700;}
.intro .btn-1 span{display: inline-block !important;width: 65px;height: 65px;border: 1px solid #7e7e7e;border-radius: 50%;vertical-align: middle;transition: all 250ms ease;}
.intro .btn-1 span i{color: #fff;text-align: center;display: block;padding: 20px 0 0;font-size: 22px;font-weight: 200;opacity: 0;transition: all 250ms ease;}




.secnd-sectionwrp{padding: 40px 0 70px;position: relative;overflow: hidden;background-color: #090832;} 
.secnd-sectionwrp .txtwrp{padding: 0px;}
.secnd-sectionwrp .txtwrp h4{color: #fff;font-size: 25px;font-weight: 600;}
.secnd-sectionwrp .txtwrp p{color: #fff; font-size: 18px;}
.secnd-sectionwrp .imgwrp{}
.secnd-sectionwrp .imgwrp img{width: 100%;}
.secnd-sectionwrp .video-box{}
.secnd-sectionwrp .video-box video{width: 63%;margin: 0 0 0 130px;}
.secnd-sectionwrp .btnwrp{display: block;padding: 20px 0 0;}
.secnd-sectionwrp .txtwrp p{color: #fff;}
.secnd-sectionwrp .c-your-brand__graphic{ position: relative;    top: 30px;   height: 45rem;}


.image-btn{}
.image-btn img{height: 35px;}
.shopify-btn{padding: 10px 10px;border: 3px solid #616161;border-radius: 9px;/* margin: 0 0 0 10px; */background-color: #090832;}
.shopify-btn img{height: 15px;vertical-align: text-top;}
.shopify-btn p{display: inline-block;padding: 0 0 0 10px;color: #736e6e;}
.webflow-btn{padding: 10px 10px;border: 3px solid #616161;border-radius: 9px;margin: 0 0 0 10px;background-color: #090832;}
.webflow-btn img{height: 12px;}
.webflow-btn p{display: inline-block;padding: 0 0 0 10px;color: #736e6e;}



element.style {
}





.resentwrp{padding: 150px 0 0;overflow: hidden;position: relative;z-index: 10;background: linear-gradient(to right, #041c1b -21%, #000000 100%);} 
.resentwrp .txtwrp{display: block;padding: 0 0 100px 0px;}
.resentwrp .txtwrp h2{color: #000;font-size: 72px;padding: 0;font-family: 'Labil Grotesk',Arial,sans-serif;font-weight: 100;font-size: 42px;font-weight: 300;color: #fff;line-height: 48px;}
.resentwrp .mainwrp{width: 100%;border: 1px solid #ffffff33;position: relative;cursor: -webkit-grabbing;background-image: unset !important;transition: all 250ms ease;overflow: hidden;}
.resentwrp .mainwrp .txtdiv{padding: 50px 100px 0 170px;height: 80vh;}
.resentwrp .mainwrp .imgbox{}
.resentwrp .mainwrp .imgbox:after{content: "";position: absolute;width: 100%;height: 100%;background: #0f0f0f87;top: 0;}
.resentwrp .mainwrp .imgbox img{width: 100%;position: absolute; opacity: 0; transition: all 250ms ease;}
.resentwrp .mainwrp:hover .imgbox img{opacity: 1;transition: all 250ms ease;}
.resentwrp .mainwrp .txtdiv h4{color: #fff;font-size: 16px;position: relative;font-weight: 300;}
.resentwrp .mainwrp .txtdiv ul{position: absolute;top: 100px;transition: all 250ms ease;left: 80px;right: 0;margin: auto;width: 60%;display: block;}
.resentwrp .mainwrp .txtdiv ul h6{font-size: 20px;color: #fff;}
.resentwrp .mainwrp .txtdiv ul li{display: inline-block;color: #fff;border-right: 1px solid #3f3838;margin: 0 10px 0 0;padding: 0 10px 0 0px;}
.resentwrp .mainwrp .txtdiv a{position: absolute;bottom: 50px;color: #ffa500;}
.resentwrp .mainwrp:hover .txtdiv ul{opacity: 0; transition: all 250ms ease;}





.srv-info-sec {padding: 0; }
.srv-info-sec p{margin-bottom: 40px;line-height: 1.8;}
.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,0.15); -moz-box-shadow: 5px 7px 30px rgba(72,73,121,0.15); box-shadow: 5px 7px 30px rgba(72,73,121,0.15); border: 2px solid #fff; -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: #f73e2b;}
.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;color: #f73e2b;}
.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: #f73e2b;text-transform: uppercase;font-weight: 700;}
.srv-info-sec .srv-info-wrap .srv-item-content h3 {font-size: 24px; color: var(--dark); font-weight: 700; }
.srv-info-sec .srv-info-wrap .srv-item-content p {font-size: 16px; margin: 0px; }
.services-pg .packages-sec {padding: 91px 0 110px 0; }
.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: 0px; padding: 0px; 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: 0px; }
.services-pg .packages-sec .bx p a {font-size: 14px; color: var(--orange); font-weight: 700; }
.srv-details {margin: 48px 0 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,0.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: 0px; padding: 0px; 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"; }





.srv-info-sec h2{
        text-transform: capitalize;
        margin: 0 0 20px 0;
        padding: 0;
        font-size: 48px;
        color: #000;
        font-weight: 600;
        line-height: 60px;
}



.iconbox1 {
    background-image: url(../images/sprite_icon.png);
    background-repeat: no-repeat;
    background-position: 5% 39%;
}



.srv-info-sec ul li a {
    background: #f73e2b;
    color: #fff !important;
    padding: 15px 40px;
    display: inline-block;
    border-radius: 50px;
    font-size: 20px;
    font-weight: 500;
    transition: .5s ease-in-out;
    cursor: pointer;
}
.srv-info-sec ul li a:hover {
    background: #1b2e35;
    transform: translate(0px, -10px);
}


.srv-info-sec ul li.chng_clr a {
    background-color: #1b2e35;
    margin-left: 30px;
}
.srv-info-sec ul{
    display: flex;
}   






.portfoliowrp{padding: 70px 0;overflow: hidden;background-color: #000;}
.portfoliowrp .txtwrp{display: block;margin: 0 auto;}
.portfoliowrp .txtwrp h2{color: #fff;}
.portfoliowrp .txtwrp p{color: #fff;}
.portfoliowrp .txt-main{}
.portfoliowrp .txt-main p{padding-top: 20px; }
.portfoliowrp .mainwrp{}
.portfoliowrp .mainwrp ul{margin: 20px 0 0; display: block; text-align: center; }
.portfoliowrp .mainwrp ul li{display: inline-block; transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;;}
.portfoliowrp .mainwrp ul li img{width: 400px;height:400px ;border-radius: 20px;object-fit: fill;}
.portfoliowrp .mainwrp ul li:hover{transform: scale(1.1);}
.portfoliowrp .slick-track {
    padding:20px 0;
}







.company-count-wrp{background: #fff;/* height: 100vh; *//* overflow: hidden; */padding: 240px 00px 140px;}
.company-count-wrp .txtwrp{position: sticky;top: 140px;padding: 0 00px 0 10px;width: 80%;}
.company-count-wrp .txtwrp h2{color: #000;}
.company-count-wrp .txtwrp h2 span{color: #000;}
.company-count-wrp .txtwrp p{font-size: 18px;color: #000;}
.company-count-wrp .txtwrp .progress-wrp{}
.company-count-wrp .txtwrp .progress-wrp p{padding: 0 !important;}
.company-count-wrp .txtwrp .imgwrp-main{}
.company-count-wrp .txtwrp .imgwrp-main img{width: 100%;margin-top: 70px;}
.company-count-wrp .col-md-5.bodr-line{position: relative;}
.company-count-wrp .col-md-5.bodr-line:after{content: "";position: absolute;/*border-right: 1px solid #dadada;*/width: 1px;height: 118%;top: -160px;right: 50px;}
.company-count-wrp .mainwrp{height: 360px;width: 100%;display: block;padding: 110px 20px 0;margin: -40px 0 0;position: relative;box-shadow: 0 25px 70px rgb(0 0 0 / 7%);transition: all 250ms ease;background-color: #ffffff;}
.company-count-wrp .mainwrp h4{font-size: 28px;font-weight: 300;padding: 0 0 20px;color: #000;}
.company-count-wrp .mainwrp p{
    color: #000;
    font-size: 17px;
}
.company-count-wrp .mainwrp img{/* filter: invert(1); *//* height: 100px; */position: absolute;left: 20px;top: 30px;width: 50px;}
.company-count-wrp .mainwrp.box-2{margin: 40px 0 0;}
.company-count-wrp .mainwrp:hover{transform: translateY(-0.625rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.company-count-wrp .bodr-line .txtwrp p{padding: 0 0 50px;}
.company-count-wrp .col-md-6.extrawrp{    position: relative; left: 113px;padding: 0 0 80px;}









.our-teamwrp {padding: 60px 0 70px;background: linear-gradient(to right, #265e5b -21%, #010101 100%);}
.our-teamwrp .txtwrp {display: block;}
.our-teamwrp .txtwrp h2{color: #fff;}
.our-teamwrp .mainwrp {display: block; padding: 40px 0 0; }
.our-teamwrp .mainwrp ul {margin: 0 auto; text-align: center; display: block; }
.our-teamwrp .mainwrp ul li {display: inline-block; transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important; margin: 0 30px; overflow: hidden; cursor: pointer; }
.our-teamwrp .mainwrp ul li .imgwrp {position: relative; }
.our-teamwrp .mainwrp ul li .imgwrp img {width: 100%; border-radius: 15px; transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important; }
.our-teamwrp .mainwrp ul li .imgwrp:after {content: ""; position: absolute; width: 100%; height: 100%; background-color: #000000a3; left: -450px; z-index: 0; border-radius: 15px; display: block; top: 0; transition: 0.5s; }
.our-teamwrp .mainwrp ul li .txtdiv {position: absolute; bottom: 60px; left: -800px; right: 0; display: block; transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important; }
.our-teamwrp .mainwrp ul li .txtdiv .maindiv {background-color: #73e7df;width: 80%;padding: 7px 0 7px 25px;border-radius: 0px 40px 40px 0px;position: relative;z-index: 1;}
.our-teamwrp .mainwrp ul li .txtdiv .maindiv h5 {color: #fff; padding: 0; text-align: left; font-weight: 600; font-size: 22px; }
.our-teamwrp .mainwrp ul li .txtdiv .maindiv span {color: #fff; text-align: left; display: block; font-size: 14px; }
.our-teamwrp .mainwrp ul li .txtdiv a i {padding: 15px 0px 6px 0px; color: #fff; font-size: 20px; z-index: 1; position: relative; text-align: left; display: inline-block; float: left; margin-left: 15px; }
.our-teamwrp .mainwrp ul li:hover .txtdiv {display: block; left: 0; }
.our-teamwrp .mainwrp ul li:hover .imgwrp:after {display: block; left: 0px; }
.our-teamwrp .btnwrp {text-align: center; display: block; padding: 80px 0 0; }
.our-teamwrp .btnsliderwrp{display: block; text-align: right; position: absolute; right: 0; top: 60px; }
.our-teamwrp .btnsliderwrp a{    display: inline-block;}
.our-teamwrp .btnsliderwrp a i{width: 60px;border-radius: 0px;padding: 5px 0;color: #fff;display: block;text-align: center;font-size: 26px;border: 1px solid #fff;}
.our-teamwrp .btnsliderwrp a.nxt-testi{margin: 0 0 0 10px;}




.our-teamwrp .btnwrp .btn-1{transition: all 250ms ease;background-color: unset;}
.our-teamwrp .btnwrp .btn-1:hover p{left: 10px;}
.our-teamwrp .btnwrp .btn-1:hover span{background: #fff;}
.our-teamwrp .btnwrp .btn-1:hover i{opacity: 1;color: #000;}
.our-teamwrp .btnwrp .btn-1 p{padding: 0;display: inline-block;color: #d39f00;letter-spacing: 2px;font-size: 16px;position: relative;left: -22px;transition: all 250ms ease;font-weight: 700;}
.our-teamwrp .btnwrp .btn-1 span{display: inline-block !important;width: 65px;height: 65px;border: 1px solid #7e7e7e;border-radius: 50%;vertical-align: middle;transition: all 250ms ease;}
.our-teamwrp .btnwrp .btn-1 span i{color: #fff;text-align: center;display: block;padding: 20px 0 0;font-size: 22px;font-weight: 200;opacity: 0;transition: all 250ms ease;}



.smple-sec{padding: 70px 0;background: #fff;}
.smple-sec .imgwrp{
    padding-top: 50px;
}
.smple-sec .imgwrp img{width: 100%;}
.smple-sec .txtwrp{}
.smple-sec .txtwrp h2{color: #000;padding-bottom: 20px;font-size: 30px;}
.smple-sec .txtwrp p{color: #000;font-size: 18px;}
.smple-sec .btnwrp{}
.smple-sec .btnwrp .btn-1{transition: all 250ms ease;background-color: unset;}
.smple-sec .btnwrp .btn-1:hover p{left: 10px;}
.smple-sec .btnwrp .btn-1:hover span{background: #fff;}
.smple-sec .btnwrp .btn-1:hover i{opacity: 1;color: #000;}
.smple-sec .btnwrp .btn-1 p{padding: 0;display: inline-block;color: #73e7df;letter-spacing: 2px;font-size: 16px;position: relative;left: -22px;transition: all 250ms ease;font-weight: 700;}
.smple-sec .btnwrp .btn-1 span{display: inline-block !important;width: 65px;height: 65px;border: 1px solid #7e7e7e;border-radius: 50%;vertical-align: middle;transition: all 250ms ease;}
.smple-sec .btnwrp .btn-1 span i{color: #fff;text-align: center;display: block;padding: 20px 0 0;font-size: 22px;font-weight: 200;opacity: 0;transition: all 250ms ease;}



.testimonials{background: linear-gradient(to right, #265e5b -21%, #010101 100%);}
.testimonials h2{color: #fff;}
.quote-statement blockquote {
    font-size: 26px;
}
.quote-statement blockquote {
    line-height: 44px;
}
.quote-statement blockquote {
    padding-top: 35px;
}
.quote-statement blockquote {
    padding-bottom: 35px;
}
.quote-statement figcaption {
    font-size: 16px;
}
.quote-statement__mark {
    width: 188px;
}
.quote-statement__mark {
    height: 140px;
}
.quote-statement__mark {
    margin-left: -94px;
}
.quote-statement__mark {
    margin-top: -70px;
}
.quote-statement {
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 auto;
    max-width: 960px;
    padding: 0 30px;
}
.quote-statement blockquote {
    font-size: 24px;
    line-height: 35px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
    position: relative;
    color: #fff;
    margin: 0;
}
.quote-statement figcaption {
    font-size: 12px;
    position: relative;
    z-index: 3;
    margin-bottom: 60px;
}
.quote-statement__text {
    position: relative;
    z-index: 2;
}
.quote-statement__mark {
    width: 94px;
    height: 70px;
    margin-left: -47px;
    margin-top: -35px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    display: block;
    filter: sepia(1);
}



.client-logowrp{padding: 70px 0;background: linear-gradient(to right, #265e5b -21%, #010101 100%);} 
.client-logowrp .txtwrp{width: 60%;margin: 0 auto 50px;display: block;text-align: center;}
.client-logowrp .txtwrp h2{font-size: 28px;}
.client-logowrp .mainwrp{}
.client-logowrp .mainwrp ul{margin: 0; display: block; text-align: center; }
.client-logowrp .mainwrp ul li{display: inline-block;margin: 0 50px 50px;}
.client-logowrp .mainwrp ul li img{height: 70px;}






.awordwrp{padding: 70px 0;overflow: hidden;background: #e8e6f1;position: relative;z-index: 1;}
.awordwrp:after{content: "";background-image: url(../images/circle-shade.png);position: absolute;width: 40%;height: 100%;background-repeat: no-repeat;background-size: cover;top: -260px;right: 0px;z-index: -1;filter: hue-rotate(20deg);}
.awordwrp .txtwrp{display: block;text-align: center;padding: 0 0 40px;}
.awordwrp .txtwrp h2{color: #000;}
.awordwrp .maindiv{}
.awordwrp .maindiv ul{}
.awordwrp .maindiv ul li{display: inline-block; }
.awordwrp .maindiv ul li .mainwrp{height: 350px; padding: 40px 20px;width: 92%;display: block;background: #fff;text-align: center;box-shadow: -7px -20px 70px rgb(0 0 0 / 7%);margin: 0 auto;border-radius: 10px;}
.awordwrp .maindiv ul li .mainwrp img{text-align: center;display: block;margin: 0 auto;width: 180px;}
.awordwrp .maindiv ul li .mainwrp h4{font-size: 18px;font-weight: 700;padding: 10px 0 10px;color: #22204F;}
.awordwrp .maindiv ul li .mainwrp p{font-size:16px;color: #000;}
li.box-two {margin: 90px 0 0; }







.btmfrom{padding: 70px 0;background: linear-gradient(to right, #265e5b -21%, #010101 100%);}
.btmfrom .txtwrp-hd{padding-bottom: 20px;}
.btmfrom .txtwrp-hd h4{}
.btmfrom .txtwrp-hd h2{color: #fff;}
.btmfrom .txtwrp{}
.btmfrom .txtwrp h2{color: #fff;}
.become-pg .btmfrom .txtwrp h2{color: #222;}
.btmfrom .txtwrp p{color: #fff;}
.btmfrom .formwrp{box-shadow: 5px 6px 30px #000000fc; padding: 40px 20px; border-radius: 10px; }
.btmfrom .formwrp form{}
.btmfrom .formwrp form .lablewrp{}
.btmfrom .formwrp form .lablewrp label{color: #fff;font-size: 14px;}
.btmfrom .formwrp form .lablewrp input{width: 100%;margin: 0 0 0 0;border: none;background: #fff;padding: 10px 15px;color: #fff;font-size: 13px;border-radius: 5px;height: 40px;font-weight: 400;outline: none !important;margin: 0 0 15px;}
.btmfrom .formwrp form .lablewrp input.btnwrp{background: #20cb98;outline: none;transition: .4s;border-radius: 7px;border: 1px solid #f4d168;color: #fff;font-size: 16px;background: linear-gradient( 
43deg, #C29E33 0%, #FFDC73 99%);color: #0b1442;font-weight: 600;font-size: 18px;padding: 0;width: 70%;height: 50px;margin: 20px 0 0;cursor: pointer;}
.btmfrom .formwrp form .lablewrp select{width: 100%; margin: 0 0 0 0; border: 1px solid #e5e5e5; background: white; padding: 10px 15px; color: gray; font-size: 13px; border-radius: 5px; height: 50px; font-weight: 400; outline: none !important; }
.btmfrom .formwrp form .lablewrp textarea{width: 100%;margin: 15px 0 0;padding: 8px 12px;height: 100px;border: none;background: #fff;color: gray;font-size: 13px;border-radius: 5px;resize: none;font-weight: 400;outline: none !important;}
.btmfrom .formwrp form .lablewrp input.btnwrp:hover{transform: translateY(-0.625rem); -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; transition: .4s; }
.btmfrom .formwrp form .lablewrp input.sbmt-btn{margin-top: 15px;color: #fff;font-size: 16px;}
.btmfrom .img-bx{box-shadow: 5px 6px 30px #000000fc;padding: 30px 30px 0;border-radius: 10px;}
.btmfrom .img-bx .imgwrp{}
.btmfrom .img-bx .imgwrp img{width: 100%;height: 160px;border-radius: 10px;}
.btmfrom .img-bx .divtxt{padding-top: 20px;}
.btmfrom .img-bx .divtxt h4{color: #fff !important;}
.btmfrom .img-bx .divtxt p{color: #fff !important;font-size: 15px;}
.btmfrom .img-bx .divtxt .cntct-wrp{}
.btmfrom .img-bx .divtxt .cntct-wrp p{padding-bottom: 5px; font-size: 16px; color: #687087; }
.btmfrom .img-bx .divtxt .cntct-wrp p a{color: #73e7df;margin-left: 5px;font-size: 14px;}
.btmfrom .img-bx .icn-wrp{padding-top: 30px; }
.btmfrom .img-bx .icn-wrp p{font-size: 16px; padding-bottom: 30px; }
.btmfrom .img-bx .icn-wrp ul{display: inline-flex; }
.btmfrom .img-bx .icn-wrp ul li{margin-left: 20px; }
.btmfrom .img-bx .icn-wrp ul li a{color: unset;}
.btmfrom .img-bx .icn-wrp ul li a i{font-size: 22px;box-shadow: 5px 6px 30px #000000fc;padding: 12px;color: #fff;}



footer{background: linear-gradient(to right, #041c1b -21%, #000000 100%);padding:60px 0 30px;border-top:1px solid #36363685;position:relative;display: n;}footer .navwrp{}footer .navwrp h4{color: #73e7df;font-size:18px;padding:0 0 20px;/* -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;background-color: #ffa500;}footer .bdrwrp .navwrp ul li a.btn-2{padding:10px 20px;color:#000;background-color: #fff;}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}
footer .bdgemainwrp img {
    width: 31%;
    position: absolute;
    z-index: 1;
    right: 290px;
    bottom: 297px;
}












 .skill {
    margin-bottom: 28px;
    position: relative;
    overflow-x: hidden;
    padding: 0 5px 0 0;
}
    .skill > p {
        font-size: 18px;
        font-weight: 700;
        color: #1a1716;
        margin: 0;
    }
    .skill:before{
        width: 100%;
        height: 12px;
        content: "";
        display: block;
        position: absolute;
        background: #100e0e;
        bottom: 0;
        border-radius: 10px;
    }
    .skill-bar {
        width: 100%;
        height: 8px;
        background: linear-gradient(to right, #277570 0%, #010101 100%);
        display: block;
        position: relative;
        top: -2px;
        margin: 0px 2px;
    }

    /* SKILL 1 */
    .skill1{
        width: 99%;
    }

    .skill h4 {
    font-size: 14px;
    font-weight: 200;
    text-transform: uppercase;
    color: #256d68;
}
    .skill-bar span{
        color: #000;
        position: absolute;
        /* border-top: 5px solid #e73f4b; */
        top: -30px;
        padding: 0;
        font-size: 14px;
        padding: 3px 0;
        font-weight: 500;
    }
    .skill-bar {
        position: relative;
        border-radius: 10px;
            
    }

    .skill1 .skill-count1 {
        right: 0;
    }
    /* SKILL 2 */
    .skill2{
        width: 98%;
    }

    .skill2 .skill-count2 {
        right: 0;
    }
    /* SKILL 3 */
    .skill3{
        width: 99%;
    }
    .skill3 .skill-count3 {
        right: 0;
    }

    /* SKILL 4 */
    .skill4{
        width: 65%
    }
























@media (min-width: 0px) and (max-width: 769px){
    header.showmenu .logowrp img{margin: 0 !important;width: 40%;}
    .btn-banner{}
    header .logowrp .img_light{width: 40%;}
    header .navwrp{display: none;}
    header .btnwrp{display: none;}

}



.home-bnerwrp .imgtop{position: relative; z-index: 10; display: inline-block; background: #ececec21; padding: 8px 15px; border-radius: 9px; border: 1px solid #ffffff26; margin: 0 0 18px; }
.home-bnerwrp .imgtop img{width: 38px;vertical-align: sub;margin: 0;display: inline-block;}
.home-bnerwrp .imgtop span{font-size: 16px;color: #fff;display: inline;margin: 0 0 0 10px;vertical-align: text-bottom;text-transform: uppercase;}
.home-bnerwrp .imgtop span strong{}

element.style {
}
.c-your-brand__gradient-overlay {
    mix-blend-mode: darken;
}
.c-your-brand__gradient-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: #fff;
}

.secnd-sectionwrp .c-your-brand__graphic{ position: relative;    top: 30px;   height: 45rem;}
.main-pera{
    color: #fff;
    font-size: 22px;
}


/*====================================================================================================*/

.clintwrp {
    background: #f1f0f0;
}
.clintwrp {
    padding: 20px 0 30px;
}
.clintwrp .txtwrp p {
    color: #000;
    padding: 0;
    font-size: 19px;
}
.clintwrp .txtwrp strong {
    color: #000;
}
.clintwrp .imgwrp .portslider-inner-1 li img {
    width: 150px;
}
.clintwrp .txtwrp {
    display: block;
    text-align: center;
    padding: 0;
}
.clintwrp .txtwrp span i {
    color: #fca705;
    margin: 0 3px;
}


 .what_workwrp{margin: 0;}
 .what_workwrp .btnwrp{display: flex;justify-content: center;align-items: center;}
 .what_workwrp .cta-txt{    color: #d39f00;    font-size: 18px;    margin: 0 0 0 16px;}
 .builtwrp{    padding: 110px 0 50px;}
 .builtwrp .mainbox ul{border-bottom: 2px solid #dcdcdc3b;padding: 0 0 100px;}
 .what_workwrp h1{font-size: 44px;color: #22204F;padding: 0 0 10px;font-weight: 500;}
.builtwrp .mainbox ul li {
    display: inline-block;
    text-align: center;
    width: 19%;
}
.builtwrp .mainbox ul li img {
    width: 130px;
    margin: 0 0 20px;
}
.builtwrp .mainbox ul li span {
    display: block;
    color: #22204F;
    font-size: 22px;
}
.builtwrp {
    padding: 110px 0 0 0;
    background: #fff;
}
.builtwrp .txtwrp h2 {
    color: #22204F;
}
.builtwrp .txtwrp p {
    color: #3C3863;
}
.mainbox {
    margin-top: 50px;
}


.portfoliowrp{padding: 70px 0;background: #f9f9f9;}
.portfoliowrp .txtwrp{display: block; text-align: center;}
.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: #ffa500;font-size: 15px;border-radius: 7px;font-weight: 500;border: 1px solid;cursor: pointer;transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;}
.portfoliowrp .navwrp ul li.current{background: #ffa500;color: #fff;}
.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(0.51, 0.92, 0.27, 0.96) !important;box-shadow: -1px -2px 15px -3px rgb(0 0 0 / 16%);border-radius: 20px;margin: 0 4px 0;}
.portfoliowrp .port-box ul li:hover{transform: scale(1.1);}
.portfoliowrp .port-box ul li img{width: 358px;height: 310px;object-fit: cover;border-radius: 15px;}
.portfoliowrp .btnwrp{display: block; text-align: center; padding: 50px 0 0; }




.tabs-web-dsgn li.hk_web_height {height: 400px; overflow: hidden; background-size: cover; border-radius: 10px; }
.tabs-web-dsgn li.hk_web_height:hover{background-position: 100% 100%;transition: 6s !important;transform:none;}
.tabs-ecom li.hk_web_height {height: 400px; overflow: hidden; background-size: cover; }
.tabs-ecom li.hk_web_height:hover{background-position: 100% 100%; transition: 6s !important; transform:none; }
.object2 {position: absolute; right: -50%; bottom: -40%; width: 100%; -webkit-transform: translate(-40%, -30%); transform: translate(-40%, -30%); animation-name: spinner5; animation-duration: 15s; animation-iteration-count: infinite; }
.main-services-banner-sec {overflow: hidden;padding: 80px 0 80px 0;position: relative;z-index: 9;background-repeat: no-repeat;background-size: cover;height: auto;background-position: center;}
.object3 {position: absolute; right: -50%; bottom: -40%; width: 100%; -webkit-transform: translate(-40%, -30%); transform: translate(-40%, -30%); animation-name: spinner5; animation-duration: 15s; animation-iteration-count: infinite; }
.main-services-banner-sec .txtwrp{margin: 90px 0 0;}
.upr-heading {
    color: #b10655;
    font-size: 20px;
}

.main-heading {
    color: #222 !important;
    font-size: 38px;
    padding: 0 0 20px;
    font-weight: 600;
}
.main-pera {
    color: #777 !important;
    font-size: 16px;
    font-weight: 400;
}



.bnr-inpfild input, .bnr-inpfild textarea, .bnr-inpfild select {width: 100%;padding: 10px;margin: 0px 0 18px 0;border-radius: 6px;border: 1px solid #dad4d4;color: #fff;height: 47px;font-size: 16px;background: #ffffff00;font-size: 12px;appearance: auto;}
.form-wrap {border: 2px solid #6c38ef;background: #fff;color: #fff;background: #00000059;padding: 40px 20px 40px;border-radius: 5px;width: 75%;margin: 70px auto 0;position: relative;z-index: 9;float: right;}
.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: #6c38ef;height: 50px;}
.form-wrap h1 {font-size: 22px;text-align: right;margin: 0px 0 24px 0;font-weight: 400;text-transform: capitalize;color: #fff;line-height: 1.4;padding: 0 0 10px;}
.form-wrap h1 span{display: block;color: #fff;font-size: 32px;line-height: 0.5;padding: 10px 0 0;font-weight: 700;}
.bnr-inpfild .intl-tel-input {margin-bottom: 18px; }
.bnr-inpfild textarea {height: 100px; resize: none; color: #000; }
.mainfrm .imgform {
    position: absolute;
    top: 20px;
    left: 10px;
}



.home-bnerwrp .btn-2{color: #fff;}
.mainfrm .imgform{position: absolute; top: 20px; left: 10px; }
.mainfrm textarea{height: 110px; border: 1px solid #fffefe94; }
.mainfrm input{ border: 1px solid #fffefe94; }
.home-bnerwrp .btn-2{transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;color: #fff;}
select option {
    color: #000;
}

.tabs{display: none;}
.tabs.current{display: block;}


.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: 310px;
    overflow: hidden;
    background-size: cover;
}

li.hk_web_height.lazy.tabs-web-dsgn:hover {
    background-position: 100%;
    transition: 3s!important;
    transform: none;
}

.proofbox{background: linear-gradient(to right, #041c1b -21%, #000000 100%);padding: 60px 0 60px;}
.proofbox h3{color:#fff;font-size: 30px;}
.proofbox p{color:#fff;font-size: 18px;}
.secnd-sectionwrp p {
    color: #fff !important;
}





.challengewrp{padding: 50px 0;background: #FAFAFA;}
.challengewrp .stickywrp{position: sticky; top: 220px; }
.challengewrp .stickywrp .txtwrp{width: 80%; }
.challengewrp .stickywrp .txtwrp h2{color: #22204F;}
.challengewrp .stickywrp .txtwrp p{color: #3C3863; }
.challengewrp .stickywrp .imgwrp{}
.challengewrp .stickywrp .imgwrp img{margin: 40px 0 0;border-radius: 12px;}
.challengewrp .customertxt{padding: 310px 0 0;}
.challengewrp .customertxt ul{}
.challengewrp .customertxt ul li{padding: 0px 0 0px;border-bottom: 1px solid #dcdcdc73;margin: 0 0 40px;}
.challengewrp .customertxt ul li .mainwrp{margin: 0px 0 50px; }
.challengewrp .customertxt ul li .mainwrp .txtwrp{}
.challengewrp .customertxt ul li .mainwrp .txtwrp p{font-size: 26px;color: #3C3863;}
.challengewrp .customertxt ul li .mainwrp .boxwrp{padding: 50px 80px;background: rgb(255, 255, 255);box-shadow: rgb(0 0 0 / 5%) 0px 3px 36px;border-radius: 12px;margin: 40px 0 0;height: 250px;display: flex;flex-wrap: wrap;align-items: center;}
.challengewrp .customertxt ul li .mainwrp .boxwrp h6{font-size: 20px;padding: 0 0 20px;position: relative;}
.challengewrp .customertxt ul li .mainwrp .boxwrp h6 img{position: absolute; left: -30px; }
.challengewrp .customertxt ul li .mainwrp .boxwrp p{font-size: 16px;font-weight: 100;color: #3C3863;padding: 0;}
.challengewrp .customertxt ul li .mainwrp .btnwrp{text-align: right; }
.challengewrp .customertxt ul li .mainwrp .btnwrp a{}
.challengewrp .customertxt ul li .mainwrp .boxwrp span{
    color: #3C3863;
    font-size: 15px;
    margin: 10px 0 0 0;
    display: block;
}

.appi-sec-wrp{padding: 70px 0;position: relative;overflow: hidden;}
.appi-sec-wrp .formwrp{display: block;padding: 0 0 0 0px;}
.appi-sec-wrp .formwrp h2 {
    color: #fff !important;
    padding: 0 0 15px;
}
.appi-sec-wrp .formwrp p{color: #fff;}
.appi-sec-wrp .formwrp form{}
.appi-sec-wrp .formwrp form .lablewrp{padding: 0 0 15px;}
.appi-sec-wrp .formwrp form .lablewrp span{color: #828282;font-size: 13px;padding: 0 0 7px;display: none;}
.appi-sec-wrp .formwrp form .intl-tel-input.separate-dial-code .selected-dial-code{    color: #fff;}
.appi-sec-wrp .formwrp form .lablewrp input::placeholder{color: #fff !important;}
.appi-sec-wrp .formwrp form .lablewrp input{width: 100%;height: 45px;padding: 0 0 0 20px;border-radius: 7px;background: #fff0;border: 3px solid #616161;color: #fff;}
.appi-sec-wrp .formwrp form .lablewrp input.btnmain{border-left: 3px solid #8285d4;    border-bottom: 3px solid #66aff6;    border-top: 3px solid #bc73db;    border-right: 3px solid #c867bc;background: unset;color: #fff;}
.appi-sec-wrp .formwrp form .lablewrp select:placeholder{color: #fff !important;}
.appi-sec-wrp .formwrp form .lablewrp select{width: 100%;height: 40px;padding: 0 0 0 20px;border-radius: 7px;background: #fff0;color: #fff;border: 3px solid #616161;}
.appi-sec-wrp .formwrp form .lablewrp textarea{width: 100%;height: 110px;padding: 10px 0 0 20px;border-radius: 7px;background: #fff0;color: #fff;}
.appi-sec-wrp .formwrp form .lablewrp textarea:placeholder{color: #fff !important;}
.appi-sec-wrp{height: auto;padding-top: 40px;background: linear-gradient(to right, #265e5b -21%, #010101 100%);}
.appi-sec-wrp .formwrp{    padding: 120px 0 0;}
.cnt-loggs {
    margin-top: 60px;
}
.cnt-loggs img{width: 170px;}
.main-heading span {
    color: #fff;
}
.nft-top-head {
    color: #fff !important;
}
.mainvideowrp p {
    color: #fff !important;
}

.intl-tel-input {
    width: 100%;
}



.smple-sec .imgwrp .img-nft{width: 70% !important;}



.abut-pg .homewrp{padding: 150px 0;}
.portpg .homewrp{padding: 150px 0;}
.portpg .portfoliowrp{}


.thnkyoywrp{    padding: 250px 0 70px;
    display: block;
    text-align: center;}
.thnkyoywrp .btnwrp{    padding: 30px 0 0px;}   
.thnkyou-pg header .logowrp img.lgo-lit{display:none;}
.thnkyou-pg footer{    padding: 70px 0 60px;}
.thnkyoywrp h2 {
    color: #fff !important;
}

.thnkyoywrp p {
    color: #fff !important;
}
.client-logowrp h2 {
    color: #fff !important;
}


.ttm h2 {
    color: #fff !important;
}

.ttm p {
    color: #fff !important;
}
.icn-wrp p {
    color: #fff;
}


.cse p{
    color: #fff !important;
}

figcaption.step-up {
    color: #fff;
}
.appi-sec-wrp .btn-11 {
    color: #fff;
}




.btnwrp .btn-1 {
    padding: 15px 30px;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
}

 .btn-1 {
    transition: all 250ms ease;
    background-color: unset !important;
}
 .btn-1:hover span {
    background: #fff;
}

.btn-1 span {
    display: inline-block !important;
    width: 65px;
    height: 65px;
    border: 1px solid #7e7e7e;
    border-radius: 50%;
    vertical-align: middle;
    transition: all 250ms ease;
}

 .btn-1:hover p {
    left: 10px;
}

.btn-1 p {
    padding: 0;
    display: inline-block;
    color: #d39f00;
    letter-spacing: 2px;
    font-size: 16px;
    position: relative;
    left: -22px;
    transition: all 250ms ease;
    font-weight: 700;
}

 .btn-1 span i {
    color: #fff;
    text-align: center;
    display: block;
    padding: 20px 0 0;
    font-size: 22px;
    font-weight: 200;
    opacity: 0;
    transition: all 250ms ease;
}

 .btnwrp .btn-1:hover i {
    opacity: 1;
    color: #000;
}
li {
    color: #fff;
    padding: 2px 0;
}
.secnd-sectionwrp i.fa-solid.fa-circle {
    font-size: 9px;
    padding: 0 12px 0 1px;
}

.scroll-111{
    overflow-x: hidden;
}