/*litty*/ .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;} /*litty*/ /*odo Meter*/ .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;} /*odo Meter*/ 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-image: url(images/banner.jpg);background-size: cover;background-position: center;position:relative} .row-height{height: 100vh} .banner-cb-text {align-self: center;} /*--------------Banner-----------------*/ .banner-cb-text h1{font-size: 56px;font-weight: normal;line-height: 1.17;color: #ffffff;margin-bottom: 15px;} .banner-cb-text p {font-size: 20px;font-weight: normal;line-height: 1.4;letter-spacing: normal;color: #b8b8b8;margin-bottom: 40px;} .banner-cb-text h1 span{color: #daaf1c;} .banner-list {list-style: none;margin-bottom: 24px;} .banner-list li {color: #b8b8b8;position: relative;padding-left: 40px;} .banner-list li:not(:last-child) {margin-bottom: 10px;} .banner-list li:before {content: "";position: absolute;height: 1px;width: 19px;background: #979797;left: 0;top: 50%;} .btn-register-common {background: var(--color-primary);display: inline-block;border: transparent;padding: 14px 70px 14px 24px;position: relative;font-size: 22px;font-weight: 500;font-stretch: normal;font-style: normal;letter-spacing: normal;color: #ffffff!important;border-radius: 5px;transition: .4s;cursor: pointer;} .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;right: 28px;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: 60px 0px} .yello-pattren {background-image: url(images/ban2.jpg);background-size: cover;background-position: center;} .cb-sub-heading-large{font-size: 32px;font-weight: 700;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: -1.29px;color: #ffffff;margin: 0px;} .cb-sub-heading-small{font-size: 19px;font-weight: 400;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: #ffffff;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(20% - 25px);margin: 12.5px;text-align: center;position:relative;border-radius: 3px;height:300px;background-color: #181818;overflow: hidden;transition: .4s;border-radius: 5px;backface-visibility: hidden;border: 1px solid #4a4a4a;} .cb-steps li a {display: block;transition: .4s;padding: 12px;position: absolute;bottom: -123px;} .cb-steps li:hover .inner-box {bottom: 0;background:#459fe4;top:0} .cb-steps li i {opacity: 0.06;font-size: 155px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;color: #ffffff;position: absolute;right: -5px;top: -15px;z-index:1;} .cb-steps li:hover {top: 0px;transform: scale(1.1);} .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;margin-bottom:30px;} .cb-steps li p {font-size: 16px;font-weight: normal;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-color: #010101} .clr-yellow{color: #daaf1c} .stats-cb-number {padding-left: 50px;} .stats-cb-number ul {background-color: rgba(31, 30, 23, .6);list-style: none;display: flex;flex-wrap: wrap;margin: 0px;padding: 0px;} .stats-cb-number li {width: 50%;padding: 50px;border: 1px solid #252525;} .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-bottom: 30px;position: relative;overflow: hidden;} .industry-list-cb li > img {width: 100%;height: 450px;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(images/dots.png);background-size: contain;background-repeat: no-repeat;} .industry-list-cb li figcaption {position: absolute;width: 100%;height: 100%;transition: .3s ease-in-out;bottom: -20rem;padding: 20px;left: 0px;right: 0px;overflow: hidden;display:block;z-index:1} .industry-list-cb li figcaption img {width: 50px;display: block;} .industry-list-cb li figcaption h4 {font-size: 32px;font-weight: 600;height: 100px;line-height: normal;letter-spacing: -0.86px;color: #fff;margin: 0px;margin-top: 0px;margin-bottom: 10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;position: relative;} .industry-list-cb li figcaption h4:before {z-index: 1;content: "";position: absolute;width: 6px;height: 100%;background: var(--color-primary);left: -20px;top: -7px;} .industry-list-cb li:hover figcaption h4::before {background: #fff;} .industry-list-cb li figcaption p {color: #fff;font-size: 18px;} .industry-list-cb li:hover figcaption{bottom:0px;background:#6e19c2ab;cursor: pointer;} .industry-list-cb li:hover figcaption h4 {margin-top: 0;} .industry-list-cb li:hover figcaption > img {opacity:0;visibility:hidden;height:0} .cb-black-gredient {background-image: linear-gradient(rgb(0,0,0),rgb(54, 54, 54));padding-bottom: 0px;border-bottom: 5px solid #deb21d;} .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;color: var(--color-primary);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: 400;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: -1.07px;margin: 0px;} .cb-left-right-text span {display: block;background-image: linear-gradient(to left, rgba(172, 152, 47, 0), rgba(172, 152, 47, 0.21));padding: 15px;border-left: 5px solid #ac982f;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: #ac982f;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;color: #ffffff;display: block;margin-top: 5px;} .cb-left-right-text p {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;} .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:hover:after{color:#fff} .cb-left-right-text a:hover{ color: #daaf1c;} .cb-left-right-images img{width:100%} .commonsetup-cb{padding-top:70px} .testimonials-cb {background-color: #4c4737;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(/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(/wp-content/uploads/2020/07/55.jpg);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;} header {position: fixed;top: 0px;left: 0px;right: 0px;width: 100%;z-index: 99;padding: 30px 0px;transition: .4s;} header .container {display: inline-block;} .clb-menu .container .row {display: block;} header .container .btn-register-common{font-size:16px; padding: 11px 20px 13px 47px;} a.site-logo img {width: 150px;} .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: 120px;height: 60px;object-fit: scale-down;} ul.list-clients li {width: calc(20% - 10px);padding: 20px;margin: 0 auto;text-align: center;} ul.list-clients {list-style: none;display: flex;flex-wrap: wrap; margin: 0 auto;width: 100%;} #section0{background-image: linear-gradient(100deg, #1a242f 3%, #010102 94%);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(/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(100deg, #b68b00 3%, #dcb900 94%)} .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(/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(/wp-content/uploads/2020/07/bg-3-1@3x-scaled.jpg); background-position:center; background-size:cover} .sectionSix{background-image:url(/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(/wp-content/uploads/2020/07/group-22@2x.jpg);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 { padding: 0px; margin-right: 20px; } ul.trustedPartners li img {width: 35px;height: 35px;object-fit: scale-down;filter: grayscale(1);} .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: 20%;background-color: rgba(0, 0, 0, .5);padding: 35px;position: relative;padding-bottom: 100px;overflow: hidden;transition: .4s;border-right: solid 1px rgba(151, 151, 151, 0.18);} .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: -150px;display: block;} .ProcessStates li h4 {font-size: 34px;font-weight: 600;line-height: 1.29;letter-spacing: normal;color: #fff;} .ProcessStates li p {font-size: 18px;font-weight: 500;line-height: 1.3;letter-spacing: normal;color: #fff;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;line-height: 1.56;letter-spacing: normal;color: #fff;text-transform: uppercase;position: absolute;bottom: -30px;opacity: 0;transition: .4s;display: none;flex-wrap: wrap;align-items: center;background:transparent;} .ProcessStates li a {text-transform: capitalize;} .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, .bg2.ProcessStates, .bg3.ProcessStates, .bg4.ProcessStates, .bg5.ProcessStates {background-image: url(/wp-content/themes/blockbrew-child/media/2022/05/results_bg.png);} .bg1.ProcessStates li:nth-child(1), .bg2.ProcessStates li:nth-child(2), .bg3.ProcessStates li:nth-child(3), .bg4.ProcessStates li:nth-child(4), .bg5.ProcessStates li:nth-child(5){background:#6e19c2b3; cursor: pointer;} .bg1.ProcessStates li:nth-child(1) a{bottom:50px; opacity:1;display: flex;} .bg2.ProcessStates li:nth-child(2) a{bottom:50px; opacity:1;display: flex;} .bg3.ProcessStates li:nth-child(3) a{bottom:50px; opacity:1;display: flex;} .bg4.ProcessStates li:nth-child(4) a{bottom:50px; opacity:1;display: flex;} .bg5.ProcessStates li:nth-child(5) a {bottom: 50px;opacity: 1;display: flex;} .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; } /*.subHeaderCB:before { content: ""; width: 50%; background-color: #fffae8; position: absolute; right: 0px; height: 100%; top: 0px; bottom: 0px; } */ .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; } header{padding-top:5px!important; padding-bottom:5px!important} .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: calc(25% - 10px); } 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; margin-bottom:30px;} .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 0px; } .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;} .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(/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; top: 12px; bottom: inherit; } .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); background-color: #131313; } .industry-list-cb li > img { width: 100%; height: 200px; object-fit: cover; } .cb-left-right-text a { margin-top: 30px; color: #fff; 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 { width: 200px; 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; } } .tiles-layout ul { display: flex; flex-wrap: wrap; list-style: none; padding: 0px; margin: 0px; padding-left: 20px; } .tiles-layout ul li { width: 25%; } .tiles-layout ul li span { background-image: linear-gradient(to bottom, #ececec 0%, #f9f9f9 98%), linear-gradient(to bottom, #ededed, #eeeeee); display: flex; width: 215px; height: 215px; flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: center; opacity:0 } .tiles-layout ul li span.wow{opacity:1; transition:.4s} .tiles-layout ul li span.wow:hover{background-image:linear-gradient(263deg, #45a3e9 100%, #2378ce 1%); cursor:pointer} .tiles-layout ul li span.wow:hover h4{color:#fff} .tiles-layout ul li span.wow:hover img{filter: brightness(0) invert(1);} .tiles-layout ul li span img { height: 50px; margin: 0px; display: block; margin-bottom:10px; } .clr-yellow { color: #76b122; } .tiles-layout ul li span h4 { font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #262c36; text-transform:uppercase; } .tiles-layout ul li:nth-child(1), .tiles-layout ul li:nth-child(3){margin-top:80px;} .tiles-layout ul li:nth-child(4){margin-top:40px} .tiles-heading p { font-size: 30px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.77; letter-spacing: normal; color: #3e434b; margin-bottom:26px; } .tiles-heading h2 {font-size: 3.15rem;font-weight: 600;line-height: 1.5;letter-spacing: -0.86px;color: #1c1f24;} .tiles-heading h2 i {border-radius: 6.4px;background-image: linear-gradient(263deg, #45a3e9 100%, #2378ce 1%);display: inline-block;font-size: 47.7px;font-weight: 700;font-stretch: normal;font-style: normal;line-height: 1.2;letter-spacing: -2.89px;color: #fff;padding: 4px 20px;} .inner-tiles-diver {background: url(/wp-content/themes/blockbrew-child/media/2022/05/delivered-bg.png) no-repeat;padding: 80px 20px;margin-top: 50px;background-size: cover;} .section-vision .vision-content{background-image: url(/wp-content/themes/blockbrew-child/media/2022/05/vision_form_img.webp);padding: 30px;background-repeat: no-repeat;background-size: cover;color: #fff;height:100%;display: flex;flex-direction: column;justify-content: flex-end;background-position: 0 0;border-radius: 0 20px 20px 0;} .inner-tiles-diver h4 {font-size: 2.25rem;font-weight: 500;line-height: 1.7;color: #fff;} .inner-tiles-diver p {font-size: 1.25rem;font-weight: normal;line-height: 2;color: #fff;margin: 20px 0px;margin-top: 10px;} .serviceTiles {display: flex;flex-wrap: wrap;list-style: none;padding: 0px;margin: 0px -15px;margin-top: 30px;} .serviceTiles li {width: calc(50% - 30px);margin: 15px;background-color: #97cc4a;position: relative;padding: 30px;padding-right: 220px;background-size: cover;background-position: center right;} .serviceTiles li img {position: absolute;width: 150px;height: 100%;object-fit: scale-down;right: 50px;top: 0px;bottom: 0px;margin: auto;transition:.4s} .serviceTiles li:hover img {transform: scale(1.2);} .serviceTiles li h4 {font-size: 24px;font-weight: bold;line-height: 1.25;letter-spacing: normal;color: #fff;margin: 0px;} .serviceTiles li p {font-size: 16px;font-weight: normal;line-height: 1.63;letter-spacing: normal;color: #fff;margin: 0px;margin: 15px 0px;} .serviceTiles li a{font-size: 17px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.76;letter-spacing: normal;color: #fff!important;} .serviceTiles li a:after {content: "\f178";font: normal normal normal 24px/1 FontAwesome;margin-left: 15px;vertical-align: middle;color: #fff;animation: mymove 2s;animation-iteration-count: infinite;position: relative;} .serviceTiles li:nth-child(2){background-image:url(https://studio.code-brew.com/wp-content/uploads/2020/08/bg-2@3x.jpg); background-size:100%; transition:.4s} .serviceTiles li:nth-child(3){background-image:url(https://studio.code-brew.com/wp-content/uploads/2020/08/group-33@3x.jpg); background-size:100%; transition:.4s} .serviceTiles li:nth-child(2):hover, .serviceTiles li:nth-child(3):hover{background-size:120%} .section-heading h2 {margin-top: 0;font-size: 2.75rem;font-weight: 500;margin-bottom: 20px;} .section-heading p {font-size: 1.125rem;line-height:1.5;margin-bottom:20px;padding-right: 4rem;} .section-heading {margin-bottom: 50px;} .section-heading a{margin-top:35px;} .block-content h3 {margin-top: 0;font-size: 2.25rem;font-weight: 600;margin-bottom: 20px;} .block-content p {font-size: 1.125rem;line-height: 1.5;margin-bottom: 35px;} .block-list {list-style: none;margin-top: 40px;} .block-list .block-list__item {padding-left: 40px;position: relative;} .block-list .block-list__item:not(:last-child) {margin-bottom: 15px;} .block-list .block-list__item:before {content: "";background-image:url(/wp-content/themes/blockbrew-child/media/2022/05/tick_mark.png);position: absolute;height: 24px;width: 24px;left: 0;top: 50%;transform: translateY(-50%);} .tile--edge .tile__content p {font-size: 18px;} .nft_development .block-list {width: 100%;display: flex;flex-wrap: wrap;} .nft_development .block-list li {width: calc(50% - 20px);margin: 10px 0;} .nft_development .block-list li:before {width: 100%;background-repeat: no-repeat;height: 100%;background-size: contain;} /*-------------common-assets------------*/ .btn-white {background: #fff;color: #000 !important;} .btn-white:hover{background:#fff} .btn-white.btn-register-common:before {border-color: #3587de;box-shadow: 0 0 0 rgb(255 255 255 / 40%);} .bg-gray {background: #efefef;} .text-white{color:#fff} .justify-content-center {justify-content: center;} .align-items-center {-ms-flex-align: center!important;align-items: center!important;} .row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;} .mb-0 {margin-bottom: 0 !important;} .desk-block {display: block;} /*--------------FAQ--------------------*/ .faq-title a {height: 80px;line-height: 80px;display: block;font-size: 30px;font-weight: bold;color: #000;padding: 0 100px 0 40px;position:relative;} .faq-body .panel:not(:last-child) {margin-bottom: 20px;} .faq-content .panel-body { padding: 0 40px 40px 40px; font-size: 18px; line-height: 2;} .faq-body .panel {background: #f7f7f7;border: 1px solid #d3d3d3;border-radius:0;} .faq-title a:before {content: "";position: absolute;background-image: url(https://www.code-brew.com//wp-content/uploads/2020/08/plus.png);width: 40px;height: 40px;background-size: contain; background-repeat: no-repeat;top: 50%;transform: translateY(-50%);right: 32px;} .faq-title a:not(.collapsed):before{background-image: url(https://www.code-brew.com//wp-content/uploads/2020/08/minus.png);} .faq-body .panel.active {background: #eaf6ff;border: 1px solid #52aae9;} /*--------------BLOG--------------------*/ .blog-bg{ background: #ededed } .card .card__content h4 {font-size: 21px;line-height: 1.5;margin-bottom: 25px;} .blog-bg .card {background: transparent;border: none;padding: 0 4rem;text-align: center;} /*--------------FORM--------------------*/ .global_form {margin: 0 auto;} .global_form .field-wraper .field_cover input, .field-wraper .field_cover textarea {font-size: 16px;padding: 0px 20px;width: 100%;height: 50px;background: transparent;border-bottom: 2px solid #000 !important;transition: .3s all ease-in-out;border-top: none !important;border-left: none !important;border-right: none !important;} .field-wraper .field_cover input:focus, .field-wraper .field_cover textarea:focus{box-shadow: 0 0 5px 1px rgb(0 0 0 / 8%);} .field-wraper label.field_label {font-size: 14px;margin-bottom: 0;color: #555;} .field-wraper .field_cover input[type="submit"] {background-image: linear-gradient(to right, #2967cd, #29b2cd) !important;color: #fff;border: none !important;font-size: 18px !IMPORTANT;font-weight: 600;letter-spacing: 1px;} .field-wraper .caption-wraper {margin-bottom: 8px;} .field-wraper .field_cover textarea {width: 100%;height: 115px;line-height: 54px;} .field_cover input::placeholder, .field_cover textarea::placeholder {color: #979797;} .vision-form {border: 1px solid #be7cff;border-right: none;} .vision-form .field-set {margin-bottom: 20px;} .vision-form h2 {font-size: 3rem;font-weight: bold;} .vision-form p {font-size: 1rem;font-weight: 500;} .vision-content h2 {font-size: 40px;font-weight: bold;margin-bottom: 20px;} .vision-content p {font-size: 20px;} body .global_form .btn {height: 50px;line-height: 50px;} /*--------------CARD JOURNEY--------------------*/ .card.card--journey {background: #181818;border: 1px solid #4a4a4a;border-radius: 4px;padding: 68px 23px;color: #fff;position: relative;transition: all 0.3s;height:100%;} .journey-count {line-height: 1;position: absolute;top: -26px;right: 0;font-size: 195px;font-weight: bold; background: -webkit-linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .card.card--journey .card__content h4 {font-size: 27px;font-weight: bold;margin-bottom: 20px;} .card.card--journey .card__content p {font-size: 16px;margin-bottom: 0;line-height: 1.8;} /*--------------CARD TRUST--------------------*/ .card.card--round { padding: 30px; border-radius: 25px; background: #fff; box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%); height: 100%;} .card--trust .card__content h4 {font-size: 22px;margin-top: 0;font-weight: bold;padding-left: 40px;position: relative;} .card--trust .card__content h4:before {content: "";position: absolute;height: 15px;width: 15px;background: #2972cd;border-radius: 50%;left: 0;top: 50%;transform: translateY(-50%);outline: 8px solid #c7ddf2;} .section-trust [class*="col-sm-6"] {margin-bottom: 30px;} .blog-bg .card__img img { width: 100%; } #mainNav .container { width: 100%; padding: 0 7% 0; } .solution { display: none; } hr { margin: 0; border-color: #333; } .common-git-btn-footer{ border: solid 1px #3374d6 !important; background-color: #3374d6 !important; } .partnership-independent-cta { display: none; } @media(max-width:991px){ .vision-form {padding: 20px 0;border: none;} .vision-content p {font-size: 15px;} .vision-content h2 {font-size: 25px;margin-bottom: 10px;} .section-vision .vision-content{padding:20px;} .card {margin-bottom: 30px;} br {display: none;} .desk-block {display: none !Important;} .block-content h2 {font-size: 24px;margin-bottom: 10px;line-height: 1.35;margin-top: 0;} .block-content p {font-size: 16px;line-height: 1.35;margin-bottom: 20px;} .banner-list {text-align: left;} .section-heading h2{font-size: 24px;} .section-heading {margin-bottom: 30px;} .block-content h3{font-size: 20px;line-height: 1.4;} .faq-title a {height: auto;line-height: 1.5;font-size: 16px;padding: 10px 60px 10px 20px;} .faq-content .panel-body {padding: 0 20px 20px 20px;font-size: 15px;line-height: 1.5;} .faq-title a:before{width: 30px;height: 30px;right: 20px; } .card.card--features .card__content h4 {font-size: 18px;} .journey-wrapper [class*="col-"]:not(:last-child) {margin-bottom: 30px;} .card.card--journey{padding: 68px 23px 23px;} .card.card--journey .card__content h4 {font-size: 22px;margin-bottom: 10px;} .card.card--journey .card__content p{font-size:15px;} .tile.tile--edge {margin-bottom: 30px;} .tiles-layout ul{display:inline-block;} .tiles-layout ul li {width: 100% !important;display: inline-block;} .tiles-layout ul li span.wow {display: inline-flex !important;width: 48%;} .ProcessStates li sup{background-image:linear-gradient(to bottom, rgb(255 255 255) 1%, rgba(255, 255, 255, 0.09))} .ProcessStates li:not(:last-child) {border-bottom: 1px solid #fff;} .card--trust {border: 1px solid #fff !important; } } @media(max-width:767px){ .banner-list li:not(:last-child) {margin-bottom: 5px;} .banner-list li{font-size: 14px;} ul.list-clients li img {width: 100px;height: 50px;} } @media(max-width:575px){ ul.list-clients li {width: calc(33% - 10px);padding: 15px;} ul.list-clients li img {width: 80px;height: 40px;} }