/* @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: 'Space Grotesk', sans-serif !important;
}

* {
    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: 'Space Grotesk', sans-serif !important;
    color: var(--default-color);
    font-size: var(--base-font-size);
    position: relative;
    background-color: #090832;
    overflow-x: hidden;
}

/* font family */
.ff-primary {
    font-family: 'Space Grotesk', sans-serif !important;
}

.ff-secondary {
    font-family: 'Space Grotesk', sans-serif !important;
}

/* 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: 'Space Grotesk', sans-serif !important;
}

h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Space Grotesk', sans-serif !important;
    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: #ffa500;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 {height: 35px;position: relative;z-index: 99999;/* filter: invert(1); */position: relative;top: 17px;}
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, #265e76 0%, rgb(86 195 226) 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 {=: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: 610px;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: 110px 0 100px;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: 54px;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;
    /* height: 100%; */
}
.home-bnerwrp:after{content: "";position: absolute;width: 100%;height: 100%;background: #0000001f;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: 0;}





.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: #d39f00;font-size: 22px;font-weight: 600; }




.intro{padding: 100px 0;background: #fff;}
.intro .txtwrp{}
.intro .txtwrp h3{font-size: 40px;color: #22204F;}
.intro .txtwrp p{font-size: 18px;color: #3C3863;font-weight: 500;}


.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: 18px;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;}



/* ===========================
   RESPONSIVE BREAKPOINTS
=========================== */

/* Medium Devices (Tablets) */
@media (max-width: 991px) {
  .intro {
    padding: 70px 20px;
  }

  .intro .txtwrp h3 {
    font-size: 32px;
    text-align: center;
  }

  .intro .txtwrp p {
    font-size: 16px;
    text-align: center;
  }

  .intro .btn-1 {
    justify-content: center;
  }
}

/* Small Devices (Mobile) */
@media (max-width: 575px) {
  .intro {
    padding: 50px 15px;
  }

  .intro .txtwrp h3 {
    font-size: 24px;
  }

  .intro .txtwrp p {
    font-size: 14px;
  }

  .intro .btn-1 span {
    width: 50px;
    height: 50px;
  }

  .intro .btn-1 span i {
    font-size: 18px;
    padding-top: 15px;
  }

  .intro .btn-1 p {
    font-size: 16px;
    left: -15px;
  }
}














/* ===========================
   MEDIA QUERIES ONLY
=========================== */

/* Tablets */
@media (max-width: 991px) {
    .secnd-sectionwrp {
        padding: 60px 20px 80px !important;
    }

    .secnd-sectionwrp .txtwrp h4 {
        font-size: 28px !important;
        text-align: center !important;
    }

    .secnd-sectionwrp .txtwrp p {
        font-size: 16px !important;
        text-align: center !important;
    }

    .secnd-sectionwrp .btnwrp {
        text-align: center !important;
    }

    .secnd-sectionwrp .c-your-brand__graphic {
        height: auto !important;
        margin-bottom: 30px !important;
    }
}

/* Mobile Devices */
@media (max-width: 575px) {
    .secnd-sectionwrp {
        padding: 40px 15px 50px !important;
    }

    .secnd-sectionwrp .txtwrp h4 {
        font-size: 22px !important;
    }

    .secnd-sectionwrp .txtwrp p {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    .secnd-sectionwrp .btnwrp .btn-1 {
        flex-direction: column !important;
        gap: 10px !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .secnd-sectionwrp .btn-1 p {
        left: 0 !important;
        font-size: 16px !important;
    }

    .secnd-sectionwrp .btn-1 span {
        width: 50px !important;
        height: 50px !important;
    }

    .secnd-sectionwrp .btn-1 span i {
        font-size: 18px !important;
        padding-top: 15px !important;
    }

    .secnd-sectionwrp .row {
        flex-direction: column-reverse !important;
    }

    .secnd-sectionwrp .col-md-5 {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        margin-bottom: 20px !important;
    }
}






.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: 35px;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: #C5C9EA;}
.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 {
}




@media(min-width:0px) and (max-width:767px){
    
.resentwrp .txtwrp h2 {
    color: #22204F;
    font-size: 35px;
    padding-right: 20px;
    font-family: 'Labil Grotesk',Arial,sans-serif;
    font-weight: 100;
    font-size: 42px;
    font-weight: 600;
    line-height: 48px;
}
.txtdiv{
    padding: 55px 20px 10 60px !important;
    height: 30vh !important;
}
.resentwrp .mainwrp .imgbox{}
.resentwrp .mainwrp .imgbox video{
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
}


}




.resentwrp{padding: 150px 0 40px;overflow: hidden;position: relative;z-index: 10;background: #fff;} 
.resentwrp .txtwrp{display: block;padding: 0 0 100px 0px;}
.resentwrp .txtwrp h2{color: #22204F;font-size: 72px;padding: 0;font-family: 'Labil Grotesk',Arial,sans-serif;font-weight: 100;font-size: 42px;font-weight: 600;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;background: #22204F;width: 97%;border-radius: 10px;margin: 0 100px 0;}
.resentwrp .mainwrp .txtdiv{padding: 50px 100px 0 170px;height: 62vh;}
.resentwrp .mainwrp .imgbox{}
.resentwrp .mainwrp .imgbox video{
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.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: 14px;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: #f7f7f7;/* height: 100vh; *//* overflow: hidden; */padding: 150px 00px 140px;}
.company-count-wrp .txtwrp{position: sticky;top: 140px;padding: 0 00px 0 10px;width: 80%;}
.company-count-wrp .txtwrp h2{color: #22204F;}
.company-count-wrp .txtwrp h2 span{color: #000;}
.company-count-wrp .txtwrp p{font-size: 18px;color: #22204F;}
.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: 20px;font-weight: 500;padding: 0 0 20px;color: #22204F;}
.company-count-wrp .mainwrp p{
    color: #22204F;
    font-size: 14px;
    height: 120px;
    font-weight: 400;
}
.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;}
.company-count-wrp .imgbox img {
    width: 100%;
}




@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}




.our-teamwrp {padding: 60px 0 70px;}
.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: #ffa500;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: #d39f00;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;}



.secendwrp{padding: 70px 0;background: linear-gradient(215deg, #3A2D95 0%, #622C5D 100%);position: relative;overflow: hidden;z-index: 1;}
.secendwrp:after{content: "";position: absolute;width: 100%;height: 100%;background: #00000078;top: 0;z-index: -1;}
.secendwrp .txtwrp{}
.secendwrp .txtwrp p{color: #C5C9EA;!;}
.secendwrp .txtdiv h2{    color: #fff !important;}
.secendwrp .txtdiv{display: block; text-align: center; width: 50%; margin: 0 auto 20px; }
.secendwrp .txtwrp ul{margin: 20px 0 0; }
.secendwrp .txtwrp ul li{color:  #C5C9EA;padding: 0 0px 20px 30px;position: relative;width: 70%;font-size: 18px;}
.secendwrp .txtwrp ul li:after{content: "\f00c";font-family: 'FontAwesome';position: absolute;left: 0;top: 0;color: #e35cc5;}
.secendwrp .imgwrp{}
.secendwrp .imgwrp img{width: 96%;display: block;text-align: center;margin: 0 auto;border-radius: 16px;}
.secendwrp .imgwrp video{width: 70%;display: block;text-align: center;margin: 0 auto;border-radius: 16px;}
.secendwrp .videowrp{}
.secendwrp .videowrp video{width: 100%;height: auto;position: absolute;/* transform: rotate(3deg); */-webkit-transform: scaleX(-1);transform: scaleX(-1);top: 0;z-index: -1;}


.client-logowrp{padding: 40px 0 0;} 
.client-logowrp .txtwrp{width: 60%;margin: 0 auto 30px;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 40px 50px;}
.client-logowrp .mainwrp ul li img{height: 70px;}






.awordwrp{padding: 70px 0;overflow: hidden;background: #f6f4fb;position: relative;z-index: 1;display: none;}
.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{}
.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: #22204F;}
li.box-two {margin: 90px 0 0; }






footer{background: #170827;padding: 70px 0 0px;position: relative;    overflow: hidden;    z-index: 9999;}
footer .logowrp{}
footer .logowrp img{height: 35px;filter: brightness(8.5);}
footer .tophead-txt{display: block; padding: 0 0 30px; }
footer .tophead-txt h4{color: #ff96b4;font-size: 34px;}
footer .ftr-nav{
    margin: 0 0 50px;
}
footer .ftr-nav ul{margin: 5px 0 0;}
footer .ftr-nav ul li{margin: 0 0 0.6rem;}
footer .ftr-nav ul li a{color: #d1cdcd52;font-size: 14px;}
footer .ftr-nav h6{color: #d39f007d;font-size: 12px;padding: 0 0 20px;/* text-transform: uppercase; */}
footer .ftr-nav ul li h3{color: #d39f00;font-size: 14px;font-weight: 300;}
footer .ftr-nav ul li a i{margin: 0 6px 0 0;}
footer .badgewrp{position: absolute;bottom: -70px;left: 0;}
footer .badgewrp img{width: 170%;margin: 100px 0 0;}
.ftr-btm{background: #06090a;padding: 20px 0 10px;}
.ftr-btm .btmnav{display: inline-block; }
.ftr-btm .visawrp{display: block; text-align: right; }
.ftr-btm .visawrp img{height: 25px;}
.ftr-btm .btmnav p{padding: 0;color: #fff;display: inline-block;font-size: 12px;}
.ftr-btm .btmnav ul{}
.ftr-btm .btmnav ul li{display: inline-block;margin: 0 0 0 20px;}
.ftr-btm .btmnav ul li a{color: #abb6c5;font-size: 12px;}


.follow_onwrp{position: fixed;width: 235px;height: 50px;top: calc(45% - 75px);left: -92px;transform: rotate(90deg);transform-origin: 50% 48%;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;background: linear-gradient(to right, #265e76 0%, rgb(86 195 226) 100%);z-index: 9999;box-shadow: 0px 11px 60px 0px rgb(126 126 126 / 48%);}
.follow_onwrp p{padding: 0; color: #fff; }
.follow_onwrp ul{margin: 0px 0px 0 10px; }
.follow_onwrp ul li{display: inline-block; margin: 0 0 0 7px; }
.follow_onwrp ul li a{color: #fff; }



.footer-section {position: relative;background: linear-gradient(to right, #0c5a7a 0%, rgb(5 28 34) 100%);}
.footer-cta {border-bottom: 1px solid #8b8a8638;}
.single-cta i {color: #1f92c4;font-size: 30px;float: left;margin-top: 8px;}
.cta-text {padding-left: 15px; display: inline-block; }
.cta-text h4 {color: #fff;font-size: 20px;font-weight: 600;margin-bottom: 2px;margin: 0;padding: 0;}
.cta-text span a {color: #fff;font-size: 15px;}
.footer-content {position: relative; z-index: 2; }
.footer-pattern img {position: absolute; top: 0; left: 0; height: 330px; background-size: cover; background-position: 100% 100%; }
.footer-logo {margin-bottom: 30px; }
.footer-logo img {max-width: 200px; }
.footer-text p {margin-bottom: 14px;font-size: 14px;color: #fff;line-height: 28px;}
.footer-social-icon span {color: #fff; display: block; font-size: 20px; font-weight: 700; font-family: 'Poppins', sans-serif; margin-bottom: 20px; }
.footer-social-icon a {color: #fff;font-size: 14px;margin-right: 0;}
.footer-social-icon i {height: 40px;width: auto;text-align: center;line-height: 38px;border-radius: 50%;margin: 0 10px 0 0;}
.footer-social-icon ul{    margin: 0;    display: inline-block;    width: 39%;}
.footer-social-icon ul li{}
.footer-social-icon h3{    color: #fff;    font-size: 20px;    font-weight: 600;    margin-bottom: 40px;    position: relative;}    
.footer-social-icon h3::before{content: "";position: absolute;left: 0;bottom: -15px;height: 2px;width: 50px;background: #1f92c4;} 
.facebook-bg{background: #3B5998; }
.twitter-bg{background: #55ACEE; }
.google-bg{background: #DD4B39; }
.footer-widget-heading h3 {color: #fff; font-size: 20px; font-weight: 600; margin-bottom: 40px; position: relative; }
.footer-widget-heading h3::before {content: "";position: absolute;left: 0;bottom: -15px;height: 2px;width: 50px;background: #1f92c4;}
.footer-widget ul li {display: inline-block; float: left; width: 50%; margin-bottom: 12px; }
.footer-widget ul li a:hover{color: #ff5e14; }
.footer-widget ul li a {color: #878787; text-transform: capitalize; }
.subscribe-form {position: relative; overflow: hidden; }
.subscribe-form input {width: 100%;padding: 14px 28px;background: #ffffff;border: 1px solid #ffffff;color: #000;outline: none;}
.subscribe-form button {position: absolute;right: 0;background: linear-gradient(to right, #265e76 0%, rgb(86 195 226) 100%);padding: 13px 20px;border: 1px solid #1e58de;top: 0;cursor: pointer;}
.subscribe-form button i {color: #fff; font-size: 22px; transform: rotate(-6deg); }



.testimonialwrp{padding: 70px 0;background-color: #e8e6f1;position: relative;overflow: hidden;z-index: 1;}
.testimonialwrp .txtwrp{margin: 0 0 60px;display: block;}
.testimonialwrp .txtwrp h2{color: #22204F; }
.testimonialwrp .txtwrp p{color: #3C3863; }
.testimonialwrp .testi-box{background: #fff;padding: 40px 30px;border-radius: 10px;height: 410px;width: 90%;}
.testimonialwrp .testi-box .txtdiv{padding: 0 0 20px; }
.testimonialwrp .testi-box .txtdiv span{display: block; padding: 0 0 10px; }
.testimonialwrp .testi-box .txtdiv span i{color: #f5bd10; }
.testimonialwrp .testi-box .txtdiv h4{font-size: 24px; color:  #22204F; }
.testimonialwrp .testi-box .txtdiv p{color: #3C3863;font-size: 14px;height: 180px;}
.testimonialwrp .testi-box .imgwrp{display: inline-block; }
.testimonialwrp .testi-box .imgwrp img{}
.testimonialwrp .testi-box .namewrp{display: inline-block; vertical-align: top; margin: 8px 0 0 10px; }
.testimonialwrp .testi-box .namewrp h4{color:  #22204F;font-size: 16px;padding: 0;}
.testimonialwrp .testi-box .namewrp p{}
.testimonialwrp .slick-next:before{position: absolute;top: -380px;right: 240px;content: "\f178";font-family: 'FontAwesome';color: #777;background: #fff;height: 60px;width: 60px;border-radius: 50%;padding: 20px 0 0 0;}
.testimonialwrp .slick-prev:before{content: "\f177";position: absolute;top: -380px;left: 1230px;font-family: 'FontAwesome';color: #777;background: #fff;height: 60px;width: 60px;border-radius: 50%;padding: 20px 0 0 0;}
.testimonialwrp: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);}


.testimonialwrp .btnsliderwrp{display: block; text-align: right; position: absolute; right: 0; top: 90px; }
.testimonialwrp .btnsliderwrp a{    display: inline-block;}
.testimonialwrp .btnsliderwrp a i{color: #fff;background: #ffffff45;height: 60px;width: 60px;border-radius: 50%;padding: 22px 0 0 0;color: #777;background: #fff;display: block;text-align: center;font-size: 17px;}
.testimonialwrp .btnsliderwrp a.nxt-testi{margin: 0 0 0 10px;}
    











 .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, #265e76 0%, rgb(86 195 226) 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: #2f718a;
    background: linear-gradient(to right, #265e76 0%, rgb(86 195 226) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}
    .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;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
.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: #2e7089;}
.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: #FFF;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{`: linear-gradient(to right,    rgb(17 94 234) 0%,    #9e1b62 100%  ) !important;color: #fff;background: linear-gradient(to right, #265e76 0%, rgb(86 195 226) 100%);}
.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: #22204F;
    font-size: 38px;
    padding: 0 0 20px;
    font-weight: 600;
}
.main-pera {
    color: #22204F;!;
    font-size: 18px;
    font-weight: 500;
}



.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(124 120 120 / 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: #220632;padding: 60px 0 60px;}
.proofbox h3{color:#fff;font-size: 30px;}
.proofbox p{color:#fff;font-size: 18px;}
.secnd-sectionwrp p {
    color: #C5C9EA !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;}
.appi-sec-wrp .formwrp{    padding: 120px 0 0;}
.cnt-loggs {
    margin-top: 60px;
}
.cnt-loggs img{width: 350px;}
.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: #22204F !important;
}

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




.btnwrp .btn-1 {
    padding: 15px 30px 0 0;
    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;
    background: linear-gradient(to right, #265e76 0%, rgb(86 195 226) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    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; */
}

.fitst-fld-wrp{padding: 70px 0 0;background: #f7f7f7;overflow: hidden;position: relative;z-index: 1;}
.fitst-fld-wrp:after{content: "";}
.fitst-fld-wrp .videowrp .border-video{overflow: hidden;border: 0px solid #a2273b;background: #1c4d8d;height: auto;border-radius: 22px;}
.fitst-fld-wrp .videowrp .border-video p{color: #C5C9EA; position: absolute; z-index: 2; bottom: 20px; left: 100px; width: 43%; font-size: 22px; }
.fitst-fld-wrp .videowrp{padding: 5px;border: 0px solid #111011;border-radius: 29px;background: #121113;width: 98%;background: linear-gradient(331deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);background-size: 330% 170%;-moz-transition: all 1s ease-in;-webkit-transition: all 1s ease-in;-o-transition: all 1s ease-in;transition: all 1s ease-in;animation: gradient 3s ease infinite;position: relative;}
.fitst-fld-wrp .txtwrp{    width: 85%;}
.fitst-fld-wrp .videowrp .border-video .playwrp{position: absolute; bottom: 50px; right: 90px; z-index: 1; }
.fitst-fld-wrp .videowrp .border-video .playwrp span{border: 1px solid #fff; height: 60px; display: block; width: 60px; border-radius: 50%; }
.fitst-fld-wrp .videowrp .border-video .playwrp span i{color: #fff; display: block; text-align: center; padding: 20px 0 0; }
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.fitst-fld-wrp .videowrp video{width: 100%;margin: 0px 0 0 0;position: relative;}
.fitst-fld-wrp: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); */}
.fitst-fld-wrp .txtwrp{}
.fitst-fld-wrp .txtwrp ul{margin: 0; } 
.fitst-fld-wrp .txtwrp ul li{color: #000; padding: 0 0px 20px 30px; position: relative; }
.fitst-fld-wrp .txtwrp ul li:after{content: "";content: "\f101";font-family: 'FontAwesome';position: absolute;left: 0;top: 0;color: #e647d3;}
.fitst-fld-wrp .txtwrp h2{
    =: #fff;
}
.fitst-fld-wrp .txtwrp h4{color: #d39f00;}
.fitst-fld-wrp .txtwrp p{=: #fff;}
.fitst-fld-wrp .txtwrp p span{display: block; padding: 20px 0 0; font-size: 16px; color: #3C3863; }
.fitst-fld-wrp .imgwrp img{width: 100%;}
.fitst-fld-wrp .btnwrp{display: block;padding: 10px 0 0;}
.fitst-fld-wrp .btnwrp .btn-1{color: #5255a8;}
.fitst-fld-wrp.color_drk{background: unset; }
.fitst-fld-wrp.color_drk .txtwrp{}
.fitst-fld-wrp.color_drk .txtwrp h2{color: #fff; }
.fitst-fld-wrp.color_drk .txtwrp p{color: #C5C9EA;} 
.fitst-fld-wrp.color_drk .txtwrp ul li{color: #C5C9EA;font-size: 20px;}
.fitst-fld-wrp.color_drk .btnwrp .btn-1{color: #fff;}

/*=======================*/
.fitst-fld-wrp .main-box{padding: 0 0 0 0;height: 250px;}
.fitst-fld-wrp .main-box h4{color: #000;font-size: 20px;}
.fitst-fld-wrp .main-box p{color: #3c3863;font-weight: 500;}
.fitst-fld-wrp .main-box h1{font-size: 130px;font-weight: bold;line-height: 1;color: #4e567447;}
.fitst-fld-wrp .main-box h1:after{content: '';width: 30px;background: linear-gradient(to right, #265e76 0%, rgb(86 195 226) 100%);position: absolute;height: 30px;border-radius: 50%;bottom: 0;left: 0;right: 0;top: 50px;margin: 0 auto;z-index: 9;}
.fitst-fld-wrp .main-box:after{content: '';width: 100%;height: 2px;background: #94206c59;position: absolute;margin: auto;top: -120px;bottom: 0;right: 0;left: 0;}




.service-bnr.service-bnr.all_ser{overflow: hidden;position: relative;}
.service-bnr.service-bnr.all_ser .boximg{}
.service-bnr.service-bnr.all_ser .boximg img{position: absolute;} 
.service-bnr.service-bnr.all_ser img.img-1{width: 710px;right: 0px;bottom: 0px;position: absolute;transition: 1s all;}
.service-bnr.service-bnr.all_ser .boximg img.img-2{right: 0px;z-index: -1;bottom: -100px;width: 54%;}

.home-banr-wrp.all_ser{    background: #fff;}
.home-banr-wrp.all_ser:after{display: none;}
.home-banr-wrp.all_ser:before{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);}
.home-banr-wrp.all_ser .txtwrp{}
.home-banr-wrp.all_ser .txtwrp:after{content: "";}
.home-banr-wrp.all_ser .txtwrp h1{color: #22204F;font-weight: 700;}
.home-banr-wrp.all_ser .txtwrp p{color: #3C3863;font-weight: 500;}

.service-bnr{height: auto;padding-bottom: 0;padding-top: 190px;overflow: visible;padding-bottom: 100px;}
.home-banr-wrp.service-bnr .ovlrwywrp{background: url(../images/video-overlay.png) rgb(0 0 0 / 0%);}
.home-banr-wrp.service-bnr:after{background: linear-gradient(262deg, #3e0b8e99 0%, #00000096 100%);}
.home-banr-wrp.service-bnr .txtwrp{margin: 70px 0 0;}
.home-banr-wrp .txtwrp p {
    color: #C5C9EA;
    font-size: 22px;
}
.upr-head {
    color: #1f92c4;
    font-size: 16px;
    text-transform: uppercase;
    background: linear-gradient(to right, #265e76 0%, rgb(86 195 226) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}
.home-banr-wrp.all_ser .txtwrp h1 {
    color: #22204F;
    font-weight: 700;
    font-size: 44px;
    padding: 0 0 20px;
}

.ser_header header{background: #fff;}
.ser_header header .logowrp img{    filter: unset;}
.ser_header .img_light{display: none;}
.ser_header .img_dark{display: block !important;}
.ser_header header .logowrp{    border-color: #dcdcdc;}
.ser_header header .navwrp{border-color: #dcdcdc;}
.ser_header header .navwrp ul li a{color: #211F31;}
.ser_header header .menu-btn__burger, .menu-btn__burger::after, .menu-btn__burger::before{    background: #000;}
.ser_header header .navwrp ul.btn-head-1 li a{color: #fff;}

.ser-main-videowrp{margin: 0 auto;text-align: center;display: block;background: #fff;z-index: -1 !important;position: relative !important;}
.ser-main-videowrp.ser-video-rds.rds{margin: 0 auto;text-align: center;display: block;position: relative;z-index: 1;overflow: hidden;padding-bottom: 60px;}
.ser-main-videowrp.ser-video-rds.rds .videowrp{transition: all 250ms ease;margin: 0 auto;text-align: center;display: block;z-index: -1;position: relative;}
.ser-main-videowrp.ser-video-rds.rds .videowrp video{transition: 1s all;border-radius: 50%;width: 760px;height: 760px;margin: 90px auto 0;text-align: center;display: block;object-fit: cover;}
.ser-main-videowrp.ser-video-rds.rds .videowrp img{transition: 1s all;border-radius: 50%;width: 760px;height: 760px;margin: 90px auto 0;text-align: center;display: block;object-fit: cover;}
.ser-main-videowrp .videowrp{}
.ser-main-videowrp .videowrp img{transition: 1s all; width: 100%; }
.ser-main-videowrp .videowrp video{transition: 1s all; width: 100%; }
.ser-main-videowrp:after{content: "";background-image: url(../images/circle-shade.png);position: absolute;width: 58%;height: 140%;background-repeat: no-repeat;background-size: 100%;bottom: -240px;left: -170px;z-index: -1;transform: scaleX(-1);}



.implewrp{overflow: hidden;margin: -10px 0 0;background: linear-gradient(to right, #082a38 0%, rgb(26 139 171) 100%);}
.implewrp .mainblack{}
.implewrp .txtwrp{}
.implewrp .txtwrp h2{
    color: #fff;
}
.implewrp .txtwrp p{
    color: #C5C9EA;
}
.implewrp ul{margin: 0; font-size: 0; }
.implewrp ul li{display: inline-block; width: 40%; }
.implewrp ul .mainlargebox{}
.implewrp ul li .mainlargebox{background: #fff;padding: 95px 80px 0;height: 600px;}
.implewrp ul li .mainlargebox .imgbox{}
.implewrp ul li .mainlargebox .imgbox span{display: block;font-size: 32px;color: #22204F;padding: 0 0 30px;font-weight: 700;-webkit-animation: mover 1s infinite  alternate;animation: mover 1s infinite  alternate;}
.implewrp ul li .mainlargebox .imgbox img{width: 110px;margin: 0 0 40px;-webkit-animation: mover 1s infinite  alternate;animation: mover 1s infinite  alternate;}
.implewrp ul li .mainlargebox .boxtxt{}
.implewrp ul li .mainlargebox .boxtxt h4{color: #22204F;font-size: 26px;font-weight: 600;}
.implewrp ul li .mainlargebox .boxtxt p{color: #3C3863; font-size: 16px; }
.implewrp .slick-prev::before{content: "\f177";position: absolute;top: 165px;right: 500px;font-family: 'FontAwesome';color: #fff;background: #ffffff45;height: 60px;width: 60px;border-radius: 50%;padding: 20px 0 0 0;}
.implewrp .slick-next::before{content: "\f178";position: absolute;top: 165px;right: 1435px;font-family: 'FontAwesome';color: #fff;background: #ffffff45;height: 60px;width: 60px;border-radius: 50%;padding: 20px 0 0 0;}

.implewrp .btnsliderwrp{position: unset;bottom: -70px;}
.implewrp .btnsliderwrp a{    display: inline-block;}
.implewrp .btnsliderwrp a i{    color: #fff; background: #ffffff45; height: 60px; width: 60px; border-radius: 50%; padding: 22px 0 0 0; display: block; text-align: center; }
.implewrp .btnsliderwrp a.nxt-testi{margin: 0 0 0 10px;}



.ser-client-logowrp{background: #f7f7f7;padding: 70px 0;}
.ser-client-logowrp .mainlogowrp{}
.ser-client-logowrp .mainlogowrp ul{margin: 0; display: block; text-align: center; }
.ser-client-logowrp .mainlogowrp ul li{display: inline-block;margin: 0 53px 10px;}
.ser-client-logowrp .mainlogowrp ul li img{filter: invert(1);height: 73px;}
.ser-client-logowrp .maincountr{display: block; text-align: center; padding: 60px 0 0; }
.ser-client-logowrp .maincountr ul{margin: 0;font-size: 0;}
.ser-client-logowrp .maincountr ul li{display: inline-block;border: 1px solid rgb(224, 224, 224);padding: 72px 50px;display: inline-block;text-align: center;width: 30%;background: #fff;}
.ser-client-logowrp .maincountr ul li h4{color: #22204F; font-size: 42px; }
.ser-client-logowrp .maincountr ul li p{color: #3C3863; font-size: 16px; padding: 0; }
.ser-client-logowrp .maincountr ul li.border-right{border-radius: 20px 0px 0px 20px; border-right: unset !important; }
.ser-client-logowrp .maincountr ul li.border-left{border-radius: 0px 20px 20px 0px; border-left: unset !important; }



.benefitswrp{padding: 70px 0;/* overflow: hidden; */background: linear-gradient(to right, #082a38 0%, rgb(26 139 171) 100%);}
.benefitswrp .mainwrp{width: 82%;margin: 50px auto 0;padding: 0px 0 0 60px;border: 3px solid rgb(104 72 154 / 47%);overflow: hidden;border-radius: 40px;}
.benefitswrp .mainwrp.abt-extra{background-image: url(../images/cx-feedback-00.jpg);    padding-top: 70px; background-repeat: no-repeat; background-position: right center; background-size: auto 100%; background-color: #232327; padding-bottom: 40px; }
.benefitswrp .mainwrp h4{color: #fff;font-size: 34px;font-weight: 700;}
.benefitswrp .mainwrp p{font-size: 16px;color: #C5C9EA;}
.benefitswrp .mainwrp .imgwrp{display: block;text-align: right;}
.benefitswrp .mainwrp .imgwrp img{text-align: right;width: 100%;}
.benefitswrp .mainwrp .imgwrp .btmtxt{display: block;text-align: left;padding: 40px 0 50px 70px;width: 80%;position: absolute;bottom: -60px;}
.benefitswrp .mainwrp .imgwrp .btmtxt h4{font-size: 16px; }
.benefitswrp .mainwrp .imgwrp .btmtxt p{}
.benefitswrp .mainwrp .txtmainwrp{display: block;padding: 50px 0 0;width: 71%;border-top: 1px solid #444444b0;margin: 30px 0 0;}
.benefitswrp .mainwrp .txtmainwrp h4{font-size: 16px; }
.benefitswrp .mainwrp .txtmainwrp p{}
.benefitswrp .mainwrp .maintxt{width: 80%;padding: 60px 0;}
.benefitswrp .mainwrp ul{}
.benefitswrp .mainwrp ul li{color: #C5C9EA;font-size: 16px;position: relative;padding: 0 0px 6px 26px;}
.benefitswrp .mainwrp ul li:after{content: "\f00c";font-family: 'FontAwesome';position: absolute;left: 0;top: 0;color: #d39f00;}
.benefitswrp .col-md-7{position: unset;}
.benefitswrp .btn-2{position: unset;bottom: 60px;}
.benefitswrp .maintxt1{    background-image: url(../images/royal-york-management-services-case.png);
background-repeat: no-repeat;
background-position: right;}
.benefitswrp .maintxt2{    background-image: url(../images/comma-store-eu-services-case.png);
background-repeat: no-repeat;
background-position: right;}
.benefitswrp .maintxt3{    background-image: url(../images/lemuria-style-services-case.png);
background-repeat: no-repeat;
background-position: right;}
.benefitswrp .maintxt4{    background-image: url(../images/gospark-services-case.png);
background-repeat: no-repeat;
background-position: right;}
.benefitswrp .txtwrp{width: 80%;}
.benefitswrp .txtwrp h2 {
    color: #fff;
}
.benefitswrp .txtwrp p {
    color: #C5C9EA;
}

.btn-2{background: linear-gradient(to right, #082a38 0%, rgb(26 139 171) 100%);padding: 17px 20px;color: #fff !important;border-radius: 10px;transition: all 250ms ease;display: inline-block;text-transform: uppercase;font-size: 15px;font-weight: 500;}
.btn-banner{padding: 13px 20px;color: #fff;border-radius: 10px;display: inline-block;border-left: 3px solid #d15fcf;border-bottom: 3px solid #9b58db;border-top: 3px solid #bc73db;border-right: 3px solid #c867bc;margin: 0 0 0 15px;transition: all 250ms ease;width: 240px;border: 3px solid #fff;text-align: center;font-size: 15px;font-weight: 500;text-transform: uppercase;}




.our-services{
    background: #fff;
}
.our-services .txtdiv{}
.our-services .txtdiv h2{
    color: #fff;
}

.our-services .mainwrp{background: linear-gradient(to right, #082a38 0%, rgb(26 139 171) 100%);padding: 80px 70px 0;border-radius: 50px 50px 0 0;}
.our-services .mainwrp-1{background: linear-gradient(to right, #082a38 0%, rgb(26 139 171) 100%);padding: 60px 70px 70px;}
.our-services .mainwrp-1 .scend-heading {font-weight: 700;color: #fff;}
.our-services .mainwrp-1 h4 {font-size: 20px;color: #fff;}
.our-services .mainwrp-1 h4 span{font-size: 37px;}
.our-services .mainbox{text-align: end; }
.our-services .mainbox p{padding: 0px 0 9px;font-size: 17px;color: #fff;}
.our-services .mainbox h4 a{color: #000; }
.our-services .mainbox .btn-1{position: relative; top: 40px; left: 19px; }
.our-services .line-img{width: 100%;opacity: 0.2;}
.our-services .mainwrp-1 .txtdiv img{width: 77%;margin: 10px 0 0;filter: invert(1);}



.roleswrp {
    background: #fff;
}
.roleswrp .mainwrp{background: #f3e5e5;padding: 80px 70px 80px;margin: -40px 0 0;border-radius: 50px 50px 0 0;}
.hk_hide {display: none; }
.accordion, .accordion * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.accordion {overflow: hidden;background: none;margin-top: 0px;}
.quest-title {font-size: 17px;font-weight: 700;text-transform: capitalize;color: #0c2745;padding: 0px 15px 0px 15px;margin-bottom: 0px;position: relative;width: 100%;min-height: 60px;line-height: 34px;display: inline-block;transition: all linear 0.15s;text-decoration: none;border-bottom: 1px solid #dbdbdb;}
.quest-title:before { position: absolute; content: "\e91e"; width: 20px; height: 20px; right: 15px; top: 0px; font-family: 'icomoon' !important; color: #1e1e1e; font-size: 20px; }
.quest-title.active, .quest-title:hover {content: "\e91c";color: #0c2745;}
.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 { /*content: "\f056";*/ }
.quest-content {padding: 15px 20px;display: none;margin-bottom: 0px;float: left;width: 100%;}
.quest-content p { line-height: 20px; font-size: 14px; font-weight: 500; margin: 0px; color: #363636; }
.quest-content h4{
    font-size: 20px;
}

.roleswrp .baner-formwrp {margin: auto;width: 90%;padding: 55px 55px 55px;background: linear-gradient(to right, #082a38 0%, rgb(26 139 171) 100%);border-radius: 40px 40px 40px 40px;box-shadow: 10px 15px 0 0 rgb(197 139 58 / 69%);}
.roleswrp .baner-formwrp input{width: 100%;background: #ffffff;font-size: 15px;color: #767676;font-weight: 600;border: 0px;padding: 13px 24px;border: 1px solid transparent;margin: 0 0 15px;outline: none;border-radius: 20px;}
.roleswrp .baner-formwrp textarea{width: 100%;background: #ffffff;height: 121px;font-size: 15px;color: #767676;font-weight: 600;border: 0px;padding: 13px 24px;border: 1px solid transparent;margin: 0 0 15px;outline: none;border-radius: 20px;}
.roleswrp .baner-formwrp .btnmain{background-color: #000;color: #fff;border-radius: 18px 18px 18px 18px;padding: 13px 29px;}
.roleswrp .baner-formwrp h4{font-size: 39px;font-weight: 600;padding: 0 0 50px;color: #fff;}
.roleswrp .baner-formwrp .rocket{width: 30%;position: absolute;right: 20px;top: -57px;-webkit-animation: mover 1s infinite alternate;animation: mover 1s infinite alternate;}
header .navwrp ul li .dropwrp .imgwrp .videowrp{    width: 90%;    border-radius: 30px;    margin: 0 auto;}
header .navwrp ul li .dropwrp .imgwrp .videowrp video{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{}



.fitst-fld-wrp.home-video-sec{
    background: linear-gradient(215deg, #3A2D95 0%, #622C5D 100%);
}
.fitst-fld-wrp.home-video-sec:after{content: "";position: absolute;width: 100%;height: 100%;background: linear-gradient(to right, #082a38 0%, rgb(26 139 171) 100%);top: 0;z-index: -1;}
.fitst-fld-wrp.home-video-sec h2{
    color: #fff;
}
.fitst-fld-wrp.home-video-sec p{
    color: #C5C9EA;
}
.fitst-fld-wrp.home-video-sec p span{  color: #C5C9EA;}


@media (min-width: 0) and (max-width: 767px) {
    
    .tech-banner-wrp.about_bnr{    background-color: #fff;}
.tech-banner-wrp.about_bnr .img-cer{width: 60%; top: 310px; }

.tech-banner-wrp{background: #fafafa;padding: 210px 0 480px;background-position: 124% 80%,0 0;background-size: 920px,auto;background-repeat: no-repeat,repeat;-webkit-box-align: stretch;background-image: url(../images/highTech-intro-bg.png);position: relative;/* overflow: hidden; */}
.tech-banner-wrp .txtwrp{display: block;}
.tech-banner-wrp .txtwrp h1{font-size: 64px; padding: 0 0 20px; color: #22204F; }
.tech-banner-wrp .txtwrp p{color: #3C3863; font-size: 22px; }
.tech-banner-wrp img.img-cer{position: absolute;right: 390px;width: 50%;bottom: -100px;}
.tech-banner-wrp .txtbtm{position: relative;top: 210px;}
.tech-banner-wrp .txtbtm p{
    display: inline-block;
    color: #3C3863;
}

    
    
}



/* Existing CSS remains same above this */

/* =============== Responsive Fixes =============== */

/* For Tablets (iPad, 768px and below) */
@media (max-width: 991px) {
  .tech-banner-wrp {
    padding: 120px 0 300px;
    background-size: cover;
    background-position: center;
  }

  .tech-banner-wrp .txtwrp h1 {
    font-size: 42px;
  }

  .tech-banner-wrp .txtwrp p {
    font-size: 18px;
  }

  .tech-banner-wrp img.img-cer {
    right: 0;
    bottom: -60px;
    width: 70%;
  }

  .needwrp {
    padding: 50px 0;
  }

  .needwrp .stickywrp {
    position: static;
    margin-bottom: 40px;
  }

  .needwrp .main-boxwrp ul {
    width: 45%;
    margin: 0 4% 0 0;
  }

  .needwrp .main-boxwrp ul li {
    margin: 0 0 40px;
  }
}

/* For Mobile (phones, 576px and below) */
@media (max-width: 576px) {
  .tech-banner-wrp {
    padding: 100px 0 200px;
    text-align: center;
  }

  .tech-banner-wrp .txtwrp h1 {
    font-size: 32px;
    line-height: 1.3;
  }

  .tech-banner-wrp .txtwrp p {
    font-size: 16px;
    padding: 0 10px;
  }

  .tech-banner-wrp img.img-cer {
    position: relative;
    width: 90%;
    right: auto;
    bottom: auto;
    margin: 30px auto 0;
    display: block;
  }

  /* Need section */
  .needwrp {
    padding: 40px 15px;
  }

  .needwrp .stickywrp {
    position: static;
    margin-bottom: 30px;
  }

  .needwrp .stickywrp .txtwrp h2 {
    font-size: 22px;
    line-height: 1.4;
  }

  .needwrp .stickywrp .txtwrp p {
    font-size: 15px;
  }

  .needwrp .main-boxwrp ul {
    width: 100%;
    margin: 0;
    display: block;
  }

  .needwrp .main-boxwrp ul li {
    margin-bottom: 30px;
  }

  .needwrp .main-boxwrp ul li .main-parent .imgwrp img {
    width: 80%;
  }

  .needwrp .main-boxwrp ul li .main-parent .txtwrp h4 {
    font-size: 20px;
    padding: 10px 0;
  }

  .needwrp .main-boxwrp ul li .main-parent .txtwrp p {
    font-size: 15px;
    padding: 0 10px;
  }
}






.tech-banner-wrp.about_bnr{    background-color: #fff;}
.tech-banner-wrp.about_bnr .img-cer{width: 60%; top: 310px; }

.tech-banner-wrp{background: #fafafa;padding: 210px 0 480px;background-position: 124% 80%,0 0;background-size: 920px,auto;background-repeat: no-repeat,repeat;-webkit-box-align: stretch;background-image: url(../images/highTech-intro-bg.png);position: relative;/* overflow: hidden; */}
.tech-banner-wrp .txtwrp{display: block;}
.tech-banner-wrp .txtwrp h1{font-size: 64px; padding: 0 0 20px; color: #22204F; }
.tech-banner-wrp .txtwrp p{color: #3C3863; font-size: 22px; }
.tech-banner-wrp img.img-cer{position: absolute;right: 390px;width: 50%;bottom: -100px;}
.tech-banner-wrp .txtbtm{position: relative;top: 210px;}
.tech-banner-wrp .txtbtm p{
    display: inline-block;
    color: #3C3863;
}
.tech-banner-wrp .txtbtm ul{
    display: inline-block;
    margin: 0 0 0 50px;
}
.tech-banner-wrp .txtbtm ul li{
    display: inline-block;
    margin: 0 30px 0;
}
.tech-banner-wrp .txtbtm ul li img{
    filter: invert(1);
    height: 73px;
}

.about-pg .needwrp{padding-top: 0;margin: -200px 0 0;background: #fff;}
.about-pg .benefitswrp{background: #212326;}
.about-pg .benefitswrp .mainwrp{    border: 3px solid rgb(46 47 50);}
.needwrp{padding: 70px 0;}
.needwrp .stickywrp{position: sticky; top: 180px; }
.needwrp .stickywrp .txtwrp{}
.needwrp .stickywrp .txtwrp p{    color: #3C3863;}
.needwrp .stickywrp .txtwrp h2{color: #22204F;}
.needwrp .main-boxwrp{}
.needwrp .main-boxwrp ul{display: inline-block;width: 34%;vertical-align: top;margin: 0 89px 0 0px;}
.needwrp .main-boxwrp ul li{margin: 0 0 50px; }
.needwrp .main-boxwrp ul li .main-parent{}
.needwrp .main-boxwrp ul li .main-parent .imgwrp{text-align: center; }
.needwrp .main-boxwrp ul li .main-parent .imgwrp img{width: 100%;}
.needwrp .main-boxwrp ul li .main-parent .txtwrp{width: 100%;text-align: center;margin: 0 auto;}
.needwrp .main-boxwrp ul li .main-parent .txtwrp h4{font-size: 24px; padding: 20px 0; }
.needwrp .main-boxwrp ul li .main-parent .txtwrp p{font-size: 16px;color: #3C3863;}

.mobilehoverwrp{background-image: url(../images/iphone-img.png);height: 100vh;display: flex;align-items: center;background-position: center 86%;background-size: 120%;background-repeat: no-repeat;transition: all 250ms ease;transition: 0.8s all;}
.mobilehoverwrp .txtwrp{text-align: center;width: 30%;margin: -120px auto 0;}
.mobilehoverwrp .txtwrp span{}
.mobilehoverwrp .txtwrp h2{color: #fff;}
.mobilehoverwrp .txtwrp span i{color: #D39F00; font-size: 26px; padding: 0 10px; }
section.mobilehoverwrp.mob-small{background-position: center 110%;background-size: 56.8446%;transition: all 250ms ease;height: 70vh;transition: 0.8s all;}
.journeywrp{padding: px 0 0;overflow: hidden;background: #fff;}
.journeywrp .imgwrp{}
.journeywrp .imgwrp img{width: 100%;}
.journeywrp .txtwrp{}
.journeywrp .txtwrp h2{color: #22204F;}
.journeywrp .txtwrp ul{margin: 30px 0px 0;}
.journeywrp .txtwrp ul li{display: inline-block;width: 40%;font-size: 12px;padding: 0 0px 20px 30px;border-bottom: 1px solid #DCDCDC;margin: 0 30px 15px 0;position: relative;color: #000;}
.journeywrp .txtwrp ul li:after{content: '';content: "\f00c";font-family: 'FontAwesome';position: absolute;left: 0;top: 0;color: #D39F00;}
.journeywrp .txtwrp p{color: #3C3863;font-size: 16px;width: 80%;}


.what_workwrp{padding: 70px 0 70px;background: linear-gradient(to right, #082a38 0%, rgb(26 139 171) 100%);}
.what_workwrp .txtwrp{display: block;padding: 0 0 70px;text-align: center;width: 80%;margin: 0 auto;}
.what_workwrp .mainwrp{position: relative;height: 400px;border: 1px solid #ffffff26;border-radius: 8px;z-index: 1;transition: opacity .2s cubic-bezier(.16,1.08,.38,.98);overflow: hidden;margin: 0 0 20px;}
.what_workwrp .mainwrp.long-box{background-image: url(../images/gangSmall.png);background-repeat: no-repeat;background-size: cover;height: 98%;background-position: 18px 220px;background-size: 126%;position: relative;}
.what_workwrp .mainwrp.long-box .img-cercle{width: 80px;height: 80px;border-radius: 50%;position: absolute;bottom: 20px;right: 30px;background: #fff;z-index: 1;overflow: hidden;}
.what_workwrp .mainwrp.long-box .img-cercle img{
    width: 100%;
}
.what_workwrp .mainwrp .txtdiv .videowrp:after{content: "";position: absolute;width: 130%;height: 100%;background: #00000057;top: 0;left: 0;}
.what_workwrp .mainwrp .txtdiv .videowrp{opacity: 0;position: absolute;top: 0;z-index: -1;left: 0;height: auto;transition: all 250ms ease;}
.what_workwrp .mainwrp .txtdiv .videowrp video{width: 130%;height: 100%;transition: opacity .2s cubic-bezier(.16,1.08,.38,.98);filter: hue-rotate(654deg);}
.what_workwrp .mainwrp .txtdiv{position: relative;width: 100%;height: 100%;padding: 30px 30px 0;z-index: 1;}
.what_workwrp .mainwrp .txtdiv h4{color: #fff;font-size: 24px;padding: 0 0 20px;}
.what_workwrp .mainwrp .txtdiv p{color: #C5C9EA;font-size: 16px;font-weight: 300;line-height: 24px; height: 170px; }
.what_workwrp .mainwrp .txtdiv p .mCSB_container{    width: 95%;}
.what_workwrp .mainwrp .txtdiv img{width: 60px;margin: 0 0 30px;}
.what_workwrp .mainwrp .txtdiv a{color: #fff;position: absolute;bottom: 30px;}
.what_workwrp .mainwrp .txtdiv a.btn-cta{left: 190px;color: #fff;font-size: 16px;font-weight: 400;padding: 4px 20px;border-radius: 7px;background: #d39f00;margin: 0 0 -4px 0;}
.what_workwrp .mainwrp .txtdiv a i{margin: 0px 0 0 10px; position: relative; bottom: -2px; }
.what_workwrp .mainwrp .imgbox img{position: absolute;width: 95%;/* top: 0; */right: -20px;z-index: -1;bottom: -2px;}
.what_workwrp .mainwrp.img-box-main{overflow: unset;background: linear-gradient(to right, #265e76 0%, rgb(86 195 226) 100%);border: 1px solid #91226f;position: relative;}
.what_workwrp .mainwrp.img-box-main  p{color: #fff;width: 100%;}
.what_workwrp .mainwrp:hover .txtdiv .videowrp{opacity: 1;    transition: all 250ms ease;}
.mCustomScrollBox{padding-left: 0;}
.what_workwrp .mainwrp.img-box-main .txtdiv{/* padding-top: 47px; */}
.what_workwrp .mainwrp.img-box-main .txtdiv:after{
    content: '';
    background-image: url(https://dev.thetechinventor.com/The Tech Inventor _new/assets/images/img-box.png);
   width: 50vmin;
    ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;height: 50vmin;
    position: absolute;
    z-index: -1;
    ;/* top: -40px; */;
    left: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: -2.5vmin;
    }
.btmwrprrr{
    background: #fff;
    padding: 40px 0 40px;
}
.btmwrprrr marquee{
    font-size: 36px;
    color: #22204F;
    font-weight: 600;
}
section.progress-area {
    background-color: #fff;
    padding: 70px 0 60px;
}

.flag{padding-top: 20px;}
.flag i{background: url(../images/sprite02.png);background-repeat: no-repeat;width: 50px;height: 32px;display: block;margin-top: 10px;}
.flag i.one{background-position: 0px 0px;}
.flag i.two{background-position: -54px 0px;}
.flag i.three{background-position: -107px 0px;}
.flag i.four{background-position: -157px 0px;}
.flag i.five{background-position: -211px 0px;}
.flag i.six{background-position: -262px 0px;}
.flag i.seven{background-position: -315px 0px;}
.flag i.eight{background-position: -366px 0px;}
.flag i.nine{background-position: -419px 0px;}
.flag i.ten{background-position: -473px 0px;}
.flag i.eleven{background-position: -524px 0px;}
.flag i.twelve{background-position: -576px 0px;}
.flag i.thirteen{background-position: -628px 0px;}
.flag i.fourteen{background-position: -680px 0px;}
.flag i.fifteen{background-position: -732px 0px;}
.flag i.sixteen{background-position: -784px 0px;}
.flag i.seventeen{background-position: -836px 0px;}
.flag i.eighteen{background-position: -888px 0px;}
.flag i.ninteen{background-position: -940px 0px;}
.flag i.twenty{background-position: -992px 0px;}

.skill1 .skill-count1 {
    right: 0;
}
.skill4 .skill-count4 {
    right: 0;
}
.skill5 .skill-count5 {
    right: 0;
}
.skill6 .skill-count6 {
    right: 0;
}


/* new Css */

.contactfrom{background: #f5f5f7;padding: 90px 0;}
.contactfrom .formwrp{}
.contactfrom img{    position: sticky;
    top: 140px;}
.contactfrom .formwrp .formwrap{border-radius: 10px;margin: 0 auto 0 0;}
.contactfrom .formwrp form{}
.contactfrom .formwrp form .txtwrp{display: block; text-align: left; }
.contactfrom .formwrp form .txtwrp h2{padding: 0 0 20px;width: 120%;}
.contactfrom .formwrp form .txtwrp h4{}
.contactfrom .formwrp form .txtwrp span{color: #ff647a;font-size: 15px;font-weight: 600;position: absolute;right: 9px;top: 3px;z-index: 10;}
.contactfrom .formwrp .lablewrp{position: relative; }
.contactfrom .formwrp .lablewrp input{width: 100%;height: 57px;!i;!;padding: 0 0 0 20px;border: 2px solid #dedede8f;border-radius: 10px;outline: none;margin-bottom: 10px !important;!;}
.contactfrom .formwrp .lablewrp select{width: 100%;height: 54px;color: #777;margin: 0 0 10px;position: relative;padding: 0 0 0 20px;border: 2px solid #dedede8f;border-radius: 10px;outline: navajowhite;}
.contactfrom .formwrp .lablewrp input.btnm{transition: all 250ms ease;cursor: pointer;background: linear-gradient(to right, #265e76 0%, rgb(86 195 226) 100%);color: #fff;width: 100%;padding: 0;border: none;display: block;}
.contactfrom .formwrp .lablewrp input.btnm:hover{    transition: all 250ms ease;
    transform: translateY(-0.625rem);}
.contactfrom .img-pp{background-size: cover; background-repeat: no-repeat; }
.contactfrom .formwrp .lablewrp input#file{border: none;height: auto;margin: 0 0 20px 0px;padding: 10px 0 10px;color: #c5c9ead9;position: relative;}
.contactfrom .mmaindiv{width: 100%;background: #F0FCF888;} 
.contactfrom .mmaindiv a{font-size: 12px;font-weight: 600;color: #000;}
.contactfrom .formwrp .lablewrp textarea{color: #757a7e;width: 100%;height: 115px;margin: 10px 0 10px;position: relative;padding: 0 0 0 10px;border: 2px solid #dedede8f;border-radius: 10px;resize: none;padding: 10px 0 0 20px;outline: navajowhite;}
.contactfrom .formwrp .lablewrp textarea::placeholder{color: #757a7e;}
.contactfrom .mmaindiv a span{color: #357782; }
.contactfrom .formwrp .lablewrp i{position: absolute; top: 15px; z-index: 11; color: #777780; right: 20px; }
.rangeslider,
.rangeslider__fill {display:block; border-radius:10px; }
.rangeslider {position:relative; }
.rangeslider:after{top:50%; left:0; right:0; content:''; width:100%;height: 11px; margin-top:-2.5px; border-radius:5px; position:absolute;border: 4px solid #FFF;background: #FFF;}
.rangeslider--horizontal{width:100%; height:28px;margin: 0 0 17px;}
.rangeslider--vertical{width:5px; min-height:150px; max-height:100%; }
.rangeslider--disabled{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity:0.4; }
.rangeslider__fill{position:absolute;background: linear-gradient(to right, #265e76 0%, rgb(86 195 226) 100%);}
.rangeslider--horizontal .rangeslider__fill{top:0; height:100%; }
.rangeslider--vertical .rangeslider__fill{bottom:0; width:100%; }
.rangeslider__handle{top:50%; width:28px; height:28px; cursor:pointer; margin-top:-14px; background:white; position:absolute; background:#ff637b; border-radius: 10px; display:inline-block; background: #087984; }
.rangeslider__handle:active{}
.rangeslider__handle:after{content: "$";position: absolute;color: #0b0b1c;left: 8px;top: 4px;}
.rangeslider__fill,
.rangeslider__handle{z-index:1; }
.rangeslider--horizontal .rangeslider__fill{top:50%;height: 11px; margin-top:-2.5px;}
/* Budget */
.budget-wrap{} .budget-wrap .header .title{font-size: 15px;margin-bottom: 10px;color: #000;}
.budget-wrap .header .title .pull-right{color: #2959da;font-size: 16px;font-weight:400;border: 2px solid #3f93af;padding: 2px 20px;border-radius: 7px;margin: -5px 8px 0 0;}
.budget-wrap .footer{margin-top:30px; }
.budget-wrap .footer .btn{color:inherit; padding:12px 24px; border-radius:50px; display:inline-block; text-decoration:none; }
.budget-wrap .footer .btn.btn-def{color:#525263; display: none; }
.budget-wrap .footer .btn.btn-pri{color:#eee; background:#ff5a84; display: none; }
.rangeslider__handle {top: 50%;width: 28px;height: 28px;cursor: pointer;margin-top: -14px;background: white;position: absolute;background: #ff637b;position: relative;border-radius: 10px;display: inline-block;background: #fcfcfc;box-shadow: 0px 11px 60px 0px rgb(126 126 126 / 72%);border: 1px solid #efdcdc;}
.contactfrom .mainboxwrp{/* background-image: url(../images/NPTC_Group_of_Colleges.jpg); */background-repeat: no-repeat;background-size: cover;padding: 350px 0 0px 70px;background-position: center;border-radius: 70px;width: 83%;float: right;position: relative;z-index: 3;overflow: hidden;height: 710px;margin: 54px 0 0;}
.contactfrom .mainboxwrp:after{content: "";position: absolute;background-image: url(../images/lines-01.svg);background-repeat: no-repeat;background-size: 98%;width: 100%;height: 520px;z-index: 1;left: 328px;right: 0;margin: auto;top: 250px;}
.contactfrom .main-curclewrp{position: absolute; border: 1px solid #dcdcdc; height: 250px; width: 250px; border-radius: 50%; right: -110px; border-left: 0; z-index: 1; border-top: 0; /* border-bottom: 0; */ transform: rotate(279deg); bottom: 70px; }
.contactfrom .mainboxwrp .videowrp{}
.contactfrom .mainboxwrp .videowrp video{height: 100%; top: 0; position: absolute; left: 0; z-index: -4; }
.contactfrom .mainboxwrp .side-from-txt{width: 60%;position: relative;z-index: 10;}
.contactfrom .mainboxwrp .side-from-txt p{color: #fff;}
.contactfrom .mainboxwrp .side-from-txt h6{color: #fff; }
.contactfrom .mainboxwrp .side-from-txt span{color: #d39f00; }
.contactfrom .mainboxwrp .playwrp{}
.contactfrom .box-1{position: absolute;right: -150px;background: #fff;padding: 0;box-shadow: 0px 11px 60px 0px rgb(126 126 126 / 29%);border-radius: 15px;top: 120px;z-index: 11;}
.contactfrom .box-1 .box-img{display: inline-block;position: relative;left: -30px;}
.contactfrom .box-1 .box-img i{color: #d9d9d9;font-size: 30px;}
.contactfrom .box-1 .box-txt{display: inline-block;vertical-align: top;margin: 0 0 0 20px;position: relative;left: -30px;padding: 10px 0;}
.contactfrom .box-1 .box-txt span{color: #bfbaba; }
.contactfrom .box-1 .box-txt h4{color: #22204F; font-size: 18px; padding: 1px 0 2px; }
.contactfrom .box-1 .box-txt p{color: #d39f00;padding: 0;font-size: 12px;text-transform: uppercase;}
.contactfrom .box-2{position: absolute;right: -200px;background: #fff;padding: 15px 30px 15px 20px;box-shadow: 0px 11px 60px 0px rgb(126 126 126 / 29%);border-radius: 10px;z-index: 11;bottom: 280px;}
.contactfrom .box-2 .box-img{display: inline-block; }
.contactfrom .box-2 .box-img i{color: #48e116; font-size: 22px; }
.contactfrom .box-1 .box-img img{
    width: 83px;
    border-radius: 15px 0 0 15px;
}
.contactfrom .box-2 .box-txt{display: inline-block; color: #bfbaba; margin: 0 0 0 10px; }
.contactfrom .box-2 .box-txt span{}
.contactfrom .box-2 .box-txt h4{}
.contactfrom .box-2 .box-txt p{}

.contactfrom .playwrp span{position: absolute;left: 70px;background: #e75a5b;height: 110px;width: 110px;border-radius: 50%;top: 250px;z-index: 110;}
.contactfrom .playwrp span i{color: #fff;display: block;text-align: center;padding: 38% 0 0 7px;font-size: 24px;}
.contactfrom .formwrap .txtwrp p{}
.contactfrom .formwrp .lablewrp input.emilwrp{margin: 0 0 0 15px;border-right: 0;width: 91%;border-radius: 10px 0px 0px 10px;}
.contactfrom .formwrp .lablewrp input.nmbrwrp{border-radius: 0px 10px 10px 2px;width: 95%;padding: 10px 15px;}
.contactfrom .mainboxwrp .img-box-wrp{}
.contactfrom .mainboxwrp .img-box-wrp img{position: absolute; box-shadow: 0px 11px 60px 0px rgb(126 126 126 / 29%); }
.contactfrom .mainboxwrp .img-box-wrp img.img-1{top: 120px; right: -130px; }
.contactfrom .mainboxwrp .img-box-wrp img.img-2{right: -200px; }
.contactfrom .chat-box{float: right;display: block;padding: 30px 0 0;margin: 20px 30px 0 0;position: relative;z-index: 10;}
.contactfrom .chat-box .txtdiv{width: 83%;margin: 0 -110px 0 0;}
.contactfrom .chat-box .txtdiv p{color: #22204F; font-size: 16px; }
.contactfrom .chat-box .chatmain{float: right;margin: -80px -30px 0 0;position: relative;z-index: 1;}
.contactfrom .chat-box .chatmain span{height: 70px;width: 70px;box-shadow: 0px 11px 60px 0px rgb(126 126 126 / 48%);border-radius: 50%;padding: 24px 6px 0 0;display: block;text-align: center;}
.contactfrom .chat-box .chatmain span i{color: #d39f00; font-size: 21px; }



.slider-wrapper {display: inline-block;width: auto;text-align: left;}
.slider{height: 53px;overflow: hidden;position: relative;top: 2px;}
.slider div {color: #3b8aa5;margin-bottom: 50px;text-align: center;box-sizing: border-box;}
.slider-text1 {animation: slide 5s linear infinite;margin: 10px 0 0;margin: 0 0 0 10px px;position: relative;top: 13px;/* left: -49px; */}
.slider-text2 {margin: 0 0 0 -35px;position: relative;top: 13px;/* left: -40px; */}
.slider-text3 {margin: 0 0 0 0px;position: relative;top: 11px;left: -18px;width: 100%;}
.slider-text4 {margin: 0 0 0 0px;position: relative;top: 13px;left: -12px;}
.slider-text5 {margin: 0 0 0 0px;position: relative;top: 13px;left: -12px;}
@keyframes slide {
  0% {margin-top:-300px;}
  5% {margin-top:-200px;}
  33% {margin-top:-200px;}
  38% {margin-top:-100px;}
  66% {margin-top:-100px;}
  71% {margin-top:0px;}
  100% {margin-top:0px;}
}
.rangeslider--horizontal .rangeslider__fill{}
.contactfrom #file::-webkit-file-upload-button{background: #fff;  border: 2px solid #dedede8f;padding: 5px 15px;font-size: 12px; border-radius: 10px;}

.technologywfrp {
    padding: 0px 0 50px;
    text-align: center; /* Center everything */
    background: linear-gradient(to right, #082a38 0%, rgb(26 139 171) 100%);
}

.technologywfrp .portslider {
    list-style-type: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
}

.technologywfrp .portslider li {
    margin: 10px;
}
.technologywfrp img {
    width: 60px;
    height: 40px;
    object-fit: contain;
    position: relative;
    transition: all 0.3s ease;
    filter: sepia(1);
}

.technologywfrp img:hover {
    filter: grayscale(0%);
}
.mz_ul {
    list-style: none; /* Remove default list bullets */
    padding-left: 0; /* Remove default padding */
    display: inline-block; /* Display items in a horizontal row */
    justify-content: flex-start; /* Align tabs to the left */
    margin: 0; /* Remove any default margins */
}

.mz_ul li {
    position: relative;
    padding: 9px 20px; /* Padding for the tabs */
    margin: 0 25px; /* Space between tabs */
    border-radius: 5px; /* Rounded corners */
     /* Default background for the tab */
    color: #C5C9EA; /* Default text color */
    font-size: 20px;
    cursor: pointer; /* Show pointer cursor for hover */
    transition: all 0.3s ease; /* Smooth transition for hover effect */
}

.mz_ul li:hover {
     /* Change background on hover */
     color: #fff; /* Change text color on hover */
     font-weight: 400;
}

.mz_ul li::before {
    content: counter(item) ". "; /* Number followed by a period */
    counter-increment: item; /* Automatically increment the counter */
    position: absolute;
    left: -28px; /* Position number to the left of the list item */
    font-weight: bold;
    font-size: 29px;
    color: #C5C9EA; /* Color of the number */
}

.mz_ul {
    counter-reset: item; /* Reset counter at the start of the list */
}

#dynamic-image {
    transition: all 0.3s ease; /* Smooth transition for image change */
    width: 100%; /* Ensure the image stretches to fit the container */
}

.technologywfrp .upr-head {
    margin: 0 0 20px;
    padding-top: 60px;
}


.homeport ul li{
    width: 93% !important;
    position: relative;
}

.homeport ul li h4{
   position: absolute;
   color: #fff;
   bottom: 0;
   font-size: 20px;
   left: 20px;
   z-index: 2;

}
.homeport ul li::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000bd;
    left: 0;
    top: 0;
    z-index: 1;
}


.belowform img {max-width: 100%;}
.belowform h2, .belowform p {text-align: left; } 
.belowform {padding: 210px 0 100px;background-image: url(../images/banner-bg.jpg);background-repeat: no-repeat;background-size: cover;}
.form-box-main h2 {color: #fff;}
.form-box-main p {text-align: left;width: 100%;padding-bottom: 30px;font-weight: 500;line-height: 1.4;color: #fff;}
.form-box-main form input[type="text"], .form-box-main form select, .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, .form-box-main select {border: 0;background-color: transparent;border-bottom: 1px solid #d8d8d8;width: 100%;padding-bottom: 5px;padding-top: 35px;font-size: 18px;line-height: 20px;outline: 0;color: #fff;border-radius: 0;padding-left: 0;height: 78px;}
.form-box-main form textarea {width: 100%;margin: 0;padding: 15px 25px;height: 100px;resize: none;border: 1px solid #dddddd;border: 0;background-color: transparent;border-bottom: 1px solid #d8d8d8;width: 100%;padding-bottom: 5px;padding-top: 35px;font-size: 18px;line-height: 20px;outline: 0;color: #fff;border-radius: 0;padding-left: 0;height: 78px;}
.form-box-main form select {width: 100%;margin: 0 0 0 0;border: 1px solid #dddddd;padding: 12px 25px;color: #5B6B7F;font-size: 18px;font-weight: 400;border-radius: 30px;background: #fff;border: 0;background-color: transparent;border-bottom: 1px solid #d8d8d8;width: 100%;padding-bottom: 5px;padding-top: 35px;font-size: 18px;line-height: 20px;outline: 0;color: #757575;border-radius: 0;padding-left: 0;height: 78px;}
.form-box-main form input[type="submit"] {display: inline-block; transform: translateY(0rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #fff; border: 1px solid #ffffff; padding: 15px 60px; font-size: 18px; border-radius: 5px; cursor: pointer; }
.form-box-main form {width: 100%; margin: 0 auto; }
.form-box-main form .col-md-6, .form-box-main form .col-md-12 {    padding-bottom: 20px;}
.form-box-main .btn-1 {border: 3px solid #d39f00;    background: #d39f00;    margin: 0;}

.belowform .intl-tel-input{width: 100%;}
.belowform label.field-txt{color: #fff;font-size: 18px;padding: 20px 0 0;display: block;}
.belowform label.lbl{color: #C5C9EA;}
.belowform input[type=radio]{    height: 27px;    width: 27px;    margin: 0 8px 20px 0;    vertical-align: top;    }
.belowform input.dte{width: 100%;height: 55px;padding: 18px 25px;border: 1px solid #dddddd;border-radius: 30px;border: 0;background-color: transparent;border-bottom: 1px solid #d8d8d8;width: 100%;padding-bottom: 5px;padding-top: 35px;font-size: 18px;line-height: 20px;outline: 0;color: #fff;border-radius: 0;padding-left: 0;height: 78px;}
.belowform input#fileToUpload{}