.form_wrap .analyzeform,
.future-logos .mainwrp ul,
.h4,
.m-0,
h4,
header .navwrp ul,
p {
    margin: 0
}

.approach-items .approach-title,
.approach-list .approach-title,
.approach-selection .approach-title,
.approach-sub-module .section-title,
.reward-text {
    text-transform: uppercase;
    text-transform: uppercase
}

/* #jqcheck,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: Poppins, sans-serif
} */

a:focus,
img {
    outline: 0
}

.ftr-btm,
.publishwrpr .imgwrp,
.relative,
.ser-bnrwrp .imgwrp,
.testiwrp .mainwrp .txtdiv,
.third-sec .imgwrp,
body,
footer,
header .flgwrp,
li.drp-list {
    position: relative
}

.btn-blue,
footer .formwrp form .lablewrp input.btnwpr {
    background: linear-gradient(43deg, #c29e33 0, #ffdc73 99%)
}

.help-wrap .box-wrap ul li,
header {
    box-shadow: #525252 1px 7px 13px 0 !important
}

.ratewrp .mainwrp .detailwrp h4,
.ratewrp .mainwrp .maindiv h4,
.ser-bnrwrp .txtwrp h4 {
    -webkit-text-fill-color: #fff0;
    text-transform: capitalize
}

.float,
a,
a.quest-title,
a:focus,
a:hover {
    text-decoration: none
}

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

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

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

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

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

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

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

::-webkit-scrollbar-thumb:vertical {
    -webkit-border-radius: 0;
    background: #333 !important
}

body {
    color: var(--default-color);
    font-size: var(--base-font-size);
    overflow-x: hidden
}

html {
    scroll-behavior: smooth
}

.h3,
.h4,
.h5,
.h6,
h3,
h4,
h5,
h6 {
    padding-bottom: 10px;
    color: #080808;
}

.h4,
.indus .publishwrp,
.p-0,
h4 {
    padding: 0
}

.about-bnrwrp .btnwrp .btn-2,
.contact header .mainwrp ul li a,
.header-main.showmenu .flgwrp i,
.header-main.showmenu .mainwrp ul li a,
.header-main.showmenu .navwrp ul li a,
.header-main.showmenu .navwrp ul li span,
.indus .category .description ul li a,
.privacy header .mainwrp ul li a.emailwrp,
.ser-pg header .navwrp ul li a,
.ser-pg header .navwrp ul li a span,
p,
p strong {
    color: #000000;
}

.h3,
h3 {
    font-size: 34px;
    font-weight: 600
}

.h4,
h4 {
    font-size: var(--font-size-h4);
    text-align: center
}

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

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

p {
    font-weight: 400;
    line-height: 1.4;
    padding: 0 0 12px
}

.pt-0 {
    padding-top: 0
}

.pb-0 {
    padding-bottom: 0
}

.form_wrap .analyzeform form .wrap,
.pl-0 {
    padding-left: 0
}

.pr-0 {
    padding-right: 0
}

.mt-0 {
    margin-top: 0
}

.mb-0 {
    margin-bottom: 0
}

.ml-0 {
    margin-left: 0
}

.mr-0 {
    margin-right: 0
}

p span {
    color: #0f4d36
}

img {
    border: 0
}

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

.absolute {
    position: absolute
}

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

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

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

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

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

.btn-1:hover,
.btn-2:hover {
    transform: translateY(-.625rem)
}

.btn-1:hover {
    background: #263B6A;
    border: 2px solid #fff
}

.btn-1,
.btn-2,
.btn-3 {
    outline: 0;
    transform: translateY(0)
}

.main-heading {
    letter-spacing: 0;
    color: #0d0c0c;
    /* width: 500px; */
    opacity: 140;
}

.main-pera {
    line-height: 22px;
    font-size: 14px;
    font-weight: 400;
    color: #070707;
    /* width: 500px; */
}

.btn-1,
.btn-2 {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
}

.btn-1 {
    background: #263B6A;
    transition: .4s;
    padding: 9px 41px;
    /* width: 172px; */
    margin-top: 26px;
    height: 51px;
    color: #fff !important;
    border-radius: 50px;
    border: 3px solid #6984A9;
    cursor: pointer;
    padding-top: -10px;
    hight: -23px;
}

.btn-1:hover {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    color: #0e163f
}

.btn-2:hover {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    color: #263B6A
}

.btn-2 {
    background: unset;
    transition: .4s;
    padding: 10px 40px;
    color: #faf8f8;
    border-radius: 50px;
    border: 2px solid #6984A9;
    margin: 27px 0 0 15px;
}

header {
    padding: 0px 0 3px;
    position: absolute;
    width: 100%;
    /* background-color: #263B6A; */
    height: 73px;
    z-index: 99;
    /* background: rgb(5 7 19 / 13%); */
    /* border-bottom: 2px solid #6984A9; */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
    border-radius: 0 0 15px 15px
}

header .imp-header {
    display: block;
    text-align: center;
    margin: 15px 0 0;
}

.audio-service .heading h2,
.future-logos .mainwrp ul li,
.our-testi .mainwrp .namwrp,
.portfoliowrp .mainwrp ul li,
.pub .ser-bnrwrp .txtwrp ul li,
header .btnwrp,
header .navwrp,
header .navwrp ul,
header .navwrp ul li {
    display: inline-block
}

header .mainwrp {
    margin: 0 0 5px
}

header .mainwrp p {
    border-radius: 5px;
    padding: 5px 16px 5px 31px;
    background: #fff;
    position: relative;
    font-size: 13px;
    letter-spacing: -.2px;
    text-transform: capitalize
}

header .mainwrp p:after {
    content: "";
    background: #651e85;
    width: 6px;
    height: 6px;
    position: absolute;
    border-radius: 50%;
    left: 13px;
    top: 11px
}

header .mainwrp ul {
    margin: 5px 0 0
}

header .mainwrp ul li {
    display: inline-block;
    margin: 0 20px 0 0
}

header .mainwrp ul li a {
    color: #bec0cad9;
    font-size: 13px;
    font-weight: 600
}

header .mainwrp ul li a.emailwrp {
    color: #fff;
    font-size: 16px;
    transition: 1s cubic-bezier(.51, .92, .27, .96) !important
}

header .mainwrp ul li a.emailwrp span {
    font-size: 12px;
    margin: 0 0 0 3px;
    color: #fff
}

header .mainwrp ul li a.nmbrwrp span {
    font-size: 12px;
    margin: 0 0 0 3px
}

.audio-service .box *,
.btmfrom .txtwrp h2,
.btmfrom .txtwrp p,
.btn-blue,
.floating-form.open .btn-close,
.logowrp h1,
.our-process .box p,
.resourcewrp .mainwrp .imgwrp:hover span,
.strunglingwrp .txtwrp h2,
.strunglingwrp .wdthwrp h2,
.strunglingwrp .wdthwrp p,
.subs-pac.bronze:hover .chatbtn,
.subs-pac.bronze:hover .numberbtn,
.testibanner .txtwrp p,
.testimonial h6,
.testimonial p,
footer .logowrp p,
header .flgwrp i,
header .mainwrp ul li a.emailwrp:hover {
    color: #fff
}

.btn-3,
header .btnwrp .nmbrwrp {
    color: #fff !important;
    cursor: pointer
}

header .mainwrp .extrawrp li {
    margin: 0 0 0 11px
}

header .mainwrp ul li a.chtwrp {
    border: 1px solid #777;
    border-radius: 5px;
    padding: 4px 7px;
    font-size: 15px;
    color: #fff;
    text-transform: capitalize
}

header .mainwrp ul li a.nmbrwrp {
    color: #fedc75;
    margin: 0;
    font-weight: 700;
    font-size: 17px
}

header .mainwrp ul li a img {
    margin: 0 8px 0 0;
    width: 30px
}

header .btnwrp {
    text-align: center;
    margin: 8px auto 0;
    display: flex;
    justify-content: end
}

header .btnwrp .nmbrwrp {
    background: linear-gradient(90deg, #263B6A 0, #192d5a 100%);
    padding: 10px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    display: block;
    display: flex;
    margin-left: 5px;
    gap: 9px;
}

header .logowrp img {
    width: 170px;
    margin-left: 40px;
    padding: 0;
    filter: brightness(0.5)  invert(0);
}

.footer_pir,
header .navwrp {
    text-align: right
}

header .bdr-btm {
    margin-bottom: 10px;
    position: relative
}

header .bdr-btm:after {
    content: "";
    position: absolute;
    width: 180%;
    height: 1px;
    left: -380px;
    border-bottom: 1px solid #949cc640;
    bottom: 21px;
    right: 0;
    margin: 0 auto
}

header .navwrp ul li {
    margin: 0 0 0 13px;
    padding-bottom: 5px;
    text-align: center
}

header .navwrp ul li a {
    font-size: 14px;
    color: #100f0f;
    padding: 0 0 25px;
    font-weight: 600;
    text-transform: capitalize
}

header .navwrp ul li a.active {
    border: 1px solid #777;
    border-radius: 5px;
    padding: 4px 7px;
    font-size: 15px;
    color: #fff
}

.header-main.showmenu .navwrp ul li a.nmbrwrp,
.publishwrpr .btnwrp span a,
.strunglingwrp .btnwrp span a,
header .navwrp ul li a.nmbrwrp {
    color: #20cb98
}

header .navwrp ul li a.nmbrwrp span {
    display: block;
    font-size: 14px;
    margin: 0;
    color: #fff
}

.header-main.showmenu {
    background: #fff;
    box-shadow: -1px -2px 15px -3px rgb(0 0 0 / 41%)
}

.header-main.showmenu .navwrp ul li a.active {
    border: 1px solid #cda93e
}

.header-main.showmenu .mainwrp ul li a.chtwrp {
    border: 1px solid #c9cbd6
}

.header-main.showmenu .mainwrp p {
    background: #0b14420f;
    border: 1px solid #c9cbd6;
    color: #000;
    text-transform: capitalize
}

.approachwrp,
.header-main.showmenu .logowrp .logo-drk,
.indus .category,
.ser-bnrwrp .txtwrp,
li.drp-list:hover .dropdown,
section.approachwrp.portfolio {
    display: block
}

#exampleModa,
.approach-sub-module .row:last-child .inner:before,
.btn-close,
.btn-close .hamb .bar.second,
.header-main.showmenu .logowrp .logo-wht,
.our-author .heading h2::after,
.privacy .logo-wht,
.pub .ser-bnrwrp .txtwrp ul li:after,
header .logowrp .logo-drk {
    display: none
}

.ser-bnrwrp {
    padding: 165px 0 110px;
    background-color: #060e21
}

.ser-bnrwrp .txtwrp h4 {
    color: #fff;
    background: linear-gradient(43deg, #fff 0, #fff 99%);
    -webkit-background-clip: text;
    background-clip: text;
    padding-bottom: 5px;
    font-size: 20px;
    font-weight: 600
}

.ser-bnrwrp .txtwrp h2 {
    font-size: 45px;
    color: #fff;
    font-weight: 700;
    padding-bottom: 20px;
    display: none
}

.ser-bnrwrp .txtwrp h1 {
    color: #fff;
    font-size: 34px;
    display: block;
    font-weight: 700;
    line-height: 40px;
    margin-top: 10px;
    padding: 0 0 15px
}

.ser-bnrwrp .txtwrp p {
    font-size: 14px;
    color: #fff;
    line-height: 1.4;
    font-weight: 400;
    align-items: center;
}

.ser-bnrwrp .btnwrp {
    display: block;
    padding: 10px 0 0
}

.client-wrap .imgwrp img,
.form_wrap .analyzeform form .dtf,
.formwrap .imgwrp img,
.ml-about-img img,
.prices .ratewrp .mainwrp .detailwrp ul li,
.ser-bnrwrp .imgwrp img,
.third-sec .imgwrp img {
    width: 100%
}

.ser-bnrwrp .txtwrp ul {
    margin: 0;
    display: none
}

.ser-bnrwrp .txtwrp ul li {
    color: #fff;
    font-size: 18px;
    padding: 0 0 7px;
    position: relative
}

.ser-bnrwrp .btn-2:hover {
    background-color: #263B6A;
    border-color: #263B6A;
    color: #fff
}

.ser-bnrwrp .btn-3:hover {
    background-color: #006f7a;
    border-color: #006f7a;
    transform: translate(0, -10px)
}

section.ser-bnrwrp {
    background: url(../images/2.mp4) center
}

.pub .ser-bnrwrp .txtwrp .img-box ul li img {
    width: 110px
}

.ebook-frame,
.ratewrp .mainwrp .btnwrp,
.ratewrp .mainwrp .detailwrp,
.ratewrp .mainwrp .maindiv,
.ser-bnrwrp.pricing-banr {
    position: relative;
    z-index: 1
}

.ser-bnrwrp.pricing-banr:after {
    content: "";
    position: absolute;
    background: #0e163f;
    width: 24%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1
}

.ser-bnrwrp.pricing-banr .imgwrp img {
    width: 65%;
    top: -57px;
    right: -90px
}

.ser-bnrwrp.home-banner {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden
}

.ser-bnrwrp.home-banner video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: none;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: -1
}

.ser-bnrwrp.home-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0009;
    opacity: .8;
    z-index: 0
}

.ser-bnrwrp.home-banner .txtwrp {
    position: absolute;
    top: 365px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    z-index: 2;
    text-align: center;
    max-width: 500px
}

.home-bannerwrp .ovrwrp {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.home-bannerwrp .txtwrp {
    display: block;
    text-align: center;
    position: relative;
    z-index: 11
}

.home-bannerwrp .txtwrp h1 {
    line-height: 1.1;
    color: #fff;
    letter-spacing: -3px;
    font-weight: 600;
    font-size: 42px;
    padding: 0 0 10px
}

.home-bannerwrp .txtwrp p {
    font-size: 18px;
    padding-top: 10px;
    color: #fff
}

.home-bannerwrp .txtwrp p a {
    color: #ca8c0b;
    font-weight: 700
}

.home-bannerwrp .txtwrp img {
    margin: 0 20px 20px;
    vertical-align: text-top;
    padding: 0 0 30px
}

.home-bannerwrp .formwrp {
    margin: 0 auto 10px;
    width: 100%;
    border-radius: 9px;
    position: relative;
    z-index: 5
}

.home-bannerwrp .formwrp form {
    display: block;
    text-align: center;
    gap: 20px;
    display: flex;
    background: #fff0
}

.home-bannerwrp .formwrp form .lable {
    display: inline-block;
    width: 25%;
    margin: 0 -3px -10px;
    vertical-align: top;
    background: #fff0
}

.home-bannerwrp .formwrp form .lable input {
    width: 100%;
    margin: 0 0 10px;
    border: 1px solid #631e85;
    background: #fff;
    padding: 13px 15px;
    color: gray;
    font-size: 13px;
    height: 50px;
    font-weight: 400;
    outline: 0 !important;
    border-radius: 10px !important
}

.home-bannerwrp .formwrp form .lable input.nmbr {
    border-right: 0
}

.home-bannerwrp .formwrp form .lable input.fxtwrp {
    border-radius: 9px 0 0 9px
}

.home-bannerwrp .formwrp form .lable input.btn {
    background: linear-gradient(43deg, #263b6a 0, #204597 99%);
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    height: 50px;
    margin: 0 0 0 1px;
    border-radius: 9px;
    width: 100%;
    padding: 0
}

.home-bannerwrp .imgmain {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    display: block;
    text-align: center;
    z-index: 1
}

.home-bannerwrp .imgmain img {
    width: 66%;
    padding: 0;
    position: absolute;
    bottom: 25px;
    left: 320px
}

.home-bannerwrp .formwrp form .lable #countryCode {
    width: 33%;
    height: 55px;
    float: left;
    outline: 0;
    border: none;
    border-left: 1px solid #efefef;
    padding: 0 0 0 2px
}

.home-bannerwrp .formwrp input#free_cons_phone1 {
    width: 67%
}

.home-bannerwrp .main-bnr-hm {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 0;
    height: 100%
}

.about-area p,
.our-commitment p {
    font-size: 14px;
    line-height: 22px;
    color: black;
}

.main-heading {
    font-size: 34px;
    line-height: 40px;
    font-weight: 700;
    font-family: "Lato", sans-serif;
}

.ctawrp .btnwrp,
.strunglingwrp .btnwrp {
    display: block;
    text-align: center;
    padding: 25px 0 0
}

.strunglingwrp .btnwrp span {
    font-size: 17px;
    color: #2b2d3a;
    font-weight: 500
}

.btn-3 {
    background: #263B6A;
    transition: .3s;
    padding: 10px 34px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    display: inline-block;
    border: 2px solid #6984A9;
    margin-top: 35px;
}

.btn-blue,
.btn-green,
.btn-red,
.btn-yellow {
    padding: 14px 50px;
    font-size: 16px;
    font-weight: 700
}

.btn-color {
    border: 1px solid #34508fe3;
    color: #263B6A;
    color: #f0e9e9;
    border-radius: 35px;
    background: #263b6a;
}

.btmfrom .formwrp form .lablewrp input.btnwrp {
    background: #263B6A;
    outline: 0;
    transition: .4s;
    border-radius: 7px;
    border: 1px solid #fff;
    background: linear-gradient(43deg, #6984A9 0, #263B6A 99%);
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    padding: 0;
    width: 70%;
    height: 50px;
    margin: 20px 0 0;
    cursor: pointer
}

.btmfrom .formwrp form .lablewrp input.btnwrp:hover,
.txttestimoinal .mainwrp:hover {
    transform: translateY(-.625rem);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.btn-blue,
.btn-green,
.btn-red,
.floating-form.open .btn-close {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s
}

footer .formwrp form .lablewrp input.btnwpr {
    width: 22%;
    padding: 0;
    color: #0b1442;
    font-weight: 600;
    position: absolute;
    font-size: 16px;
    top: 3px;
    right: 18px;
    height: 40px;
    z-index: 5
}

.publishwrpr .btnwrp {
    display: block;
    padding: 20px 0 40px
}

.publishwrpr .btnwrp span {
    font-size: 19px;
    color: #000
}

.cta-main-1 .mainwerp .btnwrp {
    display: block;
    padding: 15px 0 0
}

.cta-main-1 .mainwerp .main-box ul,
.roleswrp .row.bodrbtm .btnwrp,
footer .formwrp {
    display: block;
    text-align: right
}

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

.floating-form.open .btn-close {
    z-index: 100;
    position: absolute;
    left: 26px;
    top: 7px;
    width: 80px;
    transition: .4s;
    bottom: 0;
    margin: auto;
    height: 25px;
    transform: none;
    display: block
}

.btn-close .hamb {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 9px;
    z-index: 99999
}

.btn-close .hamb .bar {
    display: block;
    width: 30px;
    height: 3px;
    background: #fff;
    margin: 0 0 3px;
    border-radius: 10px;
    -webkit-transition: opacity 250ms, transform 350ms 150ms, margin 250ms;
    -moz-transition: opacity 250ms, transform 350ms 150ms, margin 250ms;
    -ms-transition: opacity 250ms, transform 350ms 150ms, margin 250ms;
    -o-transition: opacity 250ms, transform 350ms 150ms, margin 250ms;
    transition: opacity 250ms, transform 350ms 150ms, margin 250ms;
    z-index: 99999
}

.btn-blue,
.btn-green,
.btn-red {
    transition: .4s;
    display: inline-block
}

.btn-close .hamb .bar.one {
    height: 1.5px;
    transform: rotate(-45deg)
}

.btn-close .hamb .bar.two {
    transform: rotate(55deg);
    top: -5px;
    position: relative;
    height: 1.5px
}

.our-process .box.box-1:after,
.our-process .box.box-1:before,
.our-process .box.box-2:before {
    background-image: url(../images/left-arrow.webp);
    margin: auto;
    background-repeat: no-repeat;
    height: 24px;
    width: 42px;
    content: "";
    bottom: 0;
    position: absolute;
    top: 0
}

.secndwrpr .btn-2,
.third-sec .btn-2 {
    color: #080808;
    border: 2px solid #000
}

.pricingwrap ul li .btnwrp {
    text-align: left
}

.pricingwrap ul li .btnwrp .btn-1 {
    font-size: 15px;
    font-weight: 600
}

@media screen and (max-width:768px) {
    .video-module.preview .btn-play {
        margin-top: 0
    }
}

.subs-pac .actions a.chatbtn {
    font-size: 14px;
    font-weight: 600;
    padding: 15px 0;
    display: inline-block;
    color: #fff;
    margin: 0
}

.subs-pac .actions a.numberbtn {
    font-size: 14px;
    font-weight: 600;
    padding: 15px 0;
    color: #fff;
    display: inline-block;
    margin: 0
}

.packagewrp .pkgrwrp ul li.pkgebox .btnwrp a,
.pub .packagewrp .pkgrwrp ul li.pkgebox .btnwrp a {
    background: linear-gradient(43deg, #c29e33 0, #ffdc73 99%);
    outline: 0;
    transition: .4s;
    padding: 8px 40px;
    font-size: 16px;
    font-weight: 700;
    color: #0e163f;
    border-radius: 6px;
    display: inline-block;
    transform: translateY(0);
    border: 1px solid #cca83d;
    box-shadow: 0 6px 16px rgb(0 0 0 / 20%)
}

.pkbtn {
    margin-top: 20px;
    text-align: center;
    clear: both;
    z-index: 9;
    position: relative
}

.btn-blue {
    border: 1px solid #fff;
    border-radius: 7px
}

.btn-green,
.btn-red {
    color: #fff;
    background: linear-gradient(43deg, #c29e33 0, #ffdc73 99%);
    border-radius: 7px;
    border: 1px solid #fff
}

.btn-blue:hover,
.btn-green:hover,
.btn-red:hover,
.btn-yellow:hover {
    transform: translateY(-3.925px);
    color: #fff
}

.btn-yellow {
    color: #fff;
    background: #f2bd19;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    display: inline-block;
    border-radius: 30px;
    border: 1px solid #fff
}

.footer_links a,
.help-wrap .box-wrap ul li .txtwrp p,
.main-privacy p,
a.quest-title {
    font-size: 14px
}

.help-wrap .box-wrap ul li,
.help-wrap .box-wrap ul li .imgwrp img,
.help-wrap .box-wrap ul li:hover .imgwrp:after {
    transition: 1s cubic-bezier(.51, .92, .27, .96) !important
}

.btn-primary {
    background-color: #0e195a;
    border: none;
    padding: 10px 20px;
    border-radius: 25px;
    font-weight: 700;
    width: 100%;
    transition: background-color .3s
}

.btn-2_fff {
    color: #fff !important
}

.modal-footer .btn-secondary {
    background-color: #f0f0f0;
    border-radius: 20px;
    padding: 10px 20px;
    font-weight: 700
}

.modal-footer .btn-secondary:hover {
    background-color: #ccc
}

.our-process .box {
    border: 1px solid;
    border-radius: 50%;
    margin: auto;
    text-align: center;
    padding: 50px 10px;
    height: 260px !important;
    position: relative;
    background: #006f7a;
    box-shadow: #263B6A 1px 10px 0 0;
    transition: .4s
}

.our-process .box .number {
    color: #fff;
    font-size: 34px;
    font-weight: 700
}

.our-process {
    background: #f9f9f9;
    padding: 50px 0
}

.our-process .box.box-1:before {
    left: -42px
}

.our-process .box.box-1:after,
.our-process .box.box-2:before {
    right: -30px
}

.h5,
.our-process .h4 {
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 700
}

.step-wrapper {
    padding: 20px 0
}

.our-process .step-item p {
    font-size: 15px
}

.our-process .box:hover {
    background: #3aae01;
    transform: translateY(-10px);
    box-shadow: #006f7a 1px 10px 0 0;
    border-radius: 25px;
    border: 3px solid #006f7a
}

.analyzeform form input[type=email],
.analyzeform form input[type=number],
.analyzeform form input[type=tel],
.analyzeform form input[type=text],
.analyzeform form textarea {
    width: 100%;
    margin: 0;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 13px 15px;
    color: gray;
    font-size: 13px;
    height: 50px;
    font-weight: 400;
    outline: 0 !important;
    border-radius: 4px
}

p.step-number {
    background: #263B6A;
    border-radius: 0 20px 20px 0;
    width: 64px;
    height: 38px;
    color: #fff;
    position: absolute;
    top: 25px;
    left: 15px;
    text-align: center;
    font-weight: 600;
    line-height: 37px
}

.astronautwrp .imgwrp:after,
.help-wrap .box-wrap:after,
.help-wrap .box-wrap:before {
    content: ""
}

.help-wrap .box-wrap ul {
    margin: -20px 0 0
}

.help-wrap .box-wrap ul li {
    display: inline-block;
    width: 25%;
    background: #fff;
    padding: 0 0 30px;
    border-radius: 8px;
    overflow: hidden;
    margin: 40px 10px 50px;
    height: 470px !important
}

.help-wrap .box-wrap ul li .imgwrp img {
    width: 100%;
    position: relative
}

.help-wrap .box-wrap ul li .imgwrp {
    position: relative;
    height: 200px
}

.help-wrap .box-wrap ul li .txtwrp {
    padding: 30px 30px 0;
    position: relative
}

.help-wrap .box-wrap ul li .txtwrp h4 {
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0
}

.help-wrap .box-wrap ul li .txtwrp span.datewrap {
    display: block;
    padding-bottom: 10px
}

.help-wrap .box-wrap ul li:hover p {
    padding-bottom: 40px
}


.help-wrap .box-wrap ul li:hover .imgwrp:after {
    content: '';
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 9;
    opacity: .15;
    position: absolute;
    bottom: 0;
    left: 0
}

.help-wrap .txtdiv p {
    font-size: 16px;
    font-weight: 600;
    margin: -30px 0 0;
    padding: 20px 0 0;
    text-align: RIGHT
}

.help-wrap .box-wrap ul li a {
    color: #000;
    margin: 0 10px 0 0;
    padding: 10px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid #f0f1f7
}

.talent-wrap .box-wrap ul li {
    display: inline-block;
    width: 33%;
    text-align: center
}

.talent-wrap .box-wrap ul li img {
    width: 70%
}

.our-author {
    background: #d28c2d;
    background: -moz-linear-gradient(90deg, rgb(210 140 45) 0, rgb(210 144 45) 97%);
    background: -webkit-linear-gradient(90deg, rgb(210 140 45) 0, rgb(210 144 45) 97%);
    background: linear-gradient(43deg, #bd7d03 0, #ffca2c 99%);
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px
}

.our-author img.book {
    margin: auto;
    display: table
}

.our-author .heading {
    margin: 0 0 50px
}

.our-author img.laptop {
    position: absolute;
    right: 0;
    bottom: 103px;
    max-width: 55%
}

.our-author .heading h2 {
    padding: 0;
    color: #fff;
    font-size: 35px
}

.our-author .heading p {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    width: 88%
}

.our-author ul li {
    display: inline-block;
    width: 42%;
    margin: 0 40px 20px 0;
    color: #fff;
    font-weight: 500;
    font-size: 15px
}

.our-author .box {
    background: #fff;
    padding: 35px 20px;
    height: 250px;
    margin: 0 0 30px;
    overflow: hidden;
    position: relative
}

.our-author ul li span {
    display: block;
    font-size: 18px;
    color: #fff;
    font-weight: 600
}

.our-author .box img {
    margin: 0 0 15px
}

.our-author .box h5 {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    position: relative;
    padding-top: 10px
}

.our-author .box h5::before {
    content: '';
    width: 50px;
    height: 4px;
    background: #f90;
    position: absolute;
    top: 0
}

.our-author .box .circle {
    content: '';
    background: url(../images/author-circle.webp) no-repeat;
    height: 172px;
    width: 178px;
    position: absolute;
    right: -60px;
    top: -80px;
    text-align: center;
    font-size: 41px;
    line-height: 230px;
    padding: 0;
    color: #fff
}

.our-author .box h5 span {
    display: block;
    font-weight: 600;
    font-size: 25px;
    margin: 0 0 2px
}

.main-section {
    background: #0f4d36;
    padding: 20px;
    border-radius: 50px 0 0 50px
}

.audio-service .box {
    padding: 20px;
    border: 1px solid #7693d4;
    margin: 0 0 20px;
    border-radius: 10px;
    height: 100% !important
}

.audio-service .box h5 {
    margin: 15px 0 14px;
    font-size: 18px
}

.audio-service .box p {
    margin: 0;
    font-size: 15px
}

.help-wrap .box-wrap ul li .txtwrp.divtxt {
    bottom: -160px;
    margin: -120px 0 0;
    position: relative;
    z-index: 10;
    color: #fff
}

section.our-commitment {
    background: #b6b6b64d;
    padding: 50px 0
}

.approach-sub-module .section-title {
    font-weight: 500;
    margin-bottom: 60px
}

.main-timeline2 {
    padding-top: 50px;
    overflow: hidden;
    position: relative
}

.main-timeline2:before {
    content: "";
    width: 7px;
    height: 100%;
    background: #424242;
    margin: 0 auto;
    position: absolute;
    top: 80px;
    left: 0;
    right: 0
}

.main-timeline2 .timeline {
    width: 50%;
    float: left;
    padding: 20px 60px;
    border-top: 7px solid #515151;
    border-right: 7px solid #535353;
    border-radius: 0 30px 0 0;
    position: relative;
    right: -3.5px
}

.main-timeline2 .icon {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    background: #e84c47;
    border: 1px solid #fff;
    text-align: center;
    font-size: 25px;
    color: #fff;
    box-shadow: 0 0 0 2px #e84c47;
    position: absolute;
    top: -30px;
    left: 0
}

.main-timeline2 .timeline-content {
    display: block;
    padding: 30px 10px 10px;
    border-radius: 20px;
    background: #006f7a;
    color: #fff;
    position: relative;
    box-shadow: rgb(93 93 93 / 77%) 0 5px 15px
}

.main-timeline2 .timeline-content:hover {
    text-decoration: none;
    color: #fff
}

.main-timeline2 .timeline-content:after,
.main-timeline2 .timeline-content:before {
    content: "";
    display: block;
    width: 10px;
    height: 50px;
    border-radius: 10px;
    background: #006f7a;
    border: 1px solid #fff;
    position: absolute;
    top: -35px;
    left: 50px
}

.main-timeline2 .timeline-content:after {
    left: auto;
    right: 50px
}

.main-timeline2 .title {
    font-size: 24px;
    margin: 0;
    color: #fff
}

.main-timeline2 .description {
    font-size: 15px;
    letter-spacing: 1px;
    margin: 0 0 5px;
    color: #fff
}

.main-timeline2 .timeline:nth-child(2n) {
    border-right: none;
    border-left: 7px solid #3f3f3f;
    border-radius: 30px 0 0;
    right: auto;
    left: -3.5px
}

.main-timeline2 .timeline:nth-child(2n) .icon {
    left: auto;
    right: 0;
    box-shadow: 0 0 0 2px #4bd9bf
}

.main-timeline2 .timeline:nth-child(2) {
    margin-top: 130px
}

.main-timeline2 .timeline:nth-child(odd) {
    margin: -130px 0 30px
}

.main-timeline2 .timeline:nth-child(2n) {
    margin-bottom: 80px
}

.main-timeline2 .timeline:first-child,
.main-timeline2 .timeline:last-child:nth-child(2n) {
    margin: 0 0 30px
}

.main-timeline2 .timeline:nth-child(2n) .icon,
.main-timeline2 .timeline:nth-child(2n) .timeline-content,
.main-timeline2 .timeline:nth-child(2n) .timeline-content:after,
.main-timeline2 .timeline:nth-child(2n) .timeline-content:before,
.main-timeline2 .timeline:nth-child(4n) .icon,
.main-timeline2 .timeline:nth-child(4n) .timeline-content,
.main-timeline2 .timeline:nth-child(4n) .timeline-content:after,
.main-timeline2 .timeline:nth-child(4n) .timeline-content:before {
    background: #3aae01
}

.main-timeline2 .timeline:nth-child(3n) .icon,
.main-timeline2 .timeline:nth-child(3n) .timeline-content,
.main-timeline2 .timeline:nth-child(3n) .timeline-content:after,
.main-timeline2 .timeline:nth-child(3n) .timeline-content:before {
    background: #006f7a
}

.main-timeline2 .timeline:nth-child(3n) .icon {
    box-shadow: 0 0 0 2px #ff9e09
}

.main-timeline2 .timeline:nth-child(4n) .icon {
    box-shadow: 0 0 0 2px #3ebae7
}

@media only screen and (max-width:767px) {
    .main-timeline2:before {
        left: 0;
        right: auto
    }

    .main-timeline2 .timeline,
    .main-timeline2 .timeline:nth-child(2n),
    .main-timeline2 .timeline:nth-child(odd) {
        width: 100%;
        float: none;
        padding: 20px 30px;
        margin: 0 0 30px;
        border-right: none;
        border-left: 7px solid #3aae01;
        border-radius: 30px 0 0;
        right: auto;
        left: 0
    }

    .main-timeline2 .icon {
        left: auto;
        right: 0
    }
}

@media only screen and (max-width:480px) {
    .main-timeline2 .title {
        font-size: 18px
    }
}

.indus {
    padding: 200px 0 50px;
    background-image: url(../images/cloud.top.mono.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top
}

.indus .category .description ul li {
    font-size: 18px;
    padding: 10px;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
    background-color: #fff;
    border-radius: .25rem;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 2%);
    transition: 250ms;
    border: 1px solid #d8d3d394;
    margin: 0 9px 10px
}

.indus .category .description ul li.current {
    color: #222;
    background: linear-gradient(43deg, #c29e33 0, #ffdc73 99%)
}

.indus .category .txtwrp h2 {
    font-size: 30px;
    font-weight: 600
}

.industre .indus .category .description ul li {
    font-size: 16px;
    padding: 10px 0 0;
    font-weight: 500;
    cursor: pointer;
    margin: 0;
    display: block;
    background: unset;
    border: unset;
    box-shadow: unset;
    text-align: left
}

.card[data-color=blue] {
    background: #ec62c5f5
}

.card[data-color=blue] .description {
    color: #506568
}

.card[data-color=green] {
    background: #77d33a
}

.card[data-color=green] .description {
    color: #60773d
}

.card[data-color=green] .category {
    color: #92ac56
}

.card[data-color=yellow] {
    background: #ffe28c
}

.card[data-color=yellow] .description {
    color: #b25825
}

.card[data-color=yellow] .category {
    color: #d88715
}

.card[data-color=brown] {
    background: #d6c1ab
}

.card[data-color=brown] .description {
    color: #75442e
}

.card[data-color=brown] .category {
    color: #a47e65
}

.card[data-color=purple] {
    background: #baa9ba
}

.card[data-color=purple] .description {
    color: #3a283d
}

.card[data-color=purple] .category {
    color: #5a283d
}

.card[data-color=orange] {
    background: #c45eff6c
}

.card[data-color=orange] .description {
    color: #772510
}

.card[data-color=orange] .category {
    color: #e95e377f
}

.approach-module,
.publishwrp {
    padding: 70px 0
}

.approach-module .txtwrp {
    display: block;
    text-align: center;
    padding: 0 0 40px
}

.approach-items {
    position: relative;
    counter-reset: my-sec-counter
}

.approach-items .approach-content {
    font-size: 16px;
    line-height: 30px;
    color: #000
}

.approach-items .approach-item {
    position: relative;
    width: 100%;
    text-align: left
}

.approach-items .approach-item:before {
    position: absolute;
    left: 50%;
    height: 100%;
    width: 2px;
    display: block;
    content: '';
    background: -webkit-linear-gradient(top, #c51616 50%, transparent 50%);
    background: linear-gradient(top, orange 50%, transparent 50%);
    background-size: 100% 6px
}

.approach-items .approach-item .approach-inner {
    position: relative;
    float: left;
    box-sizing: border-box;
    border: 2px solid #dfdfdf;
    padding: 40px
}

.approach-items .approach-item .approach-inner:after {
    position: absolute;
    content: '';
    display: inline-block;
    counter-increment: my-sec-counter;
    content: "0" counter(my-sec-counter) "";
    color: #006f7a;
    font-weight: 700;
    font-size: 22px;
    line-height: 22px
}

.approach-items .approach-item:nth-child(2n) .approach-inner {
    float: right
}

.approach-items .approach-item:after {
    clear: both;
    display: block;
    content: ''
}

.approach-sub-module {
    padding: 0 0 100px
}

.approach-sub-module .container {
    padding-top: 40px;
    border-top: 1px solid #d0d0d0
}

.approach-sub-module .row:first-child .inner {
    padding: 25px 5% 25px 95px
}

.approach-sub-module .row:first-child .inner:before {
    top: 25px;
    height: calc(100% - 25px)
}

.approach-sub-module .row:last-child .approach-list:not(.active) .inner .column-count:before {
    position: absolute;
    height: 27px;
    z-index: 8;
    left: 50%;
    margin-left: -1px;
    top: -27px;
    display: block;
    content: '';
    width: 2px;
    background-color: #d0d0d0
}

.approach-selection {
    position: relative;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0)
}

.approach-selection .inner {
    position: absolute;
    top: -5px;
    left: 0;
    padding: 0 !important
}

.approach-selection .approach-title {
    position: relative;
    z-index: 19;
    color: #333743;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    margin-bottom: 10px;
    display: block
}

.approach-selection .approach-content {
    position: relative;
    z-index: 11;
    font-size: 24px;
    line-height: 38px;
    color: #9297a3;
    opacity: .75;
    font-weight: 400
}

.approach-list {
    position: relative;
    padding-right: 8%;
    box-sizing: border-box
}

.approach-list:before {
    position: absolute;
    content: '';
    display: block;
    z-index: 21;
    right: 0;
    height: 100%;
    width: 8%
}

.approach-list .approach-title {
    position: relative;
    z-index: 19;
    color: #333743;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 12px;
    display: block
}

.approach-list .approach-content {
    position: relative;
    z-index: 11;
    font-size: 14px;
    line-height: 20px;
    color: #9297a3;
    opacity: .75;
    font-weight: 400
}

.approach-list .column-count {
    position: absolute;
    z-index: 12;
    top: 25px;
    left: 32px;
    background-color: #fff;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    font-size: 12px;
    font-weight: 500;
    color: #106674;
    border-radius: 34px;
    box-sizing: border-box;
    border: 2px solid #d0d0d0
}

.approach-list .inner {
    position: relative;
    padding: 25px 5% 25px 95px;
    box-sizing: border-box;
    z-index: 22
}

.approach-list .inner:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    content: '';
    display: block;
    height: 100%;
    background-color: #fff;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s
}

.approach-list .inner:before {
    position: absolute;
    height: 100%;
    z-index: 8;
    left: 48px;
    top: 0;
    display: block;
    content: '';
    width: 2px;
    background-color: #d0d0d0
}

@media (min-width:801px) {
    .approach-items .approach-item .approach-inner {
        width: calc(50% - 70px)
    }

    .approach-items .approach-item .approach-inner:after {
        top: 50%;
        right: -167px;
        margin-top: -11px
    }

    .approach-items .approach-item:nth-child(2n) .approach-inner:after {
        right: auto;
        left: -165px
    }

    .approach-items .approach-item .approach-inner:before {
        position: absolute;
        top: 50%;
        display: inline-block;
        content: '';
        right: -74px;
        width: 0;
        height: 0;
        margin-top: -12px;
        border-top: 12px solid #fff0;
        border-bottom: 12px solid #fff0;
        border-right: 12px solid #c51616
    }

    .approach-items .approach-item:nth-child(2n) .approach-inner:before {
        left: -72px;
        right: auto;
        border-right: 0;
        border-left: 12px solid #c51616
    }
}

.testimonialwrp {
    text-align: center;
    display: block
}

.txttestimoinal {
    padding: 40px 0 50px
}

.txttestimoinal .mainwrp {
    box-shadow: 0 0 31px #0000001a;
    border-radius: 10px;
    padding: 40px 10px;
    margin-top: 30px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    min-height: 290px
}

.txttestimoinal .mainwrp .lft {
    width: 30%;
    padding-top: 30px;
    float: left
}

.txttestimoinal .mainwrp .lft .nmwrp {
    width: 134px;
    height: 134px;
    margin: 0 auto;
    background: #c51616;
    border-radius: 50%
}

.txttestimoinal .mainwrp .lft .nmwrp span {
    font-size: 30px;
    width: 100%;
    display: inline-block;
    padding-top: 45px;
    color: #fff;
    text-align: center
}

.txttestimoinal .mainwrp .rht {
    padding: 0 20px 0 170px
}

.how-helpwrp .mainwrp h4,
.indus .pricingwrap ul li .pricing-box h2,
.mypopup-wrap .mypopup .right .mypopup-innerwrap h4,
.resourcewrp .mainwrp h4,
.txttestimoinal .mainwrp .rht h4 {
    font-size: 22px
}

.txttestimoinal .mainwrp .rht p {
    padding-bottom: 15px;
    font-size: 16px;
    font-style: italic;
    line-height: 1.4;
    text-align: left
}

.txttestimoinal .mainwrp .rht span {
    color: #c51616;
    font-weight: 600
}

.txttestimoinal .mainwrp .rht .rateignwrp {
    display: block;
    padding: 3px 0 0
}

.txttestimoinal .mainwrp .rht .rateignwrp i {
    color: #ff7e65
}

.form-wrp.btmfrom {
    padding: 80px 0 80px 80px;
    background: #f7f9fc
}

a.quest-title {
    font-weight: 600;
    text-transform: inherit;
    color: #131212;
    padding: 0 15px;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    line-height: 60px;
    display: inline-block;
    transition: .15s linear;
    border-bottom: 1px solid #dbdbdb
}

.contact-banner .txtwrp h4,
.fourth-section h5 {
    text-transform: capitalize
}

a.quest-title:after {
    content: '\f107';
    position: absolute;
    right: 15px;
    font-family: FontAwesome;
    font-size: 26px
}

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

.formwrap .imgwrp {
    margin: 10px 0
}

.dropdown {
    width: 680px;
    position: absolute;
    display: none;
    top: 41px;
    left: -172px;
    border: 1px solid #006f7a;
    box-shadow: 1px 7px 10px rgb(129 129 129)
}

#site-header .main-nav .level2 {
    z-index: 0;
    visibility: hidden;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .5)
}

.dropdown ul li {
    display: block !important;
    padding: 2px 20px;
    margin: 0 !important;
    text-align: left !important
}

.dropdown ul:before {
    position: absolute;
    content: "";
    top: -11px;
    left: 15px;
    z-index: 0;
    width: 20px;
    height: 20px;
    background: #263B6A;
    -webkit-transform: rotate(45deg);
    transform: rotate(44deg);
    border-radius: 5px;
    border-top: 1px solid #cbd6e2;
    border-left: 1px solid #cbd6e2
}

.dropdown ul {
    background: linear-gradient(#263B6A,#1f6b9e);
    display: block !important
}

.dropdown ul li a {
    color: #eceaea !important
}

.approach-items .approach-title {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 15px;
    display: block;
    color: #006f7a;
    font-weight: 700
}

.modal-content {
    border-radius: 10px;
    background: #fff0;
    position: relative;
    border: none;
    margin-top: 25%;
}

.modal-header {
    background-color: #0f4d36 !important;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 20px;
    border-top: 5px solid #e2a91a
}

.modal-body {
    background: #263B6A;
    border-radius: 20px;
    /* padding-top: 183px; */
    /* top: 41%; */
    /* position: absolute; */
    /* margin-top: 50%; */
}

.modal-footer,
.testimonialwrp .tabwrp ul li span {
    background: linear-gradient(43deg, #bd7d03 0, #ffca2c 99%)
}

.modal-footer {
    padding: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.modal-title {
    font-size: 1.5rem;
    font-weight: 600;
    COLOR: #fff;
    text-align: center;
    padding: 7px;
    background:#263B6A;
    line-height: 30px;
    border-radius: 45px;
    width: 70%;
    margin: 0 auto 20px
}

.floating-form form textarea,
.form-control {
    border-radius: 25px;
    border: 1px solid #b4b4b4
}

.form-control {
    padding: 12px;
    margin-bottom: 15px
}

.modal_img {
    position: absolute;
    content: '';
    width: 147px;
    height: 109px;
    top: -68px;
    left: -65px;
    z-index: 99
}

.ebook-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 578px;
    left: -42px
}

.ebook-frame {
    width: 100%;
    padding-top: 104.33%;
    border: 12px solid #3aae01;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgb(0 0 0 / .3);
    overflow: hidden
}

.screen {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border-radius: 5px;
    overflow: hidden
}

.ebook-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px
}

@media (max-width:768px) {
    .ebook-frame {
        max-width: 300px;
        padding-top: 150%;
        display: none
    }

    .home-button {
        width: 30px;
        height: 30px
    }
}

.testimonial-bubble {
    position: relative;
    border-radius: 15px;
    padding: 15px;
    text-align: center;
    margin: 10px;
    box-shadow: rgb(0 0 0 / .35) 0 5px 15px;
    height: 250px;
    background: linear-gradient(45deg, #263B6A, #385ba8, transparent);
}

.testimonial-text {
    margin-bottom: 5px
}

.testimonial-rating {
    font-size: 16px;
    color: #999;
    margin-bottom: 10px
}

.checked,
.fifth-section .content-top h4 span,
footer .navwrp ul li a:hover {
    color: #0866e6;
}

.testimonial-author {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px
}

.testimonial-author img {
    border-radius: 50%;
    margin-bottom: 10px;
    width: 100px;
    height: 100px
}

.main-privacy ul li,
.testimonial-author h3 {
    font-size: 14px;
    color: #000000
}

.testimonial-author p {
    font-size: 14px;
    color: #999;
    margin-bottom: 0
}

.formwrp {
    padding: 20px;
    background: #263b6a6b;
    border-radius: 20px
}

.third-sec {
    padding: 50px 0;
    /* background-color: #0a1627; */
}

.approachwrp,
.strunglingwrp {
    padding: 70px 0;
    background: #263B6A;
}

.third-sec .imgwrp.extra-cs img {
    width: 140%;
    left: -260px;
    top: -30px
}

.third-sec ul li {
    font-size: 14px;
    padding: 0 0 9px 24px;
    font-weight: 400;
    position: relative;
    line-height: 22px;
    color: #000;
    display: inline-block
}

.third-sec ul li:after {
    content: "\f058";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    color: #006f7a;
    top: 0
}

.strunglingwrp .txtwrp {
    display: block;
    text-align: center;
    margin: 0 auto
}

.strunglingwrp .wdthwrp {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    display: block
}

.strunglingwrp .txtwrp ul {
    text-align: center;
    margin: 15px auto 0;
    display: inline-block;
    width: 100%
}

.strunglingwrp .txtwrp ul li {
    line-height: 1.4;
    text-align: left;
    color: #486286;
    display: inline-block;
    position: relative;
    font-size: 15px;
    padding: 10px 30px 10px 36px;
    background: #fff;
    margin: 0 0 15px 9px;
    border: 2px solid #fff;
    border-radius: 6px;
    transition: .5s;
    box-shadow: #6b7ea6 5px 6px 0;
    cursor: pointer
}

.resourcewrp .mainwrp .imgwrp,
.resourcewrp .mainwrp .imgwrp:hover {
    -ms-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
    -o-transition: .5s ease-out
}

.strunglingwrp .txtwrp ul li:after {
    content: "\f058";
    position: absolute;
    font-family: fontawesome;
    left: 10px;
    color: #005861;
    font-size: 15px;
    top: 14px
}

.resourcewrp .mainwrp .imgwrp {
    margin: 0 auto 30px;
    display: block;
    width: 150px;
    height: 150px;
    background-color: #edf1f8;
    -webkit-border-radius: 13px 53px 63px 13px/108px 60px 72px 72px;
    border-radius: 77% 125% 75% 50%/143% 99% 88% 89%;
    transition: .5s ease-out
}

.resourcewrp .mainwrp .imgwrp:hover {
    background: #20cb98;
    transition: .5s ease-out
}

.resourcewrp .mainwrp .imgwrp span {
    font-size: 54px;
    color: #20cb98;
    -ms-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    transition: .5s ease-out;
    position: relative;
    top: 40px
}

.strunglingwrp .imgwrp img {
    width: 80%;
    margin: 0 auto -80px;
    text-align: center;
    display: block
}

.strunglingwrp .txtwrp p {
    color: #e9e9e9
}

.ftr-btm .imgwrp img {
    width: 150px
}

.publishwrpr .imgwrp img {
    width: 120%;
    position: absolute;
    top: 30px
}

.imgwrp.illus-img img {
    width: 70% !important;
    left: 0 !important
}

.podcastwrp .mainimgwrp img {
    width: 150%;
    margin: 0 0 0 -400px;
    text-align: center;
    display: block
}

.biggestwrp .imgwrp img {
    width: 152%;
    position: absolute
}

.biggestwrp .imgwrp img.img-1 {
    left: -160px;
    top: 150px
}

.biggestwrp .imgwrp img.img-2 {
    left: -78px;
    top: 100px
}

.biggestwrp .imgwrp img.img-3 {
    top: 145px;
    left: 5px
}

.biggestwrp .imgwrp img.img-4 {
    left: -160px;
    top: 453px
}

.biggestwrp .imgwrp img.img-5 {
    top: 410px;
    left: -75px
}

.biggestwrp .imgwrp img.img-6 {
    top: 448px;
    right: -115px
}

.biggestwrp .imgwrp img.img-7 {
    left: -80px;
    top: 140px
}

.biggestwrp .imgwrp img.img-8 {
    top: 80px;
    left: 0
}

.biggestwrp .imgwrp img.img-9 {
    left: 80px;
    top: 135px
}

.biggestwrp .imgwrp img.img-10 {
    top: 410px;
    left: -85px
}

.biggestwrp .imgwrp img.img-11 {
    top: 380px;
    left: -10px
}

.biggestwrp .imgwrp img.img-12 {
    top: 420px;
    left: 65px
}

.biggestwrp .img-container {
    background-image: url(../images/phone-body.webp);
    margin: 0 auto;
    padding-top: 22px;
    background-repeat: no-repeat;
    padding-left: 18px;
    padding-right: 18px;
    width: 640px;
    height: 916px;
    background-size: cover;
    background-position: 67px 0;
    position: relative
}

.biggestwrp .img-container figure.abs {
    right: 0;
    top: 40px;
    position: absolute;
    z-index: 5;
    left: 0;
    text-align: center
}

.biggestwrp .img-container:after {
    content: "";
    position: absolute;
    background: #f1f3f4;
    width: 30px;
    height: 31px;
    bottom: 250px;
    right: 210px
}

.biggestwrp .img-container figure.abs img {
    width: 110%;
    margin: -40px 0 0 75px;
    position: relative
}

.biggestwrp .img-container img {
    height: auto !important;
    width: 54% !important;
    left: 0;
    margin: 14px 0 0 107px
}

.biggestwrp .img-container .mainwrpr audio {
    position: relative;
    top: -128px;
    right: -107px;
    width: 53.6%;
    background-color: #f1f3f4;
    height: 60px
}

.biggestwrp .txtwrp {
    display: block;
    text-align: center;
    padding: 0 0 30px;
    width: 29%;
    margin: -70px auto 0
}

.biggestwrp .txtwrp h2 {
    font-size: 28px;
    line-height: 30px
}

.biggestwrp .txtwrp p {
    font-size: 16px;
    font-weight: 600
}

.biggestwrp .txtwrp p a {
    color: #8f1a7d
}

.believe-wrap .disription-box ul li .imgwrp {
    display: inline-block;
    vertical-align: top
}

.believe-wrap .disription-box ul li .imgwrp img {
    width: 70px
}

.formwrap .bg-clr .imgwrp,
.fourth-section .content,
.help-wrap .txtwrp h2 {
    text-align: center
}

.formwrap .bg-clr .imgwrp img {
    width: 60%
}

.astronautwrp .imgwrp img {
    width: 90%;
    right: -110px
}

.indus .pricingwrap ul li .imgwrp img {
    width: 80%;
    float: right
}

.approachwrp .txtwrp {
    display: block;
    text-align: center;
    padding: 0 0 10px
}

.approachwrp .mainerp:after {
    content: "\f2d5";
    position: absolute;
    font-family: FontAwesome;
    top: 10px;
    color: #006f7a;
    font-size: 27px
}

.approachwrp .mainerp {
    box-shadow: 0 0 20px #0000000d;
    background: #fff;
    min-height: 280px;
    transition: .4s;
    border-radius: 5px;
    padding: 30px 30px 20px;
    margin: 30px 0 0;
    position: relative;
    height: 323px;
    box-shadow: rgb(0 0 0 / .35) 0 5px 15px
}

.approachwrp .mainerp h4 {
    font-size: 14px;
    padding-top: 30px;
    font-weight: 700;
    padding-bottom: 12px
}

.approachwrp .mainerp p {
    font-size: 15px;
    color: #666
}

.approachwrp .mainerp:hover,
.testiwrp .mainwrp:hover {
    transform: translateY(-.625rem);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    box-shadow: 0 0 30px #0000000f
}

section.approachwrp.portfolio img {
    width: 100%;
    border-radius: 6px;
    margin: 0 0 10px
}

.list-scroll {
    height: 200px
}

.testimonialwrp-h {
    padding: 30px 0;
    position: relative;
    /* background: linear-gradient(0deg, #0a1627 0, #0a1627 99%); */
    /* background: url(../images/map-Picsart-AiImageEnhancer.png); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0%;
    padding-bottom: 60px;
    z-index: 1;
}

.testimonialwrp .txtwrp {
    display: block;
    text-align: center;
    padding: 0 0 20px;
    width: 76%;
    margin: 0 auto
}

.testimonialwrp .tabwrp ul {
    margin: 0;
    display: block;
    text-align: center
}

.testimonialwrp .tabwrp ul li {
    display: inline-block;
    border-radius: 50%;
    margin: 0 7px;
    cursor: pointer
}

.testimonialwrp .tabwrp ul li.current {
    border: 3px solid #000
}

.testimonialwrp .tabwrp ul li img {
    border-radius: 50%;
    width: 60px
}

.testimonialwrp .testiwrp {
    width: 70%;
    margin: 30px auto 0;
    text-align: center
}

.testimonialwrp .testiwrp p {
    font-style: italic;
    color: #000;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.03062rem
}

.testimonialwrp .testiwrp span {
    color: #000;
    font-weight: 600
}

.testimonialwrp .testiwrp h6 {
    padding: 0 0 5px;
    color: #000;
    font-size: 16px;
    font-weight: 700
}

.testimonialwrp .tabwrp ul li span {
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
    height: 46px;
    width: 46px;
    display: inline-block;
    padding: 12px 0 0
}

.roleswrp {
    padding: 70px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -460px -230px;
    /* background-color: #0a1627; */
}

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

.roleswrp .row.bodrbtm span {
    color: #23233c;
    font-size: 14px
}

.roleswrp .row.bodrbtm h4 {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    text-align: left
}

.about-banner {
    width: 100%;
    height: 100%;
    padding-top: 150px;
    padding-bottom: 50px;
    background: linear-gradient(87deg, #2222223b 0, rgb(0 0 0 / 3%) 100%), url(../images/proofbg.webp)
}

.main-privacy h3 {
    font-size: 30px
}

.main-privacy h2 {
    font-size: 25px
}

.secndwrpr {
    padding: 70px 0;
    background-repeat: no-repeat
}

.secndwrpr .txtwrp ul li {
    color: #7a7a7a;
    font-size: 15px;
    font-weight: 500;
    display: block;
    padding: 0 0 15px 25px;
    position: relative
}

.secndwrpr .txtwrp ul li:after {
    content: "\f101";
    position: absolute;
    font-family: FontAwesome;
    left: 0;
    top: 0;
    color: #e8932e
}

.img-boxwrp.serv-img img.img-1 {
    width: 110%;
    top: -20px;
    left: 0
}

section.main-banner.serv-banner.ecom-bnr {
    background: #0b1442;
    height: 500px;
    color: #fff;
    display: flex;
    align-items: center
}

section.main-banner.serv-banner.ecom-bnr p {
    color: #fff;
    padding: 20px
}

.audio-service {
    background: url(../images/professional-service-before.webp) 0 0/70% no-repeat;
    margin-top: 0;
    color: #fff
}

.audio-service:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 65%;
    height: 98%
}

.audio-service .row {
    margin: 0 -7px
}

.audio-service .col-md-6 {
    margin-bottom: 14px;
    padding: 0 7px
}

.audio-service .img2 {
    position: absolute;
    right: -490px;
    bottom: 50px;
    max-width: 75%
}

.audio-service .heading h2::before {
    content: '';
    background: url(../images/audio-service-head-after.webp) no-repeat;
    height: 14px;
    width: 257px;
    position: absolute;
    right: -60px;
    bottom: 5px;
    z-index: -1
}

.strunglingwrp .txtwrp ul li:hover {
    background: #006f7a;
    color: #fff
}

.thank-you {
    background-image: url('../images/proofbg\ .webp');
    color: #fff;
    background-position: center;
    text-align: center
}

.thank-you p {
    color: #fff;
    padding-top: 10px
}

.new-card {
    border-radius: 20px;
    box-shadow: rgb(16 16 16 / 25%) 3px 14px 16px;
    margin-bottom: 60px;
    border: 4px solid #004f7a;
}

section.testimonialwrp.our-process.sch .step-wrapper .text-text {
    height: 252px !important;
    background: #263B6A;
}

.step-wrapper .text-text {
    padding: 0px 25px 0;
    background: 263B6A;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    height: 285px;
    margin: 0px 0px;
    background: #263B6A;
}

.step-wrapper img {
    width: 100%;
border-radius: 5% 5% 0% 0%;
    margin: auto;
    height: 198px;
    /* border: 5px solid #17a2b8; */
    border-top: none;
    object-fit: cover;
    padding: -33opx;
}

.btmfrom .formwrp form .lablewrp input,
.btmfrom .formwrp form .lablewrp select {
    border: 1px solid #e5e5e5;
    height: 50px;
    background: #fff;
    color: gray;
    outline: 0 !important;
    font-size: 13px;
    font-weight: 400;
    padding: 10px 15px
}

.step-item {
    margin: 0 10px;
    position: relative
}

.step-wrapper h2 {
    padding: 10px 0;
    font-size: 20px;
    font-family: "Lato", sans-serif;
}

.ftr-btm a,
.ftr-btm p {
    font-size: 14px;
    color: #fff
}

.trust-img {
    width: 130px !important;
    height: 65px !important
}

.contact-banner {
    padding: 80px 0 50px;
    background-repeat: no-repeat;
    background-position: 100% 208%;
    width: 100%;
    min-height: 100%;
    position: static
}

section.formwrap {
    padding: 0;
    overflow: hidden
}

.btmfrom {
     padding: 70px 0;
    background: rgba(20, 56, 134, 0.8);
    background-image: url(../images/Untitled-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.become-pg .btmfrom .txtwrp h2,
.privacy header .mainwrp ul li a.chtwrp,
.privacy header .navwrp ul li a {
    color: #222
}

.btmfrom .formwrp form .lablewrp input {
    width: 100%;
    margin: 0 0 15px;
    border-radius: 5px
}

.btmfrom .formwrp form .lablewrp select {
    width: 100%;
    margin: 0;
    border-radius: 5px
}

.btmfrom .formwrp form .lablewrp textarea {
    width: 100%;
    margin: 15px 0 0;
    padding: 8px 12px;
    height: 100px;
    border: 1px solid #e5e5e5;
    background: #fff;
    color: gray;
    font-size: 13px;
    border-radius: 5px;
    resize: none;
    font-weight: 400;
    outline: 0 !important
}

footer:after {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    border-radius: 50%
}

footer {
    background-color: #263B6A;
    padding: 50px 0 0;
    z-index: 0;
    overflow: hidden;
    border-top: 2px solid #263B6A;
}

footer .navwrp h4 {
    color: #fff;
    font-size: 20px;
    padding: 0;
    text-align: left;
    font-family: "Lato", sans-serif;
}

footer .navwrp ul {
    margin: 20px 0 0
}

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

footer .navwrp ul li a {
    color: #fff;
    font-size: 13px;
    transition: 1s cubic-bezier(.51, .92, .27, .96) !important
}

footer .navwrp ul li a img {
    margin: 20px 0 0;
    filter: none;
    width: 130px
}

footer .navwrp ul li a i {
    color: #20cb98;
    margin: 0 13px 0 0;
    display: none
}

footer .navwrp ul li a.nmbrwrpr {
    font-size: 18px;
    font-weight: 600
}

footer .logowrp img {
    width: 180px;
    margin: 0 0 10px;
    /* filter: invert(1); */
}

footer .logowrp ul li {
    padding: 0 0 9px;
    display: block;
    margin: 0 20px 0 0
}

footer .logowrp ul li i {
    color: #fff;
    font-size: 23px;
    margin: 18px 0 0
}

footer .sonialwrp li {
    display: inline-block !important
}

footer .txtdiv h4 {
    color: #fff;
    font-size: 22px
}

footer .formwrp form .lablewrp {
    display: inline-block;
    width: 83%
}

footer .row.bodr-top {
    border-bottom: 1px solid #d0d7fc24;
    padding: 0 0 30px;
    margin: 0 -10px 70px
}

footer .formwrp form .lablewrp input {
    width: 100%;
    height: 46px;
    border-radius: 7px;
    padding: 0 0 0 10px;
    border: none
}

.ftr-btm {
    padding: 20px 0;
    background: #2d2d2d
}

.privacy section.default-page.inview,
.termswrp {
    padding: 80px 0 50px
}

.ftr-btm p {
    padding: 4px 0 0
}

.ftr-btm a {
    padding: 0;
    margin: 0 15px 0 0
}

.btmfrom .formwrp form select#countryCode {
    width: 20%
}

.btmfrom .formwrp form input#free_cons_phone1 {
    width: 78%
}

.f-whole .left-sec .logowrp img {
    width: 35%;
    margin: 0 0 30px
}

.privacy p strong {
    font-size: 18px;
    font-weight: 400
}

.privacy p span,
.publishwrp .mainwrp p {
    font-size: 16px
}

.privacy .termswrp p a {
    font-size: 22px;
    color: #000000
}

.termswrp {
    font-size: 16px !important
}

ul.terms-tick li {
    font-size: 16px;
    padding: 0 0 10px;
   
    
}

.privacy .logo-drk,
.ratewrp .mainwrp .tabs.current {
    display: block !important
}

header .navwrp .flgwrp ul {
    display: block;
    margin: 6px 0 0;
    transition: .2s ease-in
}

section.main-privacy {
    padding: 80px 0 90px
}

header .flgwrp {
    display: inline;
    margin: 0 0 0 6px
}

header .flgwrp:hover ul li img {
    opacity: 1;
    border: 1px solid;
    padding: 5px;
    background: #0d1643;
    position: relative;
    left: -2px
}

header .flgwrp ul li {
    margin: 0;
    position: absolute;
    top: 30px;
    left: -10px
}

header .flgwrp ul li img {
    opacity: 0;
    transition: .2s ease-in
}

.mypopup-wrap,
.mypopup-wrap.active {
    -moz-transition: .4s;
    -o-transition: .4s
}

.mypopup-wrap.active {
    position: fixed;
    top: 0;
    -webkit-transition: .4s;
    transition: .4s;
    background: #000000ad;
    width: 100%;
    height: 100%;
    border-radius: 0
}

.mypopup-wrap {
    -webkit-transition: .4s;
    transition: .4s;
    width: 800px;
    height: 600px;
    border-radius: 10px;
    position: absolute;
    left: 0;
    right: 0;
    top: -20000px;
    bottom: 0;
    margin: auto;
    z-index: 99999;
    background-repeat: no-repeat;
    background-size: cover
}

.mypopup-wrap .mypopup {
    border-radius: 10px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: auto;
    border: 1px solid #c7a339;
    width: 30%;
    margin: 70px auto 0;
    font-size: 0;
    background: #fff;
    position: relative
}

.mypopup-wrap .mypopup .left {
    width: 50%;
    overflow: hidden;
    vertical-align: middle;
    display: none
}

.mypopup-wrap .mypopup .right {
    width: 100%;
    padding: 30px 20px 20px;
    display: inline-block;
    vertical-align: middle;
    background: #0e163ff5;
    border-radius: 10px
}

.mypopup-wrap .mypopup .right .closebutton {
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
    transform: rotate(45deg);
    right: 20px;
    top: 20px;
    color: #dfbb51 !important
}

.mypopup-wrap .mypopup .right .closebutton:before {
    content: "";
    position: absolute;
    height: 20px;
    width: 2px;
    top: 0;
    background: #ceaa40;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block
}

.mypopup-wrap .mypopup .right .closebutton:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 20px;
    top: 0;
    left: 0;
    background: #ceaa40;
    display: block;
    bottom: 0;
    margin: auto;
    font-weight: 900
}

.mypopup-wrap .mypopup .right .mypopup-innerwrap {
    padding-top: 0;
    padding-left: 30px;
    padding-right: 30px
}

.mypopup-wrap .mypopup .right .mypopup-innerwrap h3 {
    color: #fff;
    font-size: 21px;
    line-height: 30px !important;
    padding: 0 0 5px
}

.mypopup-wrap .mypopup .right .mypopup-innerwrap h3 span {
    font-size: 26px;
    display: block;
    font-weight: 900;
    color: #f1ce65;
    margin: 0 0 2px;
    text-transform: uppercase
}

.mypopup-innerwrap .form_wrap {
    padding: 10px 15px
}

.mypopup-wrap .mypopup .imgwpr img {
    width: 60%;
    bottom: 0;
    left: -85px;
    position: absolute
}

.home-pg {
    background-color: #f5f5f7
}

.header-main.showmenu li.drp-list ul li a.active,
li.drp-list ul li a.active {
    border: none
}

.future-logos {
    padding: 30px 0;
    background: #263B6A;
}

.future-logos h4 {
    display: block;
    text-align: center;
    padding: 0 0 30px;
    color: #8c9aaf;
    font-size: 20px;
    font-weight: 700
}

.future-logos .mainwrp ul li img {
    width: 120px;
    height: 50px;
    filter: brightness(0) invert(1);
}

.how-helpwrp .mainwrp img {
    width: 60px;
    margin: 0 0 12px
}

.how-helpwrp .mainwrp p,
.resourcewrp .mainwrp p {
    font-size: 16px;
    color: #666
}

.resourcewrp .mainwrp {
    display: block;
    text-align: center;
    padding: 0 30px;
    margin: 0 0 50px
}

.testiwrp .mainwrp {
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border-radius: 5px;
    background: #f7f9fc;
    padding: 80px 30px 100px
}

.testiwrp .mainwrp .txtdiv span {
    position: absolute;
    top: -35px;
    font-size: 22px;
    color: #20cb98
}

.testiwrp .mainwrp .namewrp .leftwrp {
    float: left;
    width: 20%
}

.testiwrp .mainwrp .namewrp .leftwrp h5 {
    background: #20cb98;
    color: #fff;
    font-size: 24px;
    text-align: center;
    border-radius: 50%;
    padding: 15px
}

.testiwrp .mainwrp .namewrp .rigthwrp {
    width: 73%;
    padding-top: 8px;
    float: right
}

.testiwrp .mainwrp .namewrp .rigthwrp h6 {
    padding-bottom: 0;
    font-size: 16px;
    font-weight: 600
}

.testiwrp .mainwrp .namewrp .rigthwrp span {
    display: block;
    padding-top: 5px;
    font-size: 14px;
    font-weight: 400
}

.portfoliowrp .mainwrp ul {
    margin: 20px 0 0;
    display: block;
    text-align: center
}

.portfoliowrp .mainwrp ul li img {
    width: 70%;
    border-radius: 20px;
    height: auto;
    object-fit: cover
}

.contact header .mainwrp p {
    background: #0b14420f;
    border: 1px solid #c9cbd6;
    color: #000
}

.about-bnrwrp .mainwrp {
    background-image: url(../images/about-new-banner.webp);
    background-size: cover;
    background-repeat: no-repeat;
    text-align: left;
    background-position: right;
    height: 730px;
    padding: 80px 0 0 180px;
    position: relative;
    border-radius: 20px;
    width: 90%;
    margin: 10px auto 0
}

.about-bnrwrp .mainwrp .txtdiv {
    width: 50%
}

.about-bnrwrp .mainwrp .txtdiv h2 {
    color: #fff;
    font-size: 36px
}

.about-bnrwrp .mainwrp .txtdiv p {
    color: #fff;
    font-size: 20px;
    padding: 20px 0 0
}

.about-bnrwrp .mainwrp img {
    width: 43%;
    position: absolute;
    right: 30px;
    bottom: 20px
}

.publishwrp .txtwrp {
    display: block;
    text-align: left;
    padding: 0 0 30px
}

.publishwrp .txtwrp h4 {
    font-size: 22px;
    font-weight: 600
}

.publishwrp .mainwrp h4 {
    font-size: 20px;
    font-weight: 600
}

.publishwrp .mainwrp p {
    color: #20242e;
    font-weight: 400;
    height: 130px
}

.publishwrp .mainwrp a {
    width: 100%;
    display: block;
    text-align: center;
    background: unset;
    border: 1px solid #0000001a;
    color: #707070;
    padding: 15px 0;
    font-weight: 500;
    font-size: 15px;
    margin: 0 auto;
    border-radius: 6px
}

.publishwrp .mainwrp.main-box a {
    background: linear-gradient(43deg, #c29e33 0, #ffdc73 99%) !important;
    color: #fff
}

@keyframes scrollDownAnimation {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-10px)
    }
}

@-webkit-keyframes scrollDownAnimation {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-10px)
    }
}

.tramwrp {
    padding: 110px 0 70px
}

.tramwrp .mainwrp ul {
    margin: 0;
    text-align: center;
    display: block;
    font-size: 0
}

.tramwrp .mainwrp ul li {
    display: inline-block;
    width: 33%;
    border: 1px solid #f4f2f2;
    padding: 30px 0 40px;
    height: 117px
}

.tramwrp .mainwrp ul li.left-top {
    border-top: unset;
    border-left: unset
}

.tramwrp .mainwrp ul li.top-bdr {
    border-top: unset
}

.tramwrp .mainwrp .imgbox {
    display: inline-block;
    vertical-align: super;
    position: relative;
    top: -20px
}

.tramwrp .mainwrp .imgbox img {
    border-radius: 50%;
    margin: 0 20px 0 0
}

.tramwrp .mainwrp .txtdiv {
    display: inline-block;
    text-align: left;
    width: 60%
}

.tramwrp .mainwrp .txtdiv p {
    padding: 0;
    font-style: italic;
    color: #555;
    font-size: 16px
}

.tramwrp .mainwrp .txtdiv span {
    font-size: 14px;
    display: block;
    text-align: left;
    width: 90%
}

.testibanner {
    padding: 210px 0 80px;
    background: #0b1442
}

.our-testi,
.ratewrp {
    padding: 60px 0
}

.testibanner .txtwrp {
    width: 59%
}

.testibanner .txtwrp h2 {
    color: #fff;
    font-size: 42px
}

.our-testi {
    background-color: #f0f0f0
}

.our-testi .txtwrp {
    text-align: center;
    display: block;
    padding: 0 0 40px
}

.our-testi .mainwrp {
    background: #fff;
    border-radius: 10px;
    padding: 30px 40px;
    box-shadow: 0 2px 2px rgb(0 0 0 / 10%);
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    transition: .2s ease-out;
    margin: 0 0 40px;
    height: 260px
}

.our-testi .mainwrp p {
    color: #222;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid #ada2a261;
    padding: 0 0 10px;
    margin: 0 0 20px
}

.our-testi .mainwrp .namwrp h4 {
    font-size: 17px;
    color: #000;
    padding: 0
}

.our-testi .mainwrp .namwrp h6 {
    color: #6c7b86;
    font-size: 14px;
    padding: 6px 0 0
}

.our-testi .mainwrp .namwrp span {
    color: #ffdd65;
    font-size: 16px
}

.our-testi .mainwrp .imawrp {
    display: inline-block;
    float: right;
    background: linear-gradient(43deg, #c29e33 0, #ffdc73 99%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-sizing: border-box
}

.ratewrp .mainwrp,
.ratewrp .mainwrp:after {
    width: 100%;
    margin: 0 auto;
    border-radius: 9px
}

.our-testi .mainwrp .imawrp span {
    color: #fff;
    font-size: 26px;
    font-weight: 500;
    margin: 9px 0 0 10px;
    display: block
}

.our-testi .mainwrp:hover {
    box-shadow: 0 0 20px 1px #d2d2d2bf;
    z-index: 2;
    -webkit-transition: .2s ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: .2s ease-in;
    -ms-transform: scale(1.05);
    -moz-transition: .2s ease-in;
    -moz-transform: scale(1.05);
    transition: .2s ease-in;
    transform: scale(1.05)
}

.ratewrp .mainwrp {
    z-index: 1;
    position: relative;
    padding: 50px;
    box-shadow: 0 6px 21px 11px rgb(0 0 0 / 8%);
    background-repeat: no-repeat;
    background-size: cover
}

.ratewrp .mainwrp:after {
    content: "";
    background-color: #0e163ff5;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    position: absolute
}

.help-wrap .slick-next:before,
.help-wrap .slick-prev:before {
    font-family: FontAwesome;
    top: 250px;
    font-size: 38px;
    color: #777;
    position: absolute
}

.ratewrp .mainwrp .maindiv h4 {
    background: linear-gradient(43deg, #c29e33 0, #ffdc73 99%);
    -webkit-background-clip: text;
    background-clip: text;
    padding-bottom: 15px;
    font-size: 22px
}

.ratewrp .mainwrp .maindiv ul {
    margin: 50px 0 0;
    border: 1px solid #dcb84e;
    border-left: 0;
    padding: 60px 0 60px 20px
}

.indus .pricingwrap ul li,
.publishwrp .mainwrp {
    background-color: #fff;
    border-radius: .25rem;
    box-shadow: 0 0 0 1px rgb(0 0 0 / 5%), 0 7px 25px 0 rgb(0 0 0 / 3%), 0 4px 12px 0 rgb(0 0 0 / 3%);
    transition-property: box-shadow, transform;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.ratewrp .mainwrp .maindiv ul li {
    color: #e6dbdb;
    font-size: 16px;
    padding: 20px 0 16px 20px;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #605946
}

.ratewrp .mainwrp .maindiv ul li.current:after {
    content: "\f101";
    position: absolute;
    left: 0;
    top: 20px;
    font-family: FontAwesome;
    color: #d3af45
}

.ratewrp .mainwrp .maindiv ul li.current {
    color: #caa63c
}

.ratewrp .mainwrp .detailwrp h4 {
    background: linear-gradient(43deg, #c29e33 0, #ffdc73 99%);
    -webkit-background-clip: text;
    background-clip: text;
    padding-bottom: 15px;
    font-size: 32px
}

.cta-banner p,
.ratewrp .mainwrp .detailwrp p {
    color: #fff;
    font-size: 16px
}

.ratewrp .mainwrp .detailwrp ul {
    height: 260px
}

.ratewrp .mainwrp .detailwrp ul li {
    color: #fff;
    font-size: 14px;
    padding: 0 0 20px 20px;
    position: relative
}

.ratewrp .mainwrp .detailwrp ul li:after {
    content: "\f101";
    position: absolute;
    left: 0;
    top: 0;
    font-family: FontAwesome;
    color: #d3af45
}

.ratewrp .mainwrp .tabs {
    display: none !important
}

@-webkit-keyframes videomodule-anim {
    0% {
        -webkit-transform: scale(.68);
        transform: scale(.68)
    }

    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}

@keyframes videomodule-anim {
    0% {
        -webkit-transform: scale(.68);
        transform: scale(.68)
    }

    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}

.publishwrp .mainwrp img {
    width: 60px;
    margin: 0 0 20px
}

.publishwrp .mainwrp:hover {
    transform: translateY(-1px);
    box-shadow: 0 0 0 1px rgb(0 0 0 / 5%), 0 7px 25px 0 rgb(0 0 0 / 3%), 0 4px 30px rgb(0 0 0 / 10%)
}

.publishwrp .mainwrp {
    padding: 50px 30px;
    height: 410px;
    margin: 0 0 30px
}

.indus .mainwrp {
    height: 330px
}

.indus .pricingwrap ul li {
    padding: 60px
}

.indus .pricingwrap ul li .pricing-box {
    text-align: left;
    display: block
}

.indus .pricingwrap ul li .pricing-box h2 span {
    text-decoration: line-through
}

.packagewrp .pkgrwrp ul li.pkgebox .nmbrwrp,
.pub .packagewrp .pkgrwrp ul li.pkgebox .nmbrwrp {
    display: block;
    padding: 30px 0 0
}

.packagewrp .pkgrwrp ul li.pkgebox .nmbrwrp a,
.pub .packagewrp .pkgrwrp ul li.pkgebox .nmbrwrp a {
    font-size: 16px;
    font-weight: 500;
    color: #d1ad43
}

.packagewrp .pkgrwrp ul li.pkgebox .nmbrwrp a span,
.pub .packagewrp .pkgrwrp ul li.pkgebox .nmbrwrp a span {
    display: block;
    color: #b4b1a9;
    font-size: 14px;
    font-weight: 500
}

section.cta-banner {
    background: 50% / cover no-repeat #21345e;
    padding: 50px 0
}

section.cta-banner h2 {
    color: #fff !important;
    font-size: 34px;
    line-height: 40px
}

.help-wrap {
    background: #fff;
    padding: 50px 0;
    overflow: hidden
}

.help-wrap .txtdiv p a {
    color: #861b7f
}

.help-wrap [type=button] {
    z-index: 1
}

.help-wrap .slick-prev:before {
    content: "\f104";
    left: 310px
}

.help-wrap .slick-next:before {
    content: "\f105";
    left: -1330px
}

.about-bnrwrp {
    padding: 240px 0 90px;
    display: block;
    text-align: center
}

.about-bnrwrp .txtwrp {
    width: 50%;
    margin: 0 auto 30px
}

.about-bnrwrp .txtwrp h2 {
    font-size: 48px;
    line-height: 50px;
    font-weight: 500
}

.about-img,
.talent-wrap {
    padding: 50px 0
}

.cta-main-1 .mainwerp .main-box {
    margin: 0 7px 0 0
}

.cta-main-1 .mainwerp .main-box h4 {
    padding: 0 0 10px 84px;
    font-size: 20px;
    color: #000;
    display: none
}

.cta-main-1 .mainwerp .main-box ul li {
    display: inline-block;
    margin: 0 4px
}

.cta-main-1 .mainwerp .main-box ul li img {
    border-radius: 10px
}

.cta-main-1 .mainwerp .main-box ul li p {
    text-align: left;
    padding: 7px 0 0;
    font-size: 20px;
    color: #000;
    display: none
}

.cta-main-1 .mainwerp .main-box ul li span {
    text-align: left;
    font-size: 16px;
    display: none
}

.how-helpwrp {
    background: #f7f9fc;
    padding: 70px 0
}

.testiwrp {
    padding: 10px 0
}

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

.cta-main-1 {
    padding: 0 0 50px;
    background: linear-gradient(180deg, #f5f5f7 0, #fff 99%)
}

.cta-main-1 .mainwerp {
    background: #0f4d36;
    border-radius: 7px;
    padding: 50px 5px 50px 65px;
    box-shadow: #121a4714 1px 11px 60px 0 !important;
    overflow: hidden
}

.formwrap .bg-clr {
    background-color: #eceffa
}

.formwrap .bg-clr .txtwrp {
    padding: 60px 60px 60px 0
}

@-webkit-keyframes move1 {

    0%,
    100% {
        -webkit-transform: rotate(-1deg) translate(-2px, -2px);
        transform: rotate(-1deg) translate(-2px, -2px)
    }

    50% {
        -webkit-transform: rotate(1deg) translate(2px, 2px);
        transform: rotate(1deg) translate(2px, 2px)
    }
}

@keyframes move1 {

    0%,
    100% {
        -webkit-transform: rotate(-1deg) translate(-2px, -2px);
        transform: rotate(-1deg) translate(-2px, -2px)
    }

    50% {
        -webkit-transform: rotate(1deg) translate(2px, 2px);
        transform: rotate(1deg) translate(2px, 2px)
    }
}

@-webkit-keyframes move2 {

    0%,
    100% {
        -webkit-transform: rotate(1deg) translate(2px, 2px);
        transform: rotate(1deg) translate(2px, 2px)
    }

    50% {
        -webkit-transform: rotate(-1deg) translate(-2px, -2px);
        transform: rotate(-1deg) translate(-2px, -2px)
    }
}

@-webkit-keyframes move3 {

    0%,
    100% {
        transform: translate(0, 0)
    }

    20%,
    65% {
        transform: translate(5px, 0)
    }

    40% {
        transform: translate(5px, 5px)
    }
}

.formwrap .bg-clr .txtwrp ul li {
    position: relative;
    font-size: 16px;
    padding: 0 0 9px 40px;
    color: #666;
    font-weight: 500
}

.formwrap .bg-clr .txtwrp ul li:after {
    content: "";
    content: "\f058";
    position: absolute;
    font-family: fontawesome;
    left: 10px;
    color: #20cb98;
    font-size: 15px;
    top: 2px
}

.my-float {
    font-size: 40px !important;
    margin-top: 10px
}

.float {
    animation: 1.5s infinite bounce;
    left: 10px;
    box-shadow: 2px 2px 3px #999;
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 20px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 5px rgb(0 0 0 / .3);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform .3s ease-in-out
}

.float:hover {
    transform: scale(1.1)
}

@keyframes bounce {

    0%,
    100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }
}

.girl-img {
    height: 480px
}

.our-process .h2 {
    padding-bottom: 30px;
    font-size: 35px
}

.cat-drop-down {
    display: flex;
    justify-content: space-between;
    background: linear-gradient(#263B6A,#1f6b9e);
}

.cat-drop-down h4 {
    font-size: 17px;
    color: #5bb6e0;
    padding-left: 20px;
    font-weight: 700;
    padding-bottom: 15px;
    text-align: left
}

.cat-drop-down ul {
    padding-top: 20px
}

.cat-drop-down li a {
    font-size: 13px !important;
    transition: .5s;
    border-bottom: 1px solid transparent;
    padding-bottom: 0 !important
}

.cat-drop-down li a:hover {
    color: #0a0a0a !important;
    background-color: #045d62;
    border-bottom: 1px solid #000
}

.wheel-image {
    position: absolute;
    width: 100%;
    height: 100%
}

.wheel-container {
    position: relative;
    width: 400px;
    height: 400px;
    margin: 0 auto;
    z-index: 0
}

.b-friday {
    background-image: url(../images/ny-pop-23-706654.webp?v1) !important;
    width: 823px;
    transform: scale(.8);
    padding: 0 0 40px !important;
    background-repeat: no-repeat;
    border-bottom: none;
    height: 578px;
    background-size: cover;
    overflow: initial;
    background-color: transparent
}

.paddle-image {
    position: relative;
    left: 50%;
    top: 0;
    transform: translateX(-50%)
}

.button-container {
    display: flex;
    justify-content: center;
    margin: 10px 0
}

.spin-button {
    color: #002529;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #38b000;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    background: linear-gradient(270deg, rgb(56 176 0) 0, rgb(255 255 255) 100%);
    margin-top: 0;
    z-index: 999
}

.reward-text {
    font-size: 17px;
    line-height: 1.4;
    font-weight: 500;
    text-align: center;
    color: #045d62;
    padding: 0;
    border: none;
    margin: 10px 30px 17px
}

.process-stpe-single .new-card {
    border-radius: 20px;
    box-shadow: rgb(16 16 16 / 25%) 3px 14px 16px;
    margin-bottom: 30px;
    border: none
}

.process-stpe-single .single-step img {
    width: 100%;
    border-radius: 8%;
    height: 300px !important;
    border: none
}

.fourth-section {
    padding: 60px 0;
    /* background: url(../images/jr/fourth-section-bg.webp) 0 0/cover no-repeat; */
    background-color: #263B6A;
}

.fourth-section h5 {
    margin: 0;
    font-size: 22px;
    font-weight: 400;
    color: #fff
}

.fourth-section .main-heading,
.fourth-section h4 {
    font-weight: 700;
    color: #a4b7df;
}

.fourth-section h4 {
    font-size: 34px
}

.fourth-section p {
    color: #fff;
    line-height: 22px;
    text-align: center;
    font-size: 14px
}

@media (max-width:1199px) {
    .fourth-section h4 {
        font-size: 30px
    }

    .fourth-section h5 {
        font-size: 20px
    }

    .fourth-section p {
        font-size: 14px
    }
}

@media (max-width:425px) {
    .fourth-section h4 {
        font-size: 25px
    }
}

@media (max-width:360px) {
    .fourth-section h4 {
        font-size: 20px
    }

    .fourth-section h5 {
        font-size: 16px
    }
}

.fourth-section .slider-heading {
    text-align: center !important
}

.fifth-section {
    padding: 80px 0;
    position: relative;
}

.fifth-section .content-top h5 {
    margin: 0;
    color: #282828;
    font-size: 16px
}

.fifth-section .content-top h4 {
    font-size: 34px;
    font-weight: 700;
    color: #0c0b0b;
    margin: 0 0 10px;
    line-height: 38px;
    text-align: left;
    font-family: "Lato", sans-serif;
}

.fifth-section .content-top p {
    line-height: 22px;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    width: 95%;
    color: black;
}

.fifth-section .content-top button {
    padding: 10px 30px;
    background: linear-gradient(90deg, #3aae01, #3aae01);
    color: #fff;
    font-weight: 600;
    border: 1px solid #3aae01;
    transition: .5s
}

.fifth-section .content-top button:hover {
    background: 0 0;
    border: 1px solid #3aae01;
    color: #3aae01;
    font-weight: 600
}

.single-news-content.slick-slide {
    padding: 10px;
    width: 100%
}

.slick-next,
.slick-prev {
    font-size: 17px;
    color: #fff;
    background: #263B6A;
    border-radius: 25px;
    border: none;
    padding: 3px 2px;
    z-index: 2;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: .3s
}

.slick-next:hover,
.slick-prev:hover {
    opacity: 1
}

.slick-prev {
    left: -35px
}

.slick-next {
    right: -40px
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    outline: 0;
    background: #0d3580;
    color: #fff
}

.jornal-wrapper img,
.jr-wrapper img {
    border-radius: 20px;
    box-shadow: rgb(19 57 208) 1px -1px 15px;
    transition: .4s;
    background: #263B6A;
}

.jornal-wrapper img:hover,
.jr-wrapper img:hover {
    border-radius: 20px;
    box-shadow: #fff 1px -1px 15px;
    transform: scale(1.02)
}

.testimonial h6 {
    font-size: 17px;
    font-weight: 600
}

.faq-padding {
    padding-top: 100px
}

.main-privacy h4 {
    text-align: left;
    padding-bottom: 10px
}

.termswrp p span {
    color: #000000;
    font-size: 14px
}

.thank-you {
    padding: 100px 0
}
.btn-2-info{
    margin-top: -90px;
    color: white;
    /* background: #0d225c; */
    border: 2px solid #145a8a;
    border-radius: 18px;
    padding: 10px;
}

.thank-you a {
    border-radius: 50px;
    padding: 15px 65px;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    width: 30%;
    text-align: center;
    cursor: pointer;
    transition: .5s ease-in-out;
    height: auto;
    background: #2d3b88;
    display: block;
    margin: 0 auto 20px !important
}

.thank-you .thank-you-img {
    margin: 20px auto;
    display: table
}
.btnwrp{

    display: flex;
    justify-content: center;
}
.top-bar ul.menu.social-icons {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 10px;
}
a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: white;
    text-decoration: none;
    background: #263b6a;
}

p {
    color: #ffffff;
    font-size: 14px;
    font-family: "Golos Text", sans-serif;
}

   /* Social links */
    /* .social-section {
    text-align: center;
    background: #000;
    padding: 40px 0;
} */

.social-links {
    display: flex;
    gap: 12px;
}

.social-links a {
    width: 42px;
    height: 42px;
    background: #222;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 18px;
    text-decoration: none;
    transition: 0.3s;
}

.social-links a:hover {
    background: #0b3a6e;
    transform: scale(1.1);
}