:root{
--color-primary: #1681ff;
--color: #1c1f24;
}
.text-white {color:#fff !important;}
.text-black {color:#000 !important;}
.mb-4 {margin-bottom: 20px !important;}
.offset-md-1 {margin-left: 8.333333%;} .row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flex-row            { flex-direction: row !important; }
.flex-column         { flex-direction: column !important; }
.flex-row-reverse    { flex-direction: row-reverse !important; }
.flex-column-reverse { flex-direction: column-reverse !important; }
.flex-wrap         { flex-wrap: wrap !important; }
.flex-nowrap       { flex-wrap: nowrap !important; }
.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }
.flex-fill         { flex: 1 1 auto !important; }
.flex-grow-0       { flex-grow: 0 !important; }
.flex-grow-1       { flex-grow: 1 !important; }
.flex-shrink-0     { flex-shrink: 0 !important; }
.flex-shrink-1     { flex-shrink: 1 !important; }
.justify-content-start   { justify-content: flex-start !important; }
.justify-content-end     { justify-content: flex-end !important; }
.justify-content-center  { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around  { justify-content: space-around !important; }
.align-items-start    { align-items: flex-start !important; }
.align-items-end      { align-items: flex-end !important; }
.align-items-center   { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch  { align-items: stretch !important; }
.align-content-start   { align-content: flex-start !important; }
.align-content-end     { align-content: flex-end !important; }
.align-content-center  { align-content: center !important; }
.align-content-between { align-content: space-between !important; }
.align-content-around  { align-content: space-around !important; }
.align-content-stretch { align-content: stretch !important; }
.align-self-auto     { align-self: auto !important; }
.align-self-start    { align-self: flex-start !important; }
.align-self-end      { align-self: flex-end !important; }
.align-self-center   { align-self: center !important; }
.align-self-baseline { align-self: baseline !important; }
.align-self-stretch  { align-self: stretch !important; }
.nav {display: flex;flex-wrap: wrap;padding-left: 0;margin-bottom: 0;list-style: none;}
.nav-fill .nav-item {flex: 1 1 auto;text-align: center;}
.nav-justified .nav-item {flex-basis: 0;flex-grow: 1;text-align: center;}
.tab-content > .tab-pane {display: none;}
.tab-content > .active {display: block;}
.naverTableList {justify-content: center;margin: 30px 0px;}
.naverTableList li {padding: 0px 25px;}
.naverTableList li a{font-size: 19px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: center;color: #000; opacity:0.51; border-bottom:2px solid transparent; padding:15px 0px}
.naverTableList li a:hover, .naverTableList li a:focus {background: none;}
.naverTableList li.active a {opacity: 1;border-bottom-color: #b68b00;}
.naverTableContent ul li {text-align: center;border-bottom: 2px solid transparent;transition: .4s;background: #f5faff;margin: 10px;}
.naverTableContent ul li:hover {border-bottom-color:#1681ff}
.naverTableContent ul li img {width: auto;display: block;margin: auto;margin-bottom: 15px;height: 60px;}
.differnt-device-list li a:after{display:none}
.naverTableContent {padding: 0px 150px;display: flex;}
.naverTableContent .differnt-device-list li a:after{display:none!important}
.naverTableContent ul li a{ font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: center;}
ul.trustedPartners li img {width: auto;height: 46px;object-fit: scale-down;filter: none;object-position: center;}
ul.trustedPartners li{margin-right:15px;}  .lity,
.lity-container,
.lity-wrap {
outline: 0!important
}
.lity-loader,
.lity-wrap {
text-align: center
}
.lity,
.lity-wrap {
z-index: 9999;
position: fixed;
top: 0
}
.lity-container,
.lity-wrap:before {
vertical-align: middle;
display: inline-block
}
.lity-content:after,
.lity-wrap:before {
content: ''
}
.lity,
.lity-content:after,
.lity-wrap {
bottom: 0;
right: 0;
left: 0
}
.lity {
white-space: nowrap;
background: #0b0b0b;
background: rgba(0, 0, 0, .9);
opacity: 0;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease
}
.lity.lity-opened {
opacity: 1
}
.lity.lity-closed {
opacity: 0
}
.lity * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.lity-wrap:before {
height: 100%;
margin-right: -.25em
}
.lity-loader {
z-index: 9991;
color: #fff;
position: absolute;
top: 50%;
margin-top: -.8em;
width: 100%;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
opacity: 0;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease
}
.lity-loading .lity-loader {
opacity: 1
}
.lity-container {
z-index: 9992;
position: relative;
text-align: left;
white-space: normal;
max-width: 100%;
max-height: 100%
}
.lity-close,
.lity-close:active,
.lity-close:focus,
.lity-close:hover,
.lity-close:visited {
text-decoration: none;
text-align: center;
padding: 0;
color: #fff;
font-style: normal;
font-size: 35px;
font-family: Arial, Baskerville, monospace;
line-height: 35px;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
background: 0 0;
outline: 0;
border: 0
}
.lity-content {
z-index: 9993;
width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform .3s ease;
-o-transition: -o-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease
}
.lity-closed .lity-content,
.lity-loading .lity-content {
-webkit-transform: scale(.8);
-ms-transform: scale(.8);
-o-transform: scale(.8);
transform: scale(.8)
}
.lity-content:after {
position: absolute;
top: 0;
display: block;
width: auto;
height: auto;
z-index: -1;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}
.lity-close {
z-index: 9994;
width: 35px;
height: 35px;
position: absolute;
right: 0;
top: 0;
margin: -9px -30px auto auto;
-webkit-appearance: none;
cursor: pointer;
-webkit-box-shadow: none;
box-shadow: none
}
.lity-close::-moz-focus-inner {
border: 0;
padding: 0
}
.lity-close:active,
.lity-close:focus,
.lity-close:hover,
.lity-close:visited {
-webkit-box-shadow: none;
box-shadow: none
}
.lity-close:active {
top: 1px
}
.lity-image img {
max-width: 100%;
display: block;
line-height: 0;
border: 0
}
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container,
.lity-iframe .lity-container,
.lity-vimeo .lity-container,
.lity-youtube .lity-container {
width: 100%;
max-width: 964px
}
.lity-iframe-container {
width: 100%;
height: 0;
padding-top: 56.25%;
overflow: auto;
pointer-events: auto;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-overflow-scrolling: touch
}
.lity-iframe-container iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
background: #000
}
.lity-hide {
display: none
}
.lity-close {
border-radius: 50%;
background-color: #deb21e!important;
right: 30px;
top: -20px;
}  .odometer.odometer-auto-theme, .odometer.odometer-theme-default {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
display: block;
-webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
font-family: "Helvetica Neue", sans-serif;
line-height: 1.1em;
display:inline-block!important 
}
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
text-align: center;
} body{transition:.4s; position:relative; right:0px;}
*{margin: 0px; padding:0px; text-decoration: none; }
.skip-link.screen-reader-text{display:none}
a:hover, a:focus, a:active{text-decoration: none;}
.cb-banner-top {
background: url(//www.code-brew.ae/wp-content/themes/twentytwenty/media/2022/04/pbanner.webp) no-repeat;
background-position: center;
position:relative;
background-size: auto;
}
.row-height{height: 100vh}
.banner-cb-text {
align-self: center;
color: var(--color-black);
}
.banner-cb-text h1{
font-size: 42px;
font-weight: 700;
font-stretch: normal;
font-style: normal;
line-height: 1.17;
letter-spacing: -1.64px;
color: inherit;
margin:0px;
}
.banner-cb-text h1 span{color: #daaf1c;}
.banner-cb-text p {
font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: normal;
color: inherit;
margin-bottom: 40px;
margin-top:30px;
}
.btn-register-common {
display: inline-block;
border: solid 1px var(--color-primary);
background-color: var(--color-primary);
padding: 15px 20px 15px 47px;
position: relative;
font-size: 22px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #ffffff!important;
border-radius: 3px;
transition:.4s;
cursor:pointer
}
.btn-register-common:hover, .btn-register-common:focus, .btn-register-common:active {
background-color: #244D7D;
border-color: #244D7D;
}
.btn-register-common:before {
box-shadow: 0 0 0 rgba(255, 255, 255, .4);
animation: pulso 2s infinite;
transition: .5s;
content: "";
width: 15px;
height: 15px;
border: 3px solid #fff;
position: absolute;
left: 15px;
border-radius: 50%;
top: 0px;
bottom: 0px;
margin: auto;
animation: pulso 2s infinite;
}
@keyframes pulso {
0% {
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
}
70% {
-moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
.common-cb-sec{padding: 70px 0px}
.yello-pattren {
background-image: url(//www.code-brew.ae/wp-content/themes/twentytwenty/media/2022/04/pbanner2.png);
background-size: cover;
background-position: center;
}
.cb-sub-heading-large{
font-size: 34px;
font-weight: 800;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1.29px;
margin: 0px;
margin-bottom: 1.5rem;
}
.cb-sub-heading-small{
font-size: 19px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
margin: 0px;
}
.cb-steps {
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0px;
margin: 50px -12.5px;
}
.cb-steps li {
width: calc(16.66% - 25px);
margin: 12.5px;
text-align: center;
border-radius: 3px;
}
.cb-steps li a {
display: block;
background: linear-gradient(to top, #fff, #eaf1fc), linear-gradient(to bottom, #fff, #e0e6ee);
padding: 10px 20px 0;
overflow: hidden;
position: relative;
transition: .4s;
top: 0px;
border-radius: 5px;
padding-bottom: 60px;
backface-visibility: hidden;
}
.cb-steps li a i {
opacity: 0.06;
font-size: 122px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
position: absolute;
right: -15px;
top: -15px;
}
.cb-steps li:hover a {
top: 0px;
transform: scale(1.1);
background: #2c8dff;
}
.cb-steps li:hover h5, .cb-steps li:hover h4, .cb-steps li:hover p  {color: #fff !important;}
.cb-steps li h5 {
font-size: 17.5px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 1px;
text-align: center;
color: #ffffff;
margin-bottom: 50px;
}
.cb-steps li h4 {
font-size: 20.5px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.73px;
text-align: center;
color: #ffffff;
}
.cb-steps li p {
font-size: 16px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.42;
letter-spacing: normal;
text-align: center;
color: #ffffff;
margin: 15px 0px;
margin-bottom: 0px;
}
.cb-steps li img {
width: 40px;
margin-bottom: 0px;
transition: .4s;
position: absolute;
left: 0px;
right: 0px;
margin: auto;
bottom: -60px;
}
.cb-steps li:hover img {
bottom : 10px;
}
.black-skin-cb{background-color: #000; border-color: #000}
.black-pattren {background: linear-gradient(270deg, #2a303a 100%, #000 100%);}
.clr-yellow{color: var(--color-primary)}
.stats-cb-number {
padding-left: 50px;
}
.stats-cb-number ul {
background: linear-gradient(to bottom, #254073 0%, #0f1d37);
list-style: none;
display: flex;
flex-wrap: wrap;
margin: 0px;
padding: 0px;
}
.stats-cb-number li {
width: 50%;
padding: 50px;
border: 1px solid 1px solid #2b4474;
}
.stats-cb-number li h4 {
font-size: 45px;
font-weight: 700;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1.61px;
color: #ffffff;
}
.stats-cb-number li p {
font-size: 18px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.56;
letter-spacing: normal;
color: #9b9b9b;
margin: 0px;
}
hr.connector-cb {
border-top: solid 1px #979797;
margin-top: 90px;
margin-bottom: 70px;
}
.industry-list-cb {
position: static;
display: flex;
margin: 0px -15px;
list-style:none
}
.industry-list-cb li {
flex: 3;
margin: 0px 15px;
margin-top: 30px;
position: relative;
}
.industry-list-cb li > img {
width: 100%;
height: 250px;
object-fit: cover;
}
.industry-list-cb:nth-of-type(odd) li:nth-child(3){flex: 6;}
.industry-list-cb:nth-of-type(even) li:nth-child(1){flex: 6;}
.dots-back-map {
background-image: url(https://studio.code-brew.com/wp-content/themes/twentytwenty/images/dots.png);
background-size: contain;
background-repeat: no-repeat;}
.industry-list-cb li figcaption {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
bottom: 0px;
padding: 15px;
left: 0px;
right: 0px;
overflow: hidden;
transition: .4s;
display:block;
z-index:1
}
.industry-list-cb li figcaption img {
width: 50px;
display: block;
}
.industry-list-cb li figcaption h4 {
font-size: 24px;
font-weight: 700;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.86px;
color: #ffffff;
margin: 0px;
margin-top: 15px;
}
.industry-list-cb li figcaption a {
font-size: 12px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 50px;
position: absolute;
right: -200px;
bottom: 10px;
transform: scale(0.8);
transform-origin: center;
background-color: #000;
transition: .4s;
}
.industry-list-cb li:hover figcaption a {   right: 0px;}
.industry-list-cb li:hover figcaption{background-color: #1681ff;}
.cb-black-gredient {padding-bottom: 0px;border-bottom: 5px solid #1681ff;}
.cb-black-flat{background-color:#131313}
.cb-left-right-text h5 {
font-size: 18px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
opacity: 1;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 20px;
}
.cb-left-right-text h4 b{font-weight:700}
.cb-left-right-text h4 {
font-size: 30px;
font-weight: 800;
line-height: 1.47;
margin: 0 auto;
}
.cb-left-right-text span {
display: block;
background: linear-gradient(to left, rgba(35, 142, 255, 0), rgba(35, 142, 255, 0.21));
padding: 15px;
border-left: 5px solid #1681ff;
margin: 30px 0px;
}
.cb-left-right-text span strong {
font-size: 18px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.56;
letter-spacing: normal;
color: #1681ff;
display: block;
}
.cb-left-right-text span small {
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.3;
letter-spacing: normal;
display: block;
margin-top: 5px;
}
.cb-left-right-text p {
font-size: 16px;
font-weight: normal;
line-height: 1.63;
position: relative;
margin-bottom: 15px;
padding-left: 30px;
}
.cb-left-right-text p:before {
content: "";
position: absolute;
left: 0px;
width: 16px;
height: 16px;
background-color: #000;
border: 3px solid #fff;
border-radius: 50%;
top: 5px;
}
.cb-left-right-text a{
font-size: 22px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
display: block;
margin-top: 50px;
transition:.4s
}
.cb-left-right-text a:after {
content: "\f178";
font: normal normal normal 24px/1 FontAwesome;
margin-left: 15px;
vertical-align: middle;
color: #1681ff;
animation: mymove 2s;
animation-iteration-count: infinite;
position: relative;
}
.common-repid-section.goldenModeBack .cb-left-right-text a:after {color: #fff;}
.common-repid-section.goldenModeBack .cb-left-right-text a:hover:after {color: #000;}
.common-repid-section.goldenModeBack .cb-left-right-text a:hover {color: #000;}
.owl-dots {padding-top: 30px;}
@keyframes mymove {
0%{left: 0px;}
50% {left: 10px;}
100% {left: 0px;}
}
.cb-left-right-text a:hover:after{color:#000}
.cb-left-right-text a:hover{ color: #1681ff;}
.cb-left-right-images img{width:100%}
.commonsetup-cb{padding-top:70px}
.testimonials-cb {
background-color: #1e232a;
text-align: center;
padding: 50px 160px;
margin-top: 80px;
border-radius: 3px;}
.testimonials-cb p{font-size: 21px;
font-weight: 500;
font-stretch: normal;
font-style: italic;
line-height: 1.43;
letter-spacing: normal;
text-align: center;
color: #808080;
margin-bottom: 40px;}
.testimonials-cb h5{font-size: 16px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.3;
letter-spacing: normal;
text-align: center;
color: #828282;
margin: 0px}
.testimonials-cb h4{font-size: 18px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.3;
letter-spacing: normal;
text-align: center;
color: #ffffff;
margin: 0px;
margin-bottom: 10px}
.testimonials-cb img{
width: 105px;
border: 1px solid #daaf1c;
border-radius: 50%;
padding: 10px;
margin-top: 20px;
}
.wizardform{cursor:pointer}
.port-setup.bahartpay{background-image:url(https://studio.code-brew.com/wp-content/uploads/2020/07/group-32@2x.jpg); }
.port-setup {
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
padding:20px 50px;
padding-bottom:0px;
}
.inner-pot-slider h4{font-size: 40px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1.43px;
color: #ffffff;
margin:10px 0px;}
.inner-pot-slider h5{font-size: 22px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.36;
letter-spacing: -0.79px;
color: #ffffff;}
.inner-pot-slider p{font-size: 16px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.88;
letter-spacing: -0.57px;
color: #ffffff;
display:none}
.loop .inner-pot-slider img {
width: 60px;
}
.heading-portfolio {
border-top: 1px solid #979797;
margin-top: 70px;
padding-top: 50px;
padding-right: 250px;
margin-bottom: 70px;
position:relative
}
.heading-portfolio h2{font-size: 90px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -3.21px;
color: #ffffff;
margin-bottom: -40px;
opacity: 0.16;}
.heading-portfolio #counter, .heading-portfolio #counter1 {
position: absolute;
right: 86px;
font-size: 22px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #ffffff;
top: 70px;
bottom: 0px;
display: flex;
align-items: center;
}
.commonloop.owl-theme .owl-nav {
position: absolute;
top: -175px;
right: 0px;
margin: 0px;
width: 230px;
display: flex;
justify-content: space-between;
}
.commonloop.owl-theme .owl-nav button {
background-color: transparent!important;
color: #8f8f8f;
width: 70px;
height: 70px;
border: 1px solid #8f8f8f;
border-radius: 50%;
font-size: 26px;
outline: none!important;
}
.commonloop.owl-theme  .owl-nav [class*=owl-]:hover {
color: #daaf1c;
text-decoration: none;
border-color: #fff;
}
.common-awaards {
border-top: 6px transparent solid;
text-align: center;
padding: 15px;
}
.common-awaards h4 {
font-size: 35px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1.25px;
text-align: center;
color: #000000;
margin-top: 40px;
}
.common-awaards img {
height: 30px;
width: auto!important;
margin: 30px auto;
}
.common-awaards p {
font-size: 16px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #000000;
}
.common-awaards.goodfirm{ background-image: linear-gradient(to bottom, #ffeab7, #ffffff); border-color:#f5ac00}
.common-awaards.appfuture{background-image: linear-gradient(to bottom, #ffcfc5, #ffffff); border-color:#eb5a3d}
.common-awaards.develop4you{background-image: linear-gradient(to bottom, #ebffd4, #ffffff); border-color:#9bca65}
.common-awaards.Businessapp{ background-image: linear-gradient(to bottom, #e2f6ff, #ffffff); border-color:#0684ca}
.common-awaards.upwork{background-image: linear-gradient(to bottom, #e0ffd4, #ffffff); border-color:#7bd651}
.awardloop .owl-item:nth-of-type(even){margin-top:90px;}
.cta-bottom {
background-image: url(//www.code-brew.ae/wp-content/themes/twentytwenty/media/2022/04/premium_cta_img.png);
padding: 85px;
background-size: cover;
background-position: center;
margin-top: 100px;
}
#site-footer {
text-align: center;
background-color: #131313;
border: none!important;
padding: 20px;
}
#site-footer a {
display: block;
width: 150px;
margin: auto;
}
#site-footer a img {
width: 100%;
}
#site-footer a p {
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #565656;
margin: 0px;
margin-top: 10px;
} .banner-cb-image img{width:100%}
.common-awaards a {
display: inline-block;
background-image: url(https://www.code-brew.com/wp-content/uploads/2020/07/vector-smart-object-copy-6@2x.png);
background-repeat: no-repeat;
background-position: center top;
width: 100%;
}
.port-setup.clikat {
background-color: #938257;
background-image: url(https://www.code-brew.com/wp-content/uploads/2019/11/clikat-provides-dubai-first-home-needs-service-mobile-application-9289-1-1.jpg);
background-size: contain;
background-position: center right;
}
.port-setup.sml{background-color:#e41d23;
background-image: url(https://www.code-brew.com/wp-content/uploads/2019/09/rectangle-copy-6@2x.jpg);
background-size: contain;
background-position: center right;}
.port-setup.grintafy{background-color: #2c3a21;
background-image: url(https://www.code-brew.com/wp-content/uploads/2019/09/layer-25@3x.jpg);
background-size: contain;
background-position: center right;}
.port-setup.red{background-color:#0f0f0f;
background-image: url(https://www.code-brew.com/wp-content/uploads/2019/09/40945@2x-1.jpg);
background-size: contain;
background-position: center right;}
.port-setup.gradeup{background-color:#1b816b;
background-image: url(https://www.code-brew.com/wp-content/uploads/2019/09/6394@3x-1.jpg);
background-size: contain;
background-position: center right;}
.port-setup.nielsen{background-color:#0083b5;
background-image: url(https://www.code-brew.com/wp-content/uploads/2019/09/o-730000@2x.jpg);
background-size: contain;
background-position: center right;}
.inner-pot-slider ul {
padding: 0px;
list-style: none;
margin: 20px 0px;
display: flex;
}
.inner-pot-slider ul li{width:33.33%;}
.inner-pot-slider ul li big {
display: block;
font-size: 24px;
font-weight: 700;
font-stretch: normal;
font-style: normal;
line-height: normal;
color: #ffffff;
}
.inner-pot-slider ul li small {
display: block;
font-size: 16px;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: 1.56;
letter-spacing: normal;
color: #fff;
margin: 0px;
margin-top: 5px;
opacity:.5
}
.inner-pot-slider a.btn-register-common {
background-color: transparent;
border-color: #fff;
margin-top: 5px;
font-size: 18px;
padding-top: 10px;
padding-bottom: 10px;
}
.style-5.chatbot {
position: fixed;
bottom:100px; right:10px; z-index:991;
animation: pulsoi 2s infinite;
-webkit-animation-name: pulsoi;
animation-name: pulsoi;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
.style-5.chatbot a{display:block;}
@keyframes pulsoi {
0%, 20%, 53%, 80%, 100% {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
40%, 43% {
-webkit-transform: translate3d(0,-5px,0);
transform: translate3d(0,-5px,0);
}
40%, 43%, 70% {
-webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
animation-timing-function: cubic-bezier(.755,.05,.855,.06);
}
70% {
-webkit-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0);
}
90% {
-webkit-transform: translate3d(0,-1px,0);
transform: translate3d(0,-1px,0);
}
}
ul.ticker-points {
list-style: none;
padding: 0px;
margin: 30px 0px;
}
ul.ticker-points li {
font-size: 18px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.44;
letter-spacing: normal;
color: #ffffff;
position: relative;
padding-left: 35px;
margin-bottom: 20px;
}
.ticker-points li:before {
content: "";
position: absolute;
left: 0px;
width: 16px;
height: 16px;
background-color: #000;
border: 3px solid #fff;
border-radius: 50%;
top: 5px;
}
.cb-call-gtm {
z-index: 991;
position: fixed;
width: 50px;
height: 50px;
top: 27px;
right: 30px;
background-color: #fff;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 2px solid #deb21d;
cursor:pointer;
transition:.4s;
animation: pulsoi 2s infinite;
-webkit-animation-name: pulsoi;
animation-name: pulsoi;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
display:none
}
.ME .cb-call-gtm, .US .cb-call-gtm{display:flex}
.header-fixed .cb-call-gtm {
top: 7px;
}
.cb-call-gtm i {
font-size: 28px;
color: #deb21d;
}
.menu-bar-cb {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0px;
flex: auto;
padding-right: 10px;
justify-content: flex-end;
}
.menu-bar-cb li {
padding: 0px 15px;
}
.menu-bar-cb li a:hover {border-bottom-color:#fff}
.menu-bar-cb li a {
font-size: 15px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.47;
letter-spacing: normal;
color: #ffffff;
padding: 7.5px 0px;
border-bottom:1px solid transparent;
transition:.4s;
display:block
}
.toggle-cb{display:none}
ul.list-clients li img {
width: 100%;
height: 60px;
object-fit: scale-down;
}
ul.list-clients li {
width: 20%;
padding: 30px;
}
ul.list-clients {
list-style: none;
display: flex;
flex-wrap: wrap;
margin: 0px -30px;
}
#section0{background: #f1f6fe;background-size: cover;background-position: center; position:relative}
.fp-right .fp-sr-only{display:none}
#fp-nav.fp-right ul li a span{background-color: rgba(155, 155, 155, 0.3);}
#fp-nav.fp-right ul li a.active span{width: 11px;background-color: #d1a804}
.top-banner-side-image {position: absolute;width: 710px;right: inherit;left: 45%;top: 0px;bottom: 0px;margin: auto;padding: 0px;height: 500px;}
.top-banner-side-image .main-phone{position: absolute;width: 580px;left: 0px;right: 0px;top: 0px;bottom: 0px;margin: auto;animation: move 6s infinite forwards;}
@keyframes move{
0% { transform: translateY(0px); opacity:1}
50% { transform: translateY(25px);}
75% { transform: translateY(-25px);}
100% { transform: translateY(0px);}
}
.top-banner-side-image:before {
content: "";
width: 15px;
height: 15px;
position: absolute;
background-color: #deb21d;
top: 0px;
bottom: -300px;
margin: auto;
border-radius: 50%;
left: 100px;
animation: movers 10s infinite forwards;
animation-delay:7s;
}
@keyframes movers{
0% { left: 100px;  bottom: -300px; }
7% {left: 198px; bottom: -165px; }
17% { left: 33px; bottom: 45px; }
35% { left: 416px; bottom: 480px;}
45% {left: 732px; bottom: 140px }
55% {left: 732px; bottom: 140px }
65% {left: 590px; bottom: -34px; }
70% {left: 590px; bottom: -147px }
80% {left: 390px; bottom: -371px }
90% {left: 205px; bottom: -166px;  }
100% { left:95px; bottom: -305px; }
}
.cbCommonBlock{position:absolute; width:180px; visibility:hidden}
.cbCommonBlock img{width:100%}
.block-one-phone {
top: 20px;
bottom: 0px;
margin: auto;
}
.block-two-phone {
top: 270px;
bottom: 0px;
margin: auto;
left: -70px;
}
.block-three-phone {
bottom: -80px;
margin: auto;
left: 80px;
right: 0px;
}
.block-four-phone {
right: -30px;
bottom: 0px;
top: 150px;
margin: auto;
}
.dotted-track {
width: 100%;
left: 0px;
right: -70px;
top: -50px;
bottom: 0px;
margin: auto;
position: absolute;
}
.top-banner-side-text h1, .top-banner-side-text p, .top-banner-side-text a{visibility:hidden}
.top-banner-side-text h1 {
font-weight: 400;
line-height: 1.3;
margin-bottom: 30px;
}
.cb-sec-2{background-image:url(https://studio.code-brew.com/wp-content/uploads/2020/07/bg-1@2x-1.jpg;); background-size:cover; background-position:center}
.statical-text ul {
list-style: none;
display: flex;
flex-wrap: wrap;
padding: 0px;
margin: 0px;
}
.statical-text ul li {
width: 50%;
padding: 30px 0px;
padding-right: 100px;
}
.statical-text ul li img {
height: 45px;
margin-bottom: 10px;
width: 45px;
object-fit: scale-down;
}
.statical-text ul li h4 {
margin: 0px;
color: #fff;}
.statical-text ul li h5 {
font-size: 18px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.56;
letter-spacing: normal;
color: #bebebe;
margin: 0px;
}
.statical-text ul li h4 i {
font-size: 45px;
font-weight: 700;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 3px;
color: #ffffff;
}
.statical-text-simple .cb-sub-heading-large {
font-size: 28px;
line-height: 1.3;
}
.statical-text-simple ul.ticker-points li{color:#d8d8d8}
.statical-text-simple .ticker-points li:before{background-color:#e6e6e6}
.statical-text-simple .cta-bottom {
background-image: linear-gradient(to left, #b68b00, #dcb900);
margin: 0px;
padding: 30px;
margin-top: 50px;
}
.statical-text-simple .cta-bottom h4{font-size: 26px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.69;
letter-spacing: -0.93px;
color: #ffffff}
.statical-text-simple .cta-bottom p {
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.88;
letter-spacing: normal;
color: #ffffff;
margin-bottom: 25px;
margin-top: 10px;
}
.statical-text-simple .cta-bottom  a{background-color: #000000}
.cb-sub-heading-middle{font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #2e2e2e;
}
.nexygen-text .cb-sub-heading-large{ font-size: 28px;
font-weight: 700;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #2e2e2e;}
.nexygen-text .cb-sub-heading-small{ line-height: 1.88;
}
.nexygen-image img{width:100%}
.nexygen-image {
padding-left: 100px;
}
.next-genlist {
list-style: none;
display: flex;
flex-wrap: wrap;
padding: 0px;
margin: 0px -15px;
}
.next-genlist li {
width: calc(33.33% - 30px);
margin: 15px;
background-image: linear-gradient(100deg, #2a303a 3%, #000000 94%);
text-align: center;
padding: 25px 15px;
padding-top: 25px;
transition:.4s
}
.next-genlist li:hover { background-image: linear-gradient(261deg, #004ca6 100%, #169cff 2%)}
.next-genlist li img {
height: 50px;
}
.next-genlist li:hover p{color:#fff}
.next-genlist li h4 {
font-size: 24px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #f2f2f2;
margin: 8px 0px;
}
.next-genlist li p {
font-size: 18px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: normal;
text-align: center;
color: #b9b9b9;
margin: 0px;
} .fp-enabled body header {
padding: 15px;
background-color: #151d26;
}
.sectionFour{background-image:url(https://studio.code-brew.com/wp-content/uploads/2020/07/group-63@3x-1.jpg); background-size:cover; background-position:center}
.posTaken {
text-align: center;
margin-left: 50%;
}
.posTaken h4 {
font-size: 28px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #f2f2f2;
margin: 0px;
}
.posTaken ul {
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0px;
overflow:hidden
}
.posTaken ul li {
width: calc(33.33% - 50px);
background-image: linear-gradient(to bottom, #eeeeee, #d8d8d8);
margin: 25px;
position: relative;
padding-bottom: 25px;
}
.posTaken ul li:nth-child(4), .posTaken ul li:nth-child(5), .posTaken ul li:nth-child(3), .posTaken ul li:nth-child(2){ background-image: linear-gradient(to top, #b68b00, #dcb900)!important} 
.posTaken ul li p {
font-size: 16.2px;
font-weight: bold;
font-stretch: normal;
font-style: italic;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #2e2e2e;
padding: 40px 0px;
padding-bottom: 25px;
text-transform:capitalize
}
.posTaken ul li:nth-child(4) p, .posTaken ul li:nth-child(5) p{color:#fff}
.posTaken ul li:nth-child(4) span, .posTaken ul li:nth-child(5) span{background-image:none}
.posTaken ul li span {
background-image: linear-gradient(263deg, #9e9e9e 100%, #5f5f5f 0%);
position: absolute;
width: 100%;
left: 0px;
right: 0px;
bottom: 0px;
font-size: 11.1px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #ffffff;
padding: 5px;
text-transform: uppercase;
border-top: 2px solid #000;
}
.posTaken > p {
font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.56;
letter-spacing: -0.64px;
text-align: center;
color: #ffffff;
margin: 0px;
margin-bottom: 20px;
}
.industry-list-cb.last li{flex:3!important}
.indusListCta{margin-top:50px;}
.indusListCta h4 {
font-size: 24px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.36;
letter-spacing: -0.37px;
color: #191919;
margin: 0px;
}
.indusListCta h5 {
font-size: 19px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.36;
letter-spacing: -0.37px;
color: #191919;
margin: 0px;
margin-top:5px;
}
#menu {
width: 100%;
position: fixed;
z-index: 9;
margin: 0px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
background-color: #000;
top: -100px;
transition: .4s;
}
#menu li a {
font-size: 17px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.29;
letter-spacing: normal;
color: #c3c3c3;
padding: 15px;
display: block;
text-align: center;
}
#menu li a b {
display: block;
margin-bottom: 5px;
font-weight: 300;
}
.sectionSeven .nexygen-text{text-align:center}
.sectionSeven{background-image: linear-gradient(45deg, #fff8ef 2%, #ffffff 98%);}
.sectionFive{background-image:url(https://studio.code-brew.com/wp-content/uploads/2020/07/bg-3-1@3x-scaled.jpg); background-position:center; background-size:cover}
.sectionSix{background-image:url(https://studio.code-brew.com/wp-content/uploads/2020/07/bg-3-2@3x-scaled.jpg); background-position:center; background-size:cover}
.tempMenuOn #menu {
top: 77px;
border-top: 1px solid #464646;
}
.sectionSeven .nexygen-text .cb-sub-heading-middle{font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #dab700}
.sectionSeven .next-genlist li i {
width: 46px;
height: 46px;
background-color: #dab700;
display: block;
border-radius: 50%;
position: relative;
margin: auto;
margin-bottom: 30px;
}
.sectionSeven .next-genlist li i img{position: relative;
top: 10px;
left: -10px}
.sectionSeven .nexygen-text .cb-sub-heading-large{font-size:32px;}
.sectionSeven .nexygen-text .btn-register-common{background-color:#000}
.sectionSeven .next-genlist li{background-image:none; padding:0px;}
.sectionSeven .next-genlist li h4, .sectionSeven .next-genlist li p{color:#101010}
.sectionSeven .next-genlist li h4 {
font-size: 18px;
font-weight:700}
.sectionSeven .next-genlist li p {
font-size: 16px;}
.sectionEight .next-genlist li h4, .sectionEight .next-genlist li p{color:#fff}
.sectionEight{background-image: linear-gradient(110deg, #433800 6%, #2b2400 96%);}
.sectionEight .nexygen-image{padding-left:15px;}
.sectionEight .nexygen-text .cb-sub-heading-large{color:#fff}
.sectionEight .nexygen-text .cb-sub-heading-middle{color:#dab700}
.sectionEight .nexygen-text .btn-register-common{background-color:#deb21d}
.sectionEight .nexygen-text i {
font-size: 18px;
font-weight: 600;
font-stretch: normal;
font-style: italic;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #f2f2f2;
display: block;
margin-bottom: 20px;
}
.sectionEight .nexygen-text .cb-sub-heading-small{ font-size: 16px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.63;
letter-spacing: normal;
text-align: center;
color: #ffffff;}
.sectionEight .nexygen-image{padding-right:50px;}
#menu:before {
width: 0%;
position: absolute;
content: "";
height: 4px;
background-color: #dab700;
bottom: 0px;
left: 0px;
transition: .4s;
}
#menu li.active a{opacity:1; color:#dab700}
#menu li.active a b{color:#fff}
.fp-viewing-sectionTwo #menu:before, .fp-viewing-sectionCta #menu:before{width:8%}
.fp-viewing-sectionFour #menu:before{width:27%}
.fp-viewing-sectionFive #menu:before{width:45%}
.fp-viewing-sectionSix #menu:before{width:60%}
.fp-viewing-sectionSeven #menu:before{width:74%}
.fp-viewing-sectionEight #menu:before{width:100%}
.sectionCta .container {
background-image: url(//www.code-brew.ae/wp-content/themes/twentytwenty/media/2022/04/custom_ad_cta_bg.png);
background-size: cover;
background-position: center;
text-align: center;
padding: 100px 50px;
margin-top:70px;
margin-bottom:70px;
}
div#sectionCta {
padding-bottom: 100px;
background-image: linear-gradient(155deg, #fff8ef 2%, #ffffff 98%);
}
.sectionCta .container .cb-sub-heading-middle{color:#fff}
.sectionCta .container .cb-sub-heading-large{color:#fff}
.sectionCta .container .cb-sub-heading-small{color:#fff}
.sectionNine{ background-image: linear-gradient(100deg, #1a242f 3%, #010102 94%)}
.sectionNine .cb-sub-heading-middle{color:#dab700}
.sectionNine .cb-sub-heading-small{font-size: 16px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.88;
letter-spacing: normal;
text-align: center;
color: #ffffff;
opacity:.80}
.accord-image img {
width: 100%;
padding-left: 50px;
}
.accord-text .card {
position: relative;
padding-left: 50px;
border: solid 1px rgba(255, 255, 255, 0.11);
background-color: rgba(37, 42, 51, 0.37);
margin: 15px 0px;
border-radius: 0px;
}
.accord-text .card img {
position: absolute;
left: 18px;
top: 18px;
height: 30px;
width: 30px;
object-fit: scale-down;
}
.accord-text .card-header{border:none}
.accord-text .card button {
width: 100%;
background-color: transparent;
border: none;
text-align: left;
color: #fff;
outline: none;
font-size: 18px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #ffffff
}
.accord-text .card-body {
opacity: 0.8;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: normal;
color: #ffffff;
padding-top: 5px;
}
.rewamp-arrow-animate a {
opacity: 0.76;
font-size: 20px;
font-weight: 600;
font-stretch: normal;
font-style: italic;
line-height: normal;
letter-spacing: normal;
color: #ffffff;
margin-top: 31px;
display: inline-block;
border-bottom: 1px solid #fff;
padding-bottom: 5px;
}
.accord-text .card-header {
border: none;
padding: 20px;
}
.sectionTen .nexygen-image{padding-left:15px;}
.sectionTen .nexygen-text{text-align:left}
.sectionTen .next-genlist li {
width: calc(50% - 30px);}
.sectionTen .next-genlist li i{margin-left:0px;}
.sectionTen .next-genlist li h4, .sectionTen .next-genlist li p{text-align:left}
.sectionTen .rewamp-arrow-animate a{color:#2e2e2e}
.analnyticsImage img{width:100%}
.analnyticsImage{padding:0px;}
.sectionEleven {
background-image: linear-gradient(100deg, #1a242f 3%, #010102 94%);
}
.sectionEleven  .cb-sub-heading-middle {
color: #dab700;
}
.analnyticsText span {
height: 148px;
border: solid 1px rgba(255, 255, 255, 0.47);
background-image: linear-gradient(100deg, #1a242f 3%, #010102 94%);
opacity: 0.8;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #ffffff;
padding: 15px;
margin: 30px 15px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.sectionTwelve .nexygen-image{padding-left:15px;}
.sectionTwelve .nexygen-text {
text-align: left;
}
.sectionTwelve .next-genlist li {
width: 100%;
position: relative;
padding-left: 80px;
}
.sectionTwelve .next-genlist li i {
position: absolute;
left: 0px;
top: 0px;
}
.sectionTwelve .next-genlist li h4, .sectionTwelve .next-genlist li p{text-align:left}
.sectionTwelve .rewamp-arrow-animate a {
color: #2e2e2e;
opacity: 1;
border-bottom-color: #2e2e2e;
}
.sectionForteen {
background-image: linear-gradient(100deg, #1a242f 3%, #010102 94%);
}
.sectionFifteen {
background-image: linear-gradient(100deg, #1a242f 3%, #010102 94%);
}
.sectionForteen .heading-portfolio {
margin: 0px;
padding: 0px;
border: none;
}
.sectionForteen .heading-portfolio h4 {
margin-bottom: 50px;
}
.sectionForteen .heading-portfolio h2 {
font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #dab700;
margin: 0px;
opacity: 1;
margin-bottom: 15px;
}
.sectionForteen .common-awaards p {font-size:15px; line-height:1.3}
.sectionForteen .common-awaards {
padding: 10px 6px;}
.sectionForteen .awardloop .owl-item:nth-of-type(even) {
margin-top: 0px;
}
.sectionForteen  .awardloop.owl-theme .owl-nav {
position: static;
margin-top: 50px;
}
.sectionForteen .portfolio{position:relative}
.sectionForteen .portfolio div#counter1 {
color: #fff;
position: absolute;
left: 108px;
bottom: 28px;
}
.sectionFifteen #site-footer {
background-color: transparent;
margin-bottom: 0px;
margin-top: 80px;
}
#fp-nav {top: calc(50% - 90px)!important}
.sectionThirteen {
background-image: linear-gradient(100deg, #1a242f 3%, #010102 94%);
}
.sectionThirteen .cb-sub-heading-middle {
color: #dab700;
}
.sectionThirteen .cb-sub-heading-large {color:#fff}
.sectionThirteen .portfolio{padding-left:50px; padding-right:50px;}
.sectionThirteen .commonloop.owl-theme .owl-nav {
width: 60px;
top: 0px;
display: flex;
bottom: 0px;
margin: auto;
align-items: center;
justify-content: center;
flex-direction: column;
right: -100px;
}
.sectionThirteen .commonloop.owl-theme .owl-nav button {
width: 60px;
height: 60px;
}
.sectionThirteen  .port-setup{background-image:none!important; padding:30px;}
.sectionThirteen .port-setup.bahartpay{ background-image:linear-gradient(to top, #80b0d1, #413594)!important}
.sectionThirteen .inner-pot-slider,
.sectionThirteen .inner-pot-slider-img{flex: 0 0 50%;
max-width: 50%;}
.sectionThirteen .inner-pot-slider img {
width: 60px;
display: inline-block;
margin-right: 20px;
}
.sectionThirteen .inner-pot-slider h5{font-size: 17px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.76;
letter-spacing: -0.61px;
color: #ffffff;}
.sectionThirteen .inner-pot-slider-img img {
height: 430px;
width: auto;
margin: auto;
}
.sectionThirteen .nexygen-text{padding:0px;}
.sectionThirteen .inner-pot-slider h4 {
font-size: 38px; font-weight:600}
.sectionThirteen .inner-pot-slider ul li {
flex: 120px;
margin: 15px;
}
.sectionThirteen .inner-pot-slider ul{flex-wrap:wrap}
.sectionTwo .nexygen-text .cb-sub-heading-middle{ font-size: 25px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.8;
letter-spacing: -0.42px;
color: #bd9300;}
.sectionTwo .nexygen-text .cb-sub-heading-large{ font-size: 35px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.29;
letter-spacing: -0.58px;
color: #3a3a3a;
margin:0px!important;
margin-bottom:30px!important}
.sectionTwo .nexygen-text .cb-sub-heading-large b {
display: block;
font-weight: 700;
}
.sectionTwo .nexygen-text span {
display: flex;
flex-wrap: wrap;
margin: 30px 0px;
margin-left: -8px;
display:none
}
.sectionTwo .nexygen-text span i {
font-size: 15.3px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.25px;
text-align: center;
color: #333333;
border-radius: 18.9px;
border: solid 0.9px #979797;
background-color: #f3f3f3;
padding: 9px 23px;
margin: 8px;
display: block;
}
.exploreMore{font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #2e2e2e;
display: inline-block;
padding-left: 30px;
position:relative}
.exploreMore:before {
content: "";
position: absolute;
width: 16px;
height: 16px;
border: solid 3px #edc400;
border-radius: 50%;
left: 0px;
top:3px;
}
.sectionTwo .nexygen-text .cb-sub-heading-large {
font-size: 24px;}
.sectionTwo .nexygen-image h4 {
font-size: 18px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: -0.3px;
color: #000000;
text-align:center
}
.sectionTwo .nav {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
position: relative;
margin-top: 20px;
}
.sectionTwo .nav:before {
content: "";
position: absolute;
width: 80%;
height: 1px;
border: 1px dashed #8e9196;
top: -40px;
bottom: 0px;
margin: auto;
}
.sectionTwo .nav li a {
display: block;
font-size: 16px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.27px;
text-align: center;
color: #2a303a!important;
position: relative;
background-color:transparent!important;
}
.sectionTwo .nav li a i {
position: absolute;
opacity: 0.08;
font-size: 70px;
font-weight: 800;
font-stretch: normal;
font-style: italic;
line-height: 0.72;
letter-spacing: 5.93px;
text-align: center;
color: #000000;
bottom: -5px;
text-align: center;
left: 0px;
right: 0px;
}
.sectionTwo .nav li a.active span{ background-image: linear-gradient(to bottom, #eeda00, #d8b300)}
.sectionTwo .nav li a span {
display: block;
margin: auto;
width: 65px;
height: 65px;
border: 1px solid #000;
border-radius: 50%;
margin-bottom: 25px;
position: relative;
background-color: #fff;
}
.sectionTwo .nav li a span img {
position: absolute;
width: 35px;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
margin: auto;
height: 35px;
object-fit: scale-down;
}
.exploreMore:hover, .exploreMore:active, .exploreMore:focus {
color: #deb21d;
}
ul.trustedPartners {
position: absolute;
bottom: 50px;
display: flex;
align-items: center;
justify-content: space-between;
list-style: none;
font-size: 13px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.22px;
color: #ffffff;
text-transform: uppercase;
margin: 0px;
visibility:hidden
}
ul.trustedPartners li:not(:last-child) {
padding: 0px;
margin-right: 30px;
} .fp-tableCell{height:auto!important; padding-top:70px; padding-bottom:70px; display:block!important}
.fp-enabled {
padding-top: 0px!important;
}
.fp-section{display:block!important; height:auto!important}
#section0 .fp-tableCell{padding:0px!important;}
.cb-sub-heading-extra-large{font-size:44px; font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.35;
letter-spacing: -0.76px;
color: #2c2c2c; margin:0px;}
.cb-sub-heading-medium-large{ font-size: 26px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.3;
letter-spacing: normal;
color: #2c2c2c; opacity:0.5; margin:0px;}
.infocusSub {
border-radius: 5.7px;
background-image: linear-gradient(to left, #b68b00, #dcb900);
color: #fff;
font-style: normal;
padding: 3px 15px;
}
.sliderRevert {
background-image:linear-gradient(to left, #2a303a, #000000); 
list-style: none;
padding: 0px;
margin: 0px;
display: flex;
flex-wrap: wrap;
}
.sliderRevert li {
width: 33.3%;
padding: 30px 30px;
background-size: 66%;
transition: .4s;
overflow: hidden;
display: flex;
}
.sliderRevert li:hover{background-color:#dcb900}
.sliderRevert li img {
width: 100%;
position: relative;
transition: .4s;
height: 45px;
object-fit: scale-down;
filter:brightness(0) invert(1);
}
.sliderRevert li img:nth-child(1){left:0px;}
.sliderRevert li:hover img:nth-child(1){left:-140%;}
.sliderRevert li img:nth-child(2){ left: 40%;}
.sliderRevert li:hover img:nth-child(2){ left: -100%;}
.listScrollLogo{padding-right:50px;}
.ProcessStates {
padding: 0px;
list-style: none;
margin: 0px;
display: flex;
flex-wrap: wrap;
background-size: cover;
background-position: center;
}
.ProcessStates li {
width: 25%;
background-color: rgba(0, 0, 0, .5);
padding: 35px;
position: relative;
padding-bottom: 180px;
overflow: hidden;
transition: .4s;
border-right: solid 1px rgba(151, 151, 151, 0.18);
}
.ProcessStates li:hover{background-color:#b68b00}
.ProcessStates li sup {
opacity: 0.64;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.21) 1%, rgba(255, 255, 255, 0.09));
font-size: 148px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
top: 0px;
margin-bottom: -60px;
display: block;
}
.ProcessStates li h4 {
font-size: 34px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.29;
letter-spacing: normal;
color: #fff;
}
.ProcessStates li p {
font-size: 18px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.3;
letter-spacing: normal;
color: var(--white);
margin: 0px;
padding: 20px 0px;
padding-left: 30px;
position: relative;
}
.ProcessStates li p:before {
width: 15px;
height: 15px;
border: 3px solid #fff;
content: "";
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
margin: auto;
border-radius: 50%;
}
.ProcessStates li a {
font-size: 21.6px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.56;
letter-spacing: normal;
color: #fff;
text-transform: uppercase;
position: absolute;
bottom: -30px;
opacity: 0;
transition: .4s;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.ProcessStates li a  i{    width: 32px;
height: 32px;
border: solid 1.5px var(--white);
background-color: #000000;
border-radius: 50%;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 10px;
} .bg1.ProcessStates {background-image:url(https://studio.code-brew.com/wp-content/uploads/2020/08/1@2x-scaled.jpg)}
.bg1.ProcessStates li:nth-child(1){background-color:#b68b00}
.bg1.ProcessStates li:nth-child(1) a{bottom:30px; opacity:1}
.bg2.ProcessStates {background-image:url(https://studio.code-brew.com/wp-content/uploads/2020/08/2@2x-scaled.jpg)}
.bg2.ProcessStates li:nth-child(2){background-color:#b68b00}
.bg2.ProcessStates li:nth-child(2) a{bottom:30px; opacity:1}
.bg3.ProcessStates {background-image:url(https://studio.code-brew.com/wp-content/uploads/2020/08/3@2x-scaled.jpg)}
.bg3.ProcessStates li:nth-child(3){background-color:#b68b00}
.bg3.ProcessStates li:nth-child(3) a{bottom:30px; opacity:1}
.bg4.ProcessStates {background-image:url(https://studio.code-brew.com/wp-content/uploads/2020/08/4@2x-scaled.jpg)}
.bg4.ProcessStates li:nth-child(4){background-color:#b68b00}
.bg4.ProcessStates li:nth-child(4) a{bottom:30px; opacity:1}
.lightGraySpecialSec{background-color:#c6c6c6}
.stepsListImage img{width:100%}
.lightGraySpecialSec .container {
border: solid 1px #979797;
background-image: linear-gradient(to bottom, #2a303a 1%, #191d23 24%, #3b3e44 50%, #000000 75%, #2c3139 99%);
margin-right: 0px;
max-width: 75%;
padding: 50px;
padding-bottom:0px;
position:relative
}
.lightGraySpecialSec .container .row{margin-bottom:80px;}
.stepsListText h5{font-size: 18px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 2.44;
letter-spacing: normal;
color: #dab700}
.stepsListText h4{font-size: 34px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.29;
letter-spacing: normal;
color: #fff;}
.stepsListText p{
opacity:.8;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.63;
letter-spacing: normal;
color: #fff;
margin-bottom:25px;
}
.stepsListText h3{font-size: 19px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height:1.3;
letter-spacing: normal;
color:#fff;
opacity:.8;}
.stepsListText.accord-text .card{padding:0px;}
.stepsListText.accord-text .card-header a {
opacity: 0.79;
font-size: 20px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.3;
letter-spacing: normal;
color: #fff;
display: block;
position: relative;
padding: 20px;
padding-right: 70px;
}
.stepsListText.accord-text .card-header {
border: none;
padding: 0px;
}
.stepsListText.accord-text .card {
background-color: rgba(255, 255, 255, 0.1);}
.stepsListText.accord-text #accordion{margin-top:30px;}
.stepsListImage {
padding-left: 50px;
}
.stepsListImage img {
margin-bottom: 40px;
height: 500px;
object-fit: scale-down;
}
.stepsListText.accord-text .card .card-header a.collapsed:after {
transform: rotate(45deg);
}
.stepsListText.accord-text .card .card-header a:after {
content: "×";
position: absolute;
right: 20px;
font-size: 24px;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
top: 0px;
bottom: 0px;
margin: auto;
border: 1px solid #fff;
border-radius: 50%;
font-weight: 600;
text-align: center;
line-height: 1.1;
backface-visibility: hidden;
}
ul.nav-slide-fix {
list-style: none;
padding: 0px;
margin: 0px;
}
ul.nav-slide-fix li a {
opacity: 0.38;
font-size: 19px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 2.32;
letter-spacing: normal;
color: #000000;
display: block;
position: relative;
padding-right: 70px;
text-align: right;
transition:.4s;
}
ul.nav-slide-fix li a:after {
content: "";
width: 20px;
height: 2px;
background-color: #fff;
position: absolute;
top: 0px;
bottom: 0px;
margin: auto;
margin-left: 20px;
transition:.4s;
}
.Service-side-nav{
position: absolute;
top: 220px;
margin-left: -150px;
display: block;
transition:.4s;
}
.Service-side-nav.stick {
position: fixed;
}
ul.nav-slide-fix li a.active{opacity:1}
ul.nav-slide-fix li a.active:after { 
width: 35px}
ul.nav-slide-fix li {
margin: 20px 0px;
}
.serviceLastCtaa {
background-color: #222;
padding: 0px 60px;
padding-right: 0px;
}
.servicesstats{display:flex;flex-wrap:wrap; list-style:none; padding:0px;
margin:0px; margin-bottom:70px;}
.servicesstats li{width:33.33%; padding:30px; text-align:center}
.servicesstats li h4 {
font-size: 45px;
font-weight: 700;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1.61px;
text-align: center;
color: #fff;
margin-top: 25px;
margin-bottom: 20px;
}
.servicesstats li p {
font-size: 18px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.56;
letter-spacing: normal;
text-align: center;
color: #bebebe;
margin: 0px;
}
.servicesstats li img{height:65px;}
.common-process-sec{opacity:.9; transition:.4s}
.common-process-sec.active{opacity:1}
.subHeaderCB {
max-width: 100%;
width: 100%;
position: absolute;
left: 0px;
right: 0px;
background-color: #fff;
top: 75px;
list-style: none;
padding:  15px;
visibility:hidden;
opacity:0;
}
.subHeaderCB .container{max-width:100%}
.subHeaderCB li a{position:relative; font-size: 14px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #272727}
.subHeaderCB li a {
position: relative;
font-size: 14px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #272727;
padding: 30px 15px;
padding-left:65px;
transition:.4s;
border-bottom: 1px solid transparent;
}
.subHeaderCB li a:hover{border-bottom: 1px solid #deb21d;}
.subHeaderCB li a i {
border-radius: 6px;
background-image: linear-gradient(to left, #b68b00, #dcb900);
position: absolute;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
left: 0px;
top: 0px;
margin: auto;
bottom: 0px;
}
.subHeaderCB li a i img {
width: 30px;
height: 30px;
object-fit: scale-down;
}
.divideSecHeader {
display: flex;
flex-wrap: wrap;
}
.subHeaderCB li {
width: 50%;
padding: 0px;
display: flex;
flex-wrap: initial;
flex-direction: column;
justify-content: center;
}
.menu-bar-cb > li a:not([href]){color:#fff; cursor:pointer}
.oneColumManyRow{position:relative}
.haveChild > a:after {
content: "\f107";
font: normal normal normal 14px/1 FontAwesome;
margin-left: 7px;
font-size: 16px;
vertical-align: middle;
}
@media(min-width:991px){
.settingingUp li{width:100%!important}
.sectionThirteen{padding:50px 0px}
.oneColumManyRow ul.subHeaderCB {
width: 300px;
max-width: 250px;
}
.oneColumManyRow ul.subHeaderCB li{width:100%}
.menu-bar-cb{position:relative}
.subHeaderCB {
z-index:1;
max-height:0;
overflow:hidden;
-webkit-transform:perspective(400) rotate3d(1,0,0,-90deg);
-webkit-transform-origin:50% 0;
-webkit-transition:350ms;
-moz-transition:350ms;
-o-transition:350ms;
transition:350ms;
} .menu-bar-cb > li {
padding:15px;
}
.menu-bar-cb > li:hover .subHeaderCB{visibility:visible; opacity:1;  max-height:1000px;
-webkit-transform:perspective(400) rotate3d(0,0,0,0);}
}
@media(min-width:1200px) and (max-height:650px){
.fp-tableCell .container {
transform: scale(0.7);
}
}
@media(max-width:1200px){
.fp-tableCell{height:auto!important;padding-top:40px; padding-bottom:40px;}
.fp-enabled {
padding-top: 0px!important;
}
.statical-text ul li {
padding-right: 30px;
}
.sectionFifteen #site-footer {
background-color: transparent;
margin-bottom: 0px;}
}
@media(max-width:991px){
.haveChild > a:after {
float: right;
margin-top: 2px;
}
.menu-bar-cb{padding:15px!important;}
.menu-bar-cb li {
padding: 0px 0px;
}
.subHeaderCB li a i {
width: 35px;
height: 35px;}
.subHeaderCB li a i img{width:20px; height:20px;}
.subHeaderCB:before{display:none}
.subHeaderCB li {
width: 100%;}
.subHeaderCB li a {
padding: 15px 15px;
padding-left: 50px;
}
.subHeaderCB {
display: none;
position: static;
margin-left: 0px;
margin-right: 0px;
width: auto;
max-width: fit-content;
padding-top:15px!important;
padding-bottom:15px!important;
}
.mysubbmenu .subHeaderCB{visibility:visible; opacity:1; display:block}
.dolorFundingText {
margin-top: 40px;
}
.subHeaderCB .row {
width: 100%;
display: block;
margin: 0px;
}
ul.subHeaderCB, ul.subHeaderCB .container {
padding: 0px;
}
.cb-sub-heading-medium-large {
font-size: 20px;}
.dolorFundingText, .dolorFundingImage {
max-width: 100%;
flex: 100%;
width: 100%;
text-align: center;
}
.dolorFundingImage img {
max-width: 500px;
width: 100%;
}
.ProcessStates li {
width: 50%;
padding: 15px;
text-align:center
}
.ProcessStates li a i{margin: 10px auto;}
.ProcessStates li sup{font-size:48px; margin:0px;}
.ProcessStates li h4 {
font-size: 24px;}
.ProcessStates li p {
padding: 8px 0px;
font-size: 16px;
}
.ProcessStates li p:before{display:none}
.ProcessStates li a {
opacity: 1;
font-size: 16px;
text-align: center;
bottom: 0px;
position: static;
margin-top: 30px;
display:block
}
.lightGraySpecialSec .container .row {
margin-bottom: 30px;
border-bottom: 1px solid #deb21d;
padding-bottom: 40px;
}
.Service-side-nav {display:none!important}
.lightGraySpecialSec .container {
max-width: calc(100% - 30px);
margin: auto;
margin-top: -20px;
padding: 15px;
}
.servicesstats li h4{margin-bottom:15px; font-size:30px;}
.servicesstats li {
width: 100%;}
.serviceLastCtaa {
padding: 0px 15px;
background-color: transparent;
}
.stepsListImage {order:2; text-align:center}
.stepsListImage img {
margin: auto;
margin-bottom: 30px;
height: auto;
object-fit: scale-down;
width: 100%;
max-width: 500px;
display: block;
}
.stepsListText {
margin-bottom: 30px;
order: 1;
}
.common-process-sec {
opacity: 1; }
.stepsListImage {
padding-left: 15px;
max-width: 100%;
flex: 100%;
}
.sliderRevert {
max-width: 500px;
margin: auto;
margin-bottom: 0px;
width: 100%;
}
.sliderRevert li {
padding: 15px;}
.ProcessStates li {
width: 50%;}
.listScrollLogo, .listScrollText{width:100%; max-width:100%; flex:100%; text-align:center; padding:0px 15px;}
.cb-sub-heading-extra-large {
font-size: 28px;}
.sectionTwo.yello-pattren .btn-register-common{margin:auto}
.ProcessStates {
margin-top: -20px;
}
.listScrollLogo {
order: 2;
margin-top: 30px;
}
.top-banner-side-image .main-phone{position: absolute;
animation: move 6s infinite forwards;
}
@keyframes move{
0% { transform: translateY(0px); opacity:1}
50% { transform: translateY(10px);}
75% { transform: translateY(-10px);}
100% { transform: translateY(0px);}
}
#section0{padding-bottom:40px;}
.block-one-phone {
top: 20px;
bottom: 0px;
margin: auto;
}
.block-two-phone {
top: 210px;
bottom: 0px;
margin: auto;
left: 0px;
}
.block-three-phone {
bottom: 75px;
margin: auto;
left: 130px;
right: 0px;
}
.block-four-phone {
right: -110px;
bottom: 0px;
top: 140px;
margin: auto;
}
.top-banner-side-image:before, .dotted-track {display:none}
.tempMenuOn #menu {
top: 57px;}
.statical-text ul li {
padding-right: 30px;
padding: 15px;
text-align: center;
}
.statical-text ul {
margin-bottom: 30px;
margin-left: -15px;
margin-right: -15px;
}
.statical-text ul li h4 i {
font-size: 25px;}
.statical-text-simple .cb-sub-heading-large {
font-size: 24px;}
.statical-text-simple .cta-bottom h4 {
font-size: 24px;
line-height: 1.3;}
.statical-text{max-width:100%; flex:100%}
.sectionTwo .nexygen-image{display:none}
.sectionTwo .nexygen-text .cb-sub-heading-middle {
font-size: 18px;
text-align:center;}
.sectionTwo .nexygen-text{max-width:100%; flex:100%; width:100%; text-align:center; order:2}
.sectionTwo .fp-tableCell > .container{display:flex; width:100%; flex-wrap:wrap}
.sectionTwo .container .tab-content{order:2; width:100%}
.sectionTwo .container .nav-pills {
order: 1;
width: 100%;
justify-content:space-between;
margin: 0px;
display: flex;
flex-wrap: nowrap;
overflow-x: scroll;
margin-bottom: 30px;
}
.sectionTwo .nav:before {
display:none
}
.sectionTwo .nav li a span{margin-bottom:10px;}
.sectionTwo .nav li a i{display:none}
.sectionTwo .nav li a {
padding: 0px 10px;
font-size: 14px;
}
ul.trustedPartners {
position: static;
justify-content: center;
}
ul.trustedPartners li img {
width: 25px;
height: 25px;}
#section0 .row-height{padding-top:0px;}
.top-banner-side-image img {
position: absolute;
width: 120px;}
.top-banner-side-image {
position: relative;
left: 0px;
width: 300px;
height: 300px;
margin-bottom: 30px;
margin-top:60px;
}
.top-banner-side-image .main-phone {
position: absolute;
width: 100%;}
.top-banner-side-image img {
position: absolute;
width: 80px;
}
img.block-four-phone {
right: 0px;
bottom: -80px;}
img.block-two-phone {
top: 0px;
bottom: -190px;
margin: auto;
left: -10px;
}
img.block-one-phone {
top: 0px;
bottom: 140px;}
.fp-enabled body header {
padding: 10px 0px;
background-color: transparent;
}
#menu{top:-250px;}
img.block-three-phone {
bottom: 0px;}
#fullpage, .fp-section.fp-table{height:auto!important; display:block!important}
.fp-tableCell{display:block!important}
ul.list-clients li {
width: 25%;
padding: 3%;
}
ul.list-clients {
margin: -15px;
}
ul.list-clients li:nth-child(1n+13) {
display: none;
}
.nexygen-text .cb-sub-heading-large {
font-size: 24px;}
.cb-sub-heading-middle{text-align:center}
.nexygen-text .cb-sub-heading-small {
text-align: center;}
.nexygen-image {
padding-left: 15px;
order: 1;
max-width:100%; flex:100%
}
.nexygen-text{order:2; margin-bottom:25px; max-width:100%; flex:100%}
.next-genlist li {
width: calc(50% - 15px);
margin: 7.5px;}
.next-genlist li h4 {
font-size: 18px;}
.next-genlist li p {
font-size: 16px;}
.next-genlist{justify-content:center}
.next-genlist li:nth-last-child(1){width:100%}
.sectionTwo .nav li a span {
width: 50px;
height: 50px;}
.sectionTwo .nav li a span img{width:24px; height:24px;}
.menu-bar-cb {
height: 100%;
position: fixed;
width: 250px;
right: -250px;
background-color: #000;
top: 0px;
bottom: 0px;
z-index: 9999;
display: block;
transition: .4s;
padding: 0px;
border-left: 1px solid #fff;
padding:30px;
}
.toggle-cb {
position: absolute;
width: 40px;
height: 40px;
background-color: #b59116;
left: -40px;
top: 9px;
display: flex;
align-items: center;
justify-content: center;
}
.toggle-cb:before {
content: "\f0c9";
font: normal normal normal 14px/1 FontAwesome;
font-size: 25px;
color: #fff;
}
.showoff ul.menu-bar-cb {
right: 0px;
}
.showoff{position:relative; right:250px;}
.showoff ul.menu-bar-cb .toggle-cb:before { content: "\f00d";}
.showoff header{z-index:999}
.site-logo{transition:.5s; left:0px; position:relative}
.showoff a.site-logo {
position: relative;
left: -250px;
}
.cb-left-right-text h4 {
font-size: 24px;}
ul.ticker-points li {
text-align: center;
padding: 0px;
font-weight: 700;
}
ul.ticker-points {
list-style: none;
padding: 0px;
margin: 25px 0px;
margin-top: 15px;
}
.ticker-points li:before{display:none}
.row-height {
height: auto;
padding-top: 100px;
padding-bottom: 40px;
}
.banner-cb-text{width: 100%;
flex: 100%;
max-width: 100%;
text-align:center}
.banner-cb-image{width: 100%;
flex: 100%;
text-align:center;
max-width: 100%}
.banner-cb-text h1 {
font-size: 28px;}
.banner-cb-image img {
width: 100%;
max-width: 500px;
margin-top: 30px;
}
a.site-logo img {
width: 120px;
}
header .container .btn-register-common {
font-size: 16px;
padding: 9px 13px 10px 43px;
}
header {padding:10px 0px}
.common-cb-sec {
padding: 40px 10px;
}
.cb-sub-heading-large {
font-size: 24px; text-align:center}
.cb-sub-heading-large br{display:none}
.cb-sub-heading-small {font-size: 18px;}
.cb-steps li {width: 250px;}
.cb-steps {margin: 20px -12.5px;}
.stats-cb-number, .stats-cb-text {padding: 0px 15px;flex: 100%;max-width: 100%;width: 100%;text-align:center}
.stats-cb-number ul {margin-top: 30px;justify-content: center;background-color: transparent;}
.stats-cb-number li {width: 250px;padding: 25px;border: none;text-align: center;background-color: rgba(31, 30, 23, .6);}
.stats-cb-number li:nth-child(even) {background-color: #000;}
hr.connector-cb {
border-top: solid 1px #979797;
margin-top: 40px;
margin-bottom: 30px;
}
.industry-list-cb {
flex-wrap: wrap;
justify-content:center
}
.industry-list-cb li {
max-width: 250px;
flex: 100%!important;
width: 100%;
}
.industry-list-cb li figcaption a {
right: 0px;
background-color: #deb21d;
}
.cb-cta-image{width:100%; max-width:100%; flex:100%}
.cb-cta-image img {
max-width: 500px;
margin: auto;
display: block;
margin-top: 30px;
margin-bottom: -40px;
}
.testimonials-cb {
background-color: #4c4737;
text-align: center;
padding: 30px 30px;
margin-top: 40px;
border-radius: 3px;
}
.heading-portfolio {
border-top: 1px solid #979797;
margin-top: 30px;
padding-top: 20px;
padding-right: 0px;
margin-bottom: 30px;
position: relative;
text-align: center;
}
.commonloop.owl-theme .owl-nav {
position: static;
margin: auto;
margin-top: 20px;
width:130px;
}
.heading-portfolio #counter, .heading-portfolio #counter1{display:none}
.awardloop .owl-item:nth-of-type(even) {margin-top: 0px;}
.cta-bottom {
text-align: center;
background-image: url(https://studio.code-brew.com/wp-content/uploads/2020/07/55.jpg);
padding: 35px;
background-size: cover;
background-position: center;
margin-top: 40px;
}
.commonloop.owl-theme .owl-nav button {
background-color: transparent!important;
color: #8f8f8f;
width: 50px;
height: 50px;
}
.testimonials-cb img {width: 65px;}
.port-setup.bahartpay {background-color: #393c93;}
.port-setup {
background-image: none!important;
text-align: center;
border-radius: 10px;
padding: 30px;
}
.inner-pot-slider, .inner-pot-slider-img{width:100%; max-width:100%; flex:100%}
.loop .inner-pot-slider img {
width: 60px;
margin: auto;
}
.inner-pot-slider-img img {
max-width: initial;
width: auto!important;
margin: auto;
margin-top: 10px;
height: 400px;
}
.inner-pot-slider p{line-height:1.3}
.inner-pot-slider ul {justify-content: center;}
.inner-pot-slider ul li big {display: block;font-size: 16px;}
.inner-pot-slider ul li small {display: block;font-size: 12px;}
.btn-register-common {font-size: 18px;}
.banner-cb-text p {font-size: 18px;font-weight: 400; margin-top:20px; margin-bottom:30px}
.cb-black-gredient {border-top: 1px solid #fff;}
.inner-pot-slider{order:2} 
.inner-pot-slider-img{order:1; margin-top:0px; margin-bottom:30px;}
.inner-pot-slider-img{margin-top:0px;}
header a.btn-register-common.wizardform {
position: fixed;
width: 100%;
left: 0px;
right: 0px;
bottom: -100px;
text-align: center;
transition: .4s;
z-index: 999;
padding: 10px;
}
.header-fixed header a.btn-register-common.wizardform{bottom:0px;}
header a.btn-register-common.wizardform:before{display:none}
body{padding-bottom:40px;}
.cb-call-gtm {
z-index: 991;
position: fixed;
width: 35px;
height: 35px;
top: 13px;
right: 52px;}
.cb-call-gtm i {
font-size: 21px;}
.posTaken {
text-align: center;
margin-left: 0px;
max-width:100%; flex:100%
}
.posTaken h4 {
font-size: 24px;}
.posTaken h4 br{display:none}
.posTaken ul li {
width: calc(50% - 30px); margin:15px;}
.posTaken ul {
margin-left: -15px;
margin-right: -15px;
margin-top: 15px;
margin-bottom: 15px;
}
.sectionFour {
background-size: cover;
background-position: right;
}
.sectionFive .cb-sub-heading-large{font-size:24px!important}
.sectionSix .fp-tableCell{padding-top:0px!important}
.industry-list-cb.last li {
flex: 100%!important;
}
.sectionCta .container:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-color: rgba(0, 0, 0, .5);
}
.sectionCta .container {
margin: -40px 0px;
width: 100%;
max-width: 100%;
padding: 30px 0px;
position: relative;
}
.nexygen-image img {
width: 100%;
margin-bottom: 20px;
}
.nexygen-text .cb-sub-heading-large {
font-size: 24px!important;
}
.nexygen-image{padding-left:15px!important; padding-right:15px!important}
#menu {
justify-content: space-between;
margin: 0px;
display: flex;
flex-wrap: nowrap;
overflow-x: scroll;
}
.tempMenuOn #menu li.active {
order: 1;
}
.tempMenuOn #menu li {
min-width: fit-content;
order: 2;
}
#menu:before{display:none}
.sectionTen .next-genlist li {
width: calc(100% - 30px);
padding: 15px;
text-align: center;
}
.sectionTen .next-genlist li h4, .sectionTen .next-genlist li p {
text-align: center;
}
.sectionTen .next-genlist li i {
margin: auto;
margin-bottom: 30px;
}
.rewamp-arrow-animate {
text-align: center;
}
.rewamp-arrow-animate  a {
margin-top: 0px;
color: #fff;
text-align: center;
font-size: 16px;
border:none
}
.cb-sub-heading-small br{display:none}
.accord-image {
padding: 15px;
order: 1;
max-width:100%; flex:100%
}
.accord-text{order:2; max-width:100%; flex:100%}
.analnyticsText {
max-width: 100%;
flex: 100%;
order: 2;
display: flex;
flex-wrap: wrap;
}
.analnyticsImage {
max-width: 100%;
flex: 100%;
order: 1;
padding: 0px 15px;
margin-bottom: 30px;
}
.analnyticsText span {
height: auto;
width: 50%;
margin: 0px;
}
.sectionTwelve .next-genlist li {
padding: 0px;
text-align: center;
}
.sectionTwelve .next-genlist li i {
position: static;}
.sectionTwelve .next-genlist li h4, .sectionTwelve .next-genlist li p {
text-align: center;
}
.sectionTwelve .next-genlist li {
margin-top: 30px;
}
.sectionThirteen .portfolio {
padding-left: 15px;
padding-right: 15px;
}
.sectionThirteen .inner-pot-slider, .sectionThirteen .inner-pot-slider-img {
flex: 0 0 100%;
max-width: 100%;
}
.sectionThirteen .inner-pot-slider-img img {
height: 260px;}
.sectionThirteen .loop .inner-pot-slider img {
width:40px;
margin: auto;
display: block;
margin-bottom: 10px;
}
.sectionThirteen .inner-pot-slider ul {
flex-wrap: wrap;
justify-content: center;
}
.sectionThirteen .inner-pot-slider ul li {
flex: 33.33%;
margin: 0px;
max-width: 33.33%;
padding: 10px;
text-align: center;
}
.sectionThirteen .inner-pot-slider h4 {
font-size: 24px;}
.sectionThirteen .commonloop.owl-theme .owl-nav {
width: 100%;
position: static;
flex-wrap: wrap;
display: flex;
flex-direction: row;
margin-top: 20px;
}
.sectionThirteen .nexygen-text {
padding: 15px;
order: 1;
}
.sectionThirteen .portfolio{order:2; max-width:100%; flex:100%}
.sectionThirteen .owl-carousel.loop {
border: none;
padding-bottom: 0px;
}
.sectionForteen .portfolio div#counter1{display:none}
.sectionFifteen #site-footer {
margin-top: 0px;
}
.sectionFifteen .cta-bottom{margin-top:0px;}
.sectionFifteen .fp-tableCell{padding-top:0px;}
}
@media(max-width:768px){
.header-fixed .cb-call-gtm{top:12px;}
#menu li a {
padding: 5px 15px;
}
.next-genlist li {
width: calc(100% - 30px);
margin: 15px;
}
.indusListCta {
margin-top: 30px;
text-align: center!important;
}
.indusCtaRight {
margin-top: 30px;
text-align: center!important;
}
.cb-left-right-text h5{margin-top:20px;}
.style-5.chatbot {right: 100px;bottom: 50px !important;}
.indus-1 .clr-yellow{display:block}
.indus-2{display:none}
.stats-cb-number li:nth-child(1) {
background-color: #000;
}
.stats-cb-number li:nth-child(2) {
background-color:#222;
}
.stats-cb-number li:nth-child(3) {
background-color: #222;
}
.stats-cb-number li:nth-child(4) {
background-color: #333;
}
.cb-steps li h5 {margin-bottom:20px;}
.cb-steps li img {
bottom: 15px;
width: 30px;
}
.cb-steps li p {
font-size: 16px;
font-weight: 400;}
.stats-cb-number li h4 {
font-size: 30px;}
.stats-cb-number li {
width: 50%;
padding: 15px;}
.industry-list-cb li{max-width:100%}
.cb-steps li {width: calc(50% - 30px);}
.industry-list-cb li > img {
width: 100%;
height: 200px;
object-fit: cover;
}
.cb-left-right-text a {
margin-top: 30px;
text-align: center;
font-size: 20px;
}
.cb-left-right-text {order:2}	
.cb-left-right-images{order:1}
.commonsetup-cb {
padding-top: 30px;
border-bottom: 1px solid #a1a1a1;
padding-bottom: 30px;
}
.commonsetup-cb:nth-of-type(1){border-bottom:none}
.commonsetup-cb:nth-of-type(3) {
border-top: 1px solid #a1a1a1;
margin-top: 30px;
}
.inner-pot-slider h4 {
font-size: 30px;}
.heading-portfolio h2 {
font-size: 70px;}
.testimonials-cb {
margin-top: 10px;
}
.cb-left-right-images img {margin: auto;display: block;}
.heading-portfolio {
border-top: none;
margin-top: 10px;
padding-top: 0px;
}
.inner-pot-slider h5 {
font-size: 18px;}
.owl-carousel.loop {
border-bottom: 1px solid #686868;
padding-bottom: 30px;
}
}