/* @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,900|Open+Sans:300,400,600,700'); */
@font-face {
    font-family: 'Nexa';
    src: url('../css/fonts/NexaBold.eot');
    src: url('../css/fonts/NexaBold.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/NexaBold.woff2') format('woff2'),
        url('../css/fonts/NexaBold.woff') format('woff'),
        url('../css/fonts/NexaBold.ttf') format('truetype'),
        url('../css/fonts/NexaBold.svg#NexaBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/*@font-face {
    font-family: 'Nexa';
    src: url('../css/fonts/NexaLight.eot');
    src: url('../css/fonts/NexaLight.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/NexaLight.woff2') format('woff2'),
        url('../css/fonts/NexaLight.woff') format('woff'),
        url('../css/fonts/NexaLight.ttf') format('truetype'),
        url('../css/fonts/NexaLight.svg#NexaLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}*/




a{font-family: 'Nexa';}
#jqcheck { background: #fff9d7; text-align: center; color: #333; padding: 10px 0px; font-size: 13px; font-weight: bold; position: fixed; z-index: 9991; width: 100%; }
* { margin: 0px; padding: 0px; }

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

/* browser scroller style */
::-webkit-scrollbar {width: 4px;height:10px;}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display:none; }
::-webkit-scrollbar-track-piece {background-color:#ecedf1;-webkit-border-radius: 0px;border-left: 1px solid #33747f;}
::-webkit-scrollbar-thumb:vertical { -webkit-border-radius:0px; background:var(--primary-color); }
::-webkit-scrollbar-thumb {
    background: #33727e!important;
}

h1, h2, h3, h4, h5, h6{font-family: 'Nexa' !important;}

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

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

/* font family */
.ff-primary { font-family: 'Nexa'; }
.ff-secondary {font-family: 'Nexa';}

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

/* buttons */
.primary-btn,.secondary-btn { font-size: 13px; font-weight: 400; text-transform: capitalize; padding: 8px 15px;  position:relative; display:table; border-radius: 3px; }
.primary-btn:after, .secondary-btn:after { content: "\e957"; font-family: 'icomoon' !important;
font-size: 13px;  color: white; padding-left: 10px; display: table-cell; vertical-align: middle;  }
.primary-btn { background:var(--primary-color); color: white; }
.primary-btn:hover {background:var(--primary-color-dark); color: white; }
.secondary-btn { background:var(--secondary-color); color: white;  }
.secondary-btn:hover {background:var(--secondary-color-dark); color: white; }

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


html {
  scroll-behavior: smooth;
}

.secpad-100{padding: 100px 0;}


.sm-btn { font-size: 14px; }
.md-btn { font-size: 16px; }
.lg-btn { font-size: 18px; }
.xl-btn { font-size: 20px; }
p{    font-family: 'Poppins', sans-serif !important;}
/* headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p { margin: 0; padding: 0; }
h1, .h1, h2, .h2  font-family: 'Nexa';}
h3, .h3, h4, .h4, h5, .h5, h6, .h6{  font-family: 'Nexa' !important; padding-bottom: 10px;
color: var(--theme-dark); }

h2, .h2 { font-size: 6.7vmin; }
h3, .h3 { font-size: var(--font-size-h3); font-weight: 600; }
h4, .h4 { font-size: var(--font-size-h4); }
h5, .h5 { font-size: var(--font-size-h5); }
h6, .h6 { font-size: var(--font-size-h6); }
p { /*font-size: var(--base-font-size);*/ }

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

/*** theme sections padding ***/
.sec-padding-100 { padding:100px 0;} .sec-padding-90 { padding:90px 0;}
.sec-padding-80 { padding:80px 0;} .sec-padding-70 { padding:70px 0;}
.sec-padding-60 { padding:60px 0;} .sec-padding-xlarge { padding:50px 0; }
.sec-padding-large { padding:40px 0; } .sec-padding-medium { padding:30px 0; }
.sec-padding-small { padding:25px 0; } .sec-padding-xsmall { padding:10px 0; }

/*** theme sections margin ***/
.sec-margin-100 { margin:100px 0;} .sec-margin-90 { margin:90px 0;}
.sec-margin-80 { margin:80px 0;} .sec-margin-70 { margin:70px 0;}
.sec-margin-60 { margin:60px 0;} .sec-margin-xlarge { margin:50px 0; }
.sec-margin-large { margin:40px 0; } .sec-margin-medium { margin:30px 0; }
.sec-margin-small { margin:25px 0; } .sec-margin-xsmall { margin:10px 0; }

/*** no padding, no marging ***/
.p-0 { padding:0; }
.pt-0 { padding-top:0px; } .pb-0 { padding-bottom:0px; }
.pl-0 { padding-left:0px; } .pr-0 { padding-right:0px; }
.m-0 { margin:0; }
.mt-0 { margin-top:0px; } .mb-0 { margin-bottom:0px; }
.ml-0 { margin-left:0px; } .mr-0 { margin-right:0px; }

.preloader {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; }
.preloader .preloader-after,
.preloader .preloader-before {display: block; position: absolute; left: 0; width: 100%; height: 50%; background-image: linear-gradient(to right, #cb568a, #b10655); }
.preloader .preloader-before {top: 0; }
.preloader .preloader-after {bottom: 0; }
.preloader .preloader-block {position: absolute; top: 0; left: 0; right: auto; bottom: auto; width: 100%; height: 100%; }
.preloader .preloader-block .title {position: absolute; left: 0; bottom: calc(50% + 16px); width: 100%; text-align: center; z-index: 2; font-size: 25px; text-transform: uppercase; letter-spacing: 8px; color: #fff; }
.preloader .preloader-block .percent {position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); font-weight: 700; letter-spacing: 8px; font-size: 24vw; color: rgba(255, 255, 255, .14); z-index: 1; }
.preloader .preloader-block .loading {position: absolute; top: calc(50% + 16px); left: 0; width: 100%; text-align: center; z-index: 2; font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: 8px; color: #fff; -webkit-animation: blink-animation 2.2s linear infinite; }
.preloader .preloader-bar {position: absolute; z-index: 2; top: calc(50% - 1px); right: 0; width: 100%; height: 2px; background:rgba(255, 255, 255, .14); }
.preloader .preloader-bar .preloader-progress {position: absolute; top: 0; left: 0; right: auto; bottom: auto; height: 100%; width: 0; background:#fff; }

@-webkit-keyframes blink-animation {
    0% {
        opacity: 0
    }
}

@-moz-keyframes blink-animation {
    0% {
        opacity: 0
    }
}

@keyframes blink-animation {
    0% {
        opacity: 0
    }
}

.preloader.hidden-main {opacity: 0; visibility: hidden }
.preloader .preloader-after,
.preloader .preloader-before {transition: .6s ease-in-out }
.hidden .preloader-after {transform: translate(0, 100%) }
.hidden .preloader-before {transform: translate(0, -100%) }
.loader-width .preloader-progress {width: 100%!important }
.preloader .preloader-bar .preloader-progress {transition: width 3.2s; transition-timing-function: cubic-bezier(.1, .5, 1.3, .1) }
.bubbles_wrap {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; overflow: hidden; pointer-events: none }
a{    text-transform: uppercase;}
@-webkit-keyframes animateBubble {
    0% {
        margin-top: 20%
    }
    to {
        margin-top: -30%
    }
}

@-moz-keyframes animateBubble {
    0% {
        margin-top: 20%
    }
    to {
        margin-top: -30%
    }
}

@keyframes animateBubble {
    0% {
        margin-top: 20%
    }
    to {
        margin-top: -30%
    }
}

@-webkit-keyframes sideWays {
    0% {
        margin-left: 0
    }
    to {
        margin-left: 25px
    }
}

@-moz-keyframes sideWays {
    0% {
        margin-left: 0
    }
    to {
        margin-left: 25px
    }
}

@keyframes sideWays {
    0% {
        margin-left: 0
    }
    to {
        margin-left: 25px
    }
}


*,:after,:before{box-sizing:border-box}
.pull-left{float:left}
.pull-right{float:right}
.clearfix:after,.clearfix:before{content:'';display:table}
.clearfix:after{clear:both;display:block}

.rangeslider,
.rangeslider__fill {
    display:block;
    border-radius:10px;
}

.rangeslider {
    position:relative;
}
.rangeslider:after{
    top:50%;
    left:0;
    right:0;
    content:'';
    width:100%;
    height: 11px;
    margin-top:-2.5px;
    border-radius:5px;
    position:absolute;
    border: 3px dotted #F7F7F7;
    background: #fff;
}

.rangeslider--horizontal{
    width:100%;
    height:28px;
}

.rangeslider--vertical{
    width:5px;
    min-height:150px;
    max-height:100%;
}
.rangeslider--disabled{
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity:0.4;
}

.rangeslider__fill{
    position:absolute;
    background: #357782;
}
.rangeslider--horizontal .rangeslider__fill{
    top:0;
    height:100%;
}
.rangeslider--vertical .rangeslider__fill{
    bottom:0;
    width:100%;
}

.rangeslider__handle{
    top:50%;
    width:28px;
    height:28px;
    cursor:pointer;
    margin-top:-14px;
    background:white;
    position:absolute;
    background:#ff637b;
    border-radius: 10px;
    display:inline-block;
    background: #087984;
}
.rangeslider__handle:active{
    background: #347580;
}

.rangeslider__fill,
.rangeslider__handle{
    z-index:1;
}
.rangeslider--horizontal .rangeslider__fill{
    top:50%;
    height:5px;
    margin-top:-2.5px;
}

/* Budget */
.budget-wrap{
}
.budget-wrap .header .title{
    color: #777;
    font-size: 15px;
    margin-bottom: 10px;
}
.budget-wrap .header .title .pull-right{
    color: #357782;
    font-size: 16px;
    font-weight:400;
    border: 2px solid #357782;
    padding: 2px 20px;
    border-radius: 7px;
}
.budget-wrap .footer{
    margin-top:30px;
}
.budget-wrap .footer .btn{
    color:inherit;
    padding:12px 24px;
    border-radius:50px;
    display:inline-block;
    text-decoration:none;
}
.budget-wrap .footer .btn.btn-def{
    color:#525263;
    display: none;
}
.budget-wrap .footer .btn.btn-pri{
    color:#eee;
    background:#ff5a84;
    display: none;
}



.x1 {-webkit-animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate; animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate; left: 6%; top: 45%; background: #ffb739 }
.x2 {-webkit-animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate; animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate; left: 5%; top: 80%; background: #fc4fdd }
.x3 {-webkit-animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate; animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate; left: 10%; top: 40%; background: #5ed5cb }
.x4 {-webkit-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate; animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate; left: 20%; top: 0; background: #3de4a3 }
.x5 {-webkit-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate; animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate; left: 30%; top: 50%; background: #fc4fb1 }
.x6 {-webkit-animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate; animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate; left: 50%; top: 0; background: #2c4aff }
.x7 {-webkit-animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate; animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate; left: 65%; top: 70%; background: #ffb739 }
.x8 {-webkit-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate; animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate; left: 80%; top: 10%; background: #8f3de4 }
.x9 {-webkit-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate; animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate; left: 90%; top: 50%; background: #fff339 }
.x10 {-webkit-animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate; animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate; left: 80%; top: 80%; background: #fc4f4f }
.bubble {border-radius: 50%; box-shadow: none; height: 5px; position: absolute; width: 5px }


.tt-uppercase{text-transform: uppercase;}
.tt-capitalize{text-transform: capitalize;}
.mobileapp .mobileapp .txtwrp{    width: 72%;
    margin: 0 auto;
    text-align: center;
    display: block;}


p strong { color: black; }
p span { color: black; }
a:hover { text-decoration: none; }
a:focus { outline: none; text-decoration: none; }
img { border: 0px; outline: none; }
/*img { max-width: 100%;  }*/
ul,li { list-style-type: none; }
.relative { position:relative; }
.absolute { position:absolute; }

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

a { text-decoration: none; }
.list-simple { list-style: none; margin: 0 0 15px 0; width:100%; display:inline-block; }
.list-simple li {color: var(--default-color);padding: 0 0 10px 16px;line-height: 20px;font-size: 14px;font-weight: 400;position:relative;}
.list-simple li:before {position: absolute; left: 0px;top: 0px;
font-size: 13px; color:var(--secondary-color); content: "\e93a"; font-family: 'icomoon' !important; }

/*** morefull block link ***/
.moreFull { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; }
/*** transition ***/
.transition {-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
/*** scale with transition ***/
.scale-with-transition { -webkit-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in; transition: all 200ms ease-in; -webkit-transform: scale(1.05);
-ms-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); }
.upr-head{
    color: #087984;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.main-heading{font-size: 42px;}
.main-heading span{color: #087984; }
.main-pera{color: #5D5D5D;font-size: 18px;font-weight: 500;}
/* header 
------------------------------------*/
.tophead{background: #E8FDF3; padding: 10px 0; font-size: 15px; }
.tophead .txtwrp{}
.tophead .txtwrp p{padding: 0; color: #03192B; display: block; text-align: right; text-transform: uppercase;}

header{padding: 0px 0 0px;position: fixed;width: 100%;z-index: 999;background: #fff;box-shadow: -1px -2px 15px -3px rgb(0 0 0 / 41%);}
header .logowrp{}
header .logowrp img{width: 50%;padding: 10px 0 10px;}
header .navwrp{padding: 20px 0 20px;}
header .navwrp ul{margin: 0px 0 0;display: block;text-align: right;}
header .navwrp ul li{display: inline-block;margin: 0 0 0 9px;}
header .navwrp ul li a{color: #000;font-size: 14px;padding: 0 3px 50px;text-transform: uppercase;}
header .navwrp ul li a i{color: #777; position: relative; left: 3px; top: 0px; font-size: 12px; }
header .navwrp ul li a.btn-1{border: 1px solid #c7b4b4;padding: 18px 20px;border-radius: 9px;background-image: unset;font-size: 14px;font-weight: 600;}
header .navwrp ul li a.btn-2{padding: 18px 20px;border-radius: 9px;background-image: linear-gradient(to right, #357782 , #23505C);color: #fff;font-size: 14px;font-weight: 600;}
header.header-main.showmenu .tophead{display: none;}

header .navwrp ul li:hover .dropwrp{
    max-height: 400px;
    /*transition: max-height 0.25s ease-in;*/
    opacity: 1;
    border-radius:0;
    top: 93px;
    visibility: visible;
    }
header .navwrp ul li .dropwrp{
    position: absolute;
    width: 100%;
    max-height: 0px;
    background: #fff;
    box-shadow: 0 12px 60px 0 rgb(126 126 126 / 18%);
    left: 0;
    padding: 0;
    top: 80px;
    transition: max-height 0.15s ease-out;
    visibility: hidden;
    opacity: 0;
    top: 97px;
    border-radius: 10px;
}

header .navwrp ul li .dropwrp.casedrop{
    width: 290px;
    margin: 0 auto;
    text-align: center;
    display: block;
    left: 0px;
    position: absolute;
    top: 59px;
    }
header .navwrp ul li .dropwrp.casedrop ul.top-ul{    min-height: 130px;}
header .navwrp ul li .dropwrp ul li{
    display: block;
    text-align: left;
    line-height: 1.8;
    padding: 0 0 7px 20px;
}
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 a{
    padding-left: 10px;
    text-transform: capitalize;
    font-size: 14px;
    position: relative;
    /*transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;*/
    color: #222;
}
header .navwrp ul li .dropwrp ul li a:hover{
    color: #24535f;
}
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: 38px;}
header .navwrp ul li .dropwrp .imgwrp img{width: 100%; border-radius: 5px; }
header .navwrp ul li .dropwrp .imgwrp p{ text-align: left; padding-top: 24px; padding-bottom: 0; font-size: 14px; line-height: 1.6;}
header .navwrp ul li .dropwrp .row > div:nth-child(1) ul li a:after{ background: #ec874b; }
header .navwrp ul li .dropwrp .row > div:nth-child(2) ul li a:after{ background: #9c1d61; }
header .navwrp ul li .dropwrp .row > div:nth-child(3) ul li a:after{ background: #5751cd; }
header .navwrp ul li .dropwrp .row > div:nth-child(4) ul li a:after{ background: #347681; }
header .navwrp ul li .dropwrp .row > div:nth-child(5) ul li a:after{ background: #347681; }
header .navwrp ul li .dropwrp .row > div:nth-child(6) ul li a:after{ background: #347681; }
header .navwrp ul li .dropwrp ul.top-ul{ padding: 38px 0; margin: 0; min-height: 250px;}
header .navwrp ul li .dropwrp ul.nav-botm li a:after{ display: none; }
header .navwrp ul li .dropwrp ul.nav-botm {text-align: left; border-top: 1px solid #e2d6d6; padding: 30px 0; display: flex; justify-content: space-between; margin-top: 0;}
header .navwrp ul li .dropwrp ul.nav-botm li{padding: 0; margin: auto 0;}
header .navwrp ul li .dropwrp ul.nav-botm li a{}
header .navwrp ul li .dropwrp ul.nav-botm p{color: #504d4d; font-weight: 700; margin-bottom: 0; padding-bottom: 0;}


/*.testiwrp .slick-dots li button{*/
/*    left: -520px !important;*/
/*    position: relative !important;*/
/*    top: -10px !important;*/
/*}*/

.testiwrp .slick-dots li button{
    left: -42px !important;
    position: relative !important;
    top: -230px !important;
}



.brnwrp{background-image: url(../images/banner.png);background-repeat: no-repeat;background-size: cover;padding: 170px 0 40px;z-index: 2;position: relative;}
.brnwrp:after{content: "";position: absolute;background-image: url(../images/home-dot-1.svg);width: 95px;height: 180px;    right: 0;top: 140px;background-size: 96%;background-repeat: no-repeat;}
.brnwrp:before{content: "";content: "";position: absolute;background-image: url(../images/home-dot-1.svg);width: 95px;height: 180px;    right: 0;bottom: 0px;background-size: 96%;background-repeat: no-repeat;}
.brnwrp .txtwrp{}
.brnwrp .overly{
    position: absolute;
    background-color: #0000008c;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
}
.brnwrp .txtwrp h1{
    font-size: 60px;
    line-height: 62px;
    color: #fff;
    padding: 0 0 13px;
}
.brnwrp .txtwrp h1 span{color: #2ACB91; }
.brnwrp .txtwrp p{
    color: #FFFFFF;
    font-size: 18px;
    line-height: 1.6;
}
.brnwrp .btnwrp{display: block; padding: 15px 0 0; }
.brnwrp .btnwrp .btn-2{margin: 0 0 0 20px; color: #fff; }
.btn-1{padding: 15px 20px;border-radius: 6px;background-image: linear-gradient(to right, #357782 , #23505C);color: #fff;font-size: 14px;padding: 18px 20px;border-radius: 9px;background-image: linear-gradient(to right, #357782 , #23505C); color: #fff;font-weight: 600;}
.btn-1:hover{color: #fff;background-image: linear-gradient(to right, #388a98 , #123b46);transform: translateY(4px);}
.brnwrp .btnwrp .btn-2 i{margin: 0 10px 0 0; color: #fff; }
.brnwrp .imgwrp{}
.brnwrp .imgwrp ul{margin: 60px 0 0; }
.brnwrp .imgwrp ul li{display: inline-block; margin: 0 20px 0 0; }
.brnwrp .imgwrp ul li img{width: 141px;}
.trustwrp{background: #F7F7F7;padding: 35px 0;    margin: 0 0 30px;}
.trustwrp h4{padding: 0;display: block;text-align: center;color: #087984;font-size: 16px;text-transform: uppercase;}
.trustwrp{}
.trustwrp ul{margin: 30px 0 0; display: block; text-align: center; }
.trustwrp ul li{display: inline-block; margin: 0 20px 0; }
.trustwrp ul li img{    width: 60px;margin: 0 80px 0;}
.trustwrp .img-extra{    width: 100%;
    margin: 30px 0 0;}

.validatewrp{padding: 50px 0;background: #FCFEFF;}
.validatewrp .txtwrp{display: block;text-align: center;width: 63%;position: relative;margin: 0 auto;}
.validatewrp .txtwrp img{width: 10%; position: absolute; left: -130px; }
.validatewrp .btnwrp{display: block; text-align: center; }
.validatewrp .btnwrp a{color: #000; font-size: 15px; font-weight: 600; margin: 0 20px 0; }
.validatewrp .btnwrp a span{color: #357782; }


.tebsection{background: #FCFEFF; padding: 50px 0; }
.tebsection .navwrp{}
.tebsection .navwrp ul{margin: 0; text-align: center; font-size: 0; }
.tebsection .navwrp ul li{display: inline-block;width: 24.9%;border: 1px solid #E4E4E4;font-weight: 600;height: 90px;margin: 0px 0 0;padding: 32px 0 0;font-size: 14px;color: #23505C;cursor: pointer;font-weight: 500;text-transform: uppercase;}
.tebsection .navwrp ul li.current{color: #2ACB91; }
.tebsection .tabdiv{padding: 70px 0 0;background-image: url(../images/tabs-bg.png);background-size: cover;background-repeat: no-repeat;position: relative;z-index: 1;background-attachment: fixed;height: 430px;}
.tebsection .tabdiv:after{content: "";position: absolute;background: #255460a6;width: 100%;height: 100%;top: 0;z-index: -1;}
.tebsection .tabdiv .txtwrp{}
.tebsection .tabdiv .txtwrp h4{color: #fff; }
.tebsection .tabdiv .txtwrp h2{color: #fff; font-size: 38px; font-weight: 500; }
.tebsection .tabdiv .btnwrp{display: block; padding: 25px 0 0; }
.tebsection .tabdiv .btnwrp .btn-1{background-image: unset;background: #fff;color: #0A0A0A;font-weight: 500;border: 1px solid #c7b4b4;padding: 18px 20px;border-radius: 9px;background-image: unset;font-size: 11px;font-weight: 600;}
.tebsection .tabdiv .btnwrp .btn-2{color: #fff; font-size: 15px; margin: 0 0 0 30px; }
.tebsection .tabdiv .imgwrp{}
.tebsection .tabdiv .imgwrp img{width: 100%;position: relative;right: -100px;bottom: -50px;}
.tebsection img.food-img{width: 69% !important;}
section.mobileapp.ecom-cta 
.offerwrp{padding: 50px 0 50px;}
.offerwrp .txtwrp{
    padding: 0 0 20px 20px;
}
.ecom-pg .mobileapp .txtwrp .btn-1{background: #fff;}
.offerwrp .txtwrp h2{font-size: 42px;font-weight: 600;color: #000;}
.offerwrp .txtwrp h2 span{color: #2ACB91; }
.offerwrp .mainwrp{padding: 30px 30px;border-radius: 10px;width: 85%;margin: 30px 0 0;transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;height: 315px;background-image: linear-gradient(to right, #fff, #F5F5F5);border: 1px solid #2868F930;margin: 0 auto;}
.offerwrp .mainwrp img{width: 60px;margin: 0 0 20px;height: 40px;}
.offerwrp .mainwrp h5{color: #000;font-size: 22px;}
.offerwrp .mainwrp p{color: #000000;font-size: 14px;padding: 10px 0 0;height: 146px;}
.offerwrp .mainwrp a{color: #2ACB91;}
.offerwrp .mainwrp a i{margin: 0 0 0 10px; }
.offerwrp .mainwrp:hover{background-image: linear-gradient(to right, #357782 , #23505C); transition: 2s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important; box-shadow: -1px -2px 15px -3px rgb(0 0 0 / 41%); }
.offerwrp .mainwrp:hover h5{color: #fff;}
.offerwrp .mainwrp:hover p{color: #fff;} .offerwrp .txtdiv{display: block;text-align: center;padding: 50px 0 0;}
.offerwrp .txtdiv span{color: #000000;font-size: 18px;font-weight: 500;display: block;}
.offerwrp .txtdiv p{color: #000; font-size: 16px; padding: 15px 0 0; display: inline-block; margin: 0 14px 0; }
.offerwrp .txtdiv p a{color: #357782; }
.offerwrp .mainwrp .btnwrp{}
.offerwrp .mainwrp.extra .btnwrp a{position: relative;top: -25px;}
.offerwrp .mainwrp:hover img{    filter: brightness(10.5);}


.chosewrp{padding: 70px 0 70px;background-image: url(../images/cta-1bg.png);background-repeat: no-repeat;background-size: cover;position: relative;}
.chosewrp .txtwrp{}
.chosewrp .txtwrp h4{color: #2ACB91; }
.chosewrp .txtwrp h2 span{color: #2ACB91; }
.chosewrp .txtwrp h2{color: #fff; }
.chosewrp .txtwrp p{color: #FFFFFFD8; }
.chosewrp .txtwrp ul{margin: 0 0px 0;width: 100%;}
.chosewrp .txtwrp ul li{margin-left: 3px;color: #fff;font-size: 16px;display: inline-block;width: 47%;position: relative;padding: 0 10px 4px 16px;font-weight: 500;margin: 0px 0px 0 11px;}
.chosewrp .txtwrp ul li:after{content: "\f058";font-family: 'FontAwesome';position: absolute;left: -11px;color: #2ACB91;margin: 0 10px 0 0;}
.chosewrp .btnwrp{display: block;padding: 35px 0 0;}
.chosewrp .btnwrp a{background-image: unset;background-color: #fff;color: #000;font-weight: 500;padding: 18px 20px;font-size: 12px;}
.chosewrp .btnwrp a span{color: #3E8E71;}
.chosewrp:after{content: "";position: absolute;background-image: url(../images/cta-dot.svg);width: 95px;height: 180px;left: 1260px;bottom: 0px;background-size: 96%;background-repeat: no-repeat;}
.chosewrp:before{content: "";background: #2ACB91;width: 90px;height: 140px;position: absolute;right: 0;top: 0; display:none;}


.processwrp{background-image: linear-gradient(to right, #F2F2F2, #FAFAFA);padding: 60px 0;position: relative;}
.processwrp .txtwrp{display: block;text-align: center;padding: 0 0 20px;width: 80%;margin: 0 auto;}
.processwrp .txtwrp h2 span{color: #3E8E71; }
.processwrp .mainwrp{border: 1px solid #C1C1C1;width: 250px;height: 250px;border-radius: 50%;margin: 0 auto 20px;display: block;transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;text-align: center;background-image: linear-gradient(to right, #fff, #F5F5F5);}
.processwrp .mainwrp img{text-align: center;width: 60px;margin: 60px 0 0;display: block;margin: 70px auto 5px;}
.processwrp .mainwrp h4{color: #000000; font-size: 18px; padding: 15px 0 0; }
.processwrp .mainwrp:hover{background-image: linear-gradient(to right, #357782 , #23505C); }
.processwrp .mainwrp:hover h4{color: #fff; }
.processwrp .btnwrp{padding: 40px 0 0; display: block; text-align: center; }
.processwrp .btnwrp .btn-2{padding: 15px 25px;border-radius: 6px;color: #000;font-size: 15px;background-image: linear-gradient(to right, #fff, #F5F5F5);border: 1px solid #C1C1C1;margin: 0 15px 0 0;border: 1px solid #c7b4b4;padding: 18px 20px;border-radius: 9px;background-image: unset;    font-size: 14px; font-weight: 600;}
.processwrp .txtdiv{padding: 30px 0 0 31px; }
.processwrp .txtdiv p{color: #5D5D5DD8; font-size: 16px; }
.processwrp:after{content: "";position: absolute;background-image: url(../images/process-dots.svg);width: 100px;height: 180px;background-size: 96%;background-repeat: no-repeat;top: -50px;left: 220px;}
.processwrp .mainwrp:hover img{filter: brightness(10.5);}


/*.testiwrp{padding: 70px 0 50px;position: relative;}*/
/*.testiwrp .imgwrp{position: relative; }*/
/*.testiwrp .imgwrp img{margin-top: 12px;width: 100%;position: relative;}*/
/*.testiwrp .imgwrp:after{content: "";position: absolute;background-image: url(../images/quma.png);width: 95px;height: 110px;z-index: 1;background-repeat: no-repeat;background-size: 70%;right: 60px;margin: 0 auto;top: -20px;}*/
/*.testiwrp .txtdiv{padding: 40px 60px 0 60px;}*/
/*.testiwrp .txtdiv h5{color: #000000;font-size: 22px;padding: 0 0px 30px;height: 130px;overflow: auto;margin: 0 0 20px;}*/
/*.testiwrp .txtdiv span{color: #357782;font-size: 18px;font-weight: 600;padding: 0 0 0 10px;}*/
/*.testiwrp .txtdiv h6{color: #000000;font-size: 18px;font-weight: 600;display: block;line-height: 1.5;padding: 0 0 0 10px;}*/
/*.testiwrp .txtdiv h6 span{display: block;color: #777;font-size: 12px;padding: 0;}*/
/*.testiwrp:after{content: "";position: absolute;background-image: linear-gradient(to right, #E6FFF6, #EFFDF7);width: 100%;height: 100%;bottom: 0;z-index: -1;right: 0;}*/
/*.testiwrp:before{content: "";position: absolute;background-image: url(../images/buildwrp-after.svg);width: 100px;height: 210px;background-size: 96%;background-repeat: no-repeat;top: 10px;right: 140px;}*/
/*.testiwrp  .imgwrp h2{font-size: 36px;width: 80%;}*/

.testiwrp{padding: 70px 0 0px;position: relative;}
.testiwrp .imgwrp{position: relative; }
.testiwrp .imgwrp img{margin-top: 12px;width: 100%;position: relative;}
.testiwrp .imgwrp:after{content: "";position: absolute;background-image: url(../images/quma.png);width: 95px;height: 110px;background-repeat: no-repeat;background-size: 70%;right: 120px;margin: 0 auto;top: -20px;display:none;}
.testiwrp .txtdiv{padding: 40px 60px 0 60px;}
.testiwrp .txtdiv h5{color: #000000;font-size: 22px;padding: 0 0px 30px;height: 130px;overflow: auto;margin: 0 0 20px;}
.testiwrp .txtdiv span{color: #357782;font-size: 18px;font-weight: 600;padding: 0 0 0 10px;}
.testiwrp .txtdiv h6{color: #000000;font-size: 18px;font-weight: 600;display: block;line-height: 1.5;padding: 0 0 0 10px;}
.testiwrp .txtdiv h6 span{display: block;color: #777;font-size: 12px;padding: 0;}
.testiwrp:after{content: "";position: absolute;background-image: linear-gradient(to right, #E6FFF6, #EFFDF7);width: 66%;height: 83%;bottom: 0;z-index: -1;right: 0;}
.testiwrp:before{content: "";position: absolute;background-image: url(../images/buildwrp-after.svg);width: 100px;height: 210px;background-size: 96%;background-repeat: no-repeat;top: 10px;right: 140px;}
.testiwrp  .imgwrp h2{font-size: 36px;width: 80%;}



.btmform{background: #09515E;padding: 70px 0 20px;z-index: 9999;}
.btmform .txtwrp{}
.btmform .txtwrp h4{color: #fff; font-size: 24px; }
.btmform .formwrp{padding: 15px 0 0; }
.btmform .formwrp form{}
.btmform .formwrp form .lablewrp{display: inline; }
.btmform .formwrp form .lablewrp input{width: 80%;background: #0000;outline: none;border: none;border-bottom: 1px solid #FFFFFF;padding: 0 0 20px;font-size: 0px;font-size: 16px;color: #fff;font-size: 17px;font-weight: 500;}
.btmform .formwrp form .lablewrp input.btnwrp{width: 14%;display: inline-block;font-size: 0;border-bottom: 0;position: absolute;right: 120px;cursor: pointer;z-index: 9;}
.btmform .formwrp form .lablewrp.btnaftr:after{content: "\f105";position: absolute;font-family: 'FontAwesome';font-size: 30px;color: #fff;right: 160px;top: 0;opacity: 0.7;background: #ff000000;padding: 0px 15px 0 18px;border-radius: 50%;border: 1px solid white;}.


::placeholder {
  color: #fff !important;
}
footer{background: #09515E;padding: 30px 0 20px;}
footer .navwrp{}
footer .navwrp h4{color: #FFFFFF;opacity: 0.5;font-size: 20px;padding: 0 0 10px;color: #FFFFFF;opacity: 0.5;font-size: 14px;padding: 0 0 10px;text-transform: uppercase;}
footer .navwrp ul{margin: 0; }
footer .navwrp ul li{padding: 0 0 3px; }
footer .navwrp ul li a{color: #fff;font-size: 12px;text-transform: capitalize;}
footer .navwrp h3{color: #FFFFFF;font-size: 20px;padding: 0 0 30px;}
footer .navwrp a.addwrp{color: #FFFFFF;opacity: 0.5;font-size: 12px;text-transform: capitalize;}
footer .navwrp span{display: block;color: #fff;padding: 0 0 15px;font-weight: 500;}
footer .imgwrp{}
footer .imgwrp ul{margin: 0; }
footer .imgwrp ul li{display: inline-block; margin: 20px 15px 0 0; }
footer .imgwrp ul li img{width: 70px; }
footer .btm-ftr{padding: 50px 0 0; border-top: 1px solid #7aa1a8;    margin: 40px 0 0;}
footer .btm-ftr .txtwrp{}
footer .btm-ftr .txtwrp i{color: #fff; margin: 0 10px 0 0; font-size: 18px; }
footer .btm-ftr .txtwrp span{color: #fff; color: #FFFFFF; }
footer .btm-ftr .txtwrp span a{  color: #FFFFFF;
    font-size: 12px;
    margin: 0 0 0 10px;
    text-transform: inherit;

    }
footer .btm-ftr .txtwrp p{color: #FFFFFF; opacity: 0.5; }
footer .btm-ftr .txtwrp ul{margin: 0; display: block; text-align: right; }
footer .btm-ftr .txtwrp ul li{display: inline-block; margin: 0 30px 0 0; }
footer .btm-ftr .txtwrp ul li i{color: #FFFFFF; opacity: 0.5; }

.slick-dots li button:before{    background: #24535f !important;}

.servicewrp{}



.helpwrp{background-image: linear-gradient(to right, #357782 , #23505C);padding: 70px 0 0;position: relative;}
.helpwrp .txtwrp{}
.helpwrp .txtwrp h4{font-size: 42px; color: #fff; }
.helpwrp .txtwrp p{color: #fff;margin: -30px 0 0;}
.helpwrp .txtdiv{}
.helpwrp .txtdiv h4{display: block; text-align: center; color: #FFFFFF; font-size: 26px; font-weight: 500; }
.helpwrp .txtdiv span{text-align: center; display: block; color: #FFFFFF; font-size: 16px; line-height: 1; padding: 0 0 20px; }
.helpwrp .txtdiv img{width: 70%;margin: 0 auto;text-align: center;display: block;}
.helpwrp .btnwrp{display: block; padding: 20px 0 0; }
.helpwrp .btnwrp .btn-2{color: #fff;margin: 0 0 0 20px;padding: 15px 20px;border: 1px solid;border-radius: 11px;}
.helpwrp .btnwrp .btn-1{background-image: unset; background-color: #fff; color: #2a5f6b; font-weight: 500; }
.helpwrp .txtimggg{width: 100%; text-align: left; display: block; position: relative; left: -60px; }
.helpwrp:after{content: "";content: "";background-image: url(../images/buildwrp-after.svg);width: 130px;height: 190px;position: absolute;background-repeat: no-repeat;background-size: 62%;right: 0;bottom: 170px;}
.helpwrp:before{content: "";content: "";background-image: url(../images/buildwrp-after.svg);width: 130px;height: 190px;position: absolute;background-repeat: no-repeat;background-size: 62%;left: 0;bottom: -40px;}
.helpwrp .box-1{
    background: #2ACB91;
    width: 90%;
    height: 40px;
    text-align: center;
    display: block;
    margin: 0 auto 7px;
}
.helpwrp .box-2{
    background: #2acb91e0;
    width: 90%;
    height: 40px;
    text-align: center;
    display: block;
    margin: 0 auto 7px;
}
.helpwrp .box-3{
    background: #2acb91b8;
    width: 90%;
    height: 40px;
    text-align: center;
    display: block;
    margin: 0 auto 7px;
}
.helpwrp .box-4{
    background: #2acb919e;
    width: 90%;
    height: 40px;
    text-align: center;
    display: block;
    margin: 0 auto 7px;
}
.helpwrp .box-5{
    background: #2acb9182;
    width: 90%;
    height: 40px;
    text-align: center;
    display: block;
    margin: 0 auto 7px;
}
.helpwrp .box-6{
    background: #2acb9180;
    width: 90%;
    height: 40px;
    text-align: center;
    display: block;
    margin: 0 auto 7px;
}
.helpwrp .box-7{
    background: #2acb9170;
    width: 90%;
    height: 40px;
    text-align: center;
    display: block;
    margin: 0 auto 7px;
}
.helpwrp .box-8{
    background: #2acb9159;
    width: 90%;
    height: 100px;
    text-align: center;
    display: block;
    margin: 0 auto 0px;
}
.col-md-6.padding-ryt {
    padding: 0 0 0 0px;
}


.mainctawrp{padding: 100px 0;text-align: center;display: block;background-image: url(../images/pexels-photo-1181449.png);background-repeat: no-repeat;background-size: cover;}
.mainctawrp.terms-con{padding: 180px 0; text-align: center; display: block; background-image: url(../images/term-condition-banner.png); background-repeat: no-repeat; background-size: cover; }
.mainctawrp.privacy-poli{padding: 180px 0; text-align: center; display: block; background-image: url(../images/privacy-policy-banner.png); background-repeat: no-repeat; background-size: cover; }


.mainctawrp .txtwrp{}
.mainctawrp .txtwrp h4{color: #2ACB91; }
.mainctawrp .txtwrp h2{color: #fff; font-size: 42px; padding: 0 0 50px; }
.mainctawrp .txtwrp a{color: #000;padding: 18px 20px;background: #fff;font-size: 16px;font-weight: 500;border-radius: 12px;}




.our-approach{padding: 70px 0;background-repeat: no-repeat;background-size: cover;position: relative;}
.our-approach .txtwrp{}
.our-approach .txtwrp ul{margin: 10px 0 10px;display:block;}
.our-approach .txtwrp ul li{display: inline-block;margin: 0 25px 0 0;color: #03192B;font-size: 16px;font-weight: 600;padding: 0 0 5px 0px;/* width: 25%; */}
.our-approach .txtwrp ul li img{width: 60px; }
.our-approach .btnwrp{text-align: start;padding: 20px 0 0px;}
.our-approach .btnwrp a {color: #000;font-size: 15px;font-weight: 600;margin: 0 20px 0 0;}
.our-approach .btnwrp a span{color: #357782; }
.our-approach .mainwrp{box-shadow: -1px -2px 15px -3px rgb(0 0 0 / 18%); padding: 40px 30px; display: block; text-align: center; border-radius: 10px; margin: 0 0 20px; }
.our-approach .mainwrp i{color: #33727d; font-size: 36px; margin: 0 0 20px; }
.our-approach .mainwrp h4{
    padding: 0 0 10px;
    font-size: 24px;
}
.our-approach .mainwrp img{width: 55px;margin: 0 0 10px;}
.our-approach .mainwrp p{
    height: 118px;
    font-size: 14px;
    font-weight: 400;
}
.our-approach .main-1{margin: 50px 0 0; }
.our-approach .main-2{}
.our-approach .main-3{margin: 60px 0 0; }
.our-approach .main-4{}
.our-approach:after{content: "";content: "";background-image: url(../images/buildwrp-after.svg);width: 130px;height: 190px;position: absolute;background-repeat: no-repeat;background-size: 70%;left: 0;top: 90px;}
.our-approach .imgwrp{}
.our-approach .imgwrp img{}
.our-approach.dd-main h2{color: #fff;}
.our-approach.dd-main p{color: #fff;}
.our-approach.dd-main h4{color: #2ACB91;}
.our-approach.dd-main ul li{color: #fff;}
.our-approach.dd-main span{color: #2ACB91;}


.ideaswrp{padding: 90px 0 40px; }
.ideaswrp .txtwrp{}
.ideaswrp .txtwrp ul{}
.ideaswrp .txtwrp ul li{padding: 0 0 25px;color: #5D5D5D;font-size: 18px;font-weight: 600;}
.ideaswrp .btnwrp{}
.ideaswrp .btnwrp .btn-1{background-image: unset; color: #222; border: 2px solid #8a8484b0; font-weight: 600; margin: 0 30px 0 0; }
.ideaswrp .btnwrp .btn-2{color: #000; font-size: 15px; font-weight: 600; }
.ideaswrp .btnwrp .btn-2 span{color: #275763;}


.main-comboimg{background-image: url(../images/aboutgrid.png); width: 100%; height: 700px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.about-pg .trustwrp{margin: 0;}


.service-bnnr{padding: 200px 0 70px;position: relative;}
.service-bnnr .btnwrp .btn-1{background-image: unset; background-color: #fff; color: #34747f; font-weight: 500;}
.service-bnnr .formwrp{}    
.service-bnnr .formwrp form{width: 77%;background-color: #fff;padding: 30px 31px;float: right;border-radius: 10px;box-shadow: 0px 11px 60px 0px rgb(126 126 126 / 18%);
}
.service-bnnr .formwrp form h4{color: #087984;font-size: 18px;font-weight: 600;padding: 0 0 10px;}
.service-bnnr .formwrp form h2{
    color: #000000;
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
    padding: 10px 0 20px;
    letter-spacing: 0px;
}
.service-bnnr .formwrp form .lablewrp{}    
.service-bnnr .formwrp form .lablewrp input{width: 100%;height: 45px;margin: 0 0 13px;padding: 0 0 0 10px;border-radius: 6px;border: 1px solid #e6e6e67a;outline: none;}
.service-bnnr .formwrp form .lablewrp input.btnmain{background-image: linear-gradient(to right, #357782 , #23505C); color: #fff; }
.service-bnnr .formwrp form span{font-size: 11px; line-height: 1.6; color: #4C604D; display: block; padding: 0 0 20px; }
.service-bnnr .img-flt{position: absolute; left: 0; right: 0; width: 70%; margin: 0 auto; bottom: 0; }
.service-bnnr .formwrp form .clrwrp{padding: 20px 0px 0;border-top: 1px solid #E6EBF2;}
.service-bnnr .formwrp form .clrwrp a{color: #000;font-weight: 600;font-size: 11px;margin: 0 2px;}
.service-bnnr .formwrp form .clrwrp a span{display: inline-block; color: #33737e; font-weight: 600; }
.service-bnnr .formwrp form .clrwrp a i{color: #33727e; font-size: 17px; margin: 0 9px 0 0; }
.service-bnnr .txtwrp{}
.service-bnnr .txtwrp ul{
    margin: 0 0 30px 30px;
}
.service-bnnr .txtwrp ul li{color: #fff;font-size: 16px;padding: 0 0 5px;}
.service-bnnr .txtwrp ul li:after{content: "\f058";font-family: 'FontAwesome';position: absolute;left: 18px;}

.recogwrp{display: block; text-align: center; padding: 60px 0; }
.recogwrp .txtwrp{
    width: 80%;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.recogwrp .txtwrp ul{margin: 30px 0 0; }
.recogwrp .txtwrp ul li{display: inline-block; margin: 0 30px; }
.recogwrp .txtwrp ul li img{width: 100px;}


.carewrp{padding:10px 0; background-image: url(../images/Group-12.png); background-size: cover; background-repeat: no-repeat; background-position: right; position: relative;    z-index: 1; }
.carewrp .txtwrp{}
.carewrp .imgwrp{}
.carewrp .imgwrp img{width: 80%;top: -100px;right: 0;z-index: 1;}
.carewrp .txtwrp h4{color: #fff; }
.carewrp .txtwrp h2{color: #fff;font-size: 42px;}
.carewrp .txtwrp a{color: #2ACB91; font-size: 15px; font-weight: 500; }
.carewrp:after{content:"";position: absolute;background: #2ACB91;width: 12%;height: 100%;right: 0;    z-index: -1;}
.carewrp:before{content:"Case Study";position: absolute;right: 50px;z-index: 1;transform: rotate(
89deg
);color: #fff;font-size: 26px;}
.builtwrp{padding: 130px 0 0px;background-image: linear-gradient(to right, #357782 , #23505C);}
.builtwrp1{padding: 130px 0 0px;background-image: linear-gradient(to right, #357782 , #23505C); text:white}
.builtwrp .txtwrp{}
.builtwrp .txtwrp h4{color: #2ACB91; }
.builtwrp .txtwrp h2{color: #fff; font-weight: 500; }
.builtwrp .txtwrp h2 span{color: #2ACB91;}
.builtwrp .txtwrp p{color: #fff; }
.builtwrp .btnwrp{display: block; padding: 30px 0 0; }
.builtwrp .btnwrp .btn-1{background-image: unset; background: #fff; color: #25535f; font-weight: 500; }
.builtwrp .btnwrp .btn-2{padding: 18px 17px;color: #fff;border: 1px solid;border-radius: 9px;margin: 0 0 0 20px;font-size: 14px;}
.builtwrp .navwrp ul{margin: 0 0 0 0px;border-left: 1px solid #ffffff38;height: 345px;}
.builtwrp .navwrp ul li{    padding: 0px 0 15px 80px;position: relative;}
.builtwrp .navwrp ul li span{color: #FFFFFF88;position: absolute;left: 30px;font-size: 16px;}
.builtwrp .navwrp ul li h4{color: #FFFFFF;font-size: 20px;padding: 0 0 10px;}
.builtwrp .navwrp ul li p{    width: 63%;font-size: 13px;color: #FFFFFF88;}
.builtwrp .navwrp ul li img{width: 80px;position: absolute;right: 40px;top: 30px;width: 60px;}
.builtwrp .img-flt{/* position: absolute; */width: 60%;bottom: 0px;margin: 0 auto;text-align: center;display: block;left: 0px;right: 0;z-index: 1;margin-left: 238px;}
.builtwrp:after{content: "";content: "";background-image: url(../images/integral-after.svg);width: 130px;height: 280px;position: absolute;background-repeat: no-repeat;background-size: 58%;left: 80px;bottom: 0px;display:none;}
.builtwrp:before{content: "";content: "";background-image: url(../images/buildwrp-after.svg);width: 130px;height: 190px;position: absolute;background-repeat: no-repeat;background-size: 48%;left: 160px;top: 0;}

.builtwrp .txtwrp h2{    font-size: 42px !important;}
.builtwrp .txtwrp h2 br{display: none;}

.partwrp{padding: 70px 0;position: relative;background: #F7F7F7;}
.partwrp .txtwrp{display: block;text-align: center;padding: 0 0 20px;width: 70%;margin: 0 auto;}
.partwrp .mainwrp{display: block;text-align: center;padding: 30px 15px;border-radius: 10px;height: 270px;color: #fff;box-shadow: 0px 11px 60px 0px rgb(126 126 126 / 18%);background: #fff;}
.partwrp .mainwrp img{width: 40px; margin: 0 0 10px; }
.partwrp .mainwrp h4{color: #283135; font-size: 22px; font-weight: 500; padding: 5px 0 10px; }
.partwrp .mainwrp p{color: #5D5D5D;font-size: 14px;height: 130px;}
.partwrp:after{content: "";content: "";background-image: url(../images/integral-after.svg);width: 130px;height: 280px;position: absolute;background-repeat: no-repeat;background-size: 58%;right: 80px;top: -90px;}
.native-pg .partwrp .mainwrp{    padding: 40px 0 0;     width: 90%; background: #fff;}
.native-pg .partwrp .mainwrp p{    padding: 0 15px;}


.mobileapp{display: block;text-align: center;padding: 70px 0;}
.mobileapp .txtwrp{}
.mobileapp .txtwrp .btn-1{background-image: unset;color: #24535e;font-weight: 500;border: 1px solid #E6E6E6;margin: 0px 0 0;}
.mobileapp .txtwrp p{padding: 0 0 40px;color: #5D5D5D;font-size: 20px;font-weight: 500;}

h2 br{display: none;}

.img-serc{}
.img-serc img{    width: 100%;}
span.cntc {
    font-size: 14px;
    color: #087984;
    font-weight: 600;
    text-transform: uppercase;
}

.cntc-pera p {
    font-size: 16px;
}
.about-bnr{}
.about-bnr:after{display: none;}
.about-bnr:before{display: none;}
.about-bnr .mainwrp{background: #fff; padding: 40px 40px; width: 80%; border-radius: 0 0 12px 12px; position: relative; z-index: 10; }
.about-bnr  .txtdiv{background-image: linear-gradient(to right, #357782 , #23505C);width: 80%;padding: 30px 30px 30px;border-radius: 14px;margin: 0 0 -10px;z-index: 111;position: relative;}
.about-bnr  .txtdiv h6{color: #fff; font-size: 17px; }
.about-bnr .mainwrp .txtmain{position: relative;}
.about-bnr .mainwrp .txtmain h4{font-size: 17px;padding: 0 0 30px;}
.about-bnr .mainwrp .txtmain span{color: #EE3A24;display: inline-block;margin: 0 10px 0 7px;position: relative;top: -35px;left: 8px;}
.about-bnr .mainwrp .txtmain span i{}
.about-bnr .mainwrp .txtmain img{margin: 0 10px -10px 0;width: 70px !important;}
.about-bnr .mainwrp .txtmain h6{display: inline-block;color: #EE3A24;font-size: 14px;font-weight: 500;position: relative;top: -20px;top: -35px;left: 8px;}
.about-bnr .mainwrp .txtmain p{display: inline-block;font-size: 13px;color: #000000;font-weight: 500;width: 60%;position: absolute;left: 100px;bottom: -30px;line-height: 1;}
.about-bnr .mainwrp .maindiv{}
.about-bnr .mainwrp .maindiv ul{margin: 50px 0 0; }
.about-bnr .mainwrp .maindiv ul li{border: 1px solid #C1C1C1;border-radius: 12px;margin: 0 0 20px;padding: 20px 10px;position: relative;align-items: center;}
.about-bnr .mainwrp .maindiv ul li img{width: 70px;}
.about-bnr .mainwrp .maindiv ul li p{display: inline-block;font-size: 12px;color: #000;font-weight: 500;width: 57%;position: absolute;left: 120px;bottom: 10px;line-height: 1;}
.about-bnr .mainwrp:after{content: "";position: absolute;width: 120%;height: 100%;background: #ffffff87;left: 0;z-index: -1;display: none;border-radius: 12px;top: -40px;}
.about-bnr .mainwrp:before{content: "";position: absolute;width: 110%;height: 108%;background: #ffffff87;left: 0;z-index: -1;border-radius: 12px;top: -60px;display: none;}


.contact-bnrr{position: relative;padding: 220px 0 110px;}
.contact-bnrr .imgwrp{position: absolute; top: -110px; right: 0; }
.contact-bnrr .imgwrp img{width: 80%;display: block;text-align: right;float: right;height: 730px;box-shadow: 0px 12px 27px -12px;}
.contact-bnrr .imgwrp:after{content: "";/* background: #36b6cc9c; */position: absolute;width: 80%;height: 100px;z-index: 0;right: 0;}

.overyearwrp{}
.overyearwrp .imgwrp{}
.overyearwrp .imgwrp img{width: 100%; }
.overyearwrp .txtwrp{padding: 140px 0 0;width: 80%;}
.overyearwrp .txtwrp span{color: #087984; font-weight: 600; }
.overyearwrp .navwrp{margin: 0 0 20px; }
.overyearwrp .navwrp ul{font-size: 0;margin: 20px 0px 0;}
.overyearwrp .navwrp ul li{display: inline-block;padding: 10px 60px;border: 1px solid #BAC8CA;font-size: 15px;color: #000000;font-weight: 500;cursor: pointer;}
.overyearwrp .navwrp ul li.current{border: 2px solid #357782; color: #357782; }
.overyearwrp .ser-port{}
.overyearwrp .ser-port h4{color: #000000;font-size: 19px;font-weight: 600;padding: 0 0 20px 30px;position: relative;width: 80%;}
.overyearwrp .ser-port h4:after{content: "";background-image: linear-gradient(to right, #357782 , #23505C);width: 10px;height: 10px;position: absolute;border-radius: 50%;left: 0;top: 10px;}
.tabs{display: none;}
.tabs.current{display: block;}
.overyearwrp .mainwrp{padding: 30px 0 0;}
.overyearwrp .mainwrp p{color: #5D5D5D; font-size: 14px; font-weight: 600; }
.overyearwrp .mainwrp h5{color: #087984;font-size: 27px;padding: 0 0 30px;}
.overyearwrp .ser-port a{
    color: #087984;
    font-size: 22px;
    font-weight: 400;
    text-decoration: underline;
}
.overyearwrp h2{font-size: 42px;}


.contactfrom{
    background-image: linear-gradient(to right, #fff, #F5F5F5);
}
.contactfrom .formwrp{padding: 60px 0 80px; }
.contactfrom .formwrp .formwrap{width: 85%; box-shadow: 0px 11px 60px 0px rgb(126 126 126 / 18%); border-radius: 10px;margin: 0 auto 0 0;background: #fff;}
.contactfrom .formwrp form{padding: 40px 30px 10px;}
.contactfrom .formwrp form .txtwrp{}
.contactfrom .formwrp form .txtwrp h4{color: #000000;font-size: 20px;line-height: 1;font-weight: 600;padding: 10px 0 20px;}
.contactfrom .formwrp form .txtwrp span{color: #087984; font-size: 15px; font-weight: 600; }
.contactfrom .formwrp .lablewrp{
    position: relative;
}
.contactfrom .formwrp .lablewrp input{width: 100%;height: 50px;margin: 0 0 14px;padding: 0 0 0 10px;border: 1px solid #e6e6e68a;border-radius: 10px;outline: none; cursor: pointer;}
.contactfrom .formwrp .lablewrp select{width: 100%;height: 45px;color: #777;margin: 0 0 10px;position: relative;padding: 0 0 0 10px;border: 1px solid #e6e6e68a;border-radius: 10px;outline: navajowhite;}
.contactfrom .formwrp .lablewrp input.btnm{background: #087984; color: #fff; }
.contactfrom .img-pp{background-size: cover; background-repeat: no-repeat; }
.contactfrom .mmaindiv{width: 100%;background: #F0FCF888;padding: 19px 33px;} .contactfrom .mmaindiv a{font-size: 12px;font-weight: 600;color: #000;}
.contactfrom .mmaindiv a span{color: #357782; }
.contactfrom .formwrp .lablewrp i{
    position: absolute;
    top: 15px;
    z-index: 11;
    color: #777780;
    right: 20px;
}


.buildwrp{background: #F7F7F7;text-align: center;display: block;padding: 70px 0;position: relative;}
.buildwrp .txtwrp{}
.buildwrp .txtwrp ul{margin: 20px 0 0; }
.buildwrp .txtwrp ul li.line-1{display: inline-block;position: relative;background: #fff;width: 37%;border-radius: 11px;padding: 20px 0 25px;box-shadow: 1px 4px 16px 0px rgb(126 126 126 / 15%);}
.buildwrp .txtwrp ul li.line-1 img{width: 45px;position: absolute;left: 25px;top: 15px;}
.buildwrp .txtwrp ul li.line-1 p{display: inline-block; color: #898989; font-size: 14px; padding: 0; }
.buildwrp .txtwrp ul li.line-1 h6{color: #000; font-size: 18px; font-weight: 600; margin: 0 0 0 -10px; padding: 0 0 3px; }
.buildwrp .txtwrp ul li.line-2{position: relative;top: 30px;left: 20px;}
.buildwrp .txtwrp ul li.line-2:after{content: "";content: "";position: absolute;background-image: url(../images/icon-1.png) !important;width: 60px;height: 56px;background-repeat: no-repeat;background-size: 60%;bottom: -50px;left: -2px !important;}
.buildwrp .txtwrp ul li.line-1:after{content: "";position: absolute;background-image: url(../images/icon-2.png);width: 60px;height: 56px;background-repeat: no-repeat;background-size: 60%;right: -25px;bottom: -50px;}
.buildwrp:after{content: "";content: "";background-image: url(../images/buildwrp-after.svg);width: 130px;height: 190px;position: absolute;background-repeat: no-repeat;background-size: 70%;right: 100px;bottom: -120px;}
.buildwrp:before{content: "";background-image: url(../images/buildwrp-after.svg);width: 130px;height: 190px;position: absolute;background-repeat: no-repeat;background-size: 70%;left: 140px;top: -61px;}



.widewrp{padding: 70px 0;background: #F7F7F7;}
.widewrp .txtwrp{display: block; text-align: center; }
.widewrp .mainwrp{}
.widewrp .mainwrp ul li:hover{background: #fff;}
.widewrp .mainwrp ul{margin: 40px auto 0;justify-content: center;display: flex;flex-wrap: wrap;}
.widewrp .mainwrp ul li{display: inline-block;padding: 20px 0px;text-align: center;border: 1px solid #C1C1C1;margin: 0 9px 20px;width: 160px;height: 150px;vertical-align: bottom;border-radius: 7px;}
.widewrp .mainwrp ul li h4{color: #000000; font-size: 16px; }
.widewrp .mainwrp ul li img{width: 50px;padding-top: 15px;height: 60px;}
.widewrp .txtdiv{display: block; text-align: center; }
.widewrp .txtdiv span{color: #000000;font-size: 15px;font-weight: 600;display: block;padding: 0 0 10px;}
.widewrp .txtdiv p{display: inline-block; font-size: 14px; margin: 0 10px; }
.widewrp .txtdiv p a{color: #357782; }

.main-ctawrp{padding: 70px 0;background-repeat: no-repeat;background-size: cover;background-position: right;background-attachment: fixed;background-position: inherit;}
.main-ctawrp .txtwrp{}
.main-ctawrp .txtwrp ul{margin: 0; }
.main-ctawrp .txtwrp ul li{color: #03192B;font-size: 16px;font-weight: 600;padding: 0 0 5px 30px;position: relative;}
.main-ctawrp .txtwrp ul li:after{content: "\f058";position: absolute;font-family: 'FontAwesome';left: 18px;color: #2ACB91;position: absolute;margin-left: -16px;top:0px;}


.main-ctawrp .formwrp{padding: 60px 0 0px;}
.main-ctawrp .formwrp form{width: 81%;border: 1px solid #4C604D38;box-shadow: 0px 11px 60px 0px rgb(126 126 126 / 18%);padding: 40px 30px 90px;border-radius: 10px;margin: -60px 0 0 90px;background: #fff;z-index: 11;position: relative;overflow: hidden;}
.main-ctawrp .formwrp form .txtwrp{}
.main-ctawrp .formwrp form .txtwrp h4{color: #000000;font-size: 20px;line-height: 1;font-weight: 600;padding: 10px 0 20px;letter-spacing: 0px;}
.main-ctawrp .formwrp form .txtwrp span{color: #087984;font-size: 15px;font-weight: 600;}
.main-ctawrp .formwrp .lablewrp{}
.main-ctawrp .formwrp .lablewrp input{width: 100%;height: 50px;margin: 0 0 15px;padding: 0 0 0 10px;border: 1px solid #e6e6e68a;border-radius: 10px;outline: none;}
.main-ctawrp .formwrp .lablewrp select{width: 100%; height: 45px; margin: 0 0 10px; padding: 0 0 0 10px; border: 1px solid #e6e6e68a; border-radius: 10px; }
.main-ctawrp .formwrp .lablewrp input.btnm{background: #087984; color: #fff; }
.main-ctawrp .img-pp{background-size: cover; background-repeat: no-repeat; }
.main-ctawrp .mmaindiv{width: 100%;position: absolute;background: #F0FCF888;padding: 19px 10px;bottom: 0;left: 0px;background-repeat: no-repeat;overflow: hidden;padding: 20px 40px 20px;} 
.main-ctawrp .mmaindiv a{font-size: 12px;font-weight: 600;color: #000;}
.main-ctawrp .mmaindiv a span{color: #357782; }



/*----------------------------------------------------------------*/
.clr-white {
    color: #fff;
}
span.clr-white {
    color: #fff!important;
}





.portfoliowrp{
    padding: 70px 0;
}
.portfoliowrp .txtwrp{
    display: block;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}
.portfoliowrp .portwrp{}
.portfoliowrp .portwrp ul{
    margin: 30px 0 0;
    display: block;
    text-align: center;
}
.portfoliowrp .portwrp ul li{
    display: inline-block;
    width: 30%;
    margin: 0 10px;
}
.portfoliowrp .portwrp ul li img{
    width: 100%;
}
.portfoliowrp .btnwrp{
    display: block;
    text-align: center;
    padding: 40px 0 0;
}
.portfoliowrp .btnwrp span{
    display: block;
    color: #000000;
    font-size: 15px;
    font-weight: 500;
}
.portfoliowrp .btnwrp p{
    color: #000;
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    margin: 0 8px;
    padding: 10px 0 0;
}
.portfoliowrp .btnwrp p a{
    color: #357782;
}



/*-----------------------------------------------------------------------------*/
.our-approach .txtwrp ul li img {
    width: 100%;
}
.our-approach .btnwrp a{    color: #fff;}
.our-approach .btnwrp a span {
    color: #2ACB91!important;
}
.widewrp .mainwrp ul li h4{margin: 20px 0 0 0;text-transform: uppercase;}
.widewrp .txtdiv p {
    display: inline-block;
    font-size: 14px;
    margin: 0 10px;
    color: #000;
    font-weight: 600;}
.portfoliowrp .btnwrp p{    font-weight: 600;}    
ul.border-image {
    margin: 10px 0 10px;
    background: #fff;
    width: 70%;
    border-radius: 106px;
    text-align: center;
}
ul.border-image-1{
    margin: 10px 0 10px;
    /*background: #fff;*/
    width: 66%;
    border-radius: 106px;
    text-align: center;
    }
ul.border-image li {
    margin: 0!important;}
ul.border-image li img{
    width: 50%!important;
    padding: 10px 0;
    }

ul.border-image-1 li {
    margin: 0!important;
    padding: 0!important;
    width: 30%;
    }
ul.border-image-1 li img{
    width: 50%!important;
    /* padding: 10px 0; */
    }
.bg-img-wrap{

    /* background: url('../assets/images/Group-5333.svg'); */
}
.bg-img-wrap img{
    width: 122%;
    position: absolute;
    bottom: 0;
    right: -100px;
    z-index: 0;
}
.our-approach .btnwrp a {
    color: #000;
    text-transform: uppercase;
}
.our-approach .btnwrp.clr-white a {
    color: #fff;
}
.our-clr{color:#2ACB91;}
span.our-clr {
    color: #2ACB91;
}
img.img-flt.custom-set {
    width: 50%;
    left: -272px;
}

img.img-flt.custom-set-1 {
    width: 50%;
    left: -22px;
}
img.img-flt.custom-set-2 {
    width: 40%;
    left: -172px;
}
img.img-flt.custom-set-4 {
    width: 35%;
    left: 0px;
}

.brnwrp{background-image: unset;}
.brnwrp .vedeiowrp{}
.brnwrp .vedeiowrp video{position: absolute;width: 100%;top: 0;height: auto;z-index: -1;}
.fancybox-slide--iframe .fancybox-content{    height: 100% !important;    width: 100% !important;}



.fintwrp{padding: 40px 0 60px; }
.fintwrp .txtwrp{display: block; padding: 0 0 20px; }
.fintwrp .topwrp{}
.fintwrp .topwrp h4{position: relative; }
.fintwrp .topwrp h4:after{content: "";position: absolute;background: #707070;width: 70%;height: 1px;opacity: 0.5;top: 8px;left: 60px;}
.fintwrp .mainwrp{padding: 20px 0; }
.fintwrp .mainwrp span{display: inline-block; font-size: 14px; width: 80%; font-weight: 500; color: #5D5D5D; }
.fintwrp .mainwrp img{width: 40px; vertical-align: bottom; margin: 0 5px 0 0; }




.rolewrp{padding: 0 0 50px; }
.rolewrp .txtwrp{}
.rolewrp .mainwrp{padding: 30px 0; }
.rolewrp .mainwrp .txtdiv{}
.rolewrp .mainwrp .txtdiv h4{color: #5D5D5D; font-size: 22px; }
.rolewrp .mainwrp .txtdiv span{color: #C0C0C0; font-size: 14px; }
.rolewrp .mainwrp .btnwrp{display: block; text-align: right; }
.rolewrp .mainwrp .btnwrp a{background-image: unset; background: #087984; padding: 15px 60px; }



.our-approach{}
.our-approach .imgwrp{}
.our-approach .imgwrp img{    width: 93%;}




.boxsection{}
.boxsection .imgwrp{height: 290px; }
.boxsection .imgwrp img{width: 100%; height: 100%; object-fit: cover; }
.boxsection .txtdiv{padding: 80px 60px; background: #FAFFFE; }
.boxsection .txtdiv h4{color: #000000;font-size: 20px;padding: 0 0 10px;}
.boxsection .txtdiv p{color: #8C8C8C; font-size: 15px; }

.overyearwrp .tabs{display: none;}
.overyearwrp .tabs.current{display: block;}
.overyearwrp .ser-port img{/* padding-top: 80px; */width: 90%;margin-top: 110px;height: 770px;}
.contact-bnrr .imgwrp a{position: absolute;right: -50px;z-index: 10;top: 230px;background: #087984;height: 100px;width: 100px;border-radius: 50%;border: 1px solid #000;}
.contact-bnrr .imgwrp a i{color: #F1E9E9;margin: 38px 44px;font-size: 18px;}
.contact-bnrr .logowrp{
    position: absolute;
    z-index: 10;
        bottom: -190px;
    right: -11px;
    width: 70%;
}
.contact-bnrr .logowrp ul{margin: 0;}
.contact-bnrr .logowrp ul li{
    display: inline-block;
    width: 46%;
    margin: 0 0 20px;
}
.contact-bnrr .logowrp ul li img{
    width: 130px;
}



#typeline {
  font-size: 42px;
  line-height: 1.2;
  color: darkblue;
  text-align:center;
  color: #087984;
}

@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }
em {
    border-right: .1em solid black;
    width: 20ch;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 0;
    color: #087984;
    -webkit-animation: typing 3s steps(21, end),
    blink-caret .5s step-end infinite alternate;
}


.brnwrp.home-video {
    overflow: hidden;}


/* width */
/*.scrol::-webkit-scrollbar {*/
/*  width: 2px;*/
/*}*/

/* Track */
/*.scrol::-webkit-scrollbar-track {*/
/*  background: #f1f1f1; */
/*}*/
 
/* Handle */
/*.scrol::-webkit-scrollbar-thumb {*/
/*  background: #888; */
/*}*/

/* Handle on hover */
/*.scrol::-webkit-scrollbar-thumb:hover {*/
/*  background: #555; */
/*}    */
/*.scrol::-webkit-scrollbar-track-piece {*/
/*    border: none;*/
/*    background: transparent;*/
/*}*/
.mobileapp.unreal .box{}
.mobileapp.unreal .box ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
}
.mobileapp.unreal .box ul li{
    /* display: inline-block; */
    /* position: relative; */
    background: #fff;
    /* width: 45%; */
    border-radius: 11px;
    /* padding: 20px 0; */
    box-shadow: 0px 11px 60px 0px rgb(126 126 126 / 18%);
    /* text-align: center; */
    padding: 20px 30px;
    margin: 10px 20px;
    display: flex;
    align-items: center;
    width: 46%;
}
.mobileapp.unreal .box ul li img{
    width: 10%;
}
.mobileapp.unreal .box ul li h6{
    display: inline-block;
    width: 80%;
    font-size: 13px;
    color: #000;
    text-align: left;
    margin-left: 25px;
    text-transform: uppercase;
}
section.mobileapp.ecom-cta {
    background: url(../images/ecommerce.jpg);
    background-size: cover;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    height: 29vw;
}

section.mobileapp.case {
    display: block;
    text-align: center;
    padding: 250px 0 50px;
    background: #F7F7F7;
}

.mobileapp.case .txtwrp p {
    width: 70%;
    margin: 0 auto;
    color: #5D5D5D;
    font-size: 18px;
 }
 section.study-bg {
    /*background: url(../images/Casestudy/Case-study-images/1.png);*/
    /*background-size: cover;*/
    width: 100%;
    /*height: 650px;*/
    /*background-repeat: no-repeat;*/
    /*background-position: center -183px;*/
}
section.study-bg1 {
    /*background: url(../images/Casestudy/Case-study-images/2.png);*/
    /*background-size: cover;*/
    width: 100%;
    /*height: 650px;*/
    /*background-repeat: no-repeat;*/
    /*background-position: center -183px;*/
}
section.study-bg2 {
    /*background: url(../images/Casestudy/Case-study-images/3.png);*/
    /*background-size: cover;*/
    width: 100%;
    /*height: 650px;*/
    /*background-repeat: no-repeat;*/
    /*background-position: center -183px;*/
}
section.study-bg3 {
    /*background: url(../images/Casestudy/Case-study-images/4.png);*/
    /*background-size: cover;*/
    width: 100%;
    /*height: 650px;*/
    /*background-repeat: no-repeat;*/
    /*background-position: center -183px;*/
}
section.study-bg4 {
    /*background: url(../images/Casestudy/Case-study-images/5.webp);*/
    /*background-size: cover;*/
    width: 100%;
    /*height: 650px;*/
    /*background-repeat: no-repeat;*/
    /*background-position: center -183px;*/
}
section.study-bg img{width:100%;}

section.work-section {
    background: #F7F7F7;
    padding: 70px 0;
}
.box-wrap {
    padding: 70px;
}
.box-wrap.green {
    background: #357782;
    border-radius: 20px;
}
.box-wrap.green .accordion{color: #fff;}
section.work-section .text-wrap{}
section.work-section .text-wrap h2{
    color: #357782;
    font-size: 42px;
}
section.work-section .text-wrap p{/* color: #FFFFFF; */font-size: 16px;line-height: 1.6;}
.box-wrap.green .text-wrap h2 {
    color: #fff;
}
.box-wrap.green .text-wrap p {
    color: #fff;
}

section.our-creation .txtwrp {
    display: flex;
    align-items: center;
}

section.our-creation .txtwrp h2{color: #357782;}
section.our-creation .txtwrp p{
    width: 70%;
    margin-left: 121px;
    color: #5D5D5D;
}
section.our-creation {
        padding: 50px 0;
}
.buildwrp .txtwrp ul li.line-2:before{
    position: absolute;
    top: 110px;
    left: -20px;
    background: #255460;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    padding: 8px;
    border: 10px solid #fdfdfdab;
    z-index: 99;
}


.blinker {
    position: absolute;
    top: 117px;
    left: -20px;
    background: #6c979f;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 8px;
    z-index: 99;
}
section.chalenge-section{
    background: #F7F7F7;
    padding: 60px 0;
    }  

.-wrap .text-wrap h2 {
    color: #357782;
    font-size: 42px;
}
.-wrap .text-wrap p{
    font-size: 18px;
    line-height: 1.6;
}
.-wrap.wrap2 {
    margin-top: 35px;
}
.blinker:before {content: '';position: absolute;animation: blinkingText 1.2s infinite;left: -10px;right: 0;margin: auto;height: 40px;width: 40px;border-radius: 50%;top: -10px;border: 10px solid #b9b9b97d;}

@keyframes blinkingText{
0%{
    opacity: 1;
    
}
49%{
    
    opacity: 0;
}
100%{
    opacity: 1;

}
}

.dropwrp-1{display: none;}

.accordian-item-header {
  cursor: pointer;
  width: 116px;
  border: none;
  /* text-align: left; */
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  color: #77f7c9;
  background: transparent;
  margin: 0 0 12px 1px;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
}

.accordian-item {
  background-color: white;
  color: #111;
  margin: 1rem 0;
  border-radius: 0.5rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}

.accordian-item-header {
  padding: 0.5rem 3rem 0.5rem 1rem;
  min-height: 2.5rem;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  border: 1px solid;
  border-radius: 8px;
  padding: 8px 11px;
  font-size: 14px;
  justify-content: center;
}

.accordian-item-header::after {
  content: "\002B";
  font-size: 2rem;
  font-weight: bold;
  position: absolute;
  right: 1rem;
  /* transition: all 0.2s ease; */
}

.accordian-item-header.active::after {
  content: "\2212";
}

.accordian-item-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.accordian-item-body-content {
  padding: 1rem;
  line-height: 1.5;
  border-top: 1px solid #34495e;
}



.read {
    display: flex;
    flex-direction: column-reverse;
    /*align-items: center;*/
    }

button:focus {
    outline: none;
    outline: none;

}

.brnwrp.about .txtwrp h1 {
    font-size: 42px;
    line-height: 50px;
    color: #fff;
    padding: 0 0 13px;
}
h1.wow.fadeInUp.react-text {
    font-size: 59px;
}

p.ex-height {
    height: 120px!important;
}
/*.btmform .formwrp form .lablewrp input::placeholder {*/
/*    color: #fff;*/
/*}*/
.object2 {
    position: absolute;
    right: -50%;
    bottom: -40%;
    width: 100%;
    -webkit-transform: translate(-40%, -30%);
    transform: translate(-40%, -30%);
    animation-name: spinner5;
    animation-duration: 15s;
    animation-iteration-count: infinite;
}
.tabs-web-dsgn li.hk_web_height {height: 400px; overflow: hidden; background-size: cover; border-radius: 10px; }
.tabs-web-dsgn li.hk_web_height:hover{background-position: 100% 100%; transition: 6s !important; transform:none; }
.tabs-ecom li.hk_web_height {height: 400px; overflow: hidden; background-size: cover; }
.tabs-ecom li.hk_web_height:hover{background-position: 100% 100%; transition: 6s !important; transform:none; }
.object2 {position: absolute; right: -50%; bottom: -40%; width: 100%; -webkit-transform: translate(-40%, -30%); transform: translate(-40%, -30%); animation-name: spinner5; animation-duration: 15s; animation-iteration-count: infinite; }
.main-services-banner-sec {overflow: hidden;position: relative;z-index: 9;background-repeat: no-repeat;background-size: cover;height: auto;background-position: center;}
.object3 {position: absolute; right: -50%; bottom: -40%; width: 100%; -webkit-transform: translate(-40%, -30%); transform: translate(-40%, -30%); animation-name: spinner5; animation-duration: 15s; animation-iteration-count: infinite; }
.main-services-banner-sec .txtwrp{margin: 90px 0 0;}
.txtwrp.footer-img img {
    width: 100%;
}
.case-pg .carewrp{    margin: 0 0 70px;}
.case-pg .carewrp .imgwrp img{    position: relative;
    top: 70px;
    width: 83%;}
a.location {
    display: block;
    color: #2ACB91;
    padding: 10px 0;
}
.srv-info-sec {padding: 0; }
.srv-info-sec p{margin-bottom: 25px; }
.srv-info-sec .srv-info-wrap {position: relative; z-index: 1; height: 0; padding-top: 100%; }
.srv-info-sec .srv-info-wrap:before {content: ''; position: absolute; z-index: -1; left: 10%; top: 10%; width: 80%; height: 80%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #DEE1ED; }
.srv-info-sec .srv-info-wrap .srv-item-ico {position: absolute; z-index: 1; width: 18%; height: 18%; font-size: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 5px 7px 30px rgba(72,73,121,0.15); -moz-box-shadow: 5px 7px 30px rgba(72,73,121,0.15); box-shadow: 5px 7px 30px rgba(72,73,121,0.15); border: 2px solid #fff; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in; background: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.srv-info-sec .srv-info-wrap .srv-item-ico:after {content: ''; width: 100%; height: 100%; border-radius: 100%; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in; opacity: 0; z-index: -1; }
.srv-info-sec .srv-info-wrap .srv-item-ico:hover:after,
.srv-info-sec .srv-info-wrap .srv-item-ico.active:after {opacity: 1;background-image: linear-gradient(to right, #357782 , #23505C);}
.srv-info-sec .srv-info-wrap .srv-item-ico.active i {opacity: 0; }
.srv-info-sec .srv-info-wrap .srv-item-ico.active i+i {background: -webkit-linear-gradient(#fff, #fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;opacity:  1;color: #000;}
.srv-info-sec .srv-info-wrap .srv-item-ico i {font-size: 45px;-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-transition: all .3s ease-in;-o-transition: all .3s ease-in;-moz-transition: all .3s ease-in;transition: all .3s ease-in;position: absolute;background-image: linear-gradient(to right, #357782 , #23505C);}
.srv-info-sec .srv-info-wrap .srv-item-ico i {opacity: 1; }
.srv-info-sec .srv-info-wrap .srv-item-ico i+i {opacity: 0; }
.srv-info-sec .srv-info-wrap .srv-item-ico i img{width: 45px;}
.srv-info-sec .srv-info-wrap .ico-one {left: 13%; top: 13%; }
.srv-info-sec .srv-info-wrap .ico-two {right: 13%; top: 13%; }
.srv-info-sec .srv-info-wrap .ico-three {right: 13%; bottom: 13%; }
.srv-info-sec .srv-info-wrap .ico-three-alt {right: 0%; left: 0%; bottom: 3%; margin:auto; }
.srv-info-sec .srv-info-wrap .ico-four {left: 13%; bottom: 13%; }
.srv-info-sec .srv-info-wrap .srv-item-content {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 25%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; visibility: hidden; -webkit-transition: all .6s; -o-transition: all .6s; -moz-transition: all .6s; transition: all .6s; }
.srv-info-sec .srv-info-wrap .srv-item-content.active {opacity: 1; visibility: visible; }
.srv-info-sec .srv-info-wrap .srv-item-content h5 {font-size: 16px;color: #2ACB91;text-transform: uppercase;font-weight: 700;}
.srv-info-sec .srv-info-wrap .srv-item-content h3 {font-size: 24px; color: var(--dark); font-weight: 700; }
.srv-info-sec .srv-info-wrap .srv-item-content p {font-size: 16px; margin: 0px; }
.services-pg .packages-sec {padding: 91px 0 110px 0; }
.services-pg .packages-sec h2 {margin-bottom: 3px; }
.services-pg .packages-sec .sub-head{margin-bottom: 22px; }
.services-pg .packages-sec .bx {margin: 20px 0; }
.services-pg .packages-sec .bx .info h5 {font-size: 20px; border: 0px; padding: 0px; font-weight: 700; color: var(--orange); text-transform: capitalize; }
.services-pg .packages-sec .bx p {font-size: 14px; color: var(--dark); font-weight: 400; margin-bottom: 0px; }
.services-pg .packages-sec .bx p a {font-size: 14px; color: var(--orange); font-weight: 700; }
.srv-details {margin: 48px 0 0 0; padding: 88px 0; }
.srv-details .info-box {position: relative; z-index: 1; -webkit-transition: all .6s; -o-transition: all .6s; -moz-transition: all .6s; transition: all .6s; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 30px; margin: 8px 0; }
.srv-details .info-box:hover {box-shadow: 7px 5px 30px 0 rgba(72,73,121,0.15); background-color: var(--white); border-color: transparent; }
.srv-details .info-box figure {max-width: 39px; }
.srv-details .info-box figure img {width: 100%; }
.srv-details .info-box h3 {font-size: 20px; font-weight: 700; color: var(--dark); margin-bottom: 10px; }
.srv-details .info-box p {font-size: 16px; margin-bottom: 0; }
.srv-details .srv-details-list {margin: 0px; padding: 0px; list-style: none; }
.srv-details .srv-details-list li {font-size: 20px; color: var(--dark); font-weight: 700; width: 33%; float: left; margin: 15px 0; display: inline-block; vertical-align: middle; }
.srv-details .srv-details-list li figure {width: 50px; float: left; margin: -9px 15px 0 0; }
.srv-details .srv-details-list li figure img {width: 100%; }
.icon-branding-requirment-3:before {content: "\e902"; }
.icon-branding-requirment-1:before {content: "\e900"; }
.icon-branding-requirment-2:before {content: "\e901"; }
.icon-branding-requirment-4:before {content: "\e903"; }
.service-bnnr .formwrp form span a {
    text-transform: lowercase;
}

.about-pg .trustwrp ul {
    margin: 30px 0 0;
    display: block;
    text-align: center;
    height: 70px;
}

a.bnr-a {
    padding-left: 19px;
}

.our-approach {
    background-attachment: fixed;
    background-position: inherit;
    overflow: hidden;
}

section.mobileapp.ecom-cta.unreal {
    background: none;
    background-size: cover;
    display: block;
}

ul.custom-design li {
    color: #03192B;
    font-size: 16px;
    font-weight: 600;
    padding: 0 0 5px 30px;
}

ul.custom-design li:after {
    content: "\f058";
    position: absolute;
    font-family: 'FontAwesome';
    left: 18px;
    color: #2ACB91;
}
.mainwrp.ex-column {
    height: 300px;
    padding: 45px;
    width: 340px;
}

.partwrp.gamewrp .mainwrp {
    display: block;
    text-align: center;
    padding: 30px 30px;
    border-radius: 10px;
    height: 310px;
    color: #fff;
    box-shadow: 0px 11px 60px 0px rgb(126 126 126 / 18%);
    background: #fff;
}

.our-approach .imgboxwrp{}
.our-approach .imgboxwrp img{
    position: absolute;
    width: 100%;
        right: -280px;
    top: 0;
}
.our-approach .imgwrp.nativewrp img{
    width: 85%;
    position: absolute;
    right: 10px;
    }
.our-approach .imgboxwrp-1{}
.our-approach .imgboxwrp-1 .imgg-2{
    width: 64%;
}
.our-approach .object2.imgboxwrp-4 img{
    width: 76%;
    position: relative;
    right: -100px;
    top: 90px;
}
.our-approach .imgwrp.rectwrp img {
    width: 90%;
    position: absolute;
    bottom: -70px;
    right: -200px;
}
.our-approach .imgwrp.readywrp img{
    width: 125%;
    position: absolute;
    right: -279px;
    top: 100px;
}
.our-approach .imgg-5{
    width: 80%;
    position: relative;
    top: 190px;
    right: -400px;
}
.our-approach .imgg-4{
    width: 260px;
    position: relative;
    left: 1110px;
    top: -50px;
    }
.our-approach .imgwrp.design-wrp img{
    width: 100%;
    position: absolute;
    top: 100px;
    }
.our-approach .imgwrp.mvpwrp img{
    width: 110%;
    position: absolute;
    right: -210px;
}
.our-approach .imgg-6{
    width: 63%;
    position: relative;
    right: -270px;
    top: 50px;
}

.bodyClass .offerwrp{
   padding: 90px 0px 90px;
}
.widewrp .txtdiv p a{text-transform:capitalize;}
.portfoliowrp .btnwrp p a{text-transform:capitalize;}
ul.border-image.border {
    width: 50%;
}
.panel .main-pera {
    font-size: 16px;
}

section.carewrp.home-cta {
    background-attachment: fixed;
    display: flex;
    align-items: center;
        height: 550px;
}
.slick-prev:before {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 70px;
}
.slick-next:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 70px;}
    
    .slick-prev {
    left: -45px;
    top: 120px;
}
.slick-next {
    right: -45px;
    top: 120px;}
    
.navwrp.scnd-ser {
    margin-top: 15px;
}    
.offerwrp .txtdiv p a{text-transform:capitalize;}

marquee span a {
    color: #34737e;}
marquee {
    color: #000;
}
.formwrap input::placeholder {
    color: #777;
}
.txtdiv.slick-slide img {
    width: 100%;
    padding: 0 0 50px;
}
.p-0{padding:0 !important;}
.txtdiv.slick-slide {
    padding: 20px 0 0 !important;
}
section.contactfrom.img-pp:before {content: "";background-image: url(../images/bottom-form-img.png);height: 100%;width: 50%;position: absolute;right: 0;background-size: cover;/* background-position: center; */}

section.contactfrom.img-pp {
    position: relative;
}

.col-md-8.flex {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.cont-slider .slick-active button {
    font-size: 18px !important;
    /* background: white !important; */
    /* padding: 20px !important; */
    color: #fff !important;
    position: absolute;
    left: 0;
}
.follow-slider .slick-prev:before,.follow-slider .slick-next:before {
    color: #09515e;
}
form {font-family: 'Nexa';}
span.count-slid {
    color: #f3f3f3;
    font-size: 18px;
    margin-left: 15px;
    position: relative;
    top: 1px;
}
header .btn-2,header .btn-1 {display: inline-block;}
.cont-slider .slick-active button:before {
    display: none;
}

.cont-slider button:before {
    display: none;
}
.btn-1:hover,.btn-2:hover {
    transform: translateY(-7px);
}

.btn-1,.btn-2 {
    display: inline-block;
    transition: 0.3s all;
}
.accordian-item-header::after{display:none;}
.cont-slider .slick-active {
    position: absolute;
    left: -10px;
}
.accordian-item-body p {
    font-size: 16px;
}
section.mobileapp.case .read button {
    margin: 0 auto;
}

section.privacy{padding:50px 0;}
.phone {
    display: flex;
    padding: 20px 0 0;
}
i.fa.fa-envelope-o {
    font-size: 20px;
    color: #09515e;
}
.phone a.num {
    margin-left: 10px;
    color: #09515e;
}
.email i.fa.fa-envelope-o {
    font-size: 20px;
}
.phone i.fa.fa-phone {
    font-size: 20px;
}
.mail a.email {
    margin-left: 10px;
    color: #09515e;
    text-transform: inherit;
}
.privacy .mainctawrp{padding: 200px 0px 150px;}
.privacy .upr-head{color: #32717c;font-size: 20px;}
.privacy h3.upr-head {
    color: #fff!important;
}
.privacy .main-pera{font-size:16px;}
section.sec-padding.privacyPolicy.privacy-text-wrapper {
    padding: 70px 0 50px;
}
.terms p strong {
    color: #32717c;
    font-size: 20px;
    font-weight: 600;
}
p.padbot10 {
    font-size: 18px;
    color: #09515e;
}
p.padbot10 p{
    font-size: 16px;
    color: #09515e;
}
.terms p {
    font-size: 16px;
    color: #5D5D5D;
    font-weight: 500;
}
.terms .mainctawrp{padding: 220px 0 180px;}
.brnwrp .btn-1:hover, .btn-2:hover{color: #000;}
.contact-pg .brnwrp p{color: #fff;}
.imgwrp.ui-ux-img {
    text-align: right;
}

.sitemap-wrapper{}
.sec-padding-110{padding: 200px 0 60px;}
.sitemap-wrapper a{text-decoration: none;}

.sitemap-wrapper p { margin: 30px 0 15px; font-size: 20px; line-height: 24px; color: #2c2c2c; padding: 0px;  font-weight: 600; }
.sitemap-wrapper h2{margin: 0; font-size: 24px; border-bottom: 1px solid #ccc; padding: 0 0 30px;    color: #2c2c2c;}
.sitemap-wrapper a { text-decoration: none; color: #0070c9; font-size: 18px;  margin: 0 0 5px; display: block; }
.sitemap-wrapper a:hover{text-decoration: underline;}
.sitemap-wrapper a.mainhead:hover{text-decoration: none;}
.boredbtn{display: block;border-bottom: 1px solid #ccc;padding: 10px 0;}










.belowform {
    padding: 220px 0 50px;
    background: #0A717E;
}

.bottomcta {
    padding: 60px 0;
    background: #232323
}

.bottomcta .ctalist {
    margin-bottom: 0;
    font-size: 0
}

.bottomcta .ctalist li {
    display: inline-block;
    width: 33.3333%;
    vertical-align: top
}

.bottomcta .ctalist li h3 {
    color: #fff;
    font-size: 26px;
    padding-bottom: 20px
}

.bottomcta .ctalist li .wrap .iconpart {
    display: inline-block;
    width: 13%;
    vertical-align: top
}

.bottomcta .ctalist li .wrap .iconpart span {
    font-size: 34px;
    color: #f96e1c
}

.bottomcta .ctalist li .wrap .textpart {
    display: inline-block;
    width: 85%;
    vertical-align: top
}

.bottomcta .ctalist li .wrap .textpart p {
    color: #fff;
    font-size: 16px;
    padding-bottom: 0
}

.bottomcta .ctalist li .wrap .textpart a {
    display: block;
    color: #fff;
    font-size: 16px
}

.form-box-main {
    background: #0A717E;
    padding: 0;
}

.form-box-main h2 {
    text-align: center;
    font-size: 36px;
    width: 100%;
    font-weight: 700;
    line-height: 1.2;
    color: #fff
}

.form-box-main p {
    text-align: center;
    color: #fff
}

.form-box-main form {
    width: 60%;
    margin: 0 auto
}

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

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

.form-box-main form label.field-txt span {
    color: #20cb91;
}

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

.form-box-main form select {
    width: 100%;
    margin: 0 0 0 0;
    border: 1px solid #B2B9C1;
    background: white;
    padding: 0 15px;
    color: #5B6B7F;
    font-size: 18px;
    font-weight: 400;
    border-radius: 5px;
    height: 55px
}

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

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

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

.check-list {
    float: left
}

.form-box-main form input[type=checkbox]:not(old),
.form-box-main form input[type=radio]:not(old) {
    width: 28px;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: pointer
}

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

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

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

.form-box-main form input[type="submit"] {
    display: inline-block;
    transform: translateY(0rem);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #000;
    background: -moz-linear-gradient(left, #f9ad1c 0%, #f9be36 100%);
    padding: 15px 60px;
    font-size: 18px;
    border-radius: 5px;
    cursor: pointer;
    background: #fff;
    border: 0;
    margin-top: 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-box-main form label.error,
label.error {
    color: red;
    font-style: italic;
    margin-bottom: 0;
    display: none!important
}
.col-lg-8.offset-lg-2.inner-content.text-left {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

input#file {
    width: 100%;
    margin: 0 0 0px 0;
    /* border: 1px solid #B2B9C1; */
    background: white;
    padding: 18px 15px;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    height: 65px;
    border-radius: 5px;
}
::-webkit-scrollbar {
    width: 10px;}
    
span #year {
    color: #FFFFFF!important;
    opacity: 1;
} 
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
 
  -webkit-text-fill-color: white;
    -webkit-box-shadow: 0 0 0px 1000px #0000 inset;
    transition: background-color 5000s ease-in-out 0s;
}
ul.custom-design.readymade {}
ul.custom-design.readymade li{position: relative;margin-left: 25px;}
ul.custom-design.readymade li:after{position: absolute;left: -27px;}
.txtwrp.game-bnr {
    margin: 0;
}

.txtwrp.wirefrm {
    width: 80%;
    margin: 0 auto;
}
section.why-chose-us {
    padding: 50px 0px;
}

ul.app-dev-logo li img {
    width: 50px!important;
}





/*=========================================popup======================================================*/
.mypopup-wrap.active{position: fixed;top: 110px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.mypopup-wrap{-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;width: 800px;height: 600px;border-radius: 10px;position: absolute;left: 0;right: 0px;top: 10%;bottom: 0px;margin: auto;z-index: 99999;overflow: hidden;}
.mypopup-wrap .mypopup{border-radius: 10px;font-size: 0px;background: #fff;}
.mypopup-wrap .mypopup .left{width: 50%;vertical-align: top;display: inline-block;overflow: hidden;background: #386163;vertical-align: middle;}
.mypopup-wrap .mypopup .left figure{border-radius: 10px 0px 0px 10px; overflow: hidden; }
.mypopup-wrap .mypopup .left figure img{margin-left: 0;margin-top: 0;width: 100%;height: -webkit-fill-available;}
.mypopup-wrap .mypopup .right{width: 50%;padding: 19px 0;vertical-align: top;display: inline-block;vertical-align: middle;}
.mypopup-wrap .mypopup .right .closebutton{position: absolute; width: 20px; height: 20px; /*float: right;*/ cursor: pointer; transform: rotate(45deg); right: 20px; top: 20px; }
.mypopup-wrap .mypopup .right .closebutton:before{content: "";position: absolute;height: 20px;width: 1px;top: 0;background: #000;left: 0;right: 0;margin: 0 auto;display: block;}
.mypopup-wrap .mypopup .right .closebutton:after{content: "";position: absolute;height: 1px;width: 20px;top: 0;left: 0;background: #000;display: block;bottom: 0;margin: auto;}
.mypopup-wrap .mypopup .right .mypopup-innerwrap{padding-top: 0px; padding-left: 30px; padding-right: 30px; }
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3{font-size: 26px;line-height: 1;text-align: left !important;}
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3 span{font-size: 38px;display: block;font-weight: 900;color: #34747f;margin-top: 5px;margin-bottom: 10px;}
.mypopup-innerwrap .form_wrap{padding: 20px 15px; }
.mypopup-innerwrap .form_wrap .hero_form{}
.mypopup-innerwrap .form_wrap .hero_form form{}
.mypopup-innerwrap .form_wrap .hero_form .form-control{border-radius: 10px; border: 1px solid #b9b8b8; }
.mypopup-innerwrap .form_wrap .hero_form .form-control:focus{border: 1px solid #5d03db;}
.mypopup-innerwrap .form_wrap .hero_form textarea.form-control{color: #000;}
.mypopup-innerwrap .form_wrap #quoteForm textarea.form-control{min-height: 85px;}
.mypopup-innerwrap .form_wrap .hero_form #quoteSubmit{border-radius: 10px; min-width: 100%; }
.mypopup-innerwrap .form_wrap .hero_form .col-md-6{width: 100%;}
.mypopup-innerwrap .form_wrap .hero_form .col-sm-6{width: 100%;}
.hero_form .field-mergedleft{padding-left: 15px;}
.hero_form .field-mergedright{padding-right: 15px;}
.mypopup-innerwrap .form_wrap .hero_form .margin-bottom-20 {margin-bottom: 10px;}
.submit:hover {
    background-color: #1f1f1f;
}

.form_wrap .analyzeform form input[type="submit"] {width: 100%; margin: 0px; text-align: center; margin-top: 10px; border-radius: 4px; }
.submit {
    border: 0; font-family: 'Poppins', sans-serif; font-size: 18px; color: #fff; line-height: 2; padding: 5px 51px; outline: none; cursor: pointer; transition: background-color .3s; border-radius: 5px; background: #000000; }
.overlay {
    background: #0000006b;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed;
}

/*=========================================egg-popup======================================================*/

/*.eggoffer.show{position: fixed;bottom: 8px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
*/.eggoffer{-moz-transition: 0.4s;}
.eggoffer .top{position: relative; z-index: -1; }
.eggoffer .top figure{text-align: center; }
.eggoffer .top figure img{opacity: 1; }
.eggoffer .bottom{cursor: pointer; padding: 16px 5px; border-radius: 5px; background: #16a07d; }
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3:before,.eggoffer .bottom h3:before{display: none;}
.eggoffer .bottom h3{font-size: 14px; margin: 0; color: #fff; }
.eggoffer .bottom span{color: #fff; font-size: 20px; font-weight: 900; width: 100%; padding-top: 6px; line-height: 1; display: inline-block; text-align: center; text-shadow: 0 2px 2px #666; }
.form_wrap .analyzeform form .dtf {width: 100%; }
.form_wrap .analyzeform form input[type="submit"] {width: 100%;margin: 0px;text-align: center;margin-top:10px;border-radius: 4px;background-image: linear-gradient(to right, #357782 , #23505C);}
.form_wrap .analyzeform form .wrap{padding-left:0px;width: 100%;}
.form_wrap .analyzeform{margin:0px; }
.eggoffer .broken{display: none;}
.eggoffer .unbroken{display: block;}
.mypopup-wrap .easter{display: none!important;}
.overlay-bg.vis {display: block!important; }
.analyzeform form input[type="text"], .analyzeform form input[type="email"], .analyzeform form input[type="number"], .analyzeform form input[type="tel"], .analyzeform form textarea {width: 100%; margin: 0 0 0 0; border: 1px solid #e5e5e5; background: white; padding: 13px 15px; color: gray; font-size: 13px; /* border-radius: 5px; */ height: 50px; font-weight: 400; outline: none !important; margin-bottom: 10px; }


/*=========================================egg-popup======================================================*/



.thnkyoywrp{
    text-align: center;
    display: block;
      padding: 220px 0 110px;
    }
.thnkyoywrp a{}

ul.top-ul.vdo {
    padding: 0!important;
}
li.drp {
    position: relative;
}

.about-bnr .box-1{
    position: absolute;
    width: 70%;
    height: 100%;
    background: #ffffff87;
    left: 130px;
    z-index: -1;
    border-radius: 12px;
    top: -20px;
}
.about-bnr .box-2{
    position: absolute;
    width: 70%;
    height: 95%;
    background: #ffffffb0;
    left: 90px;
    z-index: -1;
    border-radius: 12px;
    top: -10px;
}
.our-approach:hover .img-box img{transform: scale(1.1);}
.our-approach .img-box{}
.our-approach .img-box img{      transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;  width: 100%;}
.game-pg .our-approach .img-box img{width: 70%;    position: relative;   right: -160px;}
.unity-pg .our-approach .img-box img{width: 40%;    display: block;    text-align: right;    margin: 0 auto;    position: relative;    right: -220px;}
.unreal-pg .our-approach .img-box img{width: 45%;    position: relative;    right: -330px;}
.flu-pg .our-approach .img-box img{width: 40%;position: absolute;right: 95px;}
.flu-pg .our-approach .img-box-1{
    position: relative;
}
.flu-pg .our-approach .img-box-1 img{width: 130%;position: absolute;top: 0;}
.app-dev-pg .our-approach .img-box img{    width: 50%;    position: relative;    right: -50px;}
.react-pg .our-approach .img-box img{width: 60%;position: absolute;left: 0;}
.react-pg .our-approach .img-box-1 img{
    position: absolute;
    width: 56%;
    right: -150px;
    top: 0;
}
.our-approach .border-image.ui-ul li{    width: 26%;}
.react-pg .our-approach .img-box-1{
    position: relative;
}
.app-main-pg .our-approach .img-box img{        width: 40%;
    left: 140px;}
ul.border-image.border li {
    width: 22%;
}
.mypopup-wrap.active figure{margin:0!important;}
img.hover-2 {
    width: 44%!important;
    right: -100px !important;
}
.privacy .mainctawrp {
    padding: 250px 0px 150px;
}
.brnwrp.service-bnnr.ov:before {
    content: '';
    width: 100%;
    height: 100%;
    background: hsl(189deg 49% 11% / 70%);
    position: absolute;
    top: 0;
    left: 0;
}
.txtwrp.hometxt {
    width: 85%;
}
.app-main-pg .our-approach .img-box .unreal-img-1{width: 27%;
    left: 210px;
    z-index: 99;}
.react-pg .our-approach .img-box-1 .unreal-img-2{position: absolute;
    width: 56%;
    right: 120px;
    top: 40px;
    z-index: 0;}    
    
.app-main-pg .our-approach .img-box .unreal-img-3 {
    width: 27%;
    left: -197px;
    z-index: 99;
} 
ul.border-image.exp li {
    width: 25%;
}

a.btn-1.head-btn:hover {
    color: #000 !important;
}
a.btn-1.home-bt:hover {
    color: #fff !important;
}

.hme-bn .brnwrp{    height: 680px;    padding: 220px 0 70px;}
ul.hm-ul {    margin: 0 !important;}
.contact-bnrr .ectrawrp{    position: relative;   
    top: 80px;}
.ontact-bnrr .slick-dots{    position: relative;        bottom: -82px;}
.cont-slider .slick-active button{    top: 50px;}
span.count-slid{top: 52px;}
.carewrp .cta-slides .slick-prev:before{display:none;}
.carewrp .cta-slides .slick-next:before{       content: "\f178";
    font-family: FontAwesome;
    font-size: 40px;
    position: absolute;
    right: -170px;
    bottom: -280px;
    display:none;
}
button.accordian-item-header:before {
    content: 'Read More';
}
button.accordian-item-header.active:before {
    content: 'Read Less';
}
img.img-flt.game-bg {
    width: 50%;
}
.overyearwrp .ser-port a.email {
    display: block;
    margin: 4px 0 0;
    color: #5D5D5D;
    font-size: 14px;
    font-weight: 600;
    text-transform: lowercase;
}
.careers .about-bnr .mainwrp{float:right;}
.careers .about-bnr .txtdiv{float:right;}
.careers .brnwrp .btnwrp .btn-2{margin: 0 0 0 0px; color: #fff; }

.gt-pg section.contactfrom.img-pp{padding: 145px 0 0;}
.gt-pg footer{    position: relative;}
.careers .brnwrp .txtwrp h1{    font-size: 58px;}
.intl-tel-input{margin: 0 0 10px;    width: 100%;}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid green;
  -webkit-text-fill-color: Green;
}


.belowform .form-box-main form input[type="submit"]:hover{color:#000;}


.jobswrpr{padding: 60px 0;}
.jobswrpr .txtwrp{}
.jobswrpr .txtwrp h2{}
.jobswrpr .txtwrp ul{
}
.jobswrpr .txtwrp ul li{
    font-size: 16px;
    font-weight: 500;
    position: relative;
    padding: 0 0 10px 20px;
}
.jobswrpr .txtwrp ul li:after{content: "\f054";
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'FontAwesome';
    color: #167084;}

.job-pg .contact-bnrr{    padding: 220px 0 50px;}    
.job-pg .contact-bnrr .btn-1{    background-image: unset;
    background: #fff;
    color: #000;}
.job-pg .contact-bnrr .locationswrp{    font-size: 15px;
    color: #c3c3c3;}    
    li.ad-header-img-main a {
    display: block;
    padding: 0 !important;
    height: 60px;
}

.ad-header-img-main a {
    display: block;
    padding: 0 !important;
    height: 110px;
}

.ad-header-img-main img {
    width: 100%;
    height: 100%;
}