#jqcheck,.ff-primary,.ff-secondary,.h1,.h2,.h3,.h4,.h5,.h6,body,h1,h2,h3,h4,h5,h6 {
    font-family: Poppins,sans-serif
}

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

.relative,.service-cetawrp .txtwrp h2,body,header .navwrp ul li.sub-ser {
    position: relative
}

@font-face {
    font-family: Poppins;
    src: url('../fonts/Poppins-Medium.woff2') format('woff2'),url('../fonts/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url('../fonts/Poppins-SemiBold.woff2') format('woff2'),url('../fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

#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: 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 {
    color: var(--default-color);
    font-size: var(--base-font-size)
}

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

.fc-secondary,.list-simple li:before {
    color: var(--secondary-color)
}

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

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

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

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

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

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

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

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

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

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

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

.benefitswrp .mainwrp .imgwrp .btmtxt h4,.benefitswrp .mainwrp .maintxt p,.benefitswrp .mainwrp .txtmainwrp h4,.benefitswrp .mainwrp p,.challengewrp .boxwrp p,.ftr-secc .txtwrp p,.md-btn {
    font-size: 16px
}

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

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

.h3,.h4,.h5,.h6,h3,h4,h5,h6 {
    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-weight: 400;
    line-height: 1.4;
    padding: 0 0 20px;
    margin: 0;
    color: #687087
}

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

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

.clientlogos,.contatctsection,.digitalwrp,.gettowrp,.home-numbers-section,.insightwrp,.makeswrp,.needwrp,.our-workwrp,.sec-padding-70,.specialitieswrp {
    padding: 70px 0
}

.ctamainwrp,.dev-service,.portfolio,.sec-padding-60 {
    padding: 60px 0
}

.dev-ctawrp,.passionwrp,.sec-padding-xlarge {
    padding: 50px 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-0 {
    padding: 0
}

.pt-0 {
    padding-top: 0
}

.pb-0 {
    padding-bottom: 0
}

.pl-0 {
    padding-left: 0
}

.pr-0 {
    padding-right: 0
}

.m-0,header .navwrp ul {
    margin: 0
}

.mt-0 {
    margin-top: 0
}

.mb-0 {
    margin-bottom: 0
}

.ml-0 {
    margin-left: 0
}

.mr-0 {
    margin-right: 0
}

.tt-uppercase {
    text-transform: uppercase
}

.tt-capitalize {
    text-transform: capitalize
}

.drk_head header .navwrp ul li a,.privacy-text-wrapper h2,p span,p strong,section.digitalwrp h1 {
    color: #000
}

a:focus {
    outline: 0
}

img {
    border: 0;
    outline: 0
}

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

.absolute,.btm-img img {
    position: absolute
}

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

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

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

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

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

.transition {
    -webkit-transition: .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)
}

header {
    padding: 25px 0;
    position: absolute;
    width: 100%;
    z-index: 999999
}

.footer-section,.home-bannerwrp,footer {
    z-index: 0;
    position: relative
}

.drk_head header .logowrp img.logo-wht,header .logowrp img.logo-blk,section.service-cetawrp ul.tabs {
    display: none
}

.development-bannerwrp .txtwrp,.drk_head header .logowrp img.logo-blk,header .logowrp img.logo-wht,header .navwrp ul li .dropwrp .mainwrp .rightimg,header .navwrp ul li.sub-ser:hover .en-dropwrp,header .navwrp ul li.sub-ser:hover .tech-dropwrp,section.service-cetawrp ul.tabs.current {
    display: block
}

header .logowrp a p {
    color: #023563;
    font-size: 26px;
    font-weight: 700
}

header .logowrp a p span {
    color: #fd9a08
}

header .logowrp img {
    width: 190px
}

header .navwrp {
    text-align: right;
    display: block
}

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

header .navwrp ul li a {
    color: #fff;
    font-weight: 600;
    padding: 0 0 25px
}

header .navwrp ul li a.btnmain {
    background: #00adff;
    color: #fff;
    padding: 15px 30px;
    border-radius: 4px
}

.home-bannerwrp {
    background: #013365;
    padding: 140px 0 150px
}

.home-bannerwrp .txtwrp h1,.home-bannerwrp .txtwrp h2 {
    color: #fff;
    font-weight: 700;
    font-size: 54px;
    padding: 0 0 15px
}

.bottmform .formwrp .main-heading span,.btn-2:hover,.digitalwrp .txtwrp .main-heading span,.home-bannerwrp .txtwrp h1 span,.home-bannerwrp .txtwrp h2 span,.our-services-banner .txtwrp h1 span,section.digitalwrp .txtwrp h4 {
    color: #00adff
}

.home-bannerwrp .txtwrp p {
    color: #fff;
    font-size: 22px
}

.home-bannerwrp .btnwrp {
    display: block;
    padding: 30px 0 80px;
    margin: 0 0 0 -15px
}

.makeswrp .txtwrp,.specialitieswrp .txtwrp {
    margin: 0 auto 50px;
    text-align: center;
    display: block
}

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

.btn-1,.btn-2 {
    padding: 15px 30px;
    transition: .4s;
    display: inline-block;
    font-weight: 600
}

.btn-1 {
    background: #00adff;
    color: #fff;
    border-radius: 4px;
    border: 2px solid #00adff
}

.btn-2 {
    background: #00adff00;
    color: #00adff;
    border-radius: 4px;
    border: 2px solid;
    margin: 0 0 0 15px
}

.home-bannerwrp .imgbtm img,.our-services-banner .btmtxt img {
    margin: 0 0 20px
}

.home-bannerwrp .imgbtm span {
    display: block;
    color: #fff;
    font-size: 12px
}

.home-bannerwrp .imgwrp img {
    width: 127%;
    position: absolute;
    top: -210px
}

.home-bannerwrp:after {
    content: "";
    z-index: -1;
    position: absolute;
    background: #00000061;
    width: 100%;
    height: 100%;
    top: 0
}

.main-heading {
    font-size: 48px;
    font-weight: 600;
    color: #22204f
}

.main-pera,.needwrp .main-boxwrp ul li .main-parent .txtwrp p {
    font-size: 16px;
    color: #3c3863
}

.specialitieswrp .txtwrp {
    width: 64%
}

.specialitieswrp .mainwrp {
    transition: .3s;
    background: #f6f6fa;
    border-radius: 20px;
    padding: 50px 40px
}

.specialitieswrp .mainwrp:hover {
    background: #fff!important;
    transition: .3s;
    box-shadow: 0 0 20px 0 #e0e0e085
}

.specialitieswrp .mainwrp img {
    margin: 0 0 19px;
    filter: hue-rotate(645deg)
}

.box-section .mainwrp h4,.specialitieswrp .mainwrp h4 {
    font-size: 22px;
    font-weight: 600
}

.specialitieswrp .mainwrp p {
    color: #222;
    font-size: 14px
}

.box-section .mainwrp img,.specialitieswrp .mainwrp ul {
    margin: 0 0 30px
}

.specialitieswrp .mainwrp ul li {
    padding: 0 0 10px 15px;
    color: #222;
    position: relative
}

.specialitieswrp .mainwrp ul li:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background: #000;
    border-radius: 50%;
    left: 3px;
    top: 7px
}

.specialitieswrp .mainwrp a {
    color: #000;
    font-size: 18px
}

.makeswrp .txtwrp {
    width: 60%
}

.makeswrp .mainwrp {
    transition: .5s;
    display: block;
    text-align: center
}

.makeswrp .mainwrp:hover img {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    transition: .5s
}

.makeswrp .mainwrp img {
    margin: 0 0 20px;
    transition: .5s;
    filter: hue-rotate(645deg)
}

.makeswrp .mainwrp h4 {
    color: #222;
    font-weight: 600;
    font-size: 23px
}

.challengewrp .stickywrp .txtwrp p,.makeswrp .mainwrp p,.needwrp .stickywrp .txtwrp p {
    color: #3c3863
}

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

.clientlogos .txtwrp h4 {
    color: #777;
    font-size: 22px;
    padding: 0 0 30px
}

.our-workwrp .btnleft a,.upr-head {
    font-size: 20px;
    color: #00adff
}

.clientlogos .txtwrp ul li {
    display: inline-block;
    vertical-align: top
}

.clientlogos .txtwrp ul li img {
    width: 180px;
    height: 40px
}

.benefitswrp .mainwrp .imgwrp,.ftr-btm .visawrp,.our-workwrp .btnleft,.roleswrp .row.bodrbtm .btnwrp {
    display: block;
    text-align: right
}

.our-workwrp .btnleft a {
    font-weight: 600
}

.our-workwrp .mainwrp ul li {
    display: inline-block;
    width: 49%;
    margin: 0 12px 0 0
}

.our-workwrp .mainwrp ul li img {
    width: 100%;
    border-radius: 10px
}

.gettowrp .btnmain,.insightwrp .txtwrp {
    display: block;
    padding: 0 0 40px
}

.box-section .mainwrp a,a.btn-3 {
    color: #00adff;
    font-size: 16px;
    font-weight: 600
}

a.btn-3 i {
    margin: 0 0 0 7px
}

.bottmform .imgwrp img,.gettowrp .imgwrp img,.journeywrp .imgwrp img,.needwrp .main-boxwrp ul li .main-parent .imgwrp img,header .navwrp ul li .dropwrp video {
    width: 100%
}

.insightwrp .mainwrp {
    transition: .5s
}

.insightwrp .mainwrp .imgwrp {
    overflow: hidden;
    transition: .5s;
    border-radius: 10px;
    height: 230px
}

.insightwrp .mainwrp .imgwrp img {
    width: 100%;
    border-radius: 12px;
    margin: 0 0 10px;
    transition: .5s
}

.insightwrp .mainwrp .imgwrp img:hover {
    transform: scale(1.1)
}

.insightwrp .mainwrp a {
    color: #00adff;
    font-size: 16px;
    display: block;
    margin: 0 0 14px
}

.insightwrp .mainwrp h4 {
    font-size: 22px
}

footer {
    background: #170827;
    padding: 70px 0 0;
    overflow: hidden
}

footer .logowrp img {
    height: 35px;
    filter: brightness(8.5)
}

.contatctsection .txtwrp ul li,footer .tophead-txt {
    display: block;
    padding: 0 0 30px
}

footer .tophead-txt h4 {
    color: #ff96b4;
    font-size: 34px
}

.challengewrp .customertxt ul li .mainwrp,footer .ftr-nav {
    margin: 0 0 50px
}

footer .ftr-nav ul {
    margin: 5px 0 0
}

footer .ftr-nav ul li {
    margin: 0 0 .6rem
}

footer .ftr-nav ul li a {
    color: #d1cdcd52;
    font-size: 14px
}

footer .ftr-nav h6 {
    color: #00adff;
    font-size: 12px;
    padding: 0 0 20px
}

footer .ftr-nav h6 a {
    color: #fffcf870!important
}

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: #11061e;
    padding: 20px 0 10px
}

.ftr-btm .visawrp img {
    height: 25px
}

.ftr-btm .btmnav p {
    padding: 0;
    color: #ffffff57;
    display: inline-block;
    font-size: 12px
}

.ftr-btm .btmnav ul li {
    display: inline-block;
    margin: 0 0 0 20px
}

.ftr-btm .btmnav ul li a {
    color: #abb6c5;
    font-size: 12px
}

.footer-section {
    background: #140722;
    overflow: hidden
}

.footer-cta {
    border-bottom: 1px solid #8b8a8638
}

.single-cta i {
    color: #00adff;
    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: 0;
    padding: 0
}

.cta-text span a {
    color: #757575;
    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: 180px
}

.footer-text p {
    margin-bottom: 14px;
    font-size: 14px;
    color: #7e7e7e;
    line-height: 28px
}

.footer-social-icon span {
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Bai Jamjuree',sans-serif;
    margin-bottom: 20px
}

.footer-social-icon a {
    color: #7e7e7b;
    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 h3,.footer-widget-heading h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 40px;
    position: relative
}

.footer-social-icon h3::before,.footer-widget-heading h3::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
    height: 2px;
    width: 50px;
    background: #00adff
}

.facebook-bg {
    background: #3b5998
}

.twitter-bg {
    background: #55acee
}

.google-bg {
    background: #dd4b39
}

.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: #fff;
    border: 1px solid #fff;
    color: #000;
    outline: 0
}

.subscribe-form button {
    position: absolute;
    right: 0;
    background: #00adff;
    padding: 13px 20px;
    border: 1px solid #ff4a17;
    top: 0;
    cursor: pointer
}

.subscribe-form button i {
    color: #fff;
    font-size: 22px;
    transform: rotate(-6deg)
}

.footer-section:after {
    content: "";
    transform: skew(311deg) rotate(31deg);
    position: absolute;
    background: #0e163f;
    width: 156%;
    height: 240%;
    right: -470px;
    top: 0;
    z-index: -1;
    border-radius: 50%
}

.our-services-banner {
    background-image: url(../images/21-2.jpg);
    padding: 270px 0 200px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.our-services-banner .txtwrp {
    width: 72%;
    text-align: center;
    margin: 0 auto
}

.our-services-banner .txtwrp h1 {
    color: #fff;
    font-size: 54px;
    font-weight: 700;
    padding: 0 0 20px
}

.our-services-banner .txtwrp p {
    color: #fff;
    font-size: 18px
}

.box-section {
    margin: -90px 0 0;
    padding: 0 0 70px
}

.box-section .mainwrp {
    background: #fff!important;
    transition: .3s;
    box-shadow: 0 0 20px 0 #6667a02b;
    padding: 60px 30px;
    display: block;
    text-align: center;
    border-radius: 20px
}

.box-section .mainwrp p,.privacy-text-wrapper a {
    color: #000;
    font-size: 14px
}

.digitalwrp .txtwrp ul li {
    color: #3c3863;
    font-size: 16px;
    font-weight: 600;
    padding: 0 0 10px 15px;
    position: relative
}

.digitalwrp .txtwrp ul li:after {
    content: "";
    background: #00adff;
    width: 4px;
    height: 4px;
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 9px
}

.digitalwrp .imgwrp img {
    width: 100%;
    border-radius: 12px;
    margin: 0
}

.contatctsection .formwrp .fromtxt,.digitalwrp .btnwrp {
    display: block;
    padding: 30px 0 0
}

.dev-ctawrp .mainwrp .btnwrp,.passionwrp .btnwrp {
    display: block;
    padding: 20px 0 0
}

.our-services-banner .btmtxt {
    text-align: center;
    display: block;
    position: absolute;
    width: 100%;
    bottom: 30px
}

.our-services-banner .btmtxt span {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 12px
}

.benefitswrp .txtwrp h2.main-heading,.ctaa-newww .txtwrp h2.hdng,.ctamainwrp .mainwrp .txtwrp h2,.ctamainwrp .mainwrp .txtwrp p,.home_pg header .logowrp p,.our-services-banner .btmtxt i {
    color: #fff
}

.service-cetawrp {
    background-color: #f3f3f3;
    padding: 50px 0
}

.contatctsection .formwrp .lablewrp,.service-cetawrp .txtwrp {
    display: block;
    padding: 0 0 20px
}

.service-cetawrp .txtwrp h2:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 1px;
    display: none;
    background-image: linear-gradient(180deg ,hsla(0,0%,100%,.3),hsla(0,0%,100%,.3)),linear-gradient(7deg ,#ff0071,#fff800);
    bottom: 0;
    left: 0
}

.service-cetawrp ul.tabbing-links {
    border-right: 1px solid #d1d1d1;
    padding: 0
}

.service-cetawrp ul.tabbing-links li {
    font-size: 22px;
    color: #22204f;
    font-weight: 600;
    cursor: pointer;
    transition: 1s cubic-bezier(.51, .92, .27, .96)!important;
    margin: 0 0 14px
}

.service-cetawrp ul.tabbing-links li.current {
    color: #00adff;
    font-weight: 600
}

.service-cetawrp ul.tabbing-links li:hover {
    color: #f99e00
}

.service-cetawrp .ser-port li .imgwrp img {
    width: 100%;
    height: 318px;
    object-fit: cover
}

.service-cetawrp .ser-port li .mainwrp {
    padding: 60px 40px
}

.service-cetawrp .ser-port li .mainwrp h2 {
    color: #000;
    font-size: 26px;
    font-weight: 500;
    padding: 0 0 5px
}

.service-cetawrp .ser-port li .mainwrp span {
    font-size: 20px;
    color: #fff;
    font-weight: 600
}

.service-cetawrp .ser-port li .mainwrp p {
    padding: 20px 0 40px
}

.service-cetawrp .ser-port li .mainwrp .btn-main {
    background-color: #000;
    background-image: unset;
    padding: 15px 25px
}

.service-cetawrp .ser-port li .mainwrp .btn-secnd {
    color: #fff;
    font-weight: 500;
    padding: 15px 25px
}

.ctamainwrp .imgwrp img {
    width: 156%;
    position: relative;
    z-index: 1;
    border-radius: 20px
}

.ctamainwrp .mainwrp {
    background: #013365;
    padding: 80px 60px 90px 150px;
    border-radius: 20px
}

.ctamainwrp .mainwrp .txtwrp {
    padding: 0 0 20px
}

.development-bannerwrp {
    padding-top: 195px!important;
    padding-bottom: 160px!important;
    background-image: url(../images/bg.png);
    background-position: right;
    background-repeat: no-repeat!important;
    background-size: inherit;
    position: relative;
    overflow: hidden
}

.development-bannerwrp .txtwrp h1 {
    font-size: 56px;
    color: #22204f;
    font-weight: 700;
    padding: 0 0 20px;
    text-transform: capitalize
}

.development-bannerwrp .txtwrp p {
    font-size: 16px;
    font-weight: 500;
    color: #3c3863;
    padding: 0 0 40px
}

.development-bannerwrp .imgwrp img {
    width: 100%;
    position: absolute;
    top: -80px
}

.development-bannerwrp .btmtxt {
    position: absolute;
    bottom: 30px
}

.development-bannerwrp .btmtxt img {
    display: block;
    margin: 0 0 8px
}

.development-bannerwrp .btmtxt span {
    color: #222;
    font-size: 12px
}

.drk_head header .logowrp img {
    filter: unset
}

.dev-ctawrp .mainwrp {
    background-image: url(../images/3-4.jpg);
    display: block;
    text-align: center;
    padding: 130px 150px;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-size: cover
}

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: 700
}

header .navwrp ul li .dropwrp ul li a {
    padding: 0;
    text-transform: capitalize;
    position: relative;
    color: #211f31;
    font-weight: 400;
    font-size: 14px
}

header .navwrp ul li .dropwrp ul li h6 a {
    font-size: 16px;
    font-weight: 600
}

header .navwrp ul li .dropwrp .row>div:first-child ul li a:after {
    display: none;
    background: #ec874b
}

header .navwrp ul li .dropwrp ul li {
    display: block;
    padding: 7px 0;
    margin: 0
}

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 .imgwrp {
    background: #f9f9f9;
    padding: 70px 10px 0 30px;
    text-align: left;
    height: 100%;
    display: block;
    flex-wrap: wrap;
    align-content: space-between;
    margin-right: 20px
}

header .navwrp ul li .dropwrp .imgwrp img {
    width: 180px
}

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: 12px;
    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 video {
    width: 100%;
    border-radius: 50px;
    padding: 15px;
    background: #000
}

header .navwrp ul li .dropwrp.drp-vdo-2 .imgwrp .videowrp video {
    width: 75%
}

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;
    text-align: left;
    padding: 28px 0 30px
}

header .navwrp ul li .dropwrp .btm-navbr .circlewrp {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    bottom: -77px;
    left: 0;
    display: inline-block;
    margin: 0 30px 0 0;
    border: 10px;
    box-shadow: 0 11px 60px 0 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: solid #000
}

header .navwrp ul li.sub-ser .en-dropwrp,header .navwrp ul li.sub-ser .tech-dropwrp {
    border-radius: 14px;
    box-shadow: 1px 13px 60px 0 #8994ac66;
    top: 65px;
    z-index: 99;
    right: -50px;
    display: none;
    height: auto;
    position: absolute;
    background: #fff
}

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 .tech-dropwrp {
    width: 181px
}

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 .en-dropwrp ul li a,header .navwrp ul li.sub-ser .tech-dropwrp ul li a {
    color: #211f31;
    padding: 17px 0 13px 10px!important;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none
}

header .navwrp ul li.sub-ser .tech-dropwrp ul li a {
    text-align: start;
    display: block;
    border-bottom: 1px solid #82849038;
    width: 100%
}

header .navwrp ul li.sub-ser .en-dropwrp {
    width: 96px
}

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 {
    display: block;
    text-align: center
}

header .navwrp ul li.sub-ser .en-dropwrp ul li img {
    height: 14px
}

header .navwrp ul li .dropwrp {
    position: absolute;
    width: 100%;
    max-height: 0;
    background: #fff;
    box-shadow: 0 12px 60px 0 rgb(126 126 126 / 18%);
    left: 0;
    padding: 0 0 40px;
    transition: max-height .15s ease-out;
    visibility: hidden;
    opacity: 0;
    top: 75px;
    border-radius: 0;
    height: auto
}

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: 65px 0 20px;
    margin: 0;
    min-height: 250px;
    display: block;
    text-align: left
}

header .navwrp ul li .dropwrp li a {
    text-transform: unset!important
}

header .navwrp ul li .dropwrp .videowrp h4 {
    font-size: 24px
}

header .navwrp ul li .dropwrp .videowrp p {
    text-align: left;
    padding: 16px 0 0
}

header .navwrp ul li .dropwrp ul.top-ul li h6 {
    font-size: 20px;
    font-weight: 400;
    color: #aba9a9
}

header .navwrp ul li .dropwrp ul.top-ul li a .iconwrp {
    display: inline-block
}

header .navwrp ul li .dropwrp ul.top-ul li a .droptxt {
    display: inline-block;
    width: 79%;
    vertical-align: top;
    margin: 0 0 0 20px
}

header .navwrp ul li .dropwrp ul.top-ul li a .droptxt h6 {
    font-size: 21px;
    color: #000;
    font-weight: 500
}

header .navwrp ul li .dropwrp ul.top-ul li a .droptxt span {
    font-size: 12px
}

header .navwrp ul li .dropwrp .mainwrp {
    background: #f0f0f0d1;
    border-radius: 12px;
    display: block;
    text-align: left;
    padding: 30px 50px;
    margin: 60px 0 0
}

header .navwrp ul li .dropwrp .mainwrp h6 {
    color: #000;
    font-size: 18px;
    padding: 0 0 60px
}

header .navwrp ul li .dropwrp .mainwrp .rightimg img {
    width: 100%;
    border-radius: 7px
}

header .navwrp ul li .dropwrp .mainwrp .txtrightwrp {
    display: block;
    padding: 0 0 70px;
    width: 90%
}

header .navwrp ul li .dropwrp .mainwrp .txtrightwrp h4 {
    font-size: 17px
}

header .navwrp ul li .dropwrp .mainwrp .txtrightwrp p {
    font-size: 12px;
    padding: 0
}

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
}

.challengewrp {
    padding: 50px 0;
    background: #fafafa
}

.dev-service .boxwrp,.pink-sec {
    background-color: #00adff!important
}

.challengewrp .stickywrp {
    position: sticky;
    top: 220px
}

.benefitswrp .txtwrp,.challengewrp .stickywrp .txtwrp {
    width: 80%
}

.challengewrp .stickywrp .txtwrp h2,.journeywrp .txtwrp h2 {
    color: #22204f
}

.challengewrp .stickywrp .imgwrp img {
    margin: 40px 0 0;
    border-radius: 12px
}

.challengewrp .customertxt {
    padding: 310px 0 0
}

.challengewrp .customertxt ul li {
    padding: 0;
    border-bottom: 1px solid #dcdcdc73;
    margin: 0 0 40px
}

.challengewrp .customertxt ul li .mainwrp .txtwrp p {
    font-size: 26px;
    color: #3c3863
}

.challengewrp .customertxt ul li .mainwrp .boxwrp {
    padding: 50px 80px;
    background: #fff;
    box-shadow: rgb(0 0 0 / 5%) 0 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: 25px;
    padding: 0 0 20px;
    position: relative;
    font-weight: 600
}

.challengewrp .customertxt ul li .mainwrp .boxwrp h6 img {
    position: absolute;
    left: -30px
}

.challengewrp .customertxt ul li .mainwrp .boxwrp p {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    padding: 0
}

.challengewrp .customertxt ul li .mainwrp .btnwrp {
    text-align: right
}

.challengewrp .customertxt ul li .mainwrp .boxwrp span {
    color: #3c3863;
    font-size: 15px;
    margin: 10px 0 0;
    display: block
}

.pink-sec {
    padding: 150px 0!important
}

section.pink-sec .txtwrp h1 {
    margin: 0 0 0 -60px;
    font-size: 50px;
    color: #fff
}

section.pink-sec .imgwrp h3 {
    color: #fff;
    margin-top: 20px
}

section.pink-sec .imgwrp p {
    color: #fff;
    width: 300px;
    margin-right: -50px
}

.white-sec {
    background-color: #fff!important;
    padding: 190px 0!important
}

.white-sec .imgwrp h3,.white-sec .txtwrp h1 {
    color: #000!important
}

.white-sec .txtwrp p {
    margin: 10px 0 0 -60px;
    font-size: 20px
}

.white-sec .imgwrp p {
    color: #687087!important;
    width: 300px;
    margin-right: -50px
}

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

.wrk-sec .main-heading h1,section.exp-banner .main-content h1 {
    text-align: center;
    color: #000
}

.wrk-sec .imgwrp img {
    box-shadow: 0 0 15px 7px #aaa0a052;
    margin-top: 30px;
    border-radius: 16px;
    width: 100%
}

.wrk-sec .imgwrp h1 {
    margin-top: 30px;
    color: #000
}

.dev-service .boxwrp h3,.dev-service .boxwrp p,.seo-cta .txtwrp h2,.seo-cta .txtwrp p {
    color: #fff;
    text-align: center
}

.wrk-sec .btnwrp .btn-2 {
    position: relative;
    bottom: 210px
}

.online-with {
    background-color: #5050a6!important;
    padding: 60px 0
}

.online-with .main-heading h1 {
    text-align: center;
    font-size: 80px;
    color: #fff
}

.dev-service .boxwrp .btnwrp,.needwrp .main-boxwrp ul li .main-parent .imgwrp,.online-with .btnwrp {
    text-align: center
}

section.digitalwrp p {
    margin-top: 10px;
    width: 540px
}

.dev-service .heading .main-heading {
    text-align: center;
    color: #000;
    width: 100%;
    font-weight: 600
}

.dev-service .boxwrp {
    height: 310px;
    padding: 40px 20px;
    margin: 40px 0 0;
    border-radius: 16px
}

.dev-service .boxwrp p {
    margin-bottom: 10px
}

.ios-banner {
    background-color: #ddd7d7!important;
    padding-top: 195px!important;
    padding-bottom: 160px!important;
    background-image: none
}

.ios-banner .txtwrp img {
    position: relative;
    left: 290px
}

.exp-banner {
    padding: 190px 0;
    background-image: url(../images/exp-banner.png);
    background-position: initial;
    background-repeat: no-repeat;
    background-size: 1354px
}

section.exp-banner .main-content p {
    text-align: center;
    margin-top: 20px;
    font-size: 20px;
    color: #000
}

.wrp-btn,section.exp-banner .main-content .btnwrp {
    text-align: center;
    margin-top: 30px
}

.seo-cta {
    background: #5050a6!important;
    height: 500px;
    padding: 120px 0 0;
    position: relative
}

.wrp-btn :before {
    content: url(../images/arman/Lines.png)!important;
    display: block!important;
    position: absolute;
    left: 85px;
    top: 183px
}

.seo-cta:after {
    content: url(../images/arman/dots.svg)!important;
    display: block!important;
    position: absolute;
    right: 0;
    top: -122px
}

.mt-tp {
    margin-top: 30px
}

.roleswrp {
    padding: 70px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -460px -230px;
    und: #fff;
    position: relative
}

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

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

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

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

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

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

.roleswrp:before {
    content: url(../images/arman/yel.svg);
    position: absolute;
    left: -90px;
    top: -50px
}

.grow-business {
    padding: 60px 0;
    text-align: center
}

.grow-business h2 {
    font-size: 48px
}

.portfolio .imgwrp img {
    width: 100%;
    border-radius: 20px;
    margin-top: 30px
}

.contatctsection .txtwrp ul {
    margin: 30px 0 0;
    border-right: 1px solid #e2dcdc
}

.contatctsection .txtwrp ul li h4 {
    color: #00adff;
    font-size: 16px
}

.contatctsection .txtwrp ul li a {
    color: #000;
    font-size: 22px;
    font-weight: 500
}

.contatctsection .txtwrp ul li a img {
    width: 80%;
    border-radius: 20px
}

.contatctsection .formwrp .fromtxt .lablewrp select,.contatctsection .formwrp .lablewrp input {
    width: 100%;
    height: 44px;
    border: 1px solid #c3baba;
    padding: 0 0 0 10px;
    border-radius: 5px;
    outline: 0
}

.contatctsection .formwrp .fromtxt h4 {
    font-size: 32px;
    color: #000
}

.contatctsection .formwrp .fromtxt .lablewrp textarea {
    width: 100%;
    height: 134px;
    border: 1px solid #c3baba;
    padding: 10px 0 0 10px;
    border-radius: 5px;
    outline: 0
}

.contatctsection .formwrp .fromtxt .lablewrp span {
    display: block;
    padding: 10px 0 0
}

.contatctsection .formwrp .lablewrp input.btnmain {
    background: #00adff;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border: none;
    margin: 5px 0 0
}

.our-services-banner.cmpny-bnr .txtwrp {
    width: 100%;
    text-align: left
}

.benefitswrp {
    padding: 70px 0;
    background: #1d1d3f
}

.benefitswrp .mainwrp {
    width: 82%;
    margin: 50px auto 0;
    background: #170a2b;
    padding: 0 0 0 60px;
    border: 3px solid;
    overflow: hidden;
    border-radius: 40px
}

.benefitswrp .maintxt1,.benefitswrp .maintxt2,.benefitswrp .maintxt3,.benefitswrp .maintxt4 {
    background-repeat: no-repeat;
    background-position: right
}

.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 .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 .txtmainwrp {
    display: block;
    padding: 50px 0 0;
    width: 71%;
    border-top: 1px solid #444444b0;
    margin: 30px 0 0
}

.benefitswrp .mainwrp .maintxt {
    width: 80%;
    padding: 60px 0
}

.benefitswrp .mainwrp .maintxt h2 {
    font-size: 36px;
    color: #fff
}

.benefitswrp .mainwrp ul li {
    color: #c5c9ea;
    font-size: 16px;
    position: relative;
    padding: 0 0 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)
}

.benefitswrp .maintxt2 {
    background-image: url(../images/comma-store-eu-services-case.png)
}

.benefitswrp .maintxt3 {
    background-image: url(../images/lemuria-style-services-case.png)
}

.benefitswrp .maintxt4 {
    background-image: url(../images/gospark-services-case.png)
}

.journeywrp {
    padding: px 0 0;
    overflow: hidden
}

.journeywrp .txtwrp ul {
    margin: 30px 0 0
}

.journeywrp .txtwrp ul li {
    display: inline-block;
    width: 43%;
    font-size: 16px;
    padding: 0 0 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%
}

.needwrp .stickywrp {
    position: sticky;
    top: 180px
}

.needwrp .main-boxwrp ul {
    display: inline-block;
    width: 40%;
    vertical-align: top;
    margin: 0 89px 0 0
}

.needwrp .main-boxwrp ul li {
    margin: 0 0 50px;
    padding: 0 0 0 20px
}

.needwrp .main-boxwrp ul li .main-parent .txtwrp {
    width: 80%;
    text-align: center;
    margin: 0 auto
}

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

.home_pg .needwrp {
    padding: 0 0 70px
}

.home_pg .needwrp .stickywrp {
    position: sticky;
    top: 100px
}

.home_pg .needwrp .stickywrp .txtwrp {
    padding-top: 70px
}

.home_pg .needwrp .main-boxwrp ul li {
    padding: 50px 0 50px 50px;
    margin: 0;
    border-bottom: 1px solid #dee2e6
}

.home_pg .needwrp .main-boxwrp ul {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin: 0 89px 0 0;
    border-left: 1px solid #dee2e6
}

.home_pg .needwrp .main-boxwrp ul li.no-bdr {
    border-bottom: none
}

.home_pg .needwrp .main-boxwrp ul li .main-parent .txtwrp {
    width: 100%;
    text-align: left;
    margin: 0 auto
}

.home_pg .needwrp .main-boxwrp ul li .main-parent .txtwrp a.arrw-btn {
    color: #00adff;
    font-size: 15px
}

.home_pg .home-bannerwrp {
    background: 0 0;
    z-index: 0;
    position: relative;
    /*    height: 100vh;*/
    padding: 200px 0 40px;
    background-image: url(../images/home-bannerwrp.png);
    background-repeat:no-repeat;
    background-size: cover;
    background-position: center;
}

.ctaa-newww:before,.myVideo {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0
}

.myVideo {
    width: 100%;
    object-fit: cover;
    z-index: -1
}

.ser-client-logowrp {
    background: #f7f7f7;
    padding: 70px 0
}

.bottmform,.thnkyoywrp {
    background-repeat: no-repeat;
    background-size: cover
}

.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 {
    border: 1px solid #e0e0e0;
    padding: 72px 10px;
    display: inline-block;
    text-align: center;
    width: 24%;
    background: #fff
}

.bottmform form .labelwrp input,.bottmform form .labelwrp select,.bottmform form .labelwrp textarea {
    width: 100%;
    font-family: Cairo,sans-serif!important;
    background: #ffffff26;
    color: #777
}

.ser-client-logowrp .maincountr ul li h4 {
    color: #22204f;
    font-size: 42px
}

.ser-client-logowrp .maincountr ul li p {
    color: #3c3863;
    font-size: 13px;
    padding: 0
}

.ser-client-logowrp .maincountr ul li.border-right {
    border-radius: 20px 0 0 20px;
    border-right: unset!important
}

.ser-client-logowrp .maincountr ul li.border-left {
    border-radius: 0 20px 20px 0;
    border-left: unset!important
}

.ser-client-logowrp h2 {
    font-size: 36px
}

.home-numbers-section .bdrr {
    border-left: 1px solid #e1e1e1
}

.home-numbers-section .mnwrp {
    padding: 30px 20px
}

.home-numbers-section .txtwrp h2 {
    font-size: 50px
}

.home-numbers-section .txtwrp p.main-pera {
    padding-bottom: 30px
}

.home-numbers-section h3.cntr {
    font-size: 56px
}

.home-numbers-section p.cntr-pppp {
    font-size: 15px
}

.ctaa-newww {
    position: relative;
    overflow: hidden;
    padding: 150px 0;
    background: url(../images/cta_new.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.ctaa-newww:before {
    content: "";
    display: block;
    z-index: 0;
    background-color: rgb(0 0 0 / 72%);
    width: 100%
}

.ctaa-newww .txtwrp {
    position: relative;
    text-align: center
}

.ftr-secc {
    padding: 120px 0
}

.ftr-secc .btnwrp {
    margin-top: 20px
}

.bottmform {
    padding: 200px 0 50px;
    background-position: center;
    background-position: inherit
}

.bottmform form .labelwrp {
    display: block;
    margin: 0 0 26px
}

.bottmform form .labelwrp input {
    height: 47px;
    padding: 0 0 0 10px;
    border: 1px solid #6e6565;
    border-radius: 7px
}

.bottmform form .labelwrp select {
    height: 47px;
    border-radius: 7px;
    padding: 0 0 0 10px;
    border: 1px solid #6e6565
}

.bottmform form .labelwrp textarea {
    height: 115px;
    padding: 10px 0 0 10px;
    border: 1px solid #6e6565;
    border-radius: 7px;
    resize: none
}

.bottmform form .labelwrp input.btnmain {
    padding: 0;
    width: 40%;
    border-radius: 7px;
    background: #00adff;
    border: none;
    font-weight: 600;
    color: #fff
}

.thnkyoywrp {
    padding: 240px 0 150px;
    display: block;
    text-align: center;
    background-image: url(../images/bg-section.webp)
}

.cstmweb-imgggg {
    position: absolute;
    top: 0!important
}

.cstmweb-imgggg.mblappimg {
    position: absolute;
    top: 100px!important
}

.privacy-text-wrapper {
    padding: 70px 0 50px;
    position: relative;
    overflow: hidden;
    background: #fff
}

.privacy-text-wrapper p {
    color: #000;
    font-size: 15px
}

.privacy-text-wrapper p strong {
    color: #000;
    font-size: 20px
}

.privacy-text-wrapper ul li {
    font-size: 14px;
    padding: 0 0 10px 20px;
    color: #000;
    position: relative
}

.privacy-text-wrapper ul li:before {
    content: "";
    background: #00adff;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 6px
}

.privacy-text-wrapper a i {
    padding: 0 7px 0 0
}