@charset "UTF-8";
 html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
a,
nav,
section,
summary,
time,
mark,
audio,
video {
margin: 0 auto;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration: none;
list-style: none;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
font-family: 'Work Sans', sans-serif;
}
.ie8 * {
outline: none;
}
img {
border: none;
}
body {
color: #373d48;
font-size: 13px;
font-family: 'Work Sans', sans-serif;
font-weight: 400;
line-height: 22px;
height: 100%;
overflow-x: hidden;
overflow-y: scroll !important;
background-color: #fff;
}
html,
body {
-webkit-text-size-adjust: none;
-webkit-font-smoothing: antialiased;
background-color: #fff !important;
} article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
display: block;
}
.r {
float: right;
}
.l {
float: left;
} .cf:before,
.cf:after {
content: "";
display: table;
}
.cf:after {
clear: both;
}
.cf {
zoom: 1;
}
.clear {
clear: both;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
} h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 20px;
font-weight: normal;
}
h1 {
font-size: 40px;
color: #313131;
line-height: 48px;
}
h2 {
font-size: 36px;
color: #313131;
line-height: 42px;
}
h3 {
font-size: 30px;
line-height: 36px;
}
h4 {
font-size: 26px;
line-height: 32px;
}
h5 {
font-size: 24px;
line-height: 30px;
color: #313131;
}
h6 {
font-size: 20px;
line-height: 25px;
}
input[type="text"],
input[type="submit"],
input[type="button"],
input[type="password"],
input[type="email"],
textarea {
-webkit-appearance: none;
color: #fff;
}
input[type="text"],
input[type="password"] {
outline: none;
color: #fff;
}
textarea:focus,
input:focus,
a,
div,
img {
outline: none;
}
.ipad input[type="radio"],
.iphone input[type="radio"],
.ipod input[type="radio"] {
width: 13px;
height: 13px;
}
p {
color: #727272;
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin-bottom: 20px;
}
p a {
color: #4777ac;
text-decoration: none;
}
p a:hover {
color: #4777ac;
text-decoration: underline;
}
a {
color: #2d323a;
}
a:hover {
color: #4777ac;
text-decoration: none;
}
a:focus,
a:active {
text-decoration: none !important;
outline: 0 !important;
}
ul {
margin: 20px 0px;
padding: 0;
}
ul li {
font-size: 18px;
font-weight: 300;
padding: 0 0 0 0px;
text-decoration: none;
list-style: none;
}
ul li a {
color: #4777ac;
text-decoration: none;
}
ul li a:hover {
color: #4777ac;
text-decoration: underline;
}
ol {
margin: 20px 20px;
padding: 0;
}
ol li {
font-size: 13px;
color: #373d48;
font-weight: 400;
line-height: 18px;
padding: 0 0 5px 0;
list-style: decimal;
margin-left: 20px;
}
ol li a {
color: #4777ac;
text-decoration: none;
}
ol li a:hover {
color: #4777ac;
text-decoration: underline;
} .my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.m-r-5 {
margin-right: 5px;
}
.call-float-div {
position: fixed;
right: 0;
top: 250px;
transition: all .3s ease-out 0s;
z-index: 900
}
.call-float-div.call-close {
right: -280px
}
.call-heading {
padding-bottom: 8px;
border-bottom: 1px solid rgba(255, 255, 255, .25);
margin: 0 0 8px;
text-align: center;
font-size: 16px;
font-weight: 600
}
.btn-call-float {
height: 34px;
background: #0f1233;
line-height: 34px;
font-weight: 700;
display: inline-block;
position: absolute;
right: 100%;
font-size: 15px;
white-space: nowrap;
top: 0;
padding: 0 15px;
border-radius: 6px 0 0 6px;
cursor: pointer;
box-shadow: 0px 0px 20px rgba(15, 18, 51, 0.04);
color: #fff;
}
.btn-call-float:hover {
color: #fff;
}
.text-center .fa.mobile-ico {
font-size: 22px;
}
.info-call {
padding: 15px 20px 20px;
background: #0f1233;
color: #fff;
width: 280px;
border-radius: 0 0 0 6px;
box-shadow: 0px 0px 20px rgba(15, 18, 51, 0.04);
}
.info-call .phone-no {
font-size: 16px;
color: #fff;
font-weight: 500;
display: block;
line-height: 22px;
margin-bottom: 10px;
}
.info-call .phone-no img {
margin-right: 5px
}
.info-call .or-text-label {
display: inline-block;
width: 100%;
font-size: 12px;
font-weight: 600;
color: rgba(255, 255, 255, .8);
position: relative;
text-align: center;
text-transform: uppercase;
margin: 7px 0
}
.or-text-label:after,
.or-text-label:before {
background-color: rgba(255, 255, 255, .15);
position: absolute;
top: 10px;
content: "";
width: 40%;
height: 1px
}
.or-text-label:after {
right: 0
}
.or-text-label:before {
left: 0
}
.form-input-div {
position: relative
}
.form-input-div input {
color: #2d323a !important;
font-size: 16px;
}
.txt-call-code-plus {
font-size: 20px;
font-weight: 500;
color: #0b034e;
position: absolute;
top: 10px;
left: 5px;
z-index: 1
}
.txt-call-code,
.txt-call-phone {
height: 40px;
display: inline-block;
padding-right: 10px;
font-size: 16px;
font-weight: 500;
color: #000;
border: 0
}
.txt-call-code {
width: 66px;
padding-left: 20px;
margin-right: 8px;
position: relative
}
.txt-call-phone {
width: 159px;
padding-left: 10px
}
.btn-gradient-yellow-purple.quick-call-btn {
padding: 8px 25px;
background: #17f3af;
border: 2px solid #17f3af;
color: #2d323a;
margin-top: 20px;
font-weight: bold;
height: 46px;
}
.btn-gradient-yellow-purple.quick-call-btn:hover {
color: #fff !important;
border: 2px solid #fff;
background: #ff5e5e;
}
.intl-tel-input {
margin-top: 15px;
width: 100%
}
.intl-tel-input #whatsapp {
padding-right: 35px
}
@media(max-width:768px) {
.call-float-div {
top: 100px
}
}
@media screen and (orientation:landscape) and (max-width:992px) {
.call-float-div {
top: 85px
}
} .floating-btns {
display: none;
} @media only screen and (min-width: 40em) {
.modal-overlay {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.6);
opacity: 0;
visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1);
transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1);
}
.modal-overlay.active {
opacity: 1;
visibility: visible;
}
} .modal-header {
background-color: #ff5e5e;
padding: 10px 30px 10px 15px;
width: 100%;
position: absolute;
top: 0;
}
.modal-header h3 {
font-size: 26px;
color: #fff;
font-weight: 600;
margin-bottom: 0;
}
.modal-header h3 span {
font-size: 16px;
}
.modal {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
position: relative;
margin: 0 auto;
background-color: #fff;
width: 1000px;
max-width: 75rem;
min-height: 40rem;
border-radius: 10px;
opacity: 0;
overflow-y: auto;
visibility: hidden;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1);
transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1);
}
.modal .close-modal {
position: absolute;
cursor: pointer;
top: 5px;
right: 15px;
opacity: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), transform 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.modal .close-modal figure {
width: auto;
}
.modal .close-modal figure img {
max-width: 65%;
float: right;
}
.modal .modal-content {
opacity: 0;
height: 550px;
overflow-y: scroll;
z-index: -1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1);
transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1);
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
width: 100%;
padding: 0 50px;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
}
.modal.active {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.modal.active .modal-content {
opacity: 1;
}
.modal.active .close-modal {
-webkit-transform: translateY(10px);
transform: translateY(10px);
opacity: 1;
}
.modal-content .form-content {
display: block;
width: 100%;
margin-top: 50px;
margin-bottom: 30px;
}
.modal-content .form-content .first-line .input-container {
position: relative;
margin-bottom: 15px;
}
.modal-content .form-content .first-line .input-container i {
position: absolute;
top: 13px;
left: 15px;
font-size: 14px;
color: #2d323a;
}
.modal-content .form-content .first-line .input-container .input-field {
width: 100%;
padding: 10px 15px 10px 40px;
-moz-appearance: none;
-webkit-appearance: none;
background: #d3f0fd;
border: none;
color: #2d323a;
font-size: 14px;
font-weight: 500;
}
.modal-content .form-content .first-line .input-container .input-field1 {
width: 100%;
padding: 10px 15px 10px 15px;
-moz-appearance: none;
-webkit-appearance: none;
background: #d3f0fd;
border: none;
color: #2d323a;
font-size: 14px;
font-weight: 500;
min-height: 90px;
}
.modal-content .form-content .first-line .checkbox {
margin-top: 5px;
}
.modal-content .form-content .first-line .checkbox label {
font-size: 14px;
color: #2d323a;
font-weight: 500;
}
.modal-content .form-content .first-line .contact-submit-btn {
background: #ff5e5e; background: -moz-linear-gradient(left, #ff5e5e 0%, #ff5e5e 100%); background: -webkit-linear-gradient(left, #ff5e5e 0%, #ff5e5e 100%); background: linear-gradient(to right, #ff5e5e 0%, #ff5e5e 100%); font-weight: 600;
font-size: 15px;
border-radius: 50px;
padding: 12px 30px;
color: #fff;
float: left;
text-transform: uppercase;
}
.contact-first-block .contact-form form .contact-submit-btn:hover {
text-decoration: none;
}
.modal-content .location-block {
margin-top: 50px;
}
.modal-content .location-block h3 {
font-size: 30px;
font-weight: 800;
text-transform: capitalize;
text-align: center;
margin-bottom: 40px;
}
.modal-content .location-block {
margin-bottom: 15px;
}
.modal-content .location-block .first-srvc {
text-align: center;
box-shadow: 0 0 3px #d1d1d1;
padding: 0px;
display: block;
border-radius: 8px;
box-sizing: border-box;
min-height: 451px;
}
.modal-content .location-block .first-srvc figure {
width: auto;
}
.modal-content .location-block .first-srvc figure img {
max-width: 100%;
border-radius: 10px 10px 0 0;
width: 100%; filter: gray; -webkit-filter: grayscale(1); -webkit-transition: all .8s ease-in-out;
}
.modal-content .location-block .first-srvc .flag-logo {
margin-top: -36px;
left: 30px;
position: absolute;
}
.modal-content .location-block .first-srvc .first-desc {
margin-top: 40px;
text-align: left;
padding: 0 20px 20px 20px;
}
.modal-content .location-block .first-srvc .first-desc h3 {
font-size: 20px;
font-weight: 600;
color: #2d323a;
text-align: left;
margin-bottom: 0;
}
.modal-content .location-block .first-srvc .first-desc p {
font-size: 14px;
color: #2d323a;
font-weight: 500;
margin: 0 0 10px 0;
text-align: left;
}
.modal-content .location-block .first-srvc:hover {
text-decoration: none;
box-shadow: 0 0 15px #d1d1d1;
transition: all 0.2s ease-in-out 0s;
}
.modal-content .location-block .first-srvc:hover figure img {
filter: none;
-webkit-filter: grayscale(0);
} .file-upload1 {
display: block;
text-align: center;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
}
.file-upload1 .file-select {
display: block;
width: 100%;
padding: 0px 15px 0px 15px;
background: #d3f0fd;
border: none;
color: #2d323a;
font-size: 14px;
font-weight: 500;
cursor: pointer;
text-align: left;
overflow: hidden;
position: relative;
}
.file-upload1 .file-select img {
margin-top: 10px;
}
.file-upload1 .file-select .file-select-button {
float: left;
}
.file-upload1 .file-select .file-select-name {
display: inline-block;
line-height: 40px;
padding-left: 15px;
}
.file-upload1.active .file-select {
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.file-upload1.active .file-select .file-select-button {
color: #FFFFFF;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.file-upload1 .file-select input[type=file] {
z-index: 100;
cursor: pointer;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
}
.file-upload1 .file-select.file-select-disabled {
opacity: 0.65;
}
.file-upload1 .file-select.file-select-disabled:hover {
cursor: pointer;
} @media only screen and (max-width: 39.9375em) {
h1 {
font-size: 1.5rem;
}
.modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-overflow-scrolling: touch;
border-radius: 0;
-webkit-transform: scale(1.1);
transform: scale(1.1);
padding: 0 !important;
}
.close-modal {
right: 20px !important;
}
} li.drop-down,
.flyout-right,
.flyout-left {
position: relative;
}
li.drop-down>ul {
left: 0px;
min-width: 230px;
background-color: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
border-radius: 4px;
padding: 8px 10px;
margin-top: 15px;
}
.flyout-right ul {
background: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
border-radius: 0 4px 4px 0;
padding: 8px 10px;
border-left: 0;
margin-top: 0;
}
.flyout-right ul>li>a,
.flyout-left ul>li>a {
display: block;
padding: 12px !important;
font-size: 15px !important;
}
.flyout-right ul>li>a:hover {
color: #fff !important;
display: block !important;
background: #ff5e5e !important;
width: 100% !important;
border-radius: 3px;
}
li.drop-down>ul.submenu-services {
min-width: 265px;
}
.drop-down-ul {
display: none;
}
.flyout-right>ul,
.flyout-left>ul {
top: 0;
min-width: 275px !important;
display: none;
}
li.drop-down>ul>li>a {
color: #fff;
display: block;
padding: 12px !important;
text-decoration: none;
font-size: 15px !important;
}
li.drop-down>ul.full-width-ul>.row>.col-md-6>li>a {
font-size: 15px !important;
padding: 12px !important;
text-decoration: none;
display: block;
}
li.drop-down>ul.full-width-ul>.row>.col-md-6>li {
float: none;
}
li.drop-down>ul.full-width-ul>.row>.col-md-6>li>a:hover {
color: #fff !important;
display: block !important;
background: #ff5e5e !important;
width: 100% !important;
border-radius: 3px;
}
li.drop-down>ul>li>a:hover {
color: #fff !important;
display: block !important;
background: #ff5e5e !important;
width: 100% !important;
border-radius: 3px;
}
li.drop-down ul>li {
width: 100%
}
li.drop-down ul>li>a .fa {
margin-right: 10px;
}
li.drop-down .full-width-ul {
width: 530px;
}
.header .navbar .exo-menu li .mega-menu-wrap li a .fa {
margin-right: 10px;
} .flyout-mega-wrap {
top: 0;
right: 0;
left: 100%;
width: 100%;
display: none;
height: 100%;
padding: 15px;
min-width: 742px;
}
h4.row.mega-title {
color: #eee;
margin-top: 0px;
font-size: 14px;
padding-left: 15px;
padding-bottom: 13px;
text-transform: uppercase;
border-bottom: 1px solid #ccc;
}
.flyout-mega ul>li>a {
font-size: 90%;
line-height: 25px;
color: #fff;
font-family: inherit;
}
.flyout-mega ul>li>a:hover,
.flyout-mega ul>li>a:active,
.flyout-mega ul>li>a:focus {
text-decoration: none;
background-color: transparent !important;
color: #ccc !important
} .mega-menu {
left: 0;
right: 0;
padding: 15px !important;
display: none;
padding-top: 0;
min-height: 100%;
max-width: 65%;
margin-top: 19px;
}
h4.row.mega-title {
color: #eee;
margin-top: 0px;
font-size: 14px;
padding-left: 15px;
padding-bottom: 13px;
text-transform: uppercase;
border-bottom: 1px solid #547787;
padding-top: 15px;
background-color: #365670
}
.mega-menu ul li a {
line-height: 25px;
font-size: 90%;
display: block;
}
.header .navbar .exo-menu li .mega-menu-wrap li a::after,
.header .navbar .exo-menu li .drop-down-ul li a::after {
content: none;
}
.header .navbar .exo-menu li .mega-menu-wrap li {
float: none;
}
.header .navbar .exo-menu li .mega-menu-wrap li a {
font-size: 14px;
}
.header .navbar .exo-menu li .mega-menu-wrap li a:hover {
color: #ff5e5e;
}
.header .navbar .exo-menu li .mega-menu-wrap .menu-title {
color: #2d323a;
margin-bottom: 15px;
border-bottom: solid 1px #ccc;
margin-bottom: 15px;
}
.header .navbar .exo-menu li .mega-menu-wrap .menu-title::after {
content: none;
}
.header .navbar .exo-menu li .mega-menu-wrap .sub-menu-navbar {
margin-top: 30px;
}
.header .navbar .exo-menu li .mega-menu-wrap .sub-menu-navbar li a {
padding-bottom: 15px;
} .Blog:hover,
.Images:hover,
.mega-menu:hover,
.drop-down-ul:hover,
li.flyout-left>ul:hover,
li.flyout-right>ul:hover,
.flyout-mega-wrap:hover,
li.flyout-left a:hover+ul,
li.flyout-right a:hover+ul,
.blog-drop-down>a:hover+.Blog,
li.drop-down>a:hover+.drop-down-ul,
.images-drop-down>a:hover+.Images,
.mega-drop-down a:hover+.mega-menu,
li.flyout-mega>a:hover+.flyout-mega-wrap {
display: block;
} @media (min-width:767px) {
.mega-menu,
.flyout-mega-wrap,
.flyout-right>ul,
.flyout-left>ul,
li.drop-down>ul {
position: absolute;
}
.flyout-right>ul {
left: 100%;
}
.flyout-left>ul {
right: 100%;
}
}
@media (max-width:767px) {
.display.exo-menu>li>a {
display: block;
padding: 20px 22px;
}
.mega-menu,
.Images,
.Blog,
.flyout-right>ul,
.flyout-left>ul,
li.drop-down>ul {
position: relative;
}
} .header .top-icons {
float: right;
margin-top: 0;
}
.header .top-icons ul {
margin: 0;
padding: 0;
}
.header .top-icons ul li {
list-style: none;
float: left;
margin-right: 15px;
}
.header .top-icons ul li a i.fa {
margin-right: 2px;
color: #000;
font-size: 16px;
}
.header .top-icons ul li a i.fa.mobile-ico {
font-size: 22px;
}
.header .top-icons ul li a span {
color: #2d323a;
font-size: 14px;
font-weight: 400;
}
.header .top-icons ul li a:hover span {
color: #ff5e5e;
text-decoration: none;
}
.header .top-icons ul li a:hover {
text-decoration: none;
}
.header.active .top-icons {
display: none;
}
.certificate-block {
margin-top: 45px !important;
display: inline-block;
}
.certificate-block ul {
margin: 0;
padding: 0;
}
.certificate-block ul li {
list-style: none;
float: left;
margin-right: 30px;
margin-bottom: 20px;
}
.certificate-block ul li a figure {
width: auto !important;
float: none !important;
margin-top: 0 !important;
}
.certificate-block ul li a figure img {
max-width: 100% !important;
position: static !important;
filter: gray; -webkit-filter: grayscale(100%); }
.certificate-block ul li a:hover figure img {
filter: none;
filter: grayscale(0%);
} .section-v2 {
text-align: center;
}
.section-v2 h2 {
font-size: 38px;
color: #2d323a;
font-weight: 800;
position: relative;
display: inline-block;
text-align: center;
}
.section-v2 h2:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.section-v2 p {
font-size: 16px;
color: #2d323a;
font-weight: 500;
margin: 30px 0;
text-align: center;
}
.tabs_features .tabs__nav .btn {
margin: 35px 0 0;
}
.btn {
transition: .2s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 170px;
height: 50px;
margin: 0 auto;
padding: 10px 15px;
border-radius: 50px;
color: #fff;
font: 400 19px/1 "Gotham Pro", Arial, serif;
border: 2px solid #ff5e5e;
background: #ff5e5e;
}
.btn_v2-white:hover {
background: #fff;
border: 2px solid #ff5e5e;
color: #ff5e5e;
}
.tabs_features .tabs__nav .tabs__item:hover .tabs__header {
color: #7c828d;
}
.tabs__nav-invert {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.tabs__panel_active {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tabs_features .tabs__nav .tabs__item_active.tabs__item_3::before {
background: linear-gradient(270deg, #84dfff 0, #49ccf9 100%);
}
.tabs_features .tabs__nav .tabs__item_active::before {
content: '';
display: block;
position: absolute;
width: 5px;
height: 100%;
border-radius: 15px;
left: -3px;
top: 0;
}
.tabs_features .tabs__nav .tabs__item .tabs__header span {
font: inherit;
font-size: inherit;
padding-right: 10px;
}
.tabs_features .tabs__nav .tabs__item .tabs__header {
font: 800 22px Axiforma, Arial, serif;
color: #b9bec7;
}
.tabs__header {
transition: .2s;
margin: 0 0 5px 0;
}
.tabs_features .tabs__nav_list {
border-left: 1px solid #e9ebf0;
margin-top: 45px;
}
.section-v2__subheader_main {
color: #ff5e5e;
font: 800 10px/12px Axiforma, Arial, serif;
text-align: left;
letter-spacing: 2px;
text-transform: uppercase;
margin: 0;
max-width: 100%;
}
.section.section_proprietary-features {
padding: 70px 0 80px;
}
.section-v2 {
color: #292d34;
}
.section__overflow-inherit {
overflow: inherit;
}
.wrapper {
max-width: 1160px;
width: 100%;
margin: 0 auto;
padding: 0 10px;
position: relative;
color: inherit;
overflow: auto;
transition: .2s;
}
.section__overflow-inherit .wrapper {
overflow: initial;
}
.tabs_features .tabs__nav {
width: 38%;
float: left;
}
.tabs_features .tabs__nav .tabs__item {
border: 0;
background: 0 0;
position: relative;
padding: 6px 0 6px 35px;
margin-bottom: 30px;
text-align: left;
}
.tabs__item {
transition: .2s;
display: block;
border-radius: 4px;
margin: 0 0 5px 0;
margin-bottom: 5px;
outline: 0;
}
.tabs_features .tabs__nav .tabs__item.active:before {
content: '';
display: block;
position: absolute;
width: 5px;
height: 100%;
border-radius: 15px;
left: -3px;
top: 0
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_1::before {
background: linear-gradient(270deg, #ff5e5e 0, #ff5e5e 100%);
}
.tabs_features .tabs__nav .nav-link.active .tabs__header {
font: 800 26px Axiforma, Arial, serif;
color: #2d323a;
}
@media (max-width:1200px) {
.tabs_features .tabs__nav .nav-link.active .tabs__header {
font-size: 29px
}
}
@media (max-width:600px) {
.tabs_features .tabs__nav .nav-link.active .tabs__header {
font-size: 21px
}
}
.tabs_features .tabs__nav .nav-link.active .tabs__header span {
font-size: 25px;
color: #ff5e5e;
}
.tabs_features .tabs__nav .nav-link.active:hover .tabs__header {
color: #292d34
}
.tabs_features .tabs__nav .nav-link.active+.tabs__panel {
border-radius: 4px;
padding: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 30px;
display: none
}
@media (max-width:768px) {
.tabs_features .tabs__nav .nav-link.active+.tabs__panel {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.tabs_features .tabs__nav .nav-link.active+.tabs__panel .tabs__image_wrapper {
max-width: 100%
}
.tabs_features .tabs__nav .nav-link.active+.tabs__panel .tabs__image_wrapper img {
max-height: 400px
}
@media (max-width:600px) {
.tabs_features .tabs__nav .nav-link.active+.tabs__panel .tabs__image_wrapper img {
max-height: 205px
}
}
.tabs_features .tabs__nav .nav-link.active+.tabs__panel .tabs__image_wrapper video {
max-width: 100%;
margin: auto;
display: block
}
.tabs_features .tabs__nav .nav-link.active+.tabs__panel .tabs__image_descr-wrapper {
color: #fff;
font: 400 14px/18px Axiforma, Arial, serif;
text-align: center;
margin-top: 30px
}
.tabs_features .tabs__nav .nav-link.active {
background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/dots.svg) repeat center/auto;
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_1:before {
background: linear-gradient(270deg, #9c15ec 0, #9c15ec 100%)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_1 .tabs__header span {
color: #7110c8;
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_2:before {
background: linear-gradient(270deg, #6974ea 0, #7d87e9 100%)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_2 .tabs__header span {
color: #6268ea
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_3:before {
background: linear-gradient(270deg, #e5547f 0, #e24172 100%)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_3 .tabs__header span {
color: #e24172
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_4:before {
background: linear-gradient(270deg, #ff5f80 0, #ff5f80 100%)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_4 .tabs__header span {
color: #ff5f80
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_5:before {
background: linear-gradient(270deg, #ed5657 0, #ed5657 100%)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_5 .tabs__header span {
color: #ed5657
}
.tabs_features .tabs__nav .tabs__panel_1 {
background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/dots.svg) repeat center/auto, linear-gradient(270deg, #9f8fff 0, #7b68ee 100%);
box-shadow: 0 25px 45px rgba(123, 104, 238, .5)
}
.tabs_features .tabs__nav .tabs__panel_2 {
background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/dots.svg) repeat center/auto, linear-gradient(270deg, #ff9ec9 0, #fd71af 100%);
box-shadow: 0 25px 75px rgba(253, 113, 175, .5)
}
.tabs_features .tabs__nav .tabs__panel_3 {
background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/dots.svg) repeat center/auto, linear-gradient(270deg, #84dfff 0, #49ccf9 100%);
box-shadow: 0 25px 75px rgba(73, 204, 249, .5)
}
.tabs_features .tabs__nav .tabs__panel_4 {
background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/dots.svg) repeat center/auto, linear-gradient(270deg, #5ddd93 0, #27ae60 100%);
box-shadow: 0 25px 75px rgba(39, 174, 96, .5)
}
.tabs_features .tabs__nav .tabs__panel_5 {
background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/dots.svg) repeat center/auto, linear-gradient(270deg, #ffdb58 0, #ffc800 100%);
box-shadow: 0 25px 75px rgba(255, 200, 0, .5)
}
.tabs_features .tabs__nav .btn {
margin: 35px 0 0
}
.tabs__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: calc(60% - 20px);
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.tabs_features .tabs__content {
width: 62%;
margin-top: 0
}
@media (max-width:768px) {
.tabs_features .tabs__content {
display: none
}
}
.tabs_features .tabs__content .tabs__panel {
border-radius: 4px;
padding: 55px 60px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; max-width: 100%;
}
@media (max-width:1000px) {
.tabs_features .tabs__content .tabs__panel {
height: auto
}
}
.tabs_features .tabs__content .tabs__panel .tabs__image_wrapper {
max-width: 100%;
min-height: 340px
}
@media (max-width:1000px) {
.tabs_features .tabs__content .tabs__panel .tabs__image_wrapper {
min-height: 250px
}
}
@media (max-width:768px) {
.tabs_features .tabs__content .tabs__panel .tabs__image_wrapper {
min-height: 0
}
}
.tabs_features .tabs__content .tabs__panel .tabs__image_wrapper img {
max-height: 400px
}
.tabs_features .tabs__content .tabs__panel .tabs__image_wrapper video {
max-width: 100%;
margin: auto;
display: block
}
.tabs_features .tabs__content .tabs__panel .tabs__image_descr-wrapper {
color: #fff;
font: 700 18px/29px Axiforma, Arial, serif;
text-align: center;
margin-bottom: 10px
}
.tabs_features .tabs__content .tabs__panel:nth-child(1) {
background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/dots.svg) repeat center/auto, linear-gradient(270deg, #7c3fd5 0, #b13ef5 100%);
box-shadow: 0 25px 45px rgba(123, 63, 213, .5)
}
.tabs_features .tabs__content .tabs__panel:nth-child(2) {
background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/dots.svg) repeat center/auto, linear-gradient(270deg, #6974ea 0, #7d87e9 100%);
box-shadow: 0 25px 75px rgba(69, 77, 248, .5)
}
.tabs_features .tabs__content .tabs__panel:nth-child(3) {
background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/dots.svg) repeat center/auto, linear-gradient(270deg, #e5547f 0, #b145ad 100%);
box-shadow: 0 25px 75px rgba(218, 23, 81, .5)
}
.tabs_features .tabs__content .tabs__panel:nth-child(4) {
background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/dots.svg) repeat center/auto, linear-gradient(270deg, #ff6e8c 0, #fd885f 100%);
box-shadow: 0 25px 75px rgba(254, 102, 49, .5)
}
.tabs_features .tabs__content .tabs__panel:last-child {
background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/dots.svg) repeat center/auto, linear-gradient(270deg, #ed5657 0, #f769b8 100%);
box-shadow: 0 25px 75px rgba(233, 47, 45, .5)
}
.tabs_features .tabs__content .tabs__panel.shiftyy:nth-child(1) {
background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/dots.svg) repeat center/auto, linear-gradient(270deg, #f3b34e 0, #f5d557 100%);
box-shadow: 0 25px 45px rgba(241, 194, 13, .5)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_1.shiftyy:before {
background: linear-gradient(270deg, #f3b34e 0, #f3b34e 100%)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_1.shiftyy .tabs__header span {
color: #f3b34e;
}
.tabs_features .tabs__content .tabs__panel.vehicle_parking:nth-child(2) {
background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/dots.svg) repeat center/auto, linear-gradient(270deg, #30b4ff 0, #acdcf9 100%);
box-shadow: 0 25px 45px rgba(48, 180, 255, .5)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_2.vehicle_parking:before {
background: linear-gradient(270deg, #30b4ff 0, #30b4ff 100%)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_2.vehicle_parking .tabs__header span {
color: #30b4ff;
}
.tabs_features .tabs__content .tabs__panel.event:nth-child(3) {
background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/dots.svg) repeat center/auto, linear-gradient(270deg, #8391ff 0, #a6aff9 100%);
box-shadow: 0 25px 45px rgba(166, 175, 249, .5)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_3.event:before {
background: linear-gradient(270deg, #8391ff 0, #8391ff 100%)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_3.event .tabs__header span {
color: #8391ff;
}
.tabs_features .tabs__content .tabs__panel.video_sharing:nth-child(4) {
background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/dots.svg) repeat center/auto, linear-gradient(270deg, #54e5ee 0, #c9edf0 100%);
box-shadow: 0 25px 45px rgba(201, 231, 240, .5)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_4.video_sharing:before {
background: linear-gradient(270deg, #54e5ee 0, #54e5ee 100%)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_4.video_sharing .tabs__header span {
color: #54e5ee;
}
.tabs_features .tabs__content .tabs__panel.nutrition:nth-child(5) {
background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/dots.svg) repeat center/auto, linear-gradient(270deg, #72c97d 0, #9dd9a5 100%);
box-shadow: 0 25px 45px rgba(114, 201, 125, .5)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_5.nutrition:before {
background: linear-gradient(270deg, #72c97d 0, #72c97d 100%)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_5.nutrition .tabs__header span {
color: #72c97d;
}
.tabs_features .tabs__content .tabs__panel.marketplace:nth-child(1) {
background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/dots.svg) repeat center/auto, linear-gradient(270deg, #787cf3 0, #a4a7f5 100%);
box-shadow: 0 25px 45px rgba(164, 167, 245, .5)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_1.marketplace:before {
background: linear-gradient(270deg, #787cf3 0, #787cf3 100%)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_1.marketplace .tabs__header span {
color: #787cf3;
}
.tabs_features .tabs__content .tabs__panel.mobile_ordering:nth-child(2) {
background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/dots.svg) repeat center/auto, linear-gradient(270deg, #72c97d 0, #9dd9a5 100%);
box-shadow: 0 25px 45px rgba(114, 201, 125, .5)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_2.mobile_ordering:before {
background: linear-gradient(270deg, #72c97d 0, #72c97d 100%)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_2.mobile_ordering .tabs__header span {
color: #72c97d;
}
.tabs_features .tabs__content .tabs__panel.tour_guide:nth-child(3) {
background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/dots.svg) repeat center/auto, linear-gradient(270deg, #4ea9d7 0, #7ac4e9 100%);
box-shadow: 0 25px 45px rgba(122, 196, 233, .5)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_3.tour_guide:before {
background: linear-gradient(270deg, #4ea9d7 0, #4ea9d7 100%)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_3.tour_guide .tabs__header span {
color: #4ea9d7;
}
.tabs_features .tabs__content .tabs__panel.lifestyle:nth-child(4) {
background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/dots.svg) repeat center/auto, linear-gradient(270deg, #fee65e 0, #fff5bf 100%);
box-shadow: 0 25px 45px rgba(254, 230, 94, .3)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_4.lifestyle:before {
background: linear-gradient(270deg, #fee65e 0, #fee65e 100%)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_4.lifestyle .tabs__header span {
color: #fee65e;
}
.tabs_features .tabs__content .tabs__panel.core:nth-child(5) {
background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/dots.svg) repeat center/auto, linear-gradient(270deg, #afce61 0, #c0da7f 100%);
box-shadow: 0 25px 45px rgba(175, 206, 97, .5)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_5.core:before {
background: linear-gradient(270deg, #afce61 0, #afce61 100%)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_5.core .tabs__header span {
color: #afce61;
}
.tabs_features .tabs__content .tabs__panel.tvg:nth-child(1) {
background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/dots.svg) repeat center/auto, linear-gradient(270deg, #787cf3 0, #a4a7f5 100%);
box-shadow: 0 25px 45px rgba(164, 167, 245, .5)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_1.tvg:before {
background: linear-gradient(270deg, #787cf3 0, #787cf3 100%)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_1.tvg .tabs__header span {
color: #787cf3;
}
.tabs_features .tabs__content .tabs__panel.gps_tracking:nth-child(2) {
background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/dots.svg) repeat center/auto, linear-gradient(270deg, #84ae73 0, #bfceb9 100%);
box-shadow: 0 25px 45px rgba(108, 147, 92, .5)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_2.gps_tracking:before {
background: linear-gradient(270deg, #6c935c 0, #6c935c 100%)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_2.gps_tracking .tabs__header span {
color: #6c935c;
}
.tabs_features .tabs__content .tabs__panel.stem:nth-child(1) {
background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/dots.svg) repeat center/auto, linear-gradient(270deg, #acddd0 0, #d2ede6 100%);
box-shadow: 0 25px 45px rgba(172, 221, 208, .5)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_1.stem:before {
background: linear-gradient(270deg, #101234 0, #101234 100%)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_1.stem .tabs__header span {
color: #101234;
}
.tabs_features .tabs__content .tabs__panel.added:nth-child(2) {
background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/dots.svg) repeat center/auto, linear-gradient(270deg, #f7c05a 0, #f6cc7f 100%);
box-shadow: 0 25px 45px rgba(246, 204, 127, .5)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_2.added:before {
background: linear-gradient(270deg, #f7c05a 0, #f7c05a 100%)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_2.added .tabs__header span {
color: #f7c05a;
}
.tabs_features .tabs__content .tabs__panel.doggydate:nth-child(3) {
background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/dots.svg) repeat center/auto, linear-gradient(270deg, #f5bb2f 0, #ffeb82 100%);
box-shadow: 0 25px 45px rgba(255, 235, 130, .5)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_3.doggydate:before {
background: linear-gradient(270deg, #f5bb2f 0, #f5bb2f 100%)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_3.doggydate .tabs__header span {
color: #f5bb2f;
}
.tabs_features .tabs__content .tabs__panel.fishfight:nth-child(4) {
background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/dots.svg) repeat center/auto, linear-gradient(270deg, #478ae4 0, #cce2ff 100%);
box-shadow: 0 25px 45px rgba(204, 226, 255, .5)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_4.fishfight:before {
background: linear-gradient(270deg, #478ae4 0, #478ae4 100%)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_4.fishfight .tabs__header span {
color: #478ae4;
}
.tabs_features .tabs__content .tabs__panel.foodhippo:nth-child(5) {
background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/dots.svg) repeat center/auto, linear-gradient(270deg, #f777a5 0, #ffdde1 100%);
box-shadow: 0 25px 45px rgba(255, 221, 225, .8)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_5.foodhippo:before {
background: linear-gradient(270deg, #f777a5 0, #f777a5 100%)
}
.tabs_features .tabs__nav .nav-link.active.tabs__item_5.foodhippo .tabs__header span {
color: #f777a5;
}
@media(max-width: 380px) {
.tabs_features .tabs__content .tabs__panel .tabs__image_wrapper img {
max-width: 200px !important;
}
.tabs_features .tabs__nav {
float: none;
width: 100%;
}
.tabs_features .tabs__content {
display: block;
width: 100%;
margin-top: 40px;
}
.tabs_features .tabs__nav .tabs__item .tabs__header {
font-size: 19px;
}
}
@media(max-width: 768px) and (min-width: 381px) {
.tabs_features .tabs__nav {
float: none;
width: 100%;
}
.tabs_features .tabs__content {
display: block;
width: 100%;
margin-top: 40px;
}
.tabs_features .tabs__nav .tabs__item .tabs__header {
font-size: 19px;
}
.tabs_features .tabs__content .tabs__panel .tabs__image_wrapper img {
max-width: 100% !important;
}
}
@media (max-width: 1024px) and (min-width: 769px) {
.tabs_features .tabs__content .tabs__panel .tabs__image_wrapper img {
max-width: 100% !important;
}
}
@media (max-width: 1200px) and (min-width: 1023px) {
.tabs_features .tabs__content .tabs__panel .tabs__image_wrapper img {
max-width: 100% !important;
}
} .header {
width: 100%;
position: fixed;
z-index: 999;
padding: 15px 20px;
background: transparent;
margin-top: 0;
}
.blog-header {
background-color: #fff;
}
.header .nav-brand {
width: 155px;
float: left;
margin-top: 10px;
}
.header .nav-brand img {
max-width: 100%;
}
.responsive-menu {
display: none;
} .header .navbar {
position: static;
margin-bottom: 0;
}
.header .navbar .exo-menu {
float: right;
margin-top: 20px;
}
.header .navbar .exo-menu li {
float: left;
}
.header .navbar .exo-menu li a {
font-size: 18px;
color: #2d323a;
font-weight: 600;
position: relative;
height: 100%;
padding: 0px 14px 20px 14px;
cursor: pointer;
text-decoration: none;
}
.header .navbar .exo-menu li a:hover {
color: #2d323a;
background-color: transparent;
}
.header .navbar .exo-menu li a.active {
color: #ff5e5e !important;
}
.header .navbar .exo-menu li a:focus {
background-color: transparent;
}
.header .navbar .exo-menu li a::after {
background: none repeat scroll 0 0 transparent;
bottom: 0;
content: "";
display: block;
height: 2px;
left: 50%;
position: absolute;
background: #ff5e5e;
transition: width 0.3s ease 0s, left 0.3s ease 0s;
width: 0;
}
.header .navbar .exo-menu li a:hover:after,
.header .navbar .exo-menu li a.active:after {
width: 100%;
left: 0;
}
.header .navbar .exo-menu a.request-btn {
background: #ff5e5e;
border-radius: 50px;
margin-top: -8px;
padding: 10px 15px;
color: #fff;
font-size: 15px;
float: left;
text-transform: uppercase;
font-weight: 600;
border: 2px solid #ff5e5e;
}
.header .navbar .exo-menu a.request-btn:hover {
text-decoration: none;
border: 2px solid #ff5e5e;
background-color: #fff;
color: #ff5e5e;
transition: all 0.3s ease 0s;
} .header.active {
background: #fff;
box-shadow: 0 0 10px #ccc;
transition: all 0.2s ease-in-out 0s;
}
.header.active .nav-open i {
background-color: #2d323a;
}
.header.active .navbar {
margin-bottom: 0;
}
.header.active .navbar .exo-menu li a {
color: #2d323a;
}
.header.active .navbar .exo-menu li a:hover {
color: #2d323a;
background-color: transparent;
}
.header.active .navbar .exo-menu li a::after {
background: none repeat scroll 0 0 transparent;
bottom: 0;
content: "";
display: block;
height: 2px;
left: 50%;
position: absolute;
background: #ff5e5e;
transition: width 0.3s ease 0s, left 0.3s ease 0s;
width: 0;
}
.header.active .navbar .exo-menu li a:hover:after,
.header .navbar .exo-menu li a.active:after {
width: 100%;
left: 0;
color: #2d323a;
}
.header .navbar .exo-menu a.request-btn {
margin-top: -8px;
}
.header.active .navbar .exo-menu a.request-btn {
background: #ff5e5e;
border: 2px solid #ff5e5e;
border-radius: 50px;
margin-top: -8px;
padding: 10px 15px;
color: #fff;
font-size: 15px;
float: left;
text-transform: uppercase;
}
.header.active .navbar .exo-menu a.request-btn:hover {
text-decoration: none;
border: 2px solid #ff5e5e;
background-color: #fff;
color: #ff5e5e;
transition: all 0.3s ease 0s;
}   .banner {
background-color: #f8f9fa;
position: relative;
height: auto;
padding: 100px 0;
}
.banner img {
position: absolute;
right: 0;
top: 0;
}
.banner .banner-content {
width: 100%;
margin-top: 60px;
}
.banner .left-text {
float: left;
width: 48%;
}
.banner .left-text h1 {
font-size: 58px;
color: #2d323a;
font-weight: 800;
position: relative;
line-height: 75px;
}
.banner .left-text h1:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.banner .left-text p {
font-size: 18px;
color: #2d323a;
font-weight: 500;
width: 30%;
width: 68%;
margin: 30px 0 50px 0;
}
.banner .left-text .two-btns {
margin-top: 20px;
}
.banner .left-text .two-btns .banner-btn1 {
background: #ff5e5e;
font-weight: 500;
font-size: 22px;
border-radius: 50px;
padding: 12px 30px;
color: #fff;
float: left;
text-transform: uppercase;
margin-right: 10px;
border: 2px solid #ff5e5e;
}
.banner .left-text .two-btns .banner-btn1:hover {
text-decoration: none;
border: 2px solid #ff5e5e;
background-color: #fff;
color: #ff5e5e;
transition: all 0.3s ease 0s;
}
.banner .left-text .two-btns .banner-btn2 {
background-color: transparent;
border: 2px solid #ff5e5e;
font-weight: 500;
font-size: 22px;
border-radius: 50px;
padding: 12px 30px;
color: #ff5e5e;
float: left;
text-transform: uppercase;
}
.banner .banner-content figure {
width: 50%;
float: right;
margin-top: -30px;
}
.banner .left-text .two-btns .banner-btn2:hover {
text-decoration: none;
background-color: #ff5e5e;
color: #fff;
transition: all 0.3s ease 0s;
}
.banner .banner-content figure img {
max-width: 100%;
position: static;
}
.two-btn-css .two-btns .banner-btn1 {
background: #ff5e5e;
font-weight: 500;
font-size: 22px;
border-radius: 50px;
padding: 12px 30px;
color: #fff;
float: left;
text-transform: uppercase;
margin-right: 10px;
border: 2px solid #ff5e5e;
}
.two-btn-css .two-btns .banner-btn1:hover {
text-decoration: none;
border: 2px solid #ff5e5e;
background-color: #fff;
color: #ff5e5e;
transition: all 0.3s ease 0s;
}
.two-btn-css .two-btns .banner-btn2 {
background-color: transparent;
border: 2px solid #ff5e5e;
font-weight: 500;
font-size: 22px;
border-radius: 50px;
padding: 12px 30px;
color: #ff5e5e;
float: left;
text-transform: uppercase;
}
.two-btn-css .two-btns .banner-btn2:hover {
text-decoration: none;
background-color: #ff5e5e;
color: #fff;
transition: all 0.3s ease 0s;
} .first-block {
width: 100%;
display: block;
text-align: center;
margin: 35px 0 75px 0;
}
.first-block h2 {
font-size: 38px;
color: #2d323a;
font-weight: 800;
position: relative;
display: inline-block;
}
.first-block h2:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 10px;
left: 0;
right: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.first-block p {
font-size: 16px;
color: #2d323a;
margin: 40px 0 40px 0;
font-weight: 500;
}
.first-block .first-block-btn {
background: #ff5e5e;
border: 2px solid #ff5e5e;
font-size: 16px;
color: #fff;
padding: 12px 45px;
text-transform: uppercase;
border-radius: 50px;
font-weight: 600;
}
.first-block .first-block-btn:hover {
text-decoration: none;
border: 2px solid #ff5e5e;
background-color: #fff;
color: #ff5e5e;
transition: all 0.3s ease 0s;
} .second-block {
width: 100%;
display: block;
text-align: center;
padding: 30px 0 50px 0;
background-color: #F9F9F9;
}
.second-block h2 {
font-size: 38px;
color: #2d323a;
font-weight: 800;
position: relative;
display: inline-block;
}
.second-block h2:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.second-block p {
font-size: 16px;
color: #2d323a;
margin: 40px 0 40px 0;
font-weight: 500;
}
.second-block .services-block .first-srvc {
text-align: center;
padding: 15px 10px 35px 10px;
display: block;
border-radius: 8px;
min-height: 435px;
}
.second-block .services-block .first-srvc figure {
width: auto;
margin-top: 60px;
}
.second-block .services-block .first-srvc figure img {
max-width: 100%;
}
.second-block .services-block .first-srvc h3 {
font-size: 18px;
font-weight: 500;
color: #2d323a;
padding: 5px 0;
line-height: 25px;
}
.second-block .services-block .first-srvc p {
font-size: 16px;
color: #2d323a;
margin: 0;
min-height: 205px;
}
.second-block .services-block .first-srvc:hover {
text-decoration: none;
box-shadow: 0 0 11px 1px rgba(0, 0, 0, 0.54);
transition: all 0.2s ease-in-out 0s;
}
.second-block .services-block .first-srvc a.learn-more-btn {
background: #ff5e5e;
border: 2px solid #ff5e5e;
font-size: 16px;
color: #fff;
padding: 12px 35px;
text-transform: uppercase;
border-radius: 50px;
font-weight: 600;
}
.second-block .services-block .first-srvc:hover a.learn-more-btn {
text-decoration: none;
border: 2px solid #ff5e5e;
background-color: #fff;
color: #ff5e5e;
transition: all 0.3s ease 0s;
} .third-block {
width: 100%;
display: block;
text-align: left;
padding: 50px 0 50px 0;
}
.third-block h2 {
font-size: 38px;
color: #2d323a;
font-weight: 800;
position: relative;
display: inline-block;
}
.third-block h2:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.third-block p {
font-size: 16px;
color: #2d323a;
margin: 40px 0 40px 0;
font-weight: 500;
}
.third-block .read-more-btn {
background: #ff5e5e;
font-size: 16px;
color: #fff;
padding: 12px 45px;
text-transform: uppercase;
border: 2px solid #ff5e5e;
border-radius: 50px;
font-weight: 600;
}
.third-block .read-more-btn:hover {
text-decoration: none;
border: 2px solid #ff5e5e;
background-color: #fff;
color: #ff5e5e;
transition: all 0.3s ease 0s;
}
.third-block figure {
width: 100%;
}
.third-block figure img {
max-width: 100%;
float: right;
} .third-block-1 {
width: 100%;
display: block;
text-align: left;
padding: 50px 0 70px 0;
}
.third-block-1 h2 {
font-size: 38px;
color: #2d323a;
font-weight: 800;
position: relative;
display: inline-block;
}
.third-block-1 h2:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.third-block-1 p {
font-size: 16px;
color: #2d323a;
margin: 40px 0 40px 0;
font-weight: 500;
}
.third-block-1 .read-more-btn {
background: #ff5e5e;
border: 2px solid #ff5e5e;
font-size: 16px;
color: #fff;
padding: 12px 45px;
text-transform: uppercase;
border-radius: 50px;
font-weight: 600;
}
.third-block-1 .read-more-btn:hover {
text-decoration: none;
border: 2px solid #ff5e5e;
background-color: #fff;
color: #ff5e5e;
transition: all 0.3s ease 0s;
}
.third-block-1 figure {
width: 100%;
}
.third-block-1 figure img {
max-width: 100%;
float: left;
} .fifth-block {
width: 100%;
display: block;
text-align: left;
padding: 50px 0 50px 0;
}
.fifth-block h2 {
font-size: 38px;
color: #2d323a;
font-weight: 800;
position: relative;
display: inline-block;
}
.fifth-block h2:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.fifth-block p {
font-size: 16px;
color: #2d323a;
margin: 40px 0 40px 0;
font-weight: 500;
}
.fifth-block .read-more-btn {
background: #ff5e5e;
border: 2px solid #ff5e5e;
font-size: 16px;
color: #fff;
padding: 12px 45px;
text-transform: uppercase;
border-radius: 50px;
font-weight: 600;
}
.fifth-block .read-more-btn:hover {
text-decoration: none;
border: 2px solid #ff5e5e;
background-color: #fff;
color: #ff5e5e;
transition: all 0.3s ease 0s;
}
.fifth-block figure {
width: 100%;
}
.fifth-block figure img {
max-width: 100%;
float: right;
} .fifth-block-1 {
width: 100%;
display: block;
text-align: left;
padding: 50px 0 70px 0;
}
.fifth-block-1 h2 {
font-size: 38px;
color: #2d323a;
font-weight: 800;
position: relative;
display: inline-block;
}
.fifth-block-1 h2:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.fifth-block-1 p {
font-size: 16px;
color: #2d323a;
margin: 40px 0 40px 0;
font-weight: 500;
}
.fifth-block-1 .read-more-btn {
background: #ff5e5e;
border: 2px solid #ff5e5e;
font-size: 16px;
color: #fff;
padding: 12px 45px;
text-transform: uppercase;
border-radius: 50px;
font-weight: 600;
}
.fifth-block-1 .read-more-btn:hover {
text-decoration: none;
border: 2px solid #ff5e5e;
background-color: #fff;
color: #ff5e5e;
transition: all 0.3s ease 0s;
}
.fifth-block-1 figure {
width: 100%;
}
.fifth-block-1 figure img {
max-width: 100%;
float: left;
} .six-block {
width: 100%;
display: block;
text-align: center;
padding: 50px 0 70px 0;
background-color: #F9F9F9;
}
.six-block h2 {
font-size: 38px;
color: #2d323a;
font-weight: 800;
position: relative;
display: inline-block;
}
.six-block h2:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.six-block p {
font-size: 16px;
color: #2d323a;
margin: 0;
text-align: center;
font-weight: 500;
}
.six-block .col-md-6 {
margin: 60px 0 0 0;
}
.six-block .col-md-6 p {
font-size: 16px;
color: #2d323a;
text-align: left;
font-weight: 500;
margin-bottom: 15px;
}
.six-block figure {
width: 100%;
margin-top: 0px;
}
.six-block figure img {
max-width: 100%;
float: right;
}
.six-block .first-block-btn {
background-color: #199DD7;
font-size: 16px;
color: #fff;
padding: 12px 45px;
border-radius: 50px;
font-weight: 500;
}
.six-block .first-block-btn:hover {
text-decoration: none;
} .eight-block {
width: 100%;
display: block;
text-align: left;
padding: 40px 0;
background: #ff5e5e;
}
.eight-block h2 {
font-size: 24px;
color: #fff;
font-weight: 500;
margin: 0;
}
.talkto-icons {
margin-top: 15px;
}
.talkto-icons ul {
margin: 0;
padding: 0;
}
.talkto-icons ul li {
list-style: none;
float: left;
margin-right: 15px;
margin-bottom: 15px;
}
.talkto-icons ul li a {
color: #2d323a;
font-size: 18px;
font-weight: 600;
line-height: 4px;
}
.talkto-icons ul li a figure {
width: auto;
float: left;
margin-right: 10px;
}
.talkto-icons ul li a figure img {
max-width: 100%;
display: list-item;
margin: 0px;
width: 20px;
}
.talkto-icons ul li a span {
float: left;
margin-top: 8px;
}
.talkto-icons-footer {
margin-top: 15px;
}
.talkto-icons-footer ul {
margin: 0;
padding: 0;
}
.talkto-icons-footer ul li {
list-style: none;
float: left;
margin-right: 15px;
margin-bottom: 20px;
}
.talkto-icons-footer ul li a {
color: #2d323a;
font-size: 18px;
font-weight: 600;
}
.talkto-icons-footer ul li a figure {
width: auto;
float: left;
margin-right: 10px;
}
.talkto-icons-footer ul li a figure img {
max-width: 100%;
display: list-item;
margin: 0px;
width: 26px;
}
.talkto-icons-footer ul li a span {
float: left;
margin-top: 8px;
line-height: 8px;
}
.eight-block .portfolio-btn {
background: #17f3af; background: -moz-linear-gradient(left, #17f3af 0%, #0ad999 100%); background: -webkit-linear-gradient(left, #17f3af 0%, #0ad999 100%); background: linear-gradient(to right, #17f3af 0%, #0ad999 100%); font-weight: 500;
font-size: 18px;
color: #2d323a;
text-transform: uppercase;
font-weight: 600;
float: right;
padding: 12px 45px;
border-radius: 50px;
border: 2px solid #17f3af;
}
.eight-block .portfolio-btn:hover {
text-decoration: none;
background: transparent;
transition: all 0.3s ease 0s;
color: #fff;
border: 2px solid #fff;
} .nine-block {
width: 100%;
display: block;
text-align: center;
padding: 50px 0 50px 0;
background-color: #e0f4fc;
}
.nine-block h2 {
font-size: 50px;
color: #2d323a;
font-weight: 800;
text-align: left;
margin-top: 80px;
line-height: 55px;
}
.nine-block .who-we1 {
text-align: center;
box-shadow: 0 0 10px #e1e1e1;
padding: 15px 10px;
display: block;
border-radius: 8px;
margin-bottom: 25px;
background: #fff;
}
.nine-block .who-we1 figure {
width: auto;
}
.nine-block .who-we1 figure img {
max-width: 100%;
}
.nine-block .who-we1 h3 {
font-size: 16px;
font-weight: 600;
margin-bottom: 0;
} .eleven-block {
width: 100%;
display: block;
text-align: center;
padding: 30px 0 80px 0;
}
.eleven-block h2 {
font-size: 38px;
color: #2d323a;
font-weight: 800;
position: relative;
display: inline-block;
}
.eleven-block h2:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.eleven-block .services-block {
margin-top: 60px;
}
.eleven-block .services-block .first-srvc {
text-align: center;
box-shadow: 0 0 3px #d1d1d1;
display: block;
border-radius: 8px;
margin-bottom: 40px;
}
.eleven-block .services-block .first-srvc figure {
width: auto;
}
.eleven-block .services-block .first-srvc figure img {
max-width: 100%;
width: 100%;
}
.eleven-block .services-block .first-srvc h3 {
font-size: 19px;
font-weight: 500;
color: #2d323a;
padding: 0 10px;
margin: 10px 0 10px 0;
text-align: left;
line-height: 25px;
}
.eleven-block .services-block .first-srvc p {
font-size: 16px;
color: #2d323a;
margin: 0;
padding: 0 10px;
text-align: left;
font-weight: 500;
}
.eleven-block .services-block .first-srvc:hover {
text-decoration: none;
box-shadow: 0 0 15px #d1d1d1;
transition: all 0.2s ease-in-out 0s;
}
.eleven-block .services-block .first-srvc span.read-more-text {
font-size: 16px;
color: #2d323a;
font-weight: 500;
text-align: left;
display: block;
padding: 15px 10px;
}
.eleven-block .services-block .first-srvc:hover span.read-more-text {
color: #ff5e5e;
}
.eleven-block .services-block .read-more-btn {
background: #ff5e5e;
border: 2px solid #ff5e5e;
margin-top: 40px;
font-weight: 600;
font-size: 15px;
border-radius: 50px;
padding: 12px 30px;
color: #fff;
text-transform: uppercase;
}
.eleven-block .services-block .read-more-btn:hover {
text-decoration: none;
border: 2px solid #ff5e5e;
background-color: #fff;
color: #ff5e5e;
transition: all 0.3s ease 0s;
}  .about-banner {
position: relative;
height: auto;
padding: 100px 0;
}
.about-banner .banner-content {
width: 100%;
margin-top: 20px;
}
.about-banner .left-text {
float: left;
width: 48%;
margin-top: 95px;
}
.about-banner .left-text h1 {
font-size: 58px;
color: #2d323a;
font-weight: 800;
line-height: 70px;
position: relative;
display: inline-block;
}
.about-banner .left-text h1:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.about-banner .left-text p {
font-size: 18px;
color: #2d323a;
font-weight: 500;
max-width: :100%;
margin: 30px 0 50px 0;
}
.about-banner .left-text .two-btns {
margin-top: 20px;
}
.about-banner .left-text .two-btns .banner-btn1 {
background: #ff5e5e;
border: 2px solid #ff5e5e;
font-weight: 600;
font-size: 22px;
border-radius: 50px;
padding: 12px 30px;
color: #fff;
float: left;
text-transform: uppercase;
margin-right: 10px;
}
.about-banner .left-text .two-btns .banner-btn1:hover {
text-decoration: none;
border: 2px solid #ff5e5e;
background-color: #fff;
color: #ff5e5e;
transition: all 0.3s ease 0s;
}
.about-banner .banner-content figure {
width: 50%;
float: right;
}
.about-banner .banner-content figure img {
max-width: 50%;
position: absolute;
right: 0;
} .mobile-app-development-banner h1 {
max-width: 100% !important;
}
.mobile-first-block {
margin-top: 70px;
margin-bottom: 50px;
}
.mobile-first-block .left-text h3 {
font-size: 38px;
color: #2d323a;
font-weight: 800;
position: relative;
display: inline-block;
margin-bottom: 45px;
line-height: 45px;
}
.mobile-first-block .left-text h3:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.mobile-first-block .left-text {
margin-top: 0px;
}
.mobile-first-block .left-text p {
font-size: 16px;
color: #2d323a;
font-weight: 500;
}
.mobile-first-block .consult-form {
background-color: #fff;
box-shadow: 0 0 20px #d1d1d1;
}
.mobile-first-block .consult-form h3 {
background-color: #17f3af;
padding: 15px;
font-size: 24px;
color: #2d323a;
margin-bottom: 0;
text-transform: uppercase;
font-weight: 600;
display: block;
text-align: center;
}
.mobile-first-block .consult-form .form-content {
padding: 15px;
}
.mobile-first-block .consult-form .form-content h4 {
font-size: 16px;
color: #2d323a;
text-align: center;
max-width: 370px;
line-height: 22px;
font-weight: 600;
}
.mobile-first-block .consult-form .form-content .input-container {
position: relative;
margin-bottom: 10px;
}
.mobile-first-block .consult-form .form-content .input-container i {
position: absolute;
top: 13px;
left: 15px;
font-size: 14px;
color: #2d323a;
}
.mobile-first-block .consult-form .form-content .input-container .input-field {
width: 100%;
padding: 10px 15px 10px 40px;
background: transparent;
border: 1px solid #2d323a;
border-radius: 5px;
color: #2d323a;
font-size: 14px;
font-weight: 500;
}
.mobile-first-block .consult-form .form-content .input-container .input-field1 {
width: 100%;
padding: 10px 15px 10px 15px;
background: transparent;
border: 1px solid #2d323a;
border-radius: 5px;
color: #2d323a;
font-size: 13px;
font-weight: 500;
}
.mobile-first-block .consult-form .form-content .checkbox {
margin-top: 5px;
}
.mobile-first-block .consult-form .form-content .checkbox label {
font-size: 14px;
color: #2d323a;
font-weight: 500;
}
.mobile-first-block .consult-form .form-content .contact-submit-btn {
background: #17f3af; background: -moz-linear-gradient(left, #17f3af 0%, #0ad999 100%); background: -webkit-linear-gradient(left, #17f3af 0%, #0ad999 100%); background: linear-gradient(to right, #17f3af 0%, #0ad999 100%); margin-top: 10px;
font-weight: 600;
text-transform: uppercase;
font-size: 18px;
color: #2d323a;
padding: 15px 0;
display: block;
text-align: center;
margin-top: 15px;
}
.mobile-first-block .consult-form .form-content .contact-submit-btn:hover {
text-decoration: none;
}
.mobile-development-services {
text-align: center;
margin: 70px 0 50px 0;
}
.mobile-development-services h2 {
font-size: 38px;
margin-bottom: 40px;
color: #2d323a;
font-weight: 800;
position: relative;
display: inline-block;
}
.mobile-development-services h2:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.mobile-development-services p {
font-weight: 500;
font-size: 16px;
color: #2d323a;
margin-bottom: 50px;
}
.mobile-development-services .mobile-dev-icons figure {
width: auto;
margin-bottom: 45px;
}
.mobile-development-services .mobile-dev-icons figure img {
max-width: 100%;
}
.mobile-development-services .mobile-dev-icons figure figcaption {
font-size: 15px;
font-weight: 600;
color: #2d323a;
max-width: 60%;
}
.mobile-first-block figure {
width: auto;
margin-top: 50px;
}
.mobile-first-block figure img {
max-width: 100%;
}
.build-process-block {
text-align: left;
margin: 50px 0;
}
.build-process-block h2 {
font-size: 38px;
margin-bottom: 40px;
color: #2d323a;
font-weight: 800;
display: inline-block;
}
.build-process-block p {
font-weight: 500;
font-size: 16px;
color: #2d323a;
}
.build-process-block .process-build {
margin-top: 50px;
}
.build-process-block .process-build .first-process {
width: 22%;
float: left;
margin-right: 30px;
text-align: left;
}
.build-process-block .process-build .first-process figure {
width: auto;
margin-bottom: 20px;
position: relative;
overflow: hidden;
background-color: #fff;
z-index: 1;
padding-right: 42px;
}
.build-process-block .process-build .first-process figure::after {
content: "";
border: 1px dashed #252b33;
width: 100%;
position: absolute;
top: 50%;
right: -80px;
transform: translateY(-50%);
}
.build-process-block .process-build .first-process figure.last::after {
content: none;
}
.build-process-block .process-build .first-process figure img {
max-width: 100%;
}
.build-process-block .process-build .first-process h4 {
font-size: 22px;
color: #2d323a;
font-weight: 600;
line-height: 24px;
}
.build-process-block .process-build .first-process p {
font-size: 16px;
color: #2d323a;
}
.build-process-block .process-build .first-process.fourth margin-right: 0;
}
.mobile-app-development-sixth {
background-color: #fff;
} .android-dev.ondemand-food-block {
background-image: none;
padding: 0
}
.android-dev.ondemand-food-block figure {
margin-top: 0;
}
.android-services-block.ondemand-food-part h2 {
max-width: 100%;
}
.android-services-block.ondemand-food-part h2:after {
left: 0;
right: 0;
}
.android-services.ondemand-services h2:after {
left: 0;
right: 0;
}
.android-services-block.ondemand-food-part .services-detail-block {
margin: 50px 0 70px 0;
}
.android-services-block.ondemand-food-part .services-detail-block .top-services {
width: 100%;
float: none;
margin-left: 0;
}
.android-services-block.ondemand-food-part .services-detail-block .top-services .first-services {
position: relative;
background-color: #fff;
padding: 15px;
border-radius: 15px;
box-shadow: 0 0 10px #e1e1e1;
max-width: 50%;
min-height: 214px;
width: 22%;
margin-right: 0;
}
.android-services-block.ondemand-food-part .services-detail-block .top-services .first-services.two {
float: right;
margin-right: 90px;
}
.android-services-block.ondemand-food-part .services-detail-block .top-services .first-services.one {
float: left;
margin-left: 90px;
}
.android-services-block.ondemand-food-part .services-detail-block .top-services .first-services figure {
width: auto;
}
.android-services-block.ondemand-food-part .services-detail-block .top-services .first-services .polygon-img {
position: absolute;
left: 0;
right: 0;
bottom: -8px;
}
.android-services-block.ondemand-food-part .services-detail-block .bottom-services .first-services .polygon-img {
position: absolute;
left: 0;
right: 0;
top: -8px;
}
.android-services-block.ondemand-food-part .services-detail-block .top-services .first-services figure img {
max-width: 100%;
}
.android-services-block.ondemand-food-part .services-detail-block .top-services .first-services figure figcaption {
font-size: 14px;
color: #2d323a;
font-weight: 600;
}
.android-services-block.ondemand-food-part .services-detail-block .bottom-services {
width: 100%;
text-align: center;
float: none;
margin-right: 0;
margin-left: 0;
}
.android-services-block.ondemand-food-part .services-detail-block .bottom-services .first-services {
position: relative;
background-color: #fff;
padding: 15px;
border-radius: 10px;
box-shadow: 0 0 10px #e1e1e1;
max-width: 50%;
min-height: 214px;
width: 22%;
display: inline-block;
margin-left: 0;
float: none;
}
.android-services-block.ondemand-food-part .services-detail-block .bottom-services .first-services figure {
width: auto;
}
.android-services-block.ondemand-food-part .services-detail-block .bottom-services .first-services figure img {
max-width: 100%;
}
.android-services-block.ondemand-food-part .services-detail-block .bottom-services .first-services figure figcaption {
font-size: 14px;
color: #2d323a;
font-weight: 600;
}
.android-services-block.ondemand-food-part .services-detail-block figure {
width: auto;
}
.android-services-block.ondemand-food-part .services-detail-block figure img {
max-width: 100%;
}
.ondemand-tabs-block .center-tabs-block {
display: inline-block;
margin-bottom: 50px;
}
.ondemand-tabs-block .nav-tabs.center-tabs-block {
border-bottom: 0;
}
.ondemand-tabs-block .nav-tabs.center-tabs-block li a {
background-color: transparent;
border: 1px solid #2d323a;
font-size: 14px;
text-transform: uppercase;
padding: 10px 25px;
cursor: pointer;
border-radius: 100px;
color: #2d323a;
font-weight: 600;
margin-right: 10px;
}
.ondemand-tabs-block .nav-tabs.center-tabs-block li.active a,
.nav-tabs.center-tabs-block li:hover a,
.nav-tabs.center-tabs-block li a:focus {
background: #ff5e5e;
border: 1px solid #fff;
text-decoration: none;
color: #fff;
}
.ondemand-tabs-block .tab-content .first-box {
background-color: #fff;
padding: 15px 15px 5px 15px;
border-radius: 10px;
box-shadow: 0 0 10px #e1e1e1;
margin-bottom: 25px;
display: block;
}
.ondemand-tabs-block .tab-content .first-box figure {
float: left;
margin-right: 15px;
width: auto;
}
.ondemand-tabs-block .tab-content .first-box figure img {
max-width: 100%;
}
.ondemand-tabs-block .tab-content .first-box h4 {
font-size: 15px;
color: #2d323a;
font-weight: 600;
text-align: center;
margin: 0;
line-height: 26px;
}
.ondemand-tabs-block p {
font-size: 16px;
color: #2d323a;
margin: 40px 0 40px 0;
font-weight: 500;
} .digital-app-development-banner {
background-image: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/digital-marketing-sol-banner-bg.png);
width: 100%;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.digital-marketing-sol-srvc .mobile-dev-icons figure figcaption {
max-width: 100%;
}
.digital-first-block figure {
margin-top: 0;
} .faq-block {
margin: 50px 0 100px 0;
text-align: center;
}
.faq-block h2 {
font-size: 38px;
color: #2d323a;
font-weight: 800;
position: relative;
display: inline-block;
margin-top: 5px;
}
.faq-block h2:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 40px;
left: 0;
right: 0;
width: 90px;
height: 50%;
margin: 0px auto;
display: inline-block;
}
.faq-block p {
font-size: 16px;
color: #2d323a;
margin: 40px 0 40px 0;
font-weight: 500;
}
.faq-block .faq-accordian-block {
background-color: #def3fd;
padding: 50px;
border-radius: 20px;
box-shadow: 0 0 15px #f2f2f2;
}
.accordion {
width: 90%;
max-width: 1000px;
margin: 2rem auto;
}
.accordion-item {
background-color: #fff;
color: #2d323a;
margin: 0.5rem 0;
border-radius: 0.5rem;
}
.accordion-item-header {
padding: 0.5rem 3rem 0.5rem 1rem;
min-height: 3.5rem;
line-height: 1.25rem;
font-weight: 600;
display: flex;
align-items: center;
position: relative;
cursor: pointer;
font-size: 15px;
text-align: left;
}
.accordion-item-header::after {
content: "\002B";
font-size: 2rem;
position: absolute;
right: 1rem;
}
.accordion-item-header.active::after {
content: "\2212";
}
.accordion-item-header.active {
background-color: #2d323a;
color: #fff;
}
.accordion-item-body {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.accordion-item-body-content {
padding: 1rem;
line-height: 1.5rem;
font-size: 15px;
color: #2d323a;
text-align: left;
font-weight: 500;
} .contact-banner {
height: auto;
padding: 100px 0;
background-color: #f8f9fa;
}
.contact-banner .banner-content {
width: 100%;
margin-top: 90px;
text-align: center;
}
.contact-banner h1 {
font-size: 58px;
color: #2d323a;
font-weight: 800;
line-height: 70px;
}
.android-banner h1 {
font-size: 58px;
color: #2d323a;
font-weight: 800;
position: relative;
display: inline-block;
line-height: 65px;
}
.android-banner h1:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 40px;
left: 0;
right: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.contact-banner h3 {
font-size: 24px;
color: #ff5e5e;
font-weight: 600;
position: relative;
display: inline-block;
margin-top: 5px;
}
.contact-banner h3:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 40px;
left: 0;
right: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.contact-banner p {
font-size: 18px;
color: #2d323a;
font-weight: 500;
max-width: :100%;
margin: 70px 0 30px 0;
line-height: 30px;
}
.contact-banner .two-btns {
margin-top: 0px;
display: inline-block;
}   .android-services {
margin: 60px 0;
text-align: center;
}
.android-services h2 {
font-size: 38px;
color: #2d323a;
font-weight: 800;
position: relative;
display: inline-block;
}
.android-services h2:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.android-services .services-text {
margin: 30px 0;
}
.android-services .services-text p {
font-size: 16px;
color: #2d323a;
font-weight: 500;
}
.android-services .start-convo-btn {
background: #ff5e5e;
font-weight: 600;
font-size: 18px;
border-radius: 50px;
padding: 12px 30px;
color: #fff;
text-transform: uppercase;
border: 2px solid #ff5e5e;
}
.android-services .start-convo-btn:hover {
text-decoration: none;
border: 2px solid #ff5e5e;
background-color: #fff;
color: #ff5e5e;
transition: all 0.3s ease 0s;
}
.android-services-block {
margin: 60px 0;
text-align: center;
}
.android-services-block h2 {
font-size: 38px;
color: #2d323a;
font-weight: 800;
position: relative;
display: inline-block;
}
.android-services-block h2:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.android-services-block p {
font-size: 16px;
color: #2d323a;
font-weight: 500;
margin: 30px 0;
}
.android-services-block .services-detail-block {
margin: 50px 0 70px 0;
}
.android-services-block .services-detail-block .top-services {
float: left;
width: 100%;
margin-left: 30px;
}
.android-services-block .services-detail-block .top-services .first-services {
position: relative;
background-color: #fff;
padding: 15px;
border-radius: 15px;
box-shadow: 0 0 10px #e1e1e1;
max-width: 50%;
min-height: 170px;
float: left;
width: 18%;
margin-right: 150px;
}
.android-services-block .services-detail-block .top-services .first-services figure {
width: auto;
}
.android-services-block .services-detail-block .top-services .first-services .polygon-img {
position: absolute;
left: 0;
right: 0;
bottom: -8px;
}
.android-services-block .services-detail-block .bottom-services .first-services .polygon-img {
position: absolute;
left: 0;
right: 0;
top: -8px;
}
.android-services-block .services-detail-block .top-services .first-services figure img {
max-width: 100%;
}
.android-services-block .services-detail-block .top-services .first-services figure figcaption {
font-size: 14px;
color: #2d323a;
font-weight: 600;
}
.android-services-block .services-detail-block .bottom-services {
float: right;
width: 100%;
margin-right: -60px;
}
.android-services-block .services-detail-block .bottom-services .first-services {
position: relative;
background-color: #fff;
padding: 15px;
border-radius: 10px;
box-shadow: 0 0 10px #e1e1e1;
max-width: 50%;
min-height: 170px;
float: left;
width: 18%;
margin-left: 150px;
}
.android-services-block .services-detail-block .bottom-services .first-services figure {
width: auto;
}
.android-services-block .services-detail-block .bottom-services .first-services figure img {
max-width: 100%;
}
.android-services-block .services-detail-block .bottom-services .first-services figure figcaption {
font-size: 14px;
color: #2d323a;
font-weight: 600;
}
.android-services-block .services-detail-block figure {
width: auto;
}
.android-services-block .services-detail-block figure img {
max-width: 100%;
}
.android-dev {
text-align: left;
background-image: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/android-dev-image2.png);
width: 100%;
position: relative;
background-repeat: no-repeat;
background-position: right center;
background-size: auto;
padding: 120px 0;
}
.android-services-block-1 {
margin: 60px 0;
text-align: center;
}
.android-services-block-1 h2 {
font-size: 38px;
color: #2d323a;
font-weight: 800;
position: relative;
display: inline-block;
}
.android-services-block-1 h2:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.android-services-block-1 p {
font-size: 16px;
color: #2d323a;
font-weight: 500;
margin: 30px 0;
}
.android-services-block-1 .experties-block {
margin: 50px 0 30px 0;
}
.android-services-block-1 .experties-block .first-line {
display: block;
}
.android-services-block-1 .experties-block .first-line.one {
float: right;
}
.android-services-block-1 .experties-block .first-line.one .exp-one.one {
margin-right: 280px;
}
.android-services-block-1 .experties-block .first-line.one .exp-one.two {
margin-right: 52px;
}
.android-services-block-1 .experties-block .first-line.two {
float: left;
}
.android-services-block-1 .experties-block .first-line.two .exp-one.three {
margin-right: 285px;
}
.android-services-block-1 .experties-block .first-line.three {
float: right;
}
.android-services-block-1 .experties-block .first-line.three .exp-one.five {
margin-right: 300px;
}
.android-services-block-1 .experties-block .first-line.four {
float: left;
}
.android-services-block-1 .experties-block .first-line.four .exp-one.seven {
margin-right: 300px;
margin-left: 40px;
}
.android-services-block-1 .experties-block .first-line .exp-one {
background-color: #fff;
box-shadow: 0 0 10px #e1e1e1;
margin-bottom: -22px;
float: left;
padding: 0 15px;
border-radius: 10px;
width: 286px;
}
.android-services-block-1 .experties-block .first-line .exp-one figure {
width: auto;
}
.android-services-block-1 .experties-block .first-line .exp-one figure img {
max-width: 100%;
float: left;
}
.android-services-block-1 .experties-block .first-line .exp-one figure figcaption {
float: left;
font-size: 15px;
color: #2d323a;
font-weight: 600;
text-align: left;
margin-top: 28px;
}
.android-services-block-2 {
margin: 60px 0;
text-align: center;
}
.android-services-block-2 h2 {
font-size: 38px;
color: #2d323a;
font-weight: 800;
position: relative;
display: inline-block;
}
.android-services-block-2 h2:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.android-services-block-2 p {
font-size: 15px;
color: #2d323a;
font-weight: 500;
margin: 30px 0;
}
.android-services-block-2 .client-logo {
margin: 50px 0 30px 0;
}
.android-services-block-2 .client-logo .client-1 {
width: 18%;
margin-right: 23px;
float: left;
}
.android-services-block-2 .client-logo .client-1.last {
margin-right: 0;
}
.android-services-block-2 .client-logo .client-1 figure {
width: auto;
}
.android-services-block-2 .client-logo .client-1 figure img {
max-width: 100%;
}
.six-block-android {
width: 100%;
display: block;
text-align: center;
padding: 50px 0 70px 0;
background-color: #e0f4fc;
}
.six-block-android h2 {
font-size: 38px;
color: #2d323a;
font-weight: 800;
position: relative;
display: inline-block;
}
.six-block-android h2:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 10px;
left: 0;
right: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.six-block-android p {
font-size: 16px;
color: #2d323a;
margin: 0;
text-align: center;
font-weight: 500;
}
.six-block-android ul {
margin: 60px 0 0 0;
}
.six-block-android ul li {
list-style-image: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/li-dot-img.png);
background-repeat: no-repeat;
font-size: 16px;
color: #2d323a;
text-align: left;
font-weight: 500;
margin-bottom: 15px;
}
.six-block-android figure {
width: 100%;
margin-top: 0px;
}
.six-block-android figure img {
max-width: 100%;
float: right;
} .android-services-block1 {
margin: 60px 0;
text-align: center;
}
.android-services-block1 h2 {
font-size: 30px;
color: #2d323a;
font-weight: 600;
position: relative;
display: inline-block;
}
.android-services-block1 h2:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.android-services-block1 p {
font-size: 15px;
color: #2d323a;
font-weight: 500;
margin: 30px 0;
}
.android-services-block1 .services-detail-block {
margin: 50px 0 70px 0;
}
.android-services-block1 .services-detail-block .top-services {
float: left;
width: 100%;
margin-left: 128px;
}
.android-services-block1 .services-detail-block .top-services .first-services {
position: relative;
background-color: #fff;
padding: 15px;
border-radius: 15px;
box-shadow: 0 0 10px #e1e1e1;
max-width: 50%;
min-height: 192px;
float: left;
width: 16%;
margin-right: 42px;
}
.android-services-block1 .services-detail-block .top-services .first-services figure {
width: auto;
}
.android-services-block1 .services-detail-block .top-services .first-services .polygon-img {
position: absolute;
left: 0;
right: 0;
bottom: -8px;
}
.android-services-block1 .services-detail-block .bottom-services .first-services .polygon-img {
position: absolute;
left: 0;
right: 0;
top: -8px;
}
.android-services-block1 .services-detail-block .top-services .first-services figure img {
max-width: 100%;
}
.android-services-block1 .services-detail-block .top-services .first-services figure figcaption {
font-size: 13px;
color: #2d323a;
font-weight: 600;
}
.android-services-block1 .services-detail-block .bottom-services {
float: right;
width: 100%;
margin-right: -200px;
}
.android-services-block1 .services-detail-block .bottom-services .first-services {
position: relative;
background-color: #fff;
padding: 15px;
border-radius: 10px;
box-shadow: 0 0 10px #e1e1e1;
max-width: 50%;
min-height: 192px;
float: left;
width: 16%;
margin-left: 42px;
}
.android-services-block1 .services-detail-block .bottom-services .first-services figure {
width: auto;
}
.android-services-block1 .services-detail-block .bottom-services .first-services figure img {
max-width: 100%;
}
.android-services-block1 .services-detail-block .bottom-services .first-services figure figcaption {
font-size: 13px;
color: #2d323a;
font-weight: 600;
}
.android-services-block1 .services-detail-block figure {
width: auto;
}
.android-services-block1 .services-detail-block figure img {
max-width: 100%;
}  .about-first-block {
width: 100%;
display: block;
text-align: center;
margin: 60px 0 75px 0;
}
.about-first-block .heading-wm {
position: relative;
margin-bottom: 50px;
}
.about-first-block .heading-wm h2 {
font-size: 38px;
color: #2d323a;
font-weight: 800;
position: relative;
display: inline-block;
z-index: 99;
}
.about-first-block .heading-wm h2:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.about-first-block .heading-wm h3 {
position: absolute;
top: 5px;
color: #eaf4fa;
font-size: 70px;
text-transform: uppercase;
font-weight: 800;
display: inline-block;
left: 245px;
right: 0;
}
.about-first-block .left-c {
text-align: left;
}
.about-first-block .left-c h4 {
font-size: 24px;
font-weight: 600;
}
.about-first-block .left-c p {
font-size: 16px;
color: #2d323a;
font-weight: 500;
} .contact-first-block {
width: 100%;
display: block;
text-align: center;
margin: 60px 0 75px 0;
}
.contact-first-block figure {
width: auto;
}
.contact-first-block figure img {
max-width: 100%;
}
.contact-first-block .contact-form {
padding: 30px 20px;
box-shadow: 0 0 15px #d1d1d1;
border-radius: 10px;
}
.contact-first-block .contact-form form {
text-align: left;
}
.contact-first-block .contact-form form h2 {
font-size: 30px;
color: #ff5e5e;
font-weight: 600;
margin: 0;
}
.contact-first-block .contact-form form p {
font-size: 16px;
color: #2d323a;
font-weight: 500;
margin: 15px 0 15px 0;
}
.contact-first-block .contact-form form .first-line {
margin-bottom: 10px;
}
.contact-first-block .contact-form form .first-line .con-input {
border: 1px solid #b7b7b7;
padding: 8px 12px;
color: #2d323a;
width: 100%;
}
.contact-first-block .contact-form form .first-line .con-input1 {
min-height: 100px;
}
.contact-first-block .contact-form form .contact-submit-btn {
background: #ff5e5e; background: -moz-linear-gradient(left, #ff5e5e 0%, #ff5e5e 100%); background: -webkit-linear-gradient(left, #ff5e5e 0%, #ff5e5e 100%); background: linear-gradient(to right, #ff5e5e 0%, #ff5e5e 100%); font-weight: 600;
font-size: 15px;
border-radius: 50px;
padding: 12px 30px;
color: #fff;
float: left;
text-transform: uppercase;
}
.contact-first-block .contact-form form .contact-submit-btn:hover {
text-decoration: none;
}  .about-second-block {
width: 100%;
display: block;
text-align: left;
padding: 40px 0;
background: #ff5e5e; background: -moz-linear-gradient(left, #ff5e5e 0%, #ff5e5e 100%); background: -webkit-linear-gradient(left, #ff5e5e 0%, #ff5e5e 100%); background: linear-gradient(to right, #ff5e5e 0%, #ff5e5e 100%); }
.about-second-block h2 {
font-size: 25px;
color: #2d323a;
font-weight: 600;
margin: 0;
text-transform: capitalize;
}
.about-second-block h3 {
font-size: 18px;
color: #fff;
font-weight: 400;
margin: 10px 0 0 0;
}
.about-second-block .portfolio-btn {
background: #17f3af;
margin-top: 10px;
font-weight: 600;
text-transform: uppercase;
font-size: 18px;
color: #2d323a;
float: right;
padding: 12px 45px;
border-radius: 50px;
}
.about-second-block .portfolio-btn:hover {
text-decoration: none;
} .about-second-block {
width: 100%;
display: block;
text-align: left;
padding: 40px 0;
background: #ff5e5e;
}
.about-second-block h2 {
font-size: 25px;
color: #2d323a;
font-weight: 600;
margin: 0;
text-transform: capitalize;
}
.about-second-block h3 {
font-size: 18px;
color: #fff;
font-weight: 400;
margin: 10px 0 0 0;
line-height: 25px;
}
.about-second-block .portfolio-btn {
background: #17f3af; background: -moz-linear-gradient(left, #17f3af 0%, #0ad999 100%); background: -webkit-linear-gradient(left, #17f3af 0%, #0ad999 100%); background: linear-gradient(to right, #17f3af 0%, #0ad999 100%); margin-top: 10px;
font-weight: 600;
text-transform: uppercase;
font-size: 18px;
color: #2d323a;
float: right;
padding: 12px 45px;
border-radius: 50px;
border: 2px solid #17f3af;
}
.about-second-block .portfolio-btn:hover {
text-decoration: none;
background: transparent;
transition: all 0.3s ease 0s;
color: #fff;
border: 2px solid #fff;
} .process-block {
margin: 40px 0;
}
.process-block .first-process1 {
position: relative;
background: #b472e8;
padding: 30px 0 30px 100px;
border-radius: 20px;
box-shadow: 6px 0 10px -2px #e6c7ff;
margin-bottom: 50px;
}
.process-block .first-process1 .process-desc {
padding: 30px;
background-color: #fff;
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
}
.process-block .first-process1 .one-count {
position: absolute;
top: 36px;
left: -75px;
border: 25px solid rgba(255, 255, 255, 0.2);
border-radius: 100px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1)
}
.process-block .first-process1 .one-count h4 {
font-size: 40px;
color: #fff;
padding: 28px;
background: #b472e8;
text-align: center;
height: 90px;
width: 90px;
padding: 0;
margin: 0;
border-radius: 100px;
display: flex;
justify-content: center;
align-items: center;
}
.process-block .first-process1 .process-desc {
padding: 20px 90px;
}
.process-block .first-process1 .process-desc h3 {
color: #b472e8;
font-size: 25px;
font-weight: 600;
margin-top: 0;
}
.process-block .first-process1 .process-desc p {
font-size: 15px;
color: #2d323a;
font-weight: 500;
text-align: left;
margin-bottom: 0;
}
.process-block .first-process2 {
position: relative;
background: #64e09e;
padding: 30px 100px 30px 0px;
border-radius: 20px;
box-shadow: -2px 0px 10px 0px #97edbf;
margin-bottom: 50px;
}
.process-block .first-process2 .process-desc {
padding: 30px;
background-color: #fff;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
}
.process-block .first-process2 .one-count {
position: absolute;
top: 36px;
right: -75px;
border: 25px solid rgba(255, 255, 255, 0.2);
border-radius: 100px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1)
}
.process-block .first-process2 .one-count h4 {
font-size: 40px;
color: #fff;
padding: 28px;
background: #64e09e;
text-align: center;
height: 90px;
width: 90px;
padding: 0;
margin: 0;
border-radius: 100px;
display: flex;
justify-content: center;
align-items: center;
}
.process-block .first-process2 .process-desc {
padding: 20px 90px;
}
.process-block .first-process2 .process-desc h3 {
color: #64e09e;
font-size: 25px;
font-weight: 600;
margin-top: 0;
}
.process-block .first-process2 .process-desc p {
font-size: 15px;
color: #2d323a;
font-weight: 500;
text-align: left;
margin-bottom: 0;
}
.process-block .first-process3 {
position: relative;
background: #e8b272;
padding: 30px 0px 30px 100px;
border-radius: 20px;
box-shadow: 6px 0 10px -2px #f3d1a8;
margin-bottom: 50px;
}
.process-block .first-process3 .process-desc {
padding: 30px;
min-height: 150px;
background-color: #fff;
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
}
.process-block .first-process3 .one-count {
position: absolute;
top: 36px;
left: -75px;
border: 25px solid rgba(255, 255, 255, 0.2);
border-radius: 100px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1)
}
.process-block .first-process3 .one-count h4 {
font-size: 40px;
color: #fff;
padding: 28px;
background: #e8b272;
text-align: center;
height: 90px;
width: 90px;
padding: 0;
margin: 0;
border-radius: 100px;
display: flex;
justify-content: center;
align-items: center;
}
.process-block .first-process3 .process-desc {
padding: 20px 90px;
}
.process-block .first-process3 .process-desc h3 {
color: #e8b272;
font-size: 25px;
font-weight: 600;
margin-top: 0;
}
.process-block .first-process3 .process-desc p {
font-size: 15px;
color: #2d323a;
font-weight: 500;
text-align: left;
margin-bottom: 0;
}
.process-block .first-process4 {
position: relative;
background: #64c1e0;
padding: 30px 100px 30px 0px;
border-radius: 20px;
box-shadow: -2px 0px 10px 0px #b7e5f5;
margin-bottom: 50px;
}
.process-block .first-process4 .process-desc {
padding: 30px;
min-height: 150px;
background-color: #fff;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
}
.process-block .first-process4 .one-count {
position: absolute;
top: 36px;
right: -75px;
border: 25px solid rgba(255, 255, 255, 0.2);
border-radius: 100px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1)
}
.process-block .first-process4 .one-count h4 {
font-size: 40px;
color: #fff;
padding: 28px;
background: #64c1e0;
text-align: center;
height: 90px;
width: 90px;
padding: 0;
margin: 0;
border-radius: 100px;
display: flex;
justify-content: center;
align-items: center;
}
.process-block .first-process4 .process-desc {
padding: 20px 90px;
}
.process-block .first-process4 .process-desc h3 {
color: #64c1e0;
font-size: 25px;
font-weight: 600;
margin-top: 0;
}
.process-block .first-process4 .process-desc p {
font-size: 15px;
color: #2d323a;
font-weight: 500;
text-align: left;
margin-bottom: 0;
}
.process-block .first-process5 {
position: relative;
background: #e172e8;
padding: 30px 0px 30px 100px;
border-radius: 20px;
box-shadow: 6px 0 10px -2px #efaef3;
margin-bottom: 50px;
}
.process-block .first-process5 .process-desc {
padding: 30px;
background-color: #fff;
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
}
.process-block .first-process5 .one-count {
position: absolute;
top: 36px;
left: -75px;
border: 25px solid rgba(255, 255, 255, 0.2);
border-radius: 100px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1)
}
.process-block .first-process5 .one-count h4 {
font-size: 40px;
color: #fff;
padding: 28px;
background: #e172e8;
text-align: center;
height: 90px;
width: 90px;
padding: 0;
margin: 0;
border-radius: 100px;
display: flex;
justify-content: center;
align-items: center;
}
.process-block .first-process5 .process-desc {
padding: 20px 90px;
}
.process-block .first-process5 .process-desc h3 {
color: #e172e8;
font-size: 25px;
font-weight: 600;
margin-top: 0;
}
.process-block .first-process5 .process-desc p {
font-size: 15px;
color: #2d323a;
font-weight: 500;
text-align: left;
margin-bottom: 0;
}
.process-block .first-process6 {
position: relative;
background: #bdbe41;
padding: 30px 100px 30px 0px;
border-radius: 20px;
box-shadow: -2px 0px 10px 0px #eced97;
margin-bottom: 50px;
}
.process-block .first-process6 .process-desc {
padding: 30px;
min-height: 150px;
background-color: #fff;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
}
.process-block .first-process6 .one-count {
position: absolute;
top: 36px;
right: -75px;
border: 25px solid rgba(255, 255, 255, 0.2);
border-radius: 100px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1)
}
.process-block .first-process6 .one-count h4 {
font-size: 40px;
color: #fff;
padding: 28px;
background: #bdbe41;
text-align: center;
height: 90px;
width: 90px;
padding: 0;
margin: 0;
border-radius: 100px;
display: flex;
justify-content: center;
align-items: center;
}
.process-block .first-process6 .process-desc {
padding: 20px 90px;
}
.process-block .first-process6 .process-desc h3 {
color: #bdbe41;
font-size: 25px;
font-weight: 600;
margin-top: 0;
}
.process-block .first-process6 .process-desc p {
font-size: 15px;
color: #2d323a;
font-weight: 500;
text-align: left;
margin-bottom: 0;
}
.process-block .first-process7 {
position: relative;
background: #e87299;
padding: 30px 0px 30px 100px;
border-radius: 20px;
box-shadow: 6px 0 10px -2px #ebaac0;
margin-bottom: 50px;
}
.process-block .first-process7 .process-desc {
padding: 30px;
background-color: #fff;
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
}
.process-block .first-process7 .one-count {
position: absolute;
top: 36px;
left: -75px;
border: 25px solid rgba(255, 255, 255, 0.2);
border-radius: 100px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1)
}
.process-block .first-process7 .one-count h4 {
font-size: 40px;
color: #fff;
padding: 28px;
background: #e87299;
text-align: center;
height: 90px;
width: 90px;
padding: 0;
margin: 0;
border-radius: 100px;
display: flex;
justify-content: center;
align-items: center;
}
.process-block .first-process7 .process-desc {
padding: 20px 90px;
}
.process-block .first-process7 .process-desc h3 {
color: #e87299;
font-size: 25px;
font-weight: 600;
margin-top: 0;
}
.process-block .first-process7 .process-desc p {
font-size: 15px;
color: #2d323a;
font-weight: 500;
text-align: left;
margin-bottom: 0;
}
.process-block .first-process8 {
position: relative;
background: #64e0c1;
padding: 30px 100px 30px 0px;
border-radius: 20px;
box-shadow: -2px 0px 10px 0px #a8ebda;
margin-bottom: 50px;
}
.process-block .first-process8 .process-desc {
padding: 30px;
min-height: 150px;
background-color: #fff;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
}
.process-block .first-process8 .one-count {
position: absolute;
top: 36px;
right: -75px;
border: 25px solid rgba(255, 255, 255, 0.2);
border-radius: 100px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1)
}
.process-block .first-process8 .one-count h4 {
font-size: 40px;
color: #fff;
padding: 28px;
background: #64e0c1;
text-align: center;
height: 90px;
width: 90px;
padding: 0;
margin: 0;
border-radius: 100px;
display: flex;
justify-content: center;
align-items: center;
}
.process-block .first-process8 .process-desc {
padding: 20px 90px;
}
.process-block .first-process8 .process-desc h3 {
color: #64e0c1;
font-size: 25px;
font-weight: 600;
margin-top: 0;
}
.process-block .first-process8 .process-desc p {
font-size: 15px;
color: #2d323a;
font-weight: 500;
text-align: left;
margin-bottom: 0;
}  .about-third-block {
width: 100%;
display: block;
text-align: center;
margin: 60px 0 75px 0;
}
.about-third-block .heading-wm {
position: relative;
margin-bottom: 20px;
}
.about-third-block .heading-wm h2 {
font-size: 38px;
color: #2d323a;
font-weight: 700;
position: relative;
display: inline-block;
z-index: 99;
}
.about-third-block .heading-wm h2:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.about-third-block .heading-wm h3 {
position: absolute;
top: 5px;
color: #eaf4fa;
font-size: 70px;
text-transform: uppercase;
font-weight: 800;
display: inline-block;
left: 245px;
right: 0;
}
.about-third-block p {
font-size: 16px;
color: #2d323a;
font-weight: 500;
text-align: left;
margin-bottom: 40px;
padding: 0 15px;
}
.about-third-block .services-block h3 {
font-size: 30px;
font-weight: 800;
text-transform: capitalize;
text-align: center;
margin-bottom: 40px;
}
.about-third-block .services-block .first-srvc {
text-align: center;
box-shadow: 0 0 3px #d1d1d1;
padding: 20px;
display: block;
border-radius: 8px;
box-sizing: border-box;
min-height: 335px;
}
.about-third-block .services-block .first-srvc figure {
width: auto;
}
.about-third-block .services-block .first-srvc figure img {
max-width: 100%;
}
.about-third-block .services-block .first-srvc h3 {
font-size: 20px;
font-weight: 600;
color: #2d323a;
padding: 5px 0;
margin-bottom: 15px;
}
.about-third-block .services-block .first-srvc p {
font-size: 16px;
color: #2d323a;
margin: 0;
}
.about-third-block .services-block .first-srvc:hover {
text-decoration: none;
box-shadow: 0 0 15px #d1d1d1;
transition: all 0.2s ease-in-out 0s;
border-bottom: 4px solid #2d323a;
} .contact-third-block {
width: 100%;
display: block;
text-align: center;
margin: 60px 0 75px 0;
}
.contact-third-block h2 {
font-size: 38px;
color: #2d323a;
font-weight: 800;
position: relative;
display: inline-block;
z-index: 99;
}
.contact-third-block h2:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.contact-third-block .services-block {
margin-top: 50px;
}
.contact-third-block .services-block h3 {
font-size: 30px;
font-weight: 800;
text-transform: capitalize;
text-align: center;
margin-bottom: 40px;
}
.contact-third-block .services-block .first-srvc {
text-align: center;
box-shadow: 0 0 3px #d1d1d1;
padding: 0px;
display: block;
border-radius: 8px;
box-sizing: border-box;
min-height: 472px;
}
.contact-third-block .services-block .first-srvc figure {
width: auto;
}
.contact-third-block .services-block .first-srvc figure img {
max-width: 100%;
border-radius: 10px 10px 0 0;
width: 100%; filter: gray; -webkit-filter: grayscale(1); -webkit-transition: all .8s ease-in-out;
}
.contact-third-block .services-block .first-srvc .flag-logo {
margin-top: -36px;
left: 30px;
position: absolute;
}
.contact-third-block .services-block .first-srvc .first-desc {
margin-top: 50px;
text-align: left;
padding: 0 20px 20px 20px;
}
.contact-third-block .services-block .first-srvc .first-desc h3 {
font-size: 20px;
font-weight: 600;
color: #2d323a;
text-align: left;
padding: 5px 0;
margin-bottom: 15px;
}
.contact-third-block .services-block .first-srvc .first-desc p {
font-size: 14px;
color: #2d323a;
font-weight: 500;
margin: 0 0 10px 0;
text-align: left;
}
.contact-third-block .services-block .first-srvc:hover {
text-decoration: none;
box-shadow: 0 0 15px #d1d1d1;
transition: all 0.2s ease-in-out 0s;
}
.contact-third-block .services-block .first-srvc:hover figure img {
filter: none;
-webkit-filter: grayscale(0);
} .about-fourth-block {
width: 100%;
display: block;
text-align: left;
padding: 40px 0;
background: #ff5e5e;
}
.about-fourth-block h2 {
font-size: 25px;
color: #2d323a;
font-weight: 600;
margin: 0;
text-transform: capitalize;
}
.about-fourth-block h3 {
font-size: 18px;
color: #fff;
font-weight: 400;
margin: 10px 0 0 0;
}
.about-fourth-block .portfolio-btn {
background: #17f3af; background: -moz-linear-gradient(left, #17f3af 0%, #0ad999 100%); background: -webkit-linear-gradient(left, #17f3af 0%, #0ad999 100%); background: linear-gradient(to right, #17f3af 0%, #0ad999 100%); margin-top: 10px;
font-weight: 600;
text-transform: uppercase;
font-size: 18px;
color: #2d323a;
float: right;
padding: 12px 45px;
border-radius: 50px;
border: 2px solid #17f3af;
}
.about-fourth-block .portfolio-btn:hover {
text-decoration: none;
background: transparent;
transition: all 0.3s ease 0s;
color: #fff;
border: 2px solid #fff;
} .solutions-block {
margin: 60px 0;
}
.solutions-block .sol-all {
margin-bottom: 30px;
}
.solutions-block .sol-one {
background-color: #fff;
box-shadow: 0 0 20px #e1e1e1;
padding: 15px;
border-radius: 15px;
display: block;
}
.solutions-block .sol-one:hover {
text-decoration: none;
}
.solutions-block .sol-one:hover p {
color: #2c5b9e;
}
.solutions-block .sol-one:hover span.read-more-text {
color: #2d323a;
}
.solutions-block .sol-one figure {
width: auto;
}
.solutions-block .sol-one figure img {
max-width: 100%;
}
.solutions-block .sol-one h3 {
color: #2c5b9e;
font-weight: 600;
}
.solutions-block .sol-one p {
color: #2d323a;
font-weight: 500;
}
.solutions-block .sol-one span.read-more-text {
font-size: 16px;
color: #2d323a;
font-weight: 500;
text-align: left;
display: block;
}
.solutions-block .sol-all h3 {
font-size: 22px;
}
.solutions-block .sol-all p {
font-size: 16px;
}
.solutions-block .sol-two {
background-color: #fff;
box-shadow: 0 0 20px #e1e1e1;
padding: 15px;
border-radius: 15px;
display: block;
}
.solutions-block .sol-two:hover {
text-decoration: none;
}
.solutions-block .sol-two:hover p {
color: #e4851f;
}
.solutions-block .sol-two:hover span.read-more-text {
color: #2d323a;
}
.solutions-block .sol-two figure {
width: auto;
}
.solutions-block .sol-two figure img {
max-width: 100%;
}
.solutions-block .sol-two h3 {
color: #e4851f;
font-weight: 600;
}
.solutions-block .sol-two p {
font-size: 16px;
color: #2d323a;
font-weight: 500;
}
.solutions-block .sol-two span.read-more-text {
font-size: 16px;
color: #2d323a;
font-weight: 500;
text-align: left;
display: block;
}
.solutions-block .sol-three {
background-color: #fff;
box-shadow: 0 0 20px #e1e1e1;
padding: 15px;
border-radius: 15px;
display: block;
}
.solutions-block .sol-three:hover {
text-decoration: none;
}
.solutions-block .sol-three:hover p {
color: #ee2f2f;
}
.solutions-block .sol-three:hover span.read-more-text {
color: #2d323a;
}
.solutions-block .sol-three figure {
width: auto;
}
.solutions-block .sol-three figure img {
max-width: 100%;
}
.solutions-block .sol-three h3 {
color: #ee2f2f;
font-weight: 600;
}
.solutions-block .sol-three p {
font-size: 16px;
color: #2d323a;
font-weight: 500;
}
.solutions-block .sol-three span.read-more-text {
font-size: 16px;
color: #2d323a;
font-weight: 500;
text-align: left;
display: block;
}
.solutions-block .sol-four {
background-color: #fff;
box-shadow: 0 0 20px #e1e1e1;
padding: 15px;
border-radius: 15px;
display: block;
}
.solutions-block .sol-four:hover {
text-decoration: none;
}
.solutions-block .sol-four:hover p {
color: #1a9552;
}
.solutions-block .sol-four:hover span.read-more-text {
color: #2d323a;
}
.solutions-block .sol-four figure {
width: auto;
}
.solutions-block .sol-four figure img {
max-width: 100%;
}
.solutions-block .sol-four h3 {
color: #1a9552;
font-weight: 600;
}
.solutions-block .sol-four p {
font-size: 16px;
color: #2d323a;
font-weight: 500;
}
.solutions-block .sol-four span.read-more-text {
font-size: 16px;
color: #2d323a;
font-weight: 500;
text-align: left;
display: block;
}
.solutions-block .sol-five {
background-color: #fff;
box-shadow: 0 0 20px #e1e1e1;
padding: 15px;
border-radius: 15px;
display: block;
}
.solutions-block .sol-five:hover {
text-decoration: none;
}
.solutions-block .sol-five:hover p {
color: #954f27;
}
.solutions-block .sol-five:hover span.read-more-text {
color: #2d323a;
}
.solutions-block .sol-five figure {
width: auto;
}
.solutions-block .sol-five figure img {
max-width: 100%;
}
.solutions-block .sol-five h3 {
color: #954f27;
font-weight: 600;
}
.solutions-block .sol-five p {
color: #2d323a;
font-weight: 500;
}
.solutions-block .sol-five span.read-more-text {
font-size: 16px;
color: #2d323a;
font-weight: 500;
text-align: left;
display: block;
}
.solutions-block .sol-six {
background-color: #fff;
box-shadow: 0 0 20px #e1e1e1;
padding: 15px;
border-radius: 15px;
display: block;
}
.solutions-block .sol-six:hover {
text-decoration: none;
}
.solutions-block .sol-six:hover p {
color: #8e33ee;
}
.solutions-block .sol-six:hover span.read-more-text {
color: #2d323a;
}
.solutions-block .sol-six figure {
width: auto;
}
.solutions-block .sol-six figure img {
max-width: 100%;
}
.solutions-block .sol-six h3 {
color: #8e33ee;
font-weight: 600;
}
.solutions-block .sol-six p {
color: #2d323a;
font-weight: 500;
}
.solutions-block .sol-six span.read-more-text {
font-size: 16px;
color: #2d323a;
font-weight: 500;
text-align: left;
display: block;
}
.solutions-block .sol-seven {
background-color: #fff;
box-shadow: 0 0 20px #e1e1e1;
padding: 15px;
border-radius: 15px;
display: block;
}
.solutions-block .sol-seven:hover {
text-decoration: none;
}
.solutions-block .sol-seven:hover p {
color: #132ef7;
}
.solutions-block .sol-seven:hover span.read-more-text {
color: #2d323a;
}
.solutions-block .sol-seven figure {
width: auto;
}
.solutions-block .sol-seven figure img {
max-width: 100%;
}
.solutions-block .sol-seven h3 {
color: #132ef7;
font-weight: 600;
}
.solutions-block .sol-seven p {
color: #2d323a;
font-weight: 500;
}
.solutions-block .sol-seven span.read-more-text {
font-size: 16px;
color: #2d323a;
font-weight: 500;
text-align: left;
display: block;
}
.solutions-block .sol-eight {
background-color: #fff;
box-shadow: 0 0 20px #e1e1e1;
padding: 15px;
border-radius: 15px;
display: block;
}
.solutions-block .sol-eight:hover {
text-decoration: none;
}
.solutions-block .sol-eight:hover p {
color: #859e18;
}
.solutions-block .sol-eight:hover span.read-more-text {
color: #2d323a;
}
.solutions-block .sol-eight figure {
width: auto;
}
.solutions-block .sol-eight figure img {
max-width: 100%;
}
.solutions-block .sol-eight h3 {
color: #859e18;
font-weight: 600;
}
.solutions-block .sol-eight p {
color: #2d323a;
font-weight: 500;
}
.solutions-block .sol-eight span.read-more-text {
font-size: 16px;
color: #2d323a;
font-weight: 500;
text-align: left;
display: block;
}
.solutions-block .sol-nine {
background-color: #fff;
box-shadow: 0 0 20px #e1e1e1;
padding: 15px;
border-radius: 15px;
display: block;
}
.solutions-block .sol-nine:hover {
text-decoration: none;
}
.solutions-block .sol-nine:hover p {
color: #d2ac0d;
}
.solutions-block .sol-nine:hover span.read-more-text {
color: #2d323a;
}
.solutions-block .sol-nine figure {
width: auto;
}
.solutions-block .sol-nine figure img {
max-width: 100%;
}
.solutions-block .sol-nine h3 {
color: #d2ac0d;
font-weight: 600;
}
.solutions-block .sol-nine p {
color: #2d323a;
font-weight: 500;
}
.solutions-block .sol-nine span.read-more-text {
font-size: 16px;
color: #2d323a;
font-weight: 500;
text-align: left;
display: block;
}
.solutions-block .sol-ten {
background-color: #fff;
box-shadow: 0 0 20px #e1e1e1;
padding: 15px;
border-radius: 15px;
display: block;
}
.solutions-block .sol-ten:hover {
text-decoration: none;
}
.solutions-block .sol-ten:hover p {
color: #f44103;
}
.solutions-block .sol-ten:hover span.read-more-text {
color: #2d323a;
}
.solutions-block .sol-ten figure {
width: auto;
}
.solutions-block .sol-ten figure img {
max-width: 100%;
}
.solutions-block .sol-ten h3 {
color: #f44103;
font-weight: 600;
}
.solutions-block .sol-ten p {
color: #2d323a;
font-weight: 500;
}
.solutions-block .sol-ten span.read-more-text {
font-size: 16px;
color: #2d323a;
font-weight: 500;
text-align: left;
display: block;
}
.solutions-block .sol-eleven {
background-color: #fff;
box-shadow: 0 0 20px #e1e1e1;
padding: 15px;
border-radius: 15px;
display: block;
}
.solutions-block .sol-eleven:hover {
text-decoration: none;
}
.solutions-block .sol-eleven:hover p {
color: #aa2791;
}
.solutions-block .sol-eleven:hover span.read-more-text {
color: #2d323a;
}
.solutions-block .sol-eleven figure {
width: auto;
}
.solutions-block .sol-eleven figure img {
max-width: 100%;
}
.solutions-block .sol-eleven h3 {
color: #aa2791;
font-weight: 600;
}
.solutions-block .sol-eleven p {
color: #2d323a;
font-weight: 500;
}
.solutions-block .sol-eleven span.read-more-text {
font-size: 16px;
color: #2d323a;
font-weight: 500;
text-align: left;
display: block;
}
.solutions-block .sol-twelve {
background-color: #fff;
box-shadow: 0 0 20px #e1e1e1;
padding: 15px;
border-radius: 15px;
display: block;
}
.solutions-block .sol-twelve:hover {
text-decoration: none;
}
.solutions-block .sol-twelve:hover p {
color: #8566f1;
}
.solutions-block .sol-twelve:hover span.read-more-text {
color: #2d323a;
}
.solutions-block .sol-twelve figure {
width: auto;
}
.solutions-block .sol-twelve figure img {
max-width: 100%;
}
.solutions-block .sol-twelve h3 {
color: #8566f1;
font-weight: 600;
}
.solutions-block .sol-twelve p {
color: #2d323a;
font-weight: 500;
}
.solutions-block .sol-twelve span.read-more-text {
font-size: 16px;
color: #2d323a;
font-weight: 500;
text-align: left;
display: block;
}
.solution-eleven-block {
width: 100%;
display: block;
text-align: center;
padding: 30px 0 100px 0;
}
.solution-eleven-block h2 {
font-size: 38px;
color: #2d323a;
font-weight: 800;
position: relative;
display: inline-block;
}
.solution-eleven-block h2:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.solution-eleven-block p {
font-size: 16px;
color: #2d323a;
font-weight: 500;
text-align: center;
margin-top: 30px;
}
.solution-eleven-block .gallery-row {
position: relative;
margin: 0 auto;
padding: 0px 35px 0;
}
.solution-eleven-block .gallery-row .gallery-slider .item {
margin: 0 30px;
}
.solution-eleven-block .gallery-row .gallery-slider .item .img-box {
position: relative;
margin: 50px 0;
overflow: hidden;
border-radius: 5px;
box-shadow: 0px 20px 50px 0px rgba(46, 65, 90, 0.1);
}
.solution-eleven-block .gallery-row .gallery-slider .item .img-box img {
width: 100%;
border-radius: 5px;
transition: all 0.4s ease-in-out;
}
.solution-eleven-block .gallery-row .gallery-slider .item .img-box .hover-content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(255, 94, 94, 0.9);
text-align: center;
border-radius: 15px;
transform: scale(0.5);
opacity: 0;
}
.solution-eleven-block .gallery-row .gallery-slider .item .img-box .hover-content .icon {
position: relative;
top: 40%;
transform: translateY(-50%);
font-size: 60px;
color: #fff;
}
.solution-eleven-block .gallery-row .gallery-slider .item .img-box .hover-content .icon {
text-decoration: none;
}
.solution-eleven-block .gallery-row .gallery-slider .item .img-box:hover .hover-content {
transform: scale(1);
transition-duration: 0.3s;
opacity: 1;
padding: 20px;
}
.solution-eleven-block .gallery-row .gallery-slider .item .img-box:hover .hover-content h4 {
text-align: left;
font-size: 30px;
color: #2d323a;
font-weight: 600;
}
.solution-eleven-block .gallery-row .gallery-slider .item .img-box:hover .hover-content p {
text-align: left;
font-size: 14px;
color: #fff;
}
.solution-eleven-block .gallery-row .gallery-slider .item .img-box:hover .hover-content .read-more-text {
position: absolute;
bottom: 20px;
left: 20px;
font-size: 14px;
font-weight: 600;
}
.solution-eleven-block .btns-block {
text-align: center;
}
.solution-eleven-block .btns-block .view-more-btn {
background: #ff5e5e;
border: 2px solid #ff5e5e;
font-weight: 600;
font-size: 15px;
border-radius: 50px;
padding: 12px 30px;
color: #fff;
text-transform: uppercase;
margin-right: 10px;
}
.solution-eleven-block .btns-block .view-more-btn:hover {
text-decoration: none;
border: 2px solid #ff5e5e;
background-color: #fff;
color: #ff5e5e;
transition: all 0.3s ease 0s;
}
.solution-eleven-block .gallery-row .owl-theme .owl-nav [class*=owl-] {
background: transparent;
margin: 0 10px;
padding: 0;
font-size: 24px;
color: rgba(0, 0, 0, 0.4);
}
.solution-eleven-block .gallery-row .owl-nav {
position: absolute;
bottom: -40px;
right: 0;
}
.solution-eleven-block .gallery-row .owl-nav [class*=owl-]:hover {
color: #2d323a;
}
.solution-eleven-block .gallery-row .owl-theme .owl-nav .owl-prev span {
font-size: 14px;
font-weight: 600;
}
.solution-eleven-block .gallery-row .owl-theme .owl-nav .owl-next span {
font-size: 14px;
font-weight: 600;
}
.solution-eleven-block .gallery-row .owl-theme .owl-nav .owl-next span i {
padding-left: 5px;
}
.solution-eleven-block .gallery-row .owl-theme .owl-nav .owl-prev span i {
padding-right: 5px;
} .seven-block {
width: 100%;
display: block;
text-align: center;
padding: 65px 0 50px 0;
}
.seven-block h2 {
font-size: 38px;
color: #2d323a;
font-weight: 800;
position: relative;
display: block;
max-width: 100%;
line-height: 16px;
}
.seven-block h3 {
color: #2d323a;
font-size: 38px;
font-weight: 800;
position: relative;
display: inline-block;
line-height: 45px;
}
.seven-block h3:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.seven-block p {
font-size: 16px;
color: #2d323a;
margin: 40px 0 40px 0;
}
.seven-block .services-block .first-srvc {
text-align: center;
padding: 0 26px 0 0px;
display: block;
border-right: 1px solid #707070;
margin-top: 80px;
}
.seven-block .services-block .first-srvc.last {
border-right: 0;
}
.seven-block .services-block .first-srvc figure {
width: auto;
}
.seven-block .services-block .first-srvc figure img {
max-width: 100%;
}
.seven-block .services-block .first-srvc h3 {
position: static;
line-height: 20px;
max-width: 100%;
font-size: 18px;
font-weight: 500;
color: #2d323a;
padding: 16px 0 25px 0;
margin: 0
}
.seven-block .services-block .first-srvc h3:after {
border: none;
}
.seven-block .services-block .first-srvc ul {
padding: 16px 0;
margin: 0;
}
.seven-block .services-block .first-srvc ul li {
color: #2d323a;
display: contents;
}
.seven-block .services-block .first-srvc p {
font-size: 16px;
color: #2d323a;
margin: 0;
font-weight: 500;
} .request-first-block {
width: 100%;
display: block;
text-align: center;
margin: 60px 0 0px 0;
}
.request-first-block .heading-wm {
position: relative;
margin-bottom: 50px;
}
.request-first-block .heading-wm h2 {
font-size: 38px;
color: #2d323a;
font-weight: 800;
position: relative;
display: inline-block;
z-index: 99;
}
.request-first-block .heading-wm h2:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.request-first-block .heading-wm h3 {
position: absolute;
top: 5px;
color: #eaf4fa;
font-size: 70px;
text-transform: uppercase;
font-weight: 800;
display: inline-block;
left: 245px;
right: 0;
}
.request-first-block .contact-form {
padding: 30px 20px;
max-width: 70%;
}
.request-first-block .contact-form form {
text-align: left;
}
.request-first-block .contact-form form h2 {
font-size: 30px;
color: #f54062;
font-weight: 600;
margin: 0;
}
.request-first-block .contact-form form p {
font-size: 14px;
color: #2d323a;
font-weight: 500;
margin: 15px 0 30px 0;
}
.request-first-block .contact-form form .first-line {
margin-bottom: 10px;
}
.request-first-block .contact-form form .first-line p {
font-size: 12px;
}
.request-first-block .contact-form form .first-line .con-input {
border: 1px solid #b7b7b7;
padding: 12px;
color: #2d323a;
width: 100%;
}
.request-first-block .contact-form form .first-line .con-input1 {
min-height: 95px;
}
.request-first-block .contact-form form .contact-submit-btn {
background: #ff5e5e;
border: 2px solid #ff5e5e;
margin-top: 15px;
font-weight: 600;
font-size: 20px;
border-radius: 50px;
padding: 12px 30px;
color: #fff;
float: right;
}
.request-first-block .contact-form form .contact-submit-btn:hover {
text-decoration: none;
border: 2px solid #ff5e5e;
background-color: #fff;
color: #ff5e5e;
transition: all 0.3s ease 0s;
}
.request-first-block .contact-form form .first-line .phone-field {
padding-left: 50px;
}
.g-recaptcha div {
margin: 0;
} .request-how-block {
margin: 60px 0 60px 0;
width: 100%;
text-align: center;
}
.request-how-block .heading-wm {
position: relative;
margin-bottom: 50px;
}
.request-how-block .heading-wm h2 {
font-size: 38px;
color: #2d323a;
font-weight: 800;
position: relative;
display: inline-block;
z-index: 99;
}
.request-how-block .heading-wm h2:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.request-how-block .heading-wm h3 {
position: absolute;
top: 5px;
color: #eaf4fa;
font-size: 70px;
text-transform: uppercase;
font-weight: 800;
display: inline-block;
left: 245px;
right: 0;
}
.request-how-block .how-works {
margin-top: 80px;
position: relative;
}
.request-how-block .how-works:after {
background-image: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/how-works-bgline.png);
content: '';
position: absolute;
top: 10px;
left: 180px;
width: 800px;
height: 10px;
display: inline-block;
}
.request-how-block .how-works .how-first {
text-align: center;
}
.request-how-block .how-works .how-first figure {
width: auto;
position: relative;
z-index: 9;
}
.request-how-block .how-works .how-first figure img {
max-width: 100%;
}
.request-how-block .how-works .how-first h3 {
font-size: 28px;
color: #353535;
font-weight: 800;
margin: 25px 0 0 0;
padding: 0
}
.request-how-block .how-works .how-first h4 {
font-size: 22px;
color: #ff5e5e;
margin: 10px 0 15px 0;
font-weight: 800;
}
.request-how-block .how-works .how-first p {
font-size: 16px;
color: #2d323a;
font-weight: 500;
}
.iti__country {
font-size: 16px;
} .file-upload {
display: block;
text-align: center;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
margin-top: 10px;
}
.file-upload .file-select {
display: block;
border: 1px solid #b7b7b7;
color: #2d323a;
font-size: 13px;
cursor: pointer;
height: 40px;
line-height: 40px;
text-align: left;
background: #FFFFFF;
overflow: hidden;
position: relative;
}
.file-upload .file-select .file-select-button {
padding: 0 10px;
display: inline-block;
height: 40px;
line-height: 40px;
}
.file-upload .file-select .file-select-name {
line-height: 40px;
display: inline-block;
padding: 0 10px;
}
.file-upload.active .file-select {
border-color: #b7b7b7;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.file-upload.active .file-select .file-select-button {
color: #FFFFFF;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.file-upload .file-select input[type=file] {
z-index: 100;
cursor: pointer;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
}
.file-upload .file-select.file-select-disabled {
opacity: 0.65;
}
.file-upload .file-select.file-select-disabled:hover {
cursor: pointer;
} .about-eight-block {
background: #ff5e5e;
width: 100%;
display: block;
text-align: left;
padding: 60px 0;
text-align: center;
margin-bottom: 100px;
}
.about-eight-block h2 {
font-size: 38px;
color: #fff;
font-weight: 800;
margin: 0;
}
.about-eight-block p {
font-size: 24px;
color: #fff;
font-weight: 500;
margin: 0;
margin-top: 20px;
margin-bottom: 40px;
}
.about-eight-block .portfolio-btn {
background: #17f3af; background: -moz-linear-gradient(left, #17f3af 0%, #0ad999 100%); background: -webkit-linear-gradient(left, #17f3af 0%, #0ad999 100%); background: linear-gradient(to right, #17f3af 0%, #0ad999 100%); font-weight: 600;
font-size: 18px;
color: #2d323a;
padding: 12px 45px;
border-radius: 50px;
border: 2px solid #17f3af;
display: inline-block;
}
.about-eight-block .portfolio-btn:hover {
text-decoration: none;
background: transparent;
transition: all 0.3s ease 0s;
color: #fff;
border: 2px solid #fff;
} .blog-banner {
width: 100%;
display: block;
background-image: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/blog-bg.jpg);
height: 370px;
background-repeat: no-repeat;
background-position: bottom center;
}
.blog-banner .banner-content {
margin-top: 255px;
background-color: #fff;
border-radius: 20px;
box-shadow: 0 0 10px #d1d1d1;
}
.blog-banner .banner-content .banner-left {
background-color: #e7ffff;
width: 60%;
float: left;
position: relative;
margin-right: 15px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.blog-banner .banner-content .banner-left figure {
float: left;
width: 50%;
margin-right: 20px;
}
.blog-banner .banner-content .banner-left figure img {
max-width: 100%;
}
.blog-banner .banner-content .banner-left .banner-left-content {
margin-top: 50px;
}
.blog-banner .banner-content .banner-left .banner-left-content h3 {
font-size: 44px;
color: #060f4c;
font-weight: 600;
text-transform: uppercase;
}
.blog-banner .banner-content .banner-left .banner-left-content h4 {
font-size: 24px;
color: #18888b;
font-weight: 600;
line-height: 35px;
}
.blog-banner .banner-content .banner-left .logo-img {
position: absolute;
top: 15px;
left: 15px;
width: auto;
}
.blog-banner .banner-content .banner-left .logo-img img {
max-width: 100%;
}
.blog-banner .banner-content .banner-right h3 {
font-size: 18px;
color: #2d323a;
font-weight: 600;
margin-bottom: 0;
line-height: 24px;
}
.blog-banner .banner-content .banner-right .date-author {
display: inline-block;
margin: 5px 0;
}
.blog-banner .banner-content .banner-right .date-author h4 {
font-size: 15px;
color: #2d323a;
float: left;
margin-right: 20px;
margin-top: 0;
margin-bottom: 0;
}
.blog-banner .banner-content .banner-right p {
font-size: 16px;
font-weight: 500;
color: #2d323a;
margin-bottom: 0;
} #filters1 {
margin: 1% 1% 3% 1%;
padding: 0;
list-style: none;
}
#filters1 li {
float: left;
}
#filters1 li span {
background-color: transparent;
border: 1px solid #2d323a;
font-size: 14px;
text-transform: uppercase;
padding: 10px 25px;
cursor: pointer;
border-radius: 100px;
color: #2d323a;
font-weight: 600;
margin-right: 10px;
}
#filters1 li span.active,
#filters1 li span:hover {
background: #ff5e5e;
border: 1px solid #fff;
text-decoration: none;
color: #fff;
}
#portfoliolist1 .portfolio {
border-radius: 20px;
box-shadow: 0 0 20px #e1e1e1;
padding: 0 !important;
}
#portfoliolist1 .portfolio .portfolio-wrapper {
min-height: 510px;
}
#portfoliolist1 .portfolio .portfolio-wrapper .portfolio-content figure {
width: auto;
}
#portfoliolist1 .portfolio .portfolio-wrapper .portfolio-content figure img {
max-width: 100%;
width: 100%;
}
#portfoliolist1 .portfolio .portfolio-wrapper .portfolio-content h3 {
text-align: left;
font-size: 24px;
color: #2d323a;
margin: 15px 0 15px 0;
font-weight: 600;
padding: 0 15px;
}
#portfoliolist1 .portfolio .portfolio-wrapper .portfolio-content .date-author1 {
float: left;
display: block;
width: 100%;
text-align: left;
margin: 15px 0;
padding: 0 15px;
}
#portfoliolist1 .portfolio .portfolio-wrapper .portfolio-content .date-author1 h4 {
text-align: left;
position: static;
font-size: 15px;
color: #2d323a;
float: left;
margin-right: 20px;
margin-top: 0;
margin-bottom: 0;
}
#portfoliolist1 .portfolio .portfolio-wrapper .portfolio-content p {
text-align: left;
padding: 0 15px;
font-size: 16px;
font-weight: 500;
color: #2d323a;
margin-bottom: 15px;
}
#portfoliolist1 .portfolio:hover {
text-decoration: none;
}
#portfoliolist1 .portfolio:hover .portfolio-wrapper .portfolio-content h3 {
color: #f84e6e;
}
.blog-tabs .more-btn-block {
text-align: center;
width: 100%;
display: block;
}
.blog-tabs .more-btn-block .more-btn {
background: #ff5e5e;
border: 2px solid #ff5e5e;
display: inline-block;
margin-top: 40px;
font-weight: 600;
font-size: 15px;
border-radius: 50px;
padding: 12px 30px;
color: #fff;
text-transform: uppercase;
margin-bottom: 40px;
}
.blog-tabs .more-btn-block .more-btn:hover {
text-decoration: none;
border: 2px solid #ff5e5e;
background-color: #fff;
color: #ff5e5e;
transition: all 0.3s ease 0s;
}
.blog-tabs {
text-align: center;
}
#portfoliolist1 .portfolio {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
width: 48%;
margin: 1%;
display: none;
float: left;
overflow: hidden;
border-radius: 20px;
padding: 20px 20px 0 20px;
}
ul.tabs {
text-align: center;
margin-bottom: 50px;
}
ul.tabs li {
list-style: none;
display: inline;
margin-right: 10px;
}
ul.tabs li a {
background-color: transparent;
border: 1px solid #2d323a;
font-size: 14px;
text-transform: uppercase;
padding: 10px 30px;
border-radius: 100px;
color: #2d323a;
font-weight: 600;
}
ul.tabs li a:hover,
ul.tabs li a.active {
background: #ff5e5e; background: -moz-linear-gradient(left, #ff5e5e 0%, #ff5e5e 100%); background: -webkit-linear-gradient(left, #ff5e5e 0%, #ff5e5e 100%); background: linear-gradient(to right, #ff5e5e 0%, #ff5e5e 100%); ;
border: 1px solid #fff;
text-decoration: none;
color: #fff;
}
.portfolio-wrapper {
overflow: hidden;
position: relative !important;
cursor: pointer;
} .banner-content.blog-banner-inner{
margin-top: -170px;
background-color: transparent;
border-radius: 0;
box-shadow: none;
}
.banner-content.blog-banner-inner .inner-top-block h3 {
font-size: 36px;
color: #fff;
font-weight: 600;
}
.banner-content.blog-banner-inner .inner-top-block figure {
width: auto;
}
.banner-content.blog-banner-inner .inner-top-block figure img {
max-width: 100%;
}
.banner-content.blog-banner-inner .inner-top-block .author-block {
margin: 20px 0;
}
.banner-content.blog-banner-inner .inner-top-block .author-block li {
float: left;
margin-right: 25px;
list-style: none;
}
.banner-content.blog-banner-inner .inner-top-block .author-block li:nth-child(2),
.banner-content.blog-banner-inner .inner-top-block .author-block li:nth-child(3) {
margin-top: 16px;
}
.banner-content.blog-banner-inner .inner-top-block .author-block li figure {
width: auto;
}
.banner-content.blog-banner-inner .inner-top-block .author-block li figure img {
max-width: 100%;
}
.banner-content.blog-banner-inner .inner-top-block .author-block li {
font-size: 16px;
color: #2d323a;
}
.banner-content.blog-banner-inner .inner-top-block p {
font-size: 16px;
color: #2d323a;
text-align: center;
}
.banner-content.blog-banner-inner .inner-top-block {
border-bottom: 3px dotted #ff5e5e;
padding-bottom: 20px;
}
.blog-detail-content { margin-top: 50px; }
.blog-detail-content .blog-detail-first {
margin-bottom: 30px;
}
.blog-detail-content .blog-detail-first h3 {
font-size: 34px;
font-weight: 800;
position: relative;
z-index: 9;
}
.blog-detail-content .blog-detail-first h3:before {
content: '';
display: inline-block;
background: #eeeeee;
padding: 15px;
border-radius: 100%;
position: absolute;
z-index: -1;
left: 20px;
top: -5px;
}
.blog-detail-content .blog-detail-first p {
color: #2d323a;
font-size: 16px;
text-align: center;
}
.related-post-block .portfolio .portfolio-wrapper {
border-radius: 20px;
box-shadow: 0 0 20px #e1e1e1;
}
.related-post-block .portfolio .portfolio-wrapper .portfolio-content figure img {
max-width: 100%;
width: 100%;
padding: 0 !important;
}
.related-post-block .portfolio .portfolio-wrapper .portfolio-content h3 {
text-align: left;
font-size: 24px;
color: #2d323a;
margin: 15px 0 15px 0;
font-weight: 600;
padding: 0 15px;
}
.related-post-block .portfolio .portfolio-wrapper .portfolio-content .date-author1 {
float: left;
display: block;
width: 100%;
text-align: left;
margin: 15px 0;
padding: 0 15px;
}
.related-post-block .portfolio .portfolio-wrapper .portfolio-content .date-author1 h4 {
text-align: left;
position: static;
font-size: 15px;
color: #2d323a;
float: left;
margin-right: 20px;
margin-top: 0;
margin-bottom: 0;
}
.related-post-block .portfolio .portfolio-wrapper .portfolio-content p {
text-align: left;
padding: 0 15px;
font-size: 16px;
font-weight: 500;
color: #2d323a;
margin-bottom: 15px;
}
.related-post-block .portfolio:hover .portfolio-wrapper .portfolio-content h3 {
color: #f84e6e;
}
.author-detail-block {
background: #e1f4fb;
padding: 80px 0;
}
.author-detail-block .left {
text-align: center;
}
.author-detail-block figure {
width: auto;
margin-bottom: 30px;
}
.author-detail-block figure img {
max-width: 100%;
}
.author-detail-block ul {
margin: 0;
padding: 0;
display: inline-block;
}
.author-detail-block ul li {
list-style: none;
margin-right: 15px;
float: left;
}
.author-detail-block ul li a { filter: gray; -webkit-filter: grayscale(1); -webkit-transition: all .8s ease-in-out;
}
.author-detail-block ul li a:hover { filter: none; -webkit-filter: grayscale(0); -webkit-transition: all .2s ease-in-out;
}
.blog-inner-talk-block {
margin-bottom: 0;
}
.author-detail-block .right h2 {
font-size: 38px;
color: #2d323a;
font-weight: 800;
position: relative;
display: inline-block;
text-transform: uppercase;
}
.author-detail-block .right h2::after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.author-detail-block .right .name-block {
margin: 10px 0;
}
.author-detail-block .right .name-block h3 {
color: #ff5e5e;
font-size: 34px;
font-weight: 800;
margin-bottom: 5px;
}
.author-detail-block .right .name-block p {
font-size: 16px;
color: #2d323a;
font-weight: 500;
}
.author-detail-block .right p {
font-size: 16px;
color: #2d323a;
font-weight: 500;
}
.author-detail-block .right .web-social-link-block {
border-top: 3px dotted #ff5e5e;
padding-top: 20px;
}
.author-detail-block .right .web-social-link-block li {
list-style: none;
float: left;
margin-right: 15px;
}
.author-detail-block .right .web-social-link-block li:nth-child(2) {
margin-right: 0;
}
.author-detail-block .right .web-social-link-block li a {
font-size: 16px;
color: #2d323a;
font-weight: 500;
}
.author-detail-block .right .web-social-link-block li a:hover {
text-decoration: none;
color: #ff5e5e;
} .global-solution-block{ margin:80px 0; }
.global-solution-block .global-sol-box {
background-color: #fff;
padding: 15px;
border-radius: 15px;
display: block;
margin-bottom: 30px;
border:1px solid #ccc;
}
.global-solution-block .global-sol-box figure{ width: auto; }
.global-solution-block .global-sol-box figure img{ max-width: 100%; }
.global-solution-block .global-sol-box h4{ font-size: 20px; color:#2d323a; font-weight: 600; margin-bottom: 10px;}
.global-solution-block .global-sol-box:hover h4{ text-decoration: none; }
.global-solution-block .global-sol-box:hover{box-shadow: 0 3px 20px rgba(110, 123, 157, 0.5);} .office-location{ margin-bottom: 150px; }
.mobile-first-block.lettalk-block .left-text ul{ margin: 20px 0; padding: 0;}
.mobile-first-block.lettalk-block .left-text ul li{ list-style: none; font-size: 18px; margin-bottom: 25px; font-weight: 600; color:#ff5e5e; line-height: 25px;  } .contact-banner.thank-you-banner{ min-height: 450px; }
.thank-you-block .thank-you-box{ background: #fff; padding:50px;  box-shadow: 0 0 30px #e1e1e1; border-radius: 20px; margin-top: -250px; position: relative; overflow: hidden; text-align: center; z-index: 1; margin-bottom: 50px;}
.thank-you-block .thank-you-box:after{ background: url(//www.indiaappdeveloper.com/wp-content/themes/indiaappdevelopers/images/thank-you-bg.png); content: ''; position: absolute; width: 100%; height: 100%; overflow: hidden; display: block; top: 0; left: 0; right:0; z-index: -1;}
.thank-you-block .thank-you-box figure{ width: auto; margin-bottom: 70px; }
.thank-you-block .thank-you-box figure img{ max-width: 100%; }
.thank-you-block .thank-you-box h2{ font-size: 75px; color: #ff5e5e; font-weight: 800; position: relative; display: inline-block; }
.thank-you-block .thank-you-box h2:after {
border-bottom: 5px solid #ff5e5e;
content: '';
position: absolute;
top: 60px;
left: 0;
right: 0;
width: 150px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.thank-you-block .thank-you-box p{ font-size: 18px; color: #2d323a; font-weight: 600;  margin-top: 75px; } .about-eleven-block {
width: 100%;
display: block;
text-align: center;
padding: 30px 0 100px 0;
}
.about-eleven-block h2 {
font-size: 38px;
color: #2d323a;
font-weight: 800;
position: relative;
display: inline-block;
}
.about-eleven-block h2:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
}
.about-eleven-block .services-block {
margin-top: 60px;
}
.about-eleven-block .services-block .first-srvc {
text-align: center;
box-shadow: 0 0 3px #d1d1d1;
display: block;
border-radius: 8px;
}
.about-eleven-block .services-block .first-srvc figure {
width: auto;
}
.about-eleven-block .services-block .first-srvc figure img {
max-width: 100%;
width: 100%;
}
.about-eleven-block .services-block .first-srvc h3 {
font-size: 19px;
font-weight: 500;
color: #2d323a;
padding: 0 10px;
margin: 10px 0 10px 0;
text-align: left;
}
.about-eleven-block .services-block .first-srvc p {
font-size: 16px;
color: #2d323a;
margin: 0;
padding: 0 10px;
text-align: left;
}
.about-eleven-block .services-block .first-srvc:hover {
text-decoration: none;
box-shadow: 0 0 15px #d1d1d1;
transition: all 0.2s ease-in-out 0s;
}
.about-eleven-block .services-block .first-srvc span.read-more-text {
font-size: 16px;
color: #2d323a;
font-weight: 500;
text-align: left;
display: block;
padding: 15px 10px;
}
.about-eleven-block .services-block .first-srvc:hover span.read-more-text {
color: #ff5e5e;
}
.about-eleven-block .services-block .read-more-btn {
background: #ff5e5e;
border: 2px solid #ff5e5e;
margin-top: 40px;
font-weight: 600;
font-size: 15px;
border-radius: 50px;
padding: 12px 30px;
color: #fff;
text-transform: uppercase;
}
.about-eleven-block .services-block .read-more-btn:hover {
text-decoration: none;
border: 2px solid #ff5e5e;
background-color: #fff;
color: #ff5e5e;
transition: all 0.3s ease 0s;
} .twelve-block {
width: 100%;
display: block;
padding: 90px 0 50px 0;
text-align: left;
}
.twelve-block .consult-form {
box-shadow: 0 0 3px #d1d1d1;
border-radius: 8px;
padding: 15px 25px 30px 15px;
background-color: #fff;
position: absolute;
z-index: 99;
top: -135px;
}
.twelve-block .consult-form h3 {
text-align: center;
font-size: 25px;
color: #2d323a;
font-weight: 600;
margin-bottom: 25px;
}
.twelve-block .consult-form .first-input {
margin-bottom: 15px;
}
.twelve-block .consult-form .first-input .consult-input1 {
border-top: 0;
border-right: 0;
border-left: 0;
border-bottom: 1px solid #C7C7C7;
display: block;
width: 100%;
font-size: 16px;
color: #2d323a;
font-weight: 600;
}
.twelve-block .consult-form .first-input .consult-input1 {
border-top: 0;
border-right: 0;
border-left: 0;
border-bottom: 1px solid #C7C7C7;
display: block;
width: 100%;
font-size: 16px;
color: #2d323a;
font-weight: 600;
}
.twelve-block .consult-form .first-input .textarea-box {
border: 1px solid #c7c7c7;
border-radius: 5px;
min-height: 100px;
}
.twelve-block .consult-form .first-input label {
display: block;
color: #2d323a;
font-size: 14px;
font-weight: 400;
}
.twelve-block .consult-form .checkbox {
margin-bottom: 15px;
}
.twelve-block .consult-btn {
background-color: #2d323a;
text-align: center;
font-size: 14px;
color: #fff;
padding: 12px 20px;
border-radius: 50px;
text-transform: uppercase;
font-weight: 500;
margin-top: 20px;
display: block;
}
.twelve-block .consult-btn:hover {
text-decoration: none;
}
.twelve-block .twelve-right-text {
position: relative;
}
.twelve-block .twelve-right-text h2 {
text-transform: uppercase !important;
font-weight: 400 !important;
letter-spacing: 0.06em;
font-size: 38px;
position: relative;
z-index: 99
}
.twelve-block .twelve-right-text h3 {
position: absolute;
left: -6px;
z-index: 0;
display: none;
font: 900 55px/1;
letter-spacing: .28em;
text-transform: uppercase;
white-space: nowrap;
color: #f2f3f9;
display: block;
top: -24px;
width: 100%;
font-size: 60px;
font-weight: 600;
} .thirteen-block {
width: 100%;
display: block;
padding: 70px 0 50px 0;
background: #17f3af; background: -moz-linear-gradient(left, #17f3af 0%, #0ad999 100%); background: -webkit-linear-gradient(left, #17f3af 0%, #0ad999 100%); background: linear-gradient(to right, #17f3af 0%, #0ad999 100%); text-align: left;
position: relative;
min-height: 470px;
}
.thirteen-block .get-in-touch {
background-color: #ff5e5e;
color: #fff;
text-transform: uppercase;
font-weight: 500;
position: absolute;
padding: 15px 30px;
top: 0;
margin-top: -95px;
font-size: 16px;
border: 2px solid #ff5e5e;
}
.thirteen-block .get-in-touch:hover {
text-decoration: none;
border: 2px solid #ff5e5e;
background: #fff;
color: #ff5e5e;
}
.thirteen-block h4 {
font-weight: 600;
margin-bottom: 30px;
font-size: 17px;
}
.thirteen-block .soc-1 {
margin-top: 50px;
}
.thirteen-block .soc-1 figure {
width: 100;
margin-bottom: 5px;
}
.thirteen-block .soc-1 figure img {
max-width: 100%;
}
.thirteen-block .soc-1 p {
font-size: 14px;
font-weight: 600;
color: #2d323a;
}
.thirteen-block .soc-1:hover {
text-decoration: none;
} .portfolio-block {
margin-top: 200px;
}
.margin-top {
margin-top: 50px;
}
#filters {
margin: 1%;
padding: 0;
list-style: none;
width: 100%;
text-align: center;
}
#filters li {
display: inline-block;
}
#filters li span {
display: block;
padding: 5px 20px;
text-decoration: none;
color: #2d323a;
cursor: pointer;
font-weight: 600;
text-transform: uppercase;
font-size: 16px;
}
#filters li span.active {
color: #ff5e5e;
}
#portfoliolist .portfolio {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
width: 100%;
margin: 0;
display: none;
float: left;
overflow: hidden;
border-radius: 0px;
padding: 50px 20px 50px 20px;
}
ul.tabs {
text-align: center;
margin-bottom: 50px;
}
ul.tabs li {
list-style: none;
display: inline;
margin-right: 10px;
}
ul.tabs li a {
background-color: transparent;
border: 1px solid #2d323a;
font-size: 16px;
text-transform: uppercase;
padding: 10px 30px;
border-radius: 100px;
color: #2d323a;
font-weight: 600;
}
ul.tabs li a:hover,
ul.tabs li a.active {
background: #ff5e5e; background: -moz-linear-gradient(left, #ff5e5e 0%, #ff5e5e 100%); background: -webkit-linear-gradient(left, #ff5e5e 0%, #ff5e5e 100%); background: linear-gradient(to right, #ff5e5e 0%, #ff5e5e 100%); ;
border: 1px solid #fff;
text-decoration: none;
color: #fff;
}
.portfolio.stem-mobile {
background-color: #6ac5ac;
}
.portfolio.stem-web {
background-color: #0f1233;
}
.portfolio.local-cabby {
background-color: #ae544b;
}
.portfolio.added {
background-color: #db6d0b;
}
.portfolio.easy-table {
background-color: #e03859;
}
.portfolio.food-hippo {
background-color: #ff3980;
}
.portfolio.lejoy {
background-color: #86277b;
}
.portfolio.tipsy-deliveries {
background-color: #1761a0;
}
.portfolio.ukitchen {
background-color: #ed8e6f;
}
.portfolio.doggy-date {
background-color: #f4b317;
}
.portfolio.Karmakache {
background-color: #e16f1e;
}
.portfolio.actively {
background-color: #9938e0;
}
.portfolio.sid-assist {
background-color: #6a171f;
}
.portfolio.asaptemp {
background-color: #f58634;
}
.portfolio.bidda {
background-color: #5a61f7;
}
.portfolio.fishfight {
background-color: #0050bb;
}
.portfolio.food {
background-color: #db6d0b;
}
.portfolio.logistic {
background-color: #6ac5ac;
}
.portfolio.taxi {
background-color: #db6d0b;
}
.portfolio.social-networking {
background-color: #6ac5ac;
}
.portfolio.on-demand {
background-color: #db6d0b;
}
.portfolio-wrapper {
overflow: hidden;
position: relative !important;
cursor: pointer;
}
.portfolio img {
max-width: 100%;
position: relative;
}
.portfolio .content {
width: 100%;
margin: 30px 0;
}
.portfolio .right {
text-align: right;
}
.portfolio .left {
text-align: left;
}
.portfolio .content .project-title {
color: #fff;
font-size: 30px;
font-weight: 800;
margin-bottom: 5px;
}
.portfolio .content ul li {
display: inline-block;
padding: 2px 10px;
color: #fff;
border: 1px solid #fff;
border-radius: 30px;
margin: 5px;
font-weight: 400;
font-size: 14px;
}
.portfolio .content p {
font-size: 14px;
color: #ffffff;
line-height: 20px;
}
.portfolio .content .casestudy {
font-size: 14px;
color: #ffffff;
border: 1px solid #fff;
background: transparent;
padding: 10px 20px;
text-transform: uppercase;
margin-top: 30px;
font-weight: 600;
}
.portfolio .label .label-text {
float: left;
text-align: left;
width: 90%;
}
.portfolio .label .label-text h3 {
font-size: 30px;
font-weight: 800;
color: #fff;
margin-bottom: 3px;
margin-top: 0;
}
.portfolio .label .label-text p {
font-size: 18px;
font-weight: 600;
color: #fff;
}
.portfolio .label .right-arrow {
float: right;
}
.portfolio .label .right-arrow i {
font-size: 20px;
}
.portfolio h4 {
position: absolute;
bottom: 0;
right: 0;
font-size: 13px;
font-weight: 600;
color: #fff;
}
.portfolio .text-category {
display: block;
font-size: 9px;
}
#portfoliolist .portfolio .portfolio-wrapper .row {
display: flex;
align-items: center;
} @media only screen and (min-width: 768px) and (max-width: 959px) {
.container1 {
width: 768px;
}
} @media only screen and (max-width: 767px) {
.container1 {
width: 95%;
}
#portfoliolist .portfolio {
width: 100%;
margin: 0;
}
#ads {
display: none;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) {
.container1 {
width: 70%;
}
#ads {
display: none;
}
} footer .footer-block {
background-color: #2d323a;
padding: 50px 0;
text-align: left;
}
footer .footer-block .footer-part1 h3 {
font-size: 18px;
font-weight: 600;
color: #fff;
position: relative;
}
footer .footer-block .footer-part1 h3:after {
border-bottom: 2px solid #ff5e5e;
content: '';
position: absolute;
top: 100%;
left: 0;
right: 0;
width: 30px;
height: 30%;
margin: 0px;
display: inline-block;
}
footer .footer-block .footer-part1 ul {
margin-top: 40px;
}
footer .footer-block .footer-part1 ul li {
list-style: none;
}
footer .footer-block .footer-part1 ul li a {
font-size: 14px;
font-weight: 500;
color: #fff;
}
footer .footer-block .footer-part1 ul li a:hover {
text-decoration: none;
color: #ccc;
}
footer .footer-block .social-media-part ul li {
list-style: none;
float: left;
margin-right: 15px;
}
footer .footer-block .social-media-part ul li a {
font-size: 22px;
color: #fff;
}
footer .footer-block .social-media-part ul li a:hover {
color: #ff5e5e;
transition-duration: 0.3s;
}
footer .copyright-block {
background-color: #fff;
padding: 10px 0;
}
footer .copyright-block p {
font-size: 14px;
color: #2d323a;
font-weight: 500;
margin: 0;
padding: 0;
text-align: center;
} .p-0 {
padding: 0 !important;
} .privacy-policy-block { padding-top: 150px; margin-bottom: 40px;}
.privacy-policy-block .item1 { display: flex; align-items: center; }
.privacy-policy-block .item1 img{ float: right; }
.privacy-policy-block .item h1{ font-size: 38px; font-weight: 800; }
.privacy-policy-block .item p{font-size: 16px;color: #2d323a;font-weight: 500;}
.privacyPolicy { margin-bottom: 50px; }
.privacyPolicy h2{ font-size: 32px; font-weight: 800;}
.privacyPolicy h3{ font-size: 26px; font-weight: 600; }
.privacyPolicy p{font-size: 16px;color: #2d323a;font-weight: 500;}
.privacyPolicy ul li{ font-size: 16px; color:#2d323a;font-weight: 500; } .ondemand-food-part figure{ width:auto; margin-bottom: 50px; }
.ondemand-food-part figure img{ max-width: 100%; }
.ondemand-food-part .right-services{ text-align: left; }
.ondemand-food-part .right-services h3{ font-size: 20px; font-weight: 600; margin-bottom: 20px; line-height: 24px;} 
.ondemand-food-part .right-services ul{ margin: 0; padding: 0; }
.ondemand-food-part .right-services ul li{ list-style:none; font-size: 16px; margin-bottom: 15px; }
.ondemand-food-part .right-services ul li .fa-fw{ font-size: 12px; color: #ff5e5e; margin-right: 8px;} @media (min-width:320px) and (max-width:523px) {
.related-post-block .portfolio .portfolio-wrapper{ max-width: 90%; }
.thank-you-block .thank-you-box figure img{ max-width: 55%; }
.thank-you-block .thank-you-box{ padding:50px 15px; }
.thank-you-block .thank-you-box h2{ font-size: 40px; }
.thank-you-block .thank-you-box figure{ margin-bottom: 35px; }
.thank-you-block .thank-you-box h2::after{top: 45px; width: 100px;}
.thank-you-block .thank-you-box p{ line-height: 30px; }
.thank-you-block .thank-you-box{ margin-top: -315px; }
.banner-content.blog-banner-inner .inner-top-block h3{ font-size: 26px; }
.banner-content.blog-banner-inner .inner-top-block .author-block li:nth-child(2), .banner-content.blog-banner-inner .inner-top-block .author-block li:nth-child(3){ margin-top: 5px; }
.author-detail-block .right h2{ font-size: 32px; }
.banner-content.blog-banner-inner .inner-top-block .author-block li {
font-size: 12px;
}
.banner-content.blog-banner-inner .inner-top-block .author-block li {
margin-right: 15px;
}
.blog-detail-content .blog-detail-first h3 {
font-size: 25px;
}
.author-detail-block .right {
margin-top: 30px;
}
.author-detail-block .right .web-social-link-block li {
margin-bottom: 10px;
}
.author-detail-block .right .web-social-link-block li a{ font-size: 13px; }
.related-post-block .portfolio .portfolio-wrapper .portfolio-content .date-author1 h4 {
display: block;
font-size: 13px;
}
.talkto-icons-footer ul li a {
font-size: 14px;
}
.talkto-icons ul li a {
font-size: 14px;
}
.two-btn-css .two-btns .banner-btn1 {
font-size: 12px !important;
padding: 10px 24px !important;
}
.two-btn-css .two-btns .banner-btn2 {
font-size: 12px !important;
padding: 10px 24px !important;
}
.android-banner h1 {
font-size: 42px;
line-height: 50px;
}
.about-banner .left-text h1 {
font-size: 42px;
line-height: 50px;
}
.modal-content .form-content .first-line .input-container .input-field1 {
min-height: 130px;
}
.mobile-development-services h2:after {
right: 0;
}
.banner .left-text {
width: 100%;
}
.banner .left-text h1 {
font-size: 40px;
line-height: 50px;
}
.banner .left-text p {
margin: 20px 0 28px 0;
}
.first-block h2 {
font-size: 34px;
}
.first-block h2:after {
height: 100%;
right: 0;
}
.first-block p {
font-size: 16px;
}
.second-block h2 {
font-size: 34px;
}
.second-block p {
font-size: 16px;
}
.second-block .services-block .first-srvc {
margin-bottom: 25px;
display: inline-block;
width: 100%;
min-height: auto;
}
.third-block h2 {
font-size: 34px;
}
.third-block h2::after {
height: 100%;
}
.third-block p {
font-size: 16px;
}
.third-block-1 p {
font-size: 16px;
}
.third-block-1 h2 {
font-size: 34px;
}
.third-block-1 h2::after {
height: 100%;
}
.fifth-block h2 {
font-size: 34px;
}
.fifth-block h2:after {
height: 100%;
}
.fifth-block-1 h2 {
font-size: 34px;
}
.fifth-block-1 h2:after {
height: 100%;
}
.six-block h2 {
font-size: 34px;
}
.seven-block h2 {
font-size: 34px;
line-height: 42px;
}
.seven-block h3 {
font-size: 34px;
line-height: 42px;
margin-top: 10px;
}
.seven-block h3::after {
height: 100%;
}
.seven-block .services-block .first-srvc ul {
padding: 16px 0 10px;
margin-bottom: 0;
}
.seven-block .services-block .first-srvc ul li {
font-size: 16px;
}
.seven-block .services-block .first-srvc {
min-height: 172px;
}
.seven-block .services-block .first-srvc h3 {
padding: 15px 0 11px 0;
}
.eight-block {
padding: 25px 0;
text-align: center;
}
.eight-block h2 {
text-align: center;
margin-bottom: 20px;
font-size: 20px;
line-height: 30px;
}
.eight-block .portfolio-btn {
display: inline-block;
float: none;
padding: 10px 29px;
font-size: 16px;
}
.nine-block .who-we1 h3 {
font-size: 16px;
}
.nine-block {
padding: 50px 0 20px 0;
}
.eleven-block h2 {
font-size: 34px;
}
.twelve-block .consult-btn {
padding: 12px 20px;
}
.twelve-block .twelve-right-text h2 {
font-size: 34px;
}
.thirteen-block h4 {
font-size: 15px;
}
.thirteen-block .soc-1 p {
line-height: 15px;
word-wrap: break-word;
font-size: 13px;
margin-bottom: 20px;
}
.twelve-block .consult-form {
top: -160px;
}
footer .footer-block .social-media-part ul li a {
font-size: 12px;
}
footer .copyright-block p {
font-size: 12px;
}
.third-block-1 {
padding: 15px 0 70px 0;
}
.third-block figure {
margin-top: 30px;
}
.third-block figure img {
float: none;
}
.third-block-1 figure img {
float: none;
}
.fifth-block-1 {
padding: 15px 0 70px 0;
}
.fifth-block figure {
margin-top: 30px;
}
.fifth-block figure img {
float: none;
}
.fifth-block-1 figure img {
float: none;
}
.six-block figure img {
float: none;
;
}
.seven-block .services-block .first-srvc {
min-height: auto;
border-right: 0;
padding-right: 0;
margin-top: 45px;
}
.nine-block h2 {
margin-bottom: 30px;
font-size: 34px;
margin-top: 0;
text-align: center;
line-height: 42px;
}
.banner .left-text .two-btns .banner-btn1 {
font-size: 12px;
padding: 10px 24px;
}
.banner .left-text .two-btns .banner-btn2 {
font-size: 12px;
padding: 10px 24px;
}
.fifth-block p {
font-size: 16px;
}
.eleven-block .services-block .first-srvc {
margin-bottom: 25px;
display: inline-block;
width: 100%;
min-height: auto;
}
.fifth-block-1 p {
font-size: 16px;
}
.six-block p {
margin: 0px 0 0 0;
font-size: 16px;
}
.six-block .col-md-6 {
margin-top: 30px;
}
.twelve-block {
padding: 0 0 50px 0;
}
.twelve-block .consult-form {
position: static;
top: 0;
}
footer .copyright-block p {
line-height: 16px;
}
footer .footer-block {
padding: 30px 0;
}
.banner .left-text {
width: 100%;
float: none;
}
.banner .banner-content figure {
width: 100%;
float: none;
margin-top: 100px;
}
.banner {
padding: 60px 0;
}
.banner .left-text p {
width: 100%;
}
.about-banner {
padding: 100px 0 30px 0;
}
.about-banner .left-text {
margin-top: 0;
width: 100%;
}
.about-banner .left-text p {
font-size: 14px;
}
.about-first-block .left-c h4 {
font-size: 22px;
}
.about-second-block h3 {
font-size: 16px;
margin-bottom: 20px;
}
.about-third-block .services-block h3 {
font-size: 25px;
}
.about-third-block .services-block .first-srvc {
padding: 12px;
margin-bottom: 20px;
min-height: 280px;
}
.about-third-block .services-block .first-srvc h3 {
margin-bottom: 5px;
font-size: 16px;
}
.about-first-block {
margin-top: 0;
}
.about-fourth-block h2 {
font-size: 24px;
line-height: 30px;
}
.about-fourth-block h3 {
font-size: 16px;
margin-bottom: 20px;
line-height: 22px;
}
.about-eight-block h2 {
font-size: 29px;
}
.about-eight-block p {
font-size: 20px;
}
.about-banner .left-text p {
margin-bottom: 25px;
}
.about-first-block .left-c {
margin-bottom: 30px;
}
.about-first-block {
margin-bottom: 0;
}
.about-third-block {
margin-bottom: 30px;
}
.about-banner .banner-content figure img {
display: none;
}
.about-first-block .heading-wm h3 {
left: 0;
font-size: 50px;
top: -10px;
}
.about-third-block .heading-wm h3 {
left: 0;
font-size: 50px;
top: -10px;
}
.about-second-block .portfolio-btn {
padding: 10px 29px;
font-size: 16px;
}
.about-fourth-block .portfolio-btn {
padding: 10px 29px;
font-size: 16px;
}
.about-eight-block .portfolio-btn {
padding: 10px 29px;
font-size: 16px;
}
.seven-block h3::after {
height: 100%;
}
.seven-block h2 {
max-width: 100%;
}
.contact-banner h3 {
font-size: 20px;
}
.contact-banner p {
font-size: 16px;
line-height: 26px;
}
.contact-first-block figure img {
max-width: 50%;
}
.contact-first-block .contact-form {
margin-top: 30px;
}
.contact-first-block .contact-form form .first-line .con-input {
margin-bottom: 10px;
}
.contact-first-block .contact-form form .first-line {
margin-bottom: 0;
}
.contact-third-block .services-block .first-srvc {
margin-bottom: 20px;
min-height: 495px;
}
.contact-third-block {
margin: 40px 0 40px 0;
}
.twelve-block {
padding-top: 70px;
}
.contact-banner .banner-content {
margin-top: 36px;
}
.contact-banner {
padding-bottom: 36px;
}
.contact-first-block .contact-form form h2 {
font-size: 23px;
}
.contact-third-block h2 {
font-size: 23px;
}
.contact-third-block .services-block .first-srvc {
width: 100%;
}
.process-block .first-process1 .one-count {
left: 10px;
top: 10px;
border: 10px solid rgba(255, 255, 255, 0.2);
}
.process-block .first-process2 .one-count {
right: 10px;
top: 10px;
border: 10px solid rgba(255, 255, 255, 0.2);
}
.process-block .first-process3 .one-count {
left: 10px;
top: 10px;
border: 10px solid rgba(255, 255, 255, 0.2);
}
.process-block .first-process4 .one-count {
right: 10px;
top: 10px;
border: 10px solid rgba(255, 255, 255, 0.2);
}
.process-block .first-process5 .one-count {
left: 10px;
top: 10px;
border: 10px solid rgba(255, 255, 255, 0.2);
}
.process-block .first-process6 .one-count {
right: 10px;
top: 10px;
border: 10px solid rgba(255, 255, 255, 0.2);
}
.process-block .first-process7 .one-count {
left: 10px;
top: 10px;
border: 10px solid rgba(255, 255, 255, 0.2);
}
.process-block .first-process8 .one-count {
right: 10px;
top: 10px;
border: 10px solid rgba(255, 255, 255, 0.2);
}
.process-block .first-process1 .process-desc {
padding: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.process-block .first-process1 .process-desc h3 {
margin-top: 70px;
}
.process-block .first-process1 {
padding: 10px 0 10px 10px;
border-radius: 20px;
}
.process-block .first-process1 .one-count h4 {
font-size: 24px;
height: 60px;
width: 60px;
}
.process-block .first-process2 .process-desc {
padding: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.process-block .first-process2 .process-desc h3 {
margin-top: 70px;
}
.process-block .first-process2 {
padding: 10px 0 10px 10px;
border-radius: 20px;
}
.process-block .first-process2 .one-count h4 {
font-size: 24px;
height: 60px;
width: 60px;
}
.process-block .first-process3 .process-desc {
padding: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.process-block .first-process3 .process-desc h3 {
margin-top: 70px;
}
.process-block .first-process3 {
padding: 10px 0 10px 10px;
border-radius: 20px;
}
.process-block .first-process3 .one-count h4 {
font-size: 24px;
height: 60px;
width: 60px;
}
.process-block .first-process4 .process-desc {
padding: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.process-block .first-process4 .process-desc h3 {
margin-top: 70px;
}
.process-block .first-process4 {
padding: 10px 0 10px 10px;
border-radius: 20px;
}
.process-block .first-process4 .one-count h4 {
font-size: 24px;
height: 60px;
width: 60px;
}
.process-block .first-process5 .process-desc {
padding: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.process-block .first-process5 .process-desc h3 {
margin-top: 70px;
}
.process-block .first-process5 {
padding: 10px 0 10px 10px;
border-radius: 20px;
}
.process-block .first-process5 .one-count h4 {
font-size: 24px;
height: 60px;
width: 60px;
}
.process-block .first-process6 .process-desc {
padding: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.process-block .first-process6 .process-desc h3 {
margin-top: 70px;
}
.process-block .first-process6 {
padding: 10px 0 10px 10px;
border-radius: 20px;
}
.process-block .first-process6 .one-count h4 {
font-size: 24px;
height: 60px;
width: 60px;
}
.process-block .first-process7 .process-desc {
padding: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.process-block .first-process7 .process-desc h3 {
margin-top: 70px;
}
.process-block .first-process7 {
padding: 10px 0 10px 10px;
border-radius: 20px;
}
.process-block .first-process7 .one-count h4 {
font-size: 24px;
height: 60px;
width: 60px;
}
.process-block .first-process8 .process-desc {
padding: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.process-block .first-process8 .process-desc h3 {
margin-top: 70px;
}
.process-block .first-process8 {
padding: 10px 0 10px 10px;
border-radius: 20px;
}
.process-block .first-process8 .one-count h4 {
font-size: 24px;
height: 60px;
width: 60px;
}
.portfolio-block {
margin-top: 50px;
}
ul.tabs li a {
padding: 10px 14px;
font-size: 12px;
}
ul.tabs li {
margin-right: 0;
}
#filters li span {
padding: 5px 14px;
font-size: 12px;
}
ul.tabs {
margin-bottom: 30px;
}
#filters {
margin-bottom: 30px;
}
#portfoliolist .portfolio {
width: 100%;
margin-bottom: 0;
}
.portfolio .label .label-text h3 {
font-size: 20px;
}
.portfolio .label .label-text p {
font-size: 14px;
}
.portfolio h4 {
font-size: 11px;
}
.portfolio img {
max-width: 74%;
}
.portfolio h4 {
display: none;
}
.about-eleven-block .services-block .first-srvc {
margin-bottom: 20px;
}
.twelve-block .consult-btn {
padding: 12px 10px;
font-size: 12px;
}
.request-first-block .heading-wm h3 {
left: 0;
font-size: 50px;
top: -10px;
}
.nav-container {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: -1;
background: #1f2227;
opacity: 0;
transition: all 0.2s ease;
}
.nav-container ul {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.nav-container ul li {
display: block;
float: none;
width: 100%;
text-align: right;
margin-bottom: 10px;
}
.nav-container ul li:nth-child(1) a {
transition-delay: 0.2s;
}
.nav-container ul li:nth-child(2) a {
transition-delay: 0.3s;
}
.nav-container ul li:nth-child(3) a {
transition-delay: 0.4s;
}
.nav-container ul li:nth-child(4) a {
transition-delay: 0.5s;
}
.nav-container ul li:not(:first-child) {
margin-left: 0;
}
.nav-container ul li a {
padding: 10px 25px;
opacity: 0;
color: #fff;
font-size: 24px;
font-weight: 600;
transform: translateY(-20px);
transition: all 0.2s ease;
}
.nav-open {
position: fixed;
right: 10px;
top: 10px;
display: block;
width: 48px;
height: 48px;
cursor: pointer;
z-index: 9999;
border-radius: 50%;
}
.nav-open i {
display: block;
width: 25px;
height: 3px;
background: #2d323a;
border-radius: 2px;
margin-left: 14px;
}
.nav-open i:nth-child(1) {
margin-top: 30px;
}
.nav-open i:nth-child(2) {
margin-top: 4px;
opacity: 1;
}
.nav-open i:nth-child(3) {
margin-top: 4px;
}
#nav:checked+.nav-open {
transform: rotate(45deg);
}
#nav:checked+.nav-open i {
background: #fff;
transition: transform 0.2s ease;
}
#nav:checked+.nav-open i:nth-child(1) {
transform: translateY(9px) rotate(180deg);
}
#nav:checked+.nav-open i:nth-child(2) {
opacity: 0;
}
#nav:checked+.nav-open i:nth-child(3) {
transform: translateY(-6px) rotate(90deg);
}
#nav:checked~.nav-container {
z-index: 9990;
opacity: 1;
display: block;
}
#nav~.nav-container {
display: none;
}
#nav:checked~.nav-container ul li a {
opacity: 1;
transform: translateY(0);
}
.hidden {
display: none;
}
#nav:checked~.nav-container ul li a {
color: #fff;
font-size: 20px;
font-weight: 600;
padding-bottom: 15px;
}
#nav:checked~.nav-container ul li a:focus {
background-color: transparent;
}
#nav:checked~.nav-container ul li a:hover {
color: #2d323a;
}
.header #nav:checked~.nav-container ul li a:after {
content: none;
}
.header #nav:checked~.nav-container a.request-btn {
float: right;
margin-right: 15px;
}
.request-first-block .heading-wm h2:after {
right: 0;
}
.request-first-block .heading-wm h3 {
top: -18px;
}
.request-first-block .contact-form {
max-width: 100%;
}
.request-first-block .contact-form form .first-line .con-input {
margin-bottom: 15px !important;
}
.request-first-block .contact-form form .first-line {
margin-bottom: 0;
}
.iti__selected-flag {
height: 76% !important;
}
.file-upload {
margin-top: 0;
margin-bottom: 15px;
}
.request-first-block .contact-form {
padding-top: 0;
}
.request-how-block .how-works .how-first {
margin-bottom: 40px;
}
.request-how-block .how-works::after {
display: none;
}
.request-how-block .heading-wm h3 {
top: -2px;
left: -2px;
font-size: 38px;
}
.request-how-block .how-works .how-first h3 {
font-size: 18px;
}
.request-how-block .how-works .how-first h4 {
font-size: 16px;
}
.iti__country-list {
white-space: normal !important;
}
.blog-tabs {
margin-top: 420px;
}
.blog-banner .banner-content .banner-left .banner-left-content {
padding-bottom: 30px;
margin-top: 28px;
}
.blog-banner .banner-content .banner-left {
width: 100%;
border-top-right-radius: 20px;
margin-bottom: 10px;
}
.blog-banner .banner-content .banner-left .banner-left-content h4 {
font-size: 13px;
line-height: 18px;
}
.blog-banner .banner-content .banner-right p {
font-size: 16px;
}
#filters1 li span {
padding: 8px 9px;
font-size: 11px;
}
#filters1 li {
margin-bottom: 25px;
}
.blog-banner .banner-content .banner-left figure {
margin-top: 45px;
width: 48%;
}
.blog-banner .banner-content .banner-left .banner-left-content h3 {
font-size: 28px;
}
#portfoliolist1 .portfolio .portfolio-wrapper .portfolio-content h3 {
font-size: 19px;
margin: 15px 0 0 0;
line-height: 26px;
}
#portfoliolist1 .portfolio .portfolio-wrapper .portfolio-content .date-author1 h4 {
font-size: 12px;
display: block;
}
#portfoliolist1 .portfolio .portfolio-wrapper {
min-height: auto;
}
.blog-banner .banner-content {
margin-top: 160px;
}
.blog-banner .banner-content .banner-right {
padding: 10px;
}
.blog-banner .banner-content .banner-right .date-author h4 {
font-size: 13px;
}
#portfoliolist1 .portfolio {
width: 100%;
margin-bottom: 20px;
}
.solution-eleven-block .btns-block .view-more-btn {
margin-top: 70px;
}
.mobile-menu {
display: block;
float: right;
width: 45px;
height: 34px;
cursor: pointer;
position: relative;
border-radius: 5px;
margin-top: 10px;
}
.mobile-menu span {
display: block;
text-align: center;
line-height: 0;
}
.mobile-menu span:before {
content: "\f0c9";
font-family: FontAwesome;
color: #2d323a;
font-size: 24px;
display: inline-block;
line-height: 32px;
}
.mobile-menu.active:before {
content: none;
}
.sticky ul.menu {
top: 65px;
}
.sticky ul.menu li a {
color: #fff;
}
.sticky ul.menu li.get-btn a {
color: #fff;
}
.mobile-menu.active span:before {
content: "\f00d";
}
.company .mega-menu .col-md-6:last-child {
display: none;
}
.mega-menu {
position: static;
width: 100%;
padding: 0;
margin: 0;
display: none;
}
.mega-menu-box {
background: #2d323a;
border-radius: 0;
padding: 0;
box-shadow: none;
}
.mega-menu-box .container {
padding: 0;
}
.company .mega-menu .menu-box {
width: 100%;
}
.company .menu-box.box2 {
display: none;
}
.sticky .mega-menu {
padding: 0;
}
.company .mega-menu .menu-box a.menu-title,
.hire .mega-menu .menu-box a.menu-title {
display: none;
}
.mega-menu .menu-box {
padding: 0;
}
.mega-menu-box ul {
float: left;
width: 100%;
margin: 0;
}
.ml-15 {
margin-left: 0;
}
.mega-menu-box .col-md-6 {
padding: 0;
}
.mega-menu .menu-box ul li {
clear: both;
}
.mega-menu .menu-box ul li a {
display: block;
line-height: 35px;
padding: 0 25px;
border-bottom: solid 1px #fff !important;
color: #fff !important;
background: #55c0eb;
font-size: 14px;
}
.mega-menu .menu-box ul li a i {
line-height: 35px;
top: 0;
}
.mega-menu .menu-box ul li a i:before {
color: #fff;
}
.mega-menu .menu-box ul li a:hover {
padding: 0 25px;
box-shadow: none;
}
li.dropdown .mobile-toggle {
display: block !important;
position: absolute;
width: 40px;
height: 40px;
background: transparent;
right: 0;
top: 0;
cursor: pointer;
}
li.dropdown .mobile-toggle:before {
content: "";
width: 12px;
height: 12px;
position: absolute;
left: 0;
top: 0;
border-top: solid 2px #2d323a;
border-right: solid 2px #2d323a;
transform: rotate(135deg);
left: 14px;
top: 10px;
transition: all ease 0.5s
}
li.dropdown.active .mobile-toggle:before {
transform: rotate(-45deg);
top: 18px;
}
.dropdown.active .mega-menu {
display: block;
}
.header .nav-brand img {
max-width: 50%;
}
.header .navbar .nav li a::after {
content: none;
}
.header .navbar .nav a.request-btn {
margin-left: 15px;
}
.header.active .navbar .nav li a::after {
content: none;
}
.header .navbar .nav {
margin-top: 15px;
}
.desktopmenu {
display: none;
}
.modal-content .form-content {
margin-top: 85px;
}
.modal .modal-content {
padding: 0 20px;
}
.build-process-block .process-build .first-process {
width: 100%;
margin-right: 0;
margin-bottom: 15px;
min-height: auto;
}
.blog-banner {
height: 280px;
}
.faq-block .faq-accordian-block {
padding: 10px;
}
.accordion-item-header {
font-size: 13px;
font-weight: 500;
}
.accordion-item-body-content {
font-size: 13px;
}
.digital-app-development-banner {
background-image: none;
}
.android-services-block .services-detail-block .top-services {
margin-left: 0px;
margin-bottom: 0px;
}
.android-services-block .services-detail-block .top-services .first-services {
margin-right: 95px;
}
.android-services-block .services-detail-block .top-services .first-services figure figcaption {
font-size: 14px;
}
.android-services-block .services-detail-block .bottom-services .first-services {
margin-left: 0px;
min-height: 193px;
}
.android-services-block .services-detail-block .bottom-services .first-services figure figcaption {
font-size: 14px;
}
.android-services-block .services-detail-block .bottom-services {
margin-left: -58px;
margin-top: 8px;
margin-right: -42px;
}
.android-services-block .services-detail-block .top-services .first-services .polygon-img {
display: none;
}
.android-services-block .services-detail-block figure.line-middle img {
display: none;
}
.android-services-block .services-detail-block .top-services .first-services {
width: 100%;
margin-right: 0px;
max-width: 100%;
margin-bottom: 15px;
}
.android-services-block .services-detail-block .top-services .first-services.three {
margin-right: 0;
}
.android-services-block .services-detail-block .bottom-services .first-services {
width: 100%;
margin-right: 0px;
max-width: 100%;
margin-bottom: 15px;
}
.android-services-block .services-detail-block .bottom-services .first-services.six {
margin-right: 0;
}
.android-services-block .services-detail-block .bottom-services .first-services .polygon-img {
display: none;
}
.android-services-block .services-detail-block .bottom-services {
float: none;
margin-right: 0;
margin-left: 0;
}
.android-services-block .services-detail-block {
margin-bottom: 0;
}
.android-dev {
padding-top: 0px;
}
.android-dev {
background-image: none;
}
.android-services-block-1 .experties-block {
text-align: center;
}
.android-services-block-1 .experties-block .first-line {
display: inline-block;
}
.android-services-block-1 .experties-block .first-line .exp-one {
margin-bottom: 10px;
}
.android-services-block-1 .experties-block .first-line.one {
float: none;
}
.android-services-block-1 .experties-block .first-line.two {
float: none;
}
.android-services-block-1 .experties-block .first-line.three {
float: none;
}
.android-services-block-1 .experties-block .first-line.four {
float: none;
}
.android-services-block-1 .experties-block .first-line.five {
float: none;
}
.android-services-block-1 .experties-block .first-line.six {
float: none;
}
.android-services-block-1 .experties-block .first-line.seven {
float: none;
}
.android-services-block-1 .experties-block .first-line.eight {
float: none;
}
.android-services-block-1 .experties-block .first-line.one .exp-one.one {
margin-right: 0;
float: none;
display: inline-block;
}
.android-services-block-1 .experties-block .first-line.one .exp-one.two {
margin-right: 0;
float: none;
display: inline-block;
}
.android-services-block-1 .experties-block .first-line.two .exp-one.three {
margin-right: 0;
float: none;
display: inline-block;
}
.android-services-block-1 .experties-block .first-line.two .exp-one.four {
margin-right: 0;
float: none;
display: inline-block;
}
.android-services-block-1 .experties-block .first-line.three .exp-one.five {
margin-right: 0;
float: none;
display: inline-block;
}
.android-services-block-1 .experties-block .first-line.three .exp-one.six {
margin-right: 0;
float: none;
display: inline-block;
}
.android-services-block-1 .experties-block .first-line.four .exp-one.seven {
margin-right: 0;
margin-left: 0;
float: none;
display: inline-block;
}
.android-services-block-1 .experties-block .first-line.four .exp-one.eight {
margin-right: 0;
float: none;
display: inline-block;
}
.android-services-block .services-detail-block .top-services .first-services {
padding: 15px 5px;
}
.android-services h2::after {
right: 0;
}
.android-services-block-2 .client-logo .client-1 {
margin-right: 0;
width: 100%;
}
.android-services-block1 .services-detail-block .top-services {
margin-left: 0px;
margin-bottom: 0px;
}
.android-services-block1 .services-detail-block .top-services .first-services {
margin-right: 95px;
}
.android-services-block1 .services-detail-block .top-services .first-services figure figcaption {
font-size: 14px;
}
.android-services-block1 .services-detail-block .bottom-services .first-services {
margin-left: 0px;
min-height: 193px;
}
.android-services-block1 .services-detail-block .bottom-services .first-services figure figcaption {
font-size: 14px;
}
.android-services-block1 .services-detail-block .bottom-services {
margin-left: -58px;
margin-top: 8px;
margin-right: -42px;
}
.android-services-block1 .services-detail-block .top-services .first-services .polygon-img {
display: none;
}
.android-services-block1 .services-detail-block figure.line-middle img {
display: none;
}
.android-services-block1 .services-detail-block .top-services .first-services {
width: 100%;
margin-right: 0px;
max-width: 100%;
margin-bottom: 15px;
}
.android-services-block1 .services-detail-block .top-services .first-services.three {
margin-right: 0;
}
.android-services-block1 .services-detail-block .bottom-services .first-services {
width: 100%;
margin-right: 0px;
max-width: 100%;
margin-bottom: 15px;
}
.android-services-block1 .services-detail-block .bottom-services .first-services.six {
margin-right: 0;
}
.android-services-block1 .services-detail-block .bottom-services .first-services .polygon-img {
display: none;
}
.android-services-block1 .services-detail-block .bottom-services {
float: none;
margin-right: 0;
margin-left: 0;
}
.android-services-block1 .services-detail-block {
margin-bottom: 0;
}
.android-services-block1 h2 {
font-size: 19px;
}
.android-services-block1 p {
font-size: 14px;
} .floating-btns {
display: block;
position: fixed;
bottom: 30px;
left: 10px;
background: #fff;
padding: 8px 25px;
border-radius: 50px;
box-shadow: 0 0 10px #ccc;
z-index: 9;
}
.floating-btns ul {
margin: 0;
padding: 0;
}
.floating-btns ul li {
list-style: none;
float: left;
margin-right: 20px;
text-align: center;
}
.floating-btns ul li:last-child {
margin-right: 0;
}
.floating-btns ul li a {
text-decoration: none;
;
}
.floating-btns ul li a img {
max-width: 85%;
}
.ondemand-tabs-block .nav-tabs.center-tabs-block li a {
padding: 8px 15px;
font-size: 11px;
margin-bottom: 15px;
}
.ondemand-tabs-block .center-tabs-block {
margin-bottom: 20px;
}
.android-services-block.ondemand-food-part .services-detail-block .top-services .first-services.one {
margin-right: 0px;
margin-left: 0;
float: none;
margin-bottom: 15px;
}
.android-services-block.ondemand-food-part .services-detail-block .top-services .first-services {
width: 100%;
max-width: 100%;
}
.android-services-block.ondemand-food-part .services-detail-block .top-services .first-services.two {
margin-left: 0;
margin-right: 0;
float: none;
}
.android-services-block.ondemand-food-part .services-detail-block .bottom-services .first-services {
width: 100%;
margin-top: 0;
float: none;
max-width: 100%;
}
.twelve-block .twelve-right-text {
margin-top: 60px;
}
.twelve-block .twelve-right-text h3 {
font-size: 32px !important;
}
}
@media (min-width:524px) and (max-width:640px) {
.global-solution-block .global-sol-box{ max-width: 60%; }
.eleven-block .services-block .first-srvc{ max-width: 60%; }
.related-post-block .portfolio .portfolio-wrapper{ max-width: 60%; }
.related-post-block .portfolio .portfolio-wrapper .portfolio-content .date-author1 h4 {
display: block;
font-size: 13px;
}
.thank-you-block .thank-you-box figure img{ max-width: 55%; }
.thank-you-block .thank-you-box{ padding:50px 15px; }
.thank-you-block .thank-you-box h2{ font-size: 40px; }
.thank-you-block .thank-you-box figure{ margin-bottom: 35px; }
.thank-you-block .thank-you-box h2::after{top: 45px; width: 100px;}
.thank-you-block .thank-you-box p{ line-height: 30px; }
.thank-you-block .thank-you-box{ margin-top: -315px; }
.two-btn-css .two-btns .banner-btn1 {
font-size: 12px !important;
padding: 10px 24px !important;
}
.two-btn-css .two-btns .banner-btn2 {
font-size: 12px !important;
padding: 10px 24px !important;
}
.ondemand-tabs-block .nav-tabs.center-tabs-block li a {
padding: 8px 15px;
font-size: 11px;
margin-bottom: 15px;
}
.ondemand-tabs-block .center-tabs-block {
margin-bottom: 20px;
}
.faq-block .faq-accordian-block {
padding: 10px;
}
.accordion-item-header {
font-size: 13px;
font-weight: 500;
}
.accordion-item-body-content {
font-size: 13px;
}
.blog-banner {
height: 280px;
}
.modal .modal-content {
padding: 0 20px;
}
.modal-content .form-content {
margin-top: 50px;
}
.desktopmenu {
display: none;
}
.header.active .navbar .nav li a::after {
content: none;
}
.header .navbar .nav a.request-btn {
margin-left: 15px;
}
.twelve-block .consult-btn {
padding: 12px 10px;
font-size: 12px;
}
.banner .left-text {
width: 100%;
margin-bottom: 30px;
}
.banner .banner-content figure {
width: 100%;
}
.banner .banner-content {
margin-top: 50px;
}
.banner .left-text p {
margin: 20px 0 28px 0;
}
.first-block h2:after {
right: 0;
}
.second-block .services-block .first-srvc {
margin-bottom: 25px;
display: inline-block;
width: 100%;
min-height: auto;
}
.third-block h2::after {
height: 100%;
}
.third-block-1 h2::after {
height: 100%;
}
.fifth-block h2:after {
height: 100%;
}
.fifth-block-1 h2:after {
height: 100%;
}
.seven-block h3::after {
height: 100%;
}
.seven-block .services-block .first-srvc ul {
padding: 16px 0 10px;
margin-bottom: 0;
}
.seven-block .services-block .first-srvc ul li {
font-size: 16px;
}
.seven-block .services-block .first-srvc {
min-height: 172px;
}
.seven-block .services-block .first-srvc h3 {
padding: 15px 0 11px 0;
}
.eight-block {
padding: 25px 0;
}
.nine-block {
padding: 50px 0 20px 0;
}
.twelve-block .consult-btn {
padding: 12px 20px;
}
.thirteen-block h4 {
font-size: 15px;
}
.thirteen-block .soc-1 p {
line-height: 15px;
word-wrap: break-word;
font-size: 13px;
margin-bottom: 20px;
}
.twelve-block .consult-form {
top: -160px;
}
footer .footer-block .social-media-part ul li a {
font-size: 12px;
}
footer .copyright-block p {
font-size: 12px;
}
.third-block-1 {
padding: 15px 0 70px 0;
}
.third-block figure {
margin-top: 30px;
}
.third-block figure img {
float: none;
}
.third-block-1 figure img {
float: none;
}
.fifth-block-1 {
padding: 15px 0 70px 0;
}
.fifth-block figure {
margin-top: 30px;
}
.fifth-block figure img {
float: none;
}
.fifth-block-1 figure img {
float: none;
}
.six-block figure img {
float: none;
;
}
.seven-block .services-block .first-srvc {
min-height: auto;
border-right: 0;
padding-right: 0;
margin-top: 45px;
}
.banner .left-text .two-btns .banner-btn1 {
font-size: 12px;
padding: 10px 10px;
}
.banner .left-text .two-btns .banner-btn2 {
font-size: 12px;
padding: 10px 10px;
}
.eleven-block .services-block .first-srvc {
margin-bottom: 25px;
display: inline-block;
min-height: auto;
}
.six-block .col-md-6 {
margin-top: 30px;
}
.twelve-block {
padding: 0 0 50px 0;
}
.twelve-block .consult-form {
position: static;
top: 0;
}
footer .copyright-block p {
line-height: 16px;
}
footer .footer-block {
padding: 30px 0;
}
.about-banner {
padding: 100px 0 30px 0;
}
.about-banner .left-text {
margin-top: 0;
width: 100%;
}
.about-banner .left-text p {
font-size: 14px;
}
.about-first-block .left-c h4 {
font-size: 22px;
}
.about-second-block h2 {
font-size: 20px;
}
.about-second-block h3 {
font-size: 16px;
margin-bottom: 20px;
}
.about-third-block .services-block h3 {
font-size: 25px;
}
.about-third-block .services-block .first-srvc {
padding: 12px;
margin-bottom: 20px;
min-height: 280px;
}
.about-third-block .services-block .first-srvc h3 {
margin-bottom: 5px;
font-size: 16px;
}
.about-first-block {
margin-top: 0;
}
.about-fourth-block h2 {
font-size: 20px;
}
.about-fourth-block h3 {
font-size: 16px;
margin-bottom: 20px;
}
.about-eight-block h2 {
font-size: 29px;
}
.about-eight-block p {
font-size: 20px;
}
.about-banner .left-text p {
margin-bottom: 25px;
}
.about-first-block .left-c {
margin-bottom: 30px;
}
.about-first-block {
margin-bottom: 0;
}
.about-third-block {
margin-bottom: 30px;
}
.about-banner .banner-content figure img {
display: none;
}
.about-first-block .heading-wm h3 {
left: 0;
font-size: 50px;
top: -10px;
}
.about-third-block .heading-wm h3 {
left: 0;
font-size: 50px;
top: -10px;
}
.about-second-block .portfolio-btn {
padding: 10px 36px;
font-size: 16px;
}
.about-fourth-block .portfolio-btn {
padding: 10px 36px;
font-size: 16px;
}
.about-eight-block .portfolio-btn {
padding: 10px 36px;
font-size: 16px;
}
.seven-block h3::after {
height: 100%;
}
.seven-block h2 {
max-width: 100%;
line-height: 42px;
}
.contact-banner h3 {
font-size: 20px;
}
.contact-first-block figure img {
max-width: 50%;
}
.contact-first-block .contact-form {
margin-top: 30px;
}
.contact-first-block .contact-form form .first-line .con-input {
margin-bottom: 10px;
}
.contact-first-block .contact-form form .first-line {
margin-bottom: 0;
}
.contact-third-block .services-block .first-srvc {
margin-bottom: 20px;
min-height: 495px;
}
.contact-third-block {
margin: 60px 0 40px 0;
}
.twelve-block {
padding-top: 70px;
}
.contact-banner .banner-content {
margin-top: 36px;
}
.contact-banner {
padding-bottom: 36px;
}
.contact-first-block .contact-form form h2 {
font-size: 23px;
}
.contact-third-block .services-block .first-srvc {
width: 65%;
}
.contact-third-block .services-block .first-srvc .flag-logo {
left: 115px;
}
.process-block .first-process1 .one-count {
left: 36px;
top: 60px;
}
.process-block .first-process2 .one-count {
right: 36px;
top: 60px;
}
.process-block .first-process3 .one-count {
left: 36px;
top: 50px;
}
.process-block .first-process4 .one-count {
right: 36px;
top: 50px;
}
.process-block .first-process5 .one-count {
left: 36px;
top: 60px;
}
.process-block .first-process6 .one-count {
right: 36px;
top: 42px;
}
.process-block .first-process7 .one-count {
left: 36px;
top: 60px;
}
.process-block .first-process8 .one-count {
right: 36px;
top: 32px;
}
.portfolio-block {
margin-top: 50px;
}
ul.tabs li a {
padding: 10px 14px;
font-size: 12px;
}
ul.tabs li {
margin-right: 0;
}
#filters li span {
padding: 5px 14px;
font-size: 12px;
}
ul.tabs {
margin-bottom: 30px;
}
#filters {
margin-bottom: 30px;
}
#portfoliolist .portfolio {
width: 100%;
}
.portfolio .label .label-text h3 {
font-size: 20px;
}
.portfolio .label .label-text p {
font-size: 14px;
}
.portfolio h4 {
font-size: 11px;
}
.portfolio img {
max-width: 73%;
}
.portfolio h4 {
display: none;
}
.about-eleven-block .services-block .first-srvc {
margin-bottom: 20px;
}
.request-first-block .heading-wm h3 {
left: 0;
font-size: 50px;
top: -10px;
}
.request-first-block .heading-wm h2:after {
right: 0;
}
.request-first-block .contact-form {
max-width: 100%;
}
.request-first-block .contact-form form .first-line .con-input {
margin-bottom: 15px !important;
}
.request-first-block .contact-form form .first-line {
margin-bottom: 0;
}
.iti__selected-flag {
height: 76% !important;
}
.file-upload {
margin-top: 0;
margin-bottom: 15px;
}
.request-first-block .contact-form {
padding-top: 0;
}
.request-how-block .how-works .how-first {
margin-bottom: 40px;
}
.request-how-block .how-works::after {
display: none;
}
.request-how-block .heading-wm h3 {
top: -1px;
left: 60px;
font-size: 38px;
}
.iti__country-list {
white-space: normal !important;
}
.nav-container {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: -1;
background: #1f2227;
opacity: 0;
transition: all 0.2s ease;
}
.nav-container ul {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.nav-container ul li {
display: block;
float: none;
width: 100%;
text-align: right;
margin-bottom: 10px;
}
.nav-container ul li:nth-child(1) a {
transition-delay: 0.2s;
}
.nav-container ul li:nth-child(2) a {
transition-delay: 0.3s;
}
.nav-container ul li:nth-child(3) a {
transition-delay: 0.4s;
}
.nav-container ul li:nth-child(4) a {
transition-delay: 0.5s;
}
.nav-container ul li:not(:first-child) {
margin-left: 0;
}
.nav-container ul li a {
padding: 10px 25px;
opacity: 0;
color: #fff;
font-size: 24px;
font-weight: 600;
transform: translateY(-20px);
transition: all 0.2s ease;
}
.nav-open {
position: fixed;
right: 10px;
top: 10px;
display: block;
width: 48px;
height: 48px;
cursor: pointer;
z-index: 9999;
border-radius: 50%;
}
.nav-open i {
display: block;
width: 25px;
height: 3px;
background: #2d323a;
border-radius: 2px;
margin-left: 14px;
}
.nav-open i:nth-child(1) {
margin-top: 30px;
}
.nav-open i:nth-child(2) {
margin-top: 4px;
opacity: 1;
}
.nav-open i:nth-child(3) {
margin-top: 4px;
}
#nav:checked+.nav-open {
transform: rotate(45deg);
}
#nav:checked+.nav-open i {
background: #fff;
transition: transform 0.2s ease;
}
#nav:checked+.nav-open i:nth-child(1) {
transform: translateY(9px) rotate(180deg);
}
#nav:checked+.nav-open i:nth-child(2) {
opacity: 0;
}
#nav:checked+.nav-open i:nth-child(3) {
transform: translateY(-6px) rotate(90deg);
}
#nav:checked~.nav-container {
z-index: 9990;
opacity: 1;
display: block;
}
#nav~.nav-container {
display: none;
}
#nav:checked~.nav-container ul li a {
opacity: 1;
transform: translateY(0);
}
.hidden {
display: none;
}
#nav:checked~.nav-container ul li a {
color: #fff;
font-size: 20px;
font-weight: 600;
padding-bottom: 15px;
}
#nav:checked~.nav-container ul li a:focus {
background-color: transparent;
}
#nav:checked~.nav-container ul li a:hover {
color: #2d323a;
}
.header #nav:checked~.nav-container ul li a:after {
content: none;
}
.header #nav:checked~.nav-container a.request-btn {
float: right;
margin-right: 15px;
}
.blog-tabs {
margin-top: 420px;
}
.blog-banner .banner-content .banner-left .banner-left-content {
padding-bottom: 30px;
margin-top: 28px;
}
.blog-banner .banner-content .banner-left {
width: 100%;
border-top-right-radius: 20px;
margin-bottom: 10px;
}
.blog-banner .banner-content .banner-left .banner-left-content h4 {
font-size: 17px;
line-height: 26px;
}
.blog-banner .banner-content .banner-right p {
font-size: 13px;
}
#filters1 li span {
padding: 8px 9px;
font-size: 11px;
}
#filters1 li {
margin-bottom: 25px;
}
.blog-banner .banner-content .banner-left figure {
margin-top: 45px;
width: 48%;
}
.blog-banner .banner-content .banner-left .banner-left-content h3 {
font-size: 28px;
}
#portfoliolist1 .portfolio .portfolio-wrapper .portfolio-content h3 {
font-size: 19px;
margin: 15px 0 0 0;
line-height: 26px;
}
#portfoliolist1 .portfolio .portfolio-wrapper .portfolio-content .date-author1 h4 {
font-size: 12px;
display: block;
}
#portfoliolist1 .portfolio .portfolio-wrapper .portfolio-content p {
font-size: 16px;
}
#portfoliolist1 .portfolio .portfolio-wrapper {
min-height: auto;
}
.blog-banner .banner-content {
margin-top: 160px;
}
.blog-banner .banner-content .banner-right {
padding: 10px;
}
.blog-banner .banner-content .banner-right .date-author h4 {
font-size: 13px;
}
#portfoliolist1 .portfolio {
width: 100%;
margin-bottom: 20px;
}
.solution-eleven-block .btns-block .view-more-btn {
margin-top: 70px;
}
.eight-block h2 {
font-size: 16px;
margin-bottom: 20px;
line-height: 26px;
}
.mobile-menu {
display: block;
float: right;
width: 45px;
height: 34px;
cursor: pointer;
position: relative;
border-radius: 5px;
margin-top: 10px;
}
.mobile-menu span {
display: block;
text-align: center;
line-height: 0;
}
.mobile-menu span:before {
content: "\f0c9";
font-family: FontAwesome;
color: #2d323a;
font-size: 24px;
display: inline-block;
line-height: 32px;
}
.mobile-menu.active:before {
content: none;
}
.sticky ul.menu {
top: 60px;
}
.sticky ul.menu li a {
color: #fff;
}
.sticky ul.menu li.get-btn a {
color: #fff;
}
.mobile-menu.active span:before {
content: "\f00d";
}
.company .mega-menu .col-md-6:last-child {
display: none;
}
.mega-menu {
position: static;
width: 100%;
padding: 0;
margin: 0;
display: none;
}
.mega-menu-box {
background: #2d323a;
border-radius: 0;
padding: 0;
box-shadow: none;
}
.mega-menu-box .container {
padding: 0;
}
.company .mega-menu .menu-box {
width: 100%;
}
.company .menu-box.box2 {
display: none;
}
.sticky .mega-menu {
padding: 0;
}
.company .mega-menu .menu-box a.menu-title,
.hire .mega-menu .menu-box a.menu-title {
display: none;
}
li.dropdown .mobile-toggle {
display: block !important;
position: absolute;
width: 40px;
height: 40px;
background: transparent;
right: 0;
top: 0;
cursor: pointer;
}
li.dropdown .mobile-toggle:before {
content: "";
width: 12px;
height: 12px;
position: absolute;
left: 0;
top: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
transform: rotate(135deg);
left: 14px;
top: 10px;
transition: all ease 0.5s
}
li.dropdown.active .mobile-toggle:before {
transform: rotate(-45deg);
top: 18px;
}
.dropdown.active .mega-menu {
display: block;
}
.header .nav-brand img {
max-width: 50%;
}
.header .navbar .nav li a::after {
content: none;
}
.header.active .navbar .nav li a::after {
content: none;
}
.build-process-block .process-build .first-process {
width: 100%;
margin-right: 0;
margin-bottom: 15px;
min-height: auto;
}
.digital-app-development-banner {
background-image: none;
}
.android-services-block .services-detail-block .top-services {
margin-left: 0px;
margin-bottom: 0px;
}
.android-services-block .services-detail-block .top-services .first-services {
margin-right: 95px;
}
.android-services-block .services-detail-block .top-services .first-services figure figcaption {
font-size: 14px;
}
.android-services-block .services-detail-block .bottom-services .first-services {
margin-left: 0px;
min-height: 193px;
}
.android-services-block .services-detail-block .bottom-services .first-services figure figcaption {
font-size: 14px;
}
.android-services-block .services-detail-block .bottom-services {
margin-left: -58px;
margin-top: 8px;
margin-right: -42px;
}
.android-services-block .services-detail-block .top-services .first-services .polygon-img {
display: none;
}
.android-services-block .services-detail-block figure.line-middle img {
display: none;
}
.android-services-block .services-detail-block .top-services .first-services {
width: 100%;
margin-right: 0px;
max-width: 100%;
margin-bottom: 15px;
}
.android-services-block .services-detail-block .top-services .first-services.three {
margin-right: 0;
}
.android-services-block .services-detail-block .bottom-services .first-services {
width: 100%;
margin-right: 0px;
max-width: 100%;
margin-bottom: 15px;
}
.android-services-block .services-detail-block .bottom-services .first-services.six {
margin-right: 0;
}
.android-services-block .services-detail-block .bottom-services .first-services .polygon-img {
display: none;
}
.android-services-block .services-detail-block .bottom-services {
float: none;
margin-right: 0;
margin-left: 0;
}
.android-services-block .services-detail-block {
margin-bottom: 0;
}
.android-dev {
padding-top: 0px;
}
.android-dev {
background-image: none;
}
.android-services-block-1 .experties-block {
text-align: center;
}
.android-services-block-1 .experties-block .first-line {
display: inline-block;
}
.android-services-block-1 .experties-block .first-line .exp-one {
margin-bottom: 10px;
}
.android-services-block-1 .experties-block .first-line.one {
float: none;
}
.android-services-block-1 .experties-block .first-line.two {
float: none;
}
.android-services-block-1 .experties-block .first-line.three {
float: none;
}
.android-services-block-1 .experties-block .first-line.four {
float: none;
}
.android-services-block-1 .experties-block .first-line.five {
float: none;
}
.android-services-block-1 .experties-block .first-line.six {
float: none;
}
.android-services-block-1 .experties-block .first-line.seven {
float: none;
}
.android-services-block-1 .experties-block .first-line.eight {
float: none;
}
.android-services-block-1 .experties-block .first-line.one .exp-one.one {
margin-right: 0;
float: none;
display: inline-block;
}
.android-services-block-1 .experties-block .first-line.one .exp-one.two {
margin-right: 0;
float: none;
display: inline-block;
}
.android-services-block-1 .experties-block .first-line.two .exp-one.three {
margin-right: 0;
float: none;
display: inline-block;
}
.android-services-block-1 .experties-block .first-line.two .exp-one.four {
margin-right: 0;
float: none;
display: inline-block;
}
.android-services-block-1 .experties-block .first-line.three .exp-one.five {
margin-right: 0;
float: none;
display: inline-block;
}
.android-services-block-1 .experties-block .first-line.three .exp-one.six {
margin-right: 0;
float: none;
display: inline-block;
}
.android-services-block-1 .experties-block .first-line.four .exp-one.seven {
margin-right: 0;
margin-left: 0;
float: none;
display: inline-block;
}
.android-services-block-1 .experties-block .first-line.four .exp-one.eight {
margin-right: 0;
float: none;
display: inline-block;
}
.android-services-block .services-detail-block .top-services .first-services {
padding: 15px 5px;
}
.android-services h2::after {
right: 0;
}
.android-services-block-2 .client-logo .client-1 {
margin-right: 0;
width: 100%;
}
.android-services-block1 .services-detail-block .top-services {
margin-left: 0px;
margin-bottom: 0px;
}
.android-services-block1 .services-detail-block .top-services .first-services {
margin-right: 95px;
}
.android-services-block1 .services-detail-block .top-services .first-services figure figcaption {
font-size: 14px;
}
.android-services-block1 .services-detail-block .bottom-services .first-services {
margin-left: 0px;
min-height: 193px;
}
.android-services-block1 .services-detail-block .bottom-services .first-services figure figcaption {
font-size: 14px;
}
.android-services-block1 .services-detail-block .bottom-services {
margin-left: -58px;
margin-top: 8px;
margin-right: -42px;
}
.android-services-block1 .services-detail-block .top-services .first-services .polygon-img {
display: none;
}
.android-services-block1 .services-detail-block figure.line-middle img {
display: none;
}
.android-services-block1 .services-detail-block .top-services .first-services {
width: 100%;
margin-right: 0px;
max-width: 100%;
margin-bottom: 15px;
}
.android-services-block1 .services-detail-block .top-services .first-services.three {
margin-right: 0;
}
.android-services-block1 .services-detail-block .bottom-services .first-services {
width: 100%;
margin-right: 0px;
max-width: 100%;
margin-bottom: 15px;
}
.android-services-block1 .services-detail-block .bottom-services .first-services.six {
margin-right: 0;
}
.android-services-block1 .services-detail-block .bottom-services .first-services .polygon-img {
display: none;
}
.android-services-block1 .services-detail-block .bottom-services {
float: none;
margin-right: 0;
margin-left: 0;
}
.android-services-block1 .services-detail-block {
margin-bottom: 0;
}
.android-services-block1 h2 {
font-size: 19px;
}
.android-services-block1 p {
font-size: 14px;
} .floating-btns {
display: block;
position: fixed;
bottom: 30px;
left: 10px;
background: #fff;
padding: 8px 25px;
border-radius: 50px;
border-radius: 50px;
box-shadow: 0 0 10px #ccc;
z-index: 9;
}
.floating-btns ul {
margin: 0;
padding: 0;
}
.floating-btns ul li {
list-style: none;
float: left;
margin-right: 20px;
text-align: center;
}
.floating-btns ul li:last-child {
margin-right: 0;
}
.floating-btns ul li a {
text-decoration: none;
;
}
.floating-btns ul li a img {
max-width: 85%;
}
.android-services-block.ondemand-food-part .services-detail-block .top-services .first-services.one {
margin-right: 0px;
margin-left: 0;
float: none;
margin-bottom: 15px;
}
.android-services-block.ondemand-food-part .services-detail-block .top-services .first-services {
width: 100%;
max-width: 100%;
}
.android-services-block.ondemand-food-part .services-detail-block .top-services .first-services.two {
margin-left: 0;
margin-right: 0;
float: none;
}
.android-services-block.ondemand-food-part .services-detail-block .bottom-services .first-services {
width: 100%;
margin-top: 0;
float: none;
max-width: 100%;
}
.twelve-block .twelve-right-text {
margin-top: 60px;
}
.author-detail-block .right {
margin-top: 30px;
}
} @media (min-width:641px) and (max-width:767px) {
.related-post-block .portfolio .portfolio-wrapper .portfolio-content .date-author1 h4 {
display: block;
font-size: 13px;
}
.global-solution-block .global-sol-box{ max-width: 60%; }
.eleven-block .services-block .first-srvc{ max-width: 60%; }
.related-post-block .portfolio .portfolio-wrapper{ max-width: 60%; }
.thank-you-block .thank-you-box{ margin-top: -315px; }
.author-detail-block .right {
margin-top: 30px;
}
.twelve-block .twelve-right-text {
margin-top: 60px;
}
.ondemand-tabs-block .nav-tabs.center-tabs-block li a {
padding: 8px 15px;
font-size: 11px;
margin-bottom: 15px;
}
.ondemand-tabs-block .center-tabs-block {
margin-bottom: 20px;
}
.digital-app-development-banner {
background-image: none;
}
.blog-banner {
height: 280px;
}
.build-process-block .process-build .first-process {
width: 47%;
margin-right: 12px;
margin-bottom: 12px;
}
.build-process-block .process-build .first-process.second {
margin-right: 0;
}
.mobile-first-block {
margin-top: 0;
}
.modal-content .location-block .first-srvc {
max-width: 50%;
}
.modal-content .location-block .first-srvc .flag-logo {
left: auto;
}
.desktopmenu {
display: none;
}
.header.active .navbar .nav li a::after {
content: none;
}
.header .navbar .nav a.request-btn {
margin-left: 15px;
}
.banner .left-text p {
margin: 20px 0 28px 0;
}
.banner .left-text {
width: 100%;
margin-bottom: 30px;
}
.banner .banner-content figure {
width: 100%;
}
.banner .banner-content {
margin-top: 50px;
}
.first-block h2:after {
right: 0;
}
.second-block .services-block .first-srvc {
margin-bottom: 25px;
}
.third-block h2::after {
height: 100%;
}
.third-block-1 h2::after {
height: 100%;
}
.fifth-block h2:after {
height: 100%;
}
.fifth-block-1 h2:after {
height: 100%;
}
.seven-block h2 {
line-height: 42px;
}
.seven-block .services-block .first-srvc ul {
padding: 16px 0 10px;
margin-bottom: 0;
}
.seven-block .services-block .first-srvc ul li {
font-size: 16px;
}
.seven-block .services-block .first-srvc {
min-height: 172px;
}
.seven-block .services-block .first-srvc h3 {
padding: 15px 0 11px 0;
}
.eight-block {
padding: 25px 0;
}
.nine-block .who-we1 h3 {
font-size: 16px;
}
.nine-block {
padding: 50px 0 20px 0;
}
.twelve-block .consult-form {
position: static;
top: 0;
}
.thirteen-block h4 {
font-size: 15px;
}
.thirteen-block .soc-1 p {
line-height: 15px;
word-wrap: break-word;
font-size: 13px;
margin-bottom: 20px;
}
.twelve-block .consult-form {
top: -160px;
}
footer .footer-block .social-media-part ul li a {
font-size: 12px;
}
footer .copyright-block p {
font-size: 12px;
}
.second-block .services-block .first-srvc {
min-height: 408px;
}
.third-block-1 {
padding: 15px 0 70px 0;
}
.third-block figure {
margin-top: 30px;
}
.third-block figure img {
float: none;
}
.third-block-1 figure img {
float: none;
}
.fifth-block-1 {
padding: 15px 0 70px 0;
}
.fifth-block figure {
margin-top: 30px;
}
.fifth-block figure img {
float: none;
}
.fifth-block-1 figure img {
float: none;
}
.six-block figure img {
float: none;
;
}
.seven-block .services-block .first-srvc {
min-height: auto;
border-right: 0;
padding-right: 0;
margin-top: 45px;
}
.nine-block h2 {
margin-bottom: 30px;
font-size: 34px;
margin-top: 0;
text-align: center;
line-height: 36px;
}
.banner .left-text .two-btns .banner-btn1 {
font-size: 12px;
padding: 10px 10px;
}
.banner .left-text .two-btns .banner-btn2 {
font-size: 12px;
padding: 10px 10px;
}
.about-banner .left-text .two-btns .banner-btn1 {
font-size: 11px;
padding: 10px 10px;
}
.about-banner .left-text .two-btns .banner-btn2 {
font-size: 11px;
padding: 10px 10px;
}
.eleven-block .services-block .first-srvc {
margin-bottom: 25px;
display: inline-block;
min-height: auto;
}
.second-block .services-block .first-srvc {
margin-bottom: 25px;
display: inline-block;
min-height: auto;
}
.process-block .first-process1 .one-count {
left: 36px;
top: 60px;
}
.process-block .first-process2 .one-count {
right: 36px;
top: 60px;
}
.process-block .first-process3 .one-count {
left: 36px;
top: 50px;
}
.process-block .first-process4 .one-count {
right: 36px;
top: 50px;
}
.process-block .first-process5 .one-count {
left: 36px;
top: 60px;
}
.process-block .first-process6 .one-count {
right: 36px;
top: 42px;
}
.process-block .first-process7 .one-count {
left: 36px;
top: 60px;
}
.process-block .first-process8 .one-count {
right: 36px;
top: 32px;
}
.about-eleven-block .services-block .first-srvc {
margin-bottom: 20px;
}
.twelve-block .consult-btn {
padding: 12px 10px;
font-size: 12px;
}
.request-first-block .heading-wm h2:after {
right: 0;
}
.request-first-block .contact-form {
max-width: 100%;
}
.request-first-block .contact-form form .first-line .con-input {
margin-bottom: 15px !important;
}
.request-first-block .contact-form form .first-line {
margin-bottom: 0;
}
.iti__selected-flag {
height: 76% !important;
}
.file-upload {
margin-top: 0;
margin-bottom: 15px;
}
.request-first-block .heading-wm h3 {
top: -14px;
font-size: 50px;
left: 150px;
}
.request-first-block .contact-form {
padding-top: 0;
}
.request-how-block .how-works .how-first {
margin-bottom: 40px;
}
.request-how-block .how-works::after {
display: none;
}
.request-how-block .heading-wm h3 {
top: -1px;
left: 60px;
font-size: 38px;
}
.iti__country-list {
white-space: normal !important;
}
.mobile-menu {
display: block;
float: right;
width: 45px;
height: 34px;
cursor: pointer;
position: relative;
border-radius: 5px;
}
.mobile-menu span {
display: block;
text-align: center;
line-height: 0;
}
.mobile-menu span:before {
content: "\f0c9";
font-family: FontAwesome;
color: #2d323a;
font-size: 24px;
display: inline-block;
line-height: 32px;
}
.mobile-menu.active:before {
content: "";
position: absolute;
top: 35px;
right: 7px;
border-left: solid 14px transparent;
border-right: solid 15px transparent;
border-bottom: solid 15px #2d323a;
}
.sticky ul.menu {
top: 60px;
}
.sticky ul.menu li a {
color: #fff;
}
.sticky ul.menu li.get-btn a {
color: #fff;
}
.mobile-menu.active span:before {
content: "\f00d";
}
.company .mega-menu .col-md-6:last-child {
display: none;
}
li.dropdown .mobile-toggle {
display: block !important;
position: absolute;
width: 40px;
height: 40px;
background: transparent;
right: 0;
top: 0;
cursor: pointer;
}
li.dropdown .mobile-toggle:before {
content: "";
width: 12px;
height: 12px;
position: absolute;
left: 0;
top: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
transform: rotate(135deg);
left: 14px;
top: 10px;
transition: all ease 0.5s
}
li.dropdown.active .mobile-toggle:before {
transform: rotate(-45deg);
top: 18px;
}
.dropdown.active .mega-menu {
display: block;
}
.nav-container {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: -1;
background: #1f2227;
opacity: 0;
transition: all 0.2s ease;
}
.nav-container ul {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.nav-container ul li {
display: block;
float: none;
width: 100%;
text-align: right;
margin-bottom: 10px;
}
.nav-container ul li:nth-child(1) a {
transition-delay: 0.2s;
}
.nav-container ul li:nth-child(2) a {
transition-delay: 0.3s;
}
.nav-container ul li:nth-child(3) a {
transition-delay: 0.4s;
}
.nav-container ul li:nth-child(4) a {
transition-delay: 0.5s;
}
.nav-container ul li:not(:first-child) {
margin-left: 0;
}
.nav-container ul li a {
padding: 10px 25px;
opacity: 0;
color: #fff;
font-size: 24px;
font-weight: 600;
transform: translateY(-20px);
transition: all 0.2s ease;
}
.nav-open {
position: fixed;
right: 10px;
top: 10px;
display: block;
width: 48px;
height: 48px;
cursor: pointer;
z-index: 9999;
border-radius: 50%;
}
.nav-open i {
display: block;
width: 25px;
height: 3px;
background: #2d323a;
border-radius: 2px;
margin-left: 14px;
}
.nav-open i:nth-child(1) {
margin-top: 30px;
}
.nav-open i:nth-child(2) {
margin-top: 4px;
opacity: 1;
}
.nav-open i:nth-child(3) {
margin-top: 4px;
}
#nav:checked+.nav-open {
transform: rotate(45deg);
}
#nav:checked+.nav-open i {
background: #fff;
transition: transform 0.2s ease;
}
#nav:checked+.nav-open i:nth-child(1) {
transform: translateY(9px) rotate(180deg);
}
#nav:checked+.nav-open i:nth-child(2) {
opacity: 0;
}
#nav:checked+.nav-open i:nth-child(3) {
transform: translateY(-6px) rotate(90deg);
}
#nav:checked~.nav-container {
z-index: 9990;
opacity: 1;
display: block;
}
#nav~.nav-container {
display: none;
}
#nav:checked~.nav-container ul li a {
opacity: 1;
transform: translateY(0);
}
.hidden {
display: none;
}
#nav:checked~.nav-container ul li a {
color: #fff;
font-size: 20px;
font-weight: 600;
padding-bottom: 15px;
}
#nav:checked~.nav-container ul li a:focus {
background-color: transparent;
}
#nav:checked~.nav-container ul li a:hover {
color: #2d323a;
}
.header #nav:checked~.nav-container ul li a:after {
content: none;
}
.header #nav:checked~.nav-container a.request-btn {
float: right;
margin-right: 15px;
}
.about-banner .banner-content figure img {
max-width: 50%;
}
.about-banner .left-text h1 {
font-size: 34px;
line-height: 45px;
}
.about-banner .left-text {
margin-top: 0;
}
.about-banner .left-text p {
font-size: 16px;
}
.about-first-block .left-c h4 {
font-size: 22px;
}
.about-second-block h2 {
font-size: 20px;
}
.about-second-block h3 {
font-size: 16px;
margin-bottom: 20px;
}
.about-third-block .services-block h3 {
font-size: 25px;
}
.about-third-block .services-block .first-srvc {
padding: 12px;
margin-bottom: 20px;
min-height: 280px;
}
.about-third-block .services-block .first-srvc h3 {
margin-bottom: 5px;
font-size: 16px;
}
.about-first-block {
margin-top: 0;
}
.about-fourth-block h2 {
font-size: 20px;
}
.about-fourth-block h3 {
font-size: 16px;
margin-bottom: 20px;
}
.about-eight-block h2 {
font-size: 29px;
}
.about-eight-block p {
font-size: 20px;
}
.about-banner .left-text p {
margin-bottom: 25px;
}
.about-first-block .left-c {
margin-bottom: 30px;
}
.about-first-block {
margin-bottom: 0;
}
.about-third-block {
margin-bottom: 30px;
}
.contact-banner h3 {
font-size: 22px;
}
.contact-banner p {
font-size: 16px;
line-height: 26px;
}
.contact-first-block figure img {
max-width: 50%;
}
.contact-first-block .contact-form {
margin-top: 30px;
}
.contact-first-block .contact-form form .first-line .con-input {
margin-bottom: 10px;
}
.contact-first-block .contact-form form .first-line {
margin-bottom: 0;
}
.contact-third-block .services-block .first-srvc {
margin-bottom: 20px;
min-height: 495px;
}
.contact-third-block {
margin: 60px 0 40px 0;
}
.twelve-block {
padding-top: 70px;
}
.contact-third-block .services-block .first-srvc {
width: 65%;
}
.contact-third-block .services-block .first-srvc .flag-logo {
left: 150px;
}
.process-block .first-process1 .one-count {
left: 36px;
top: 60px;
}
.process-block .first-process2 .one-count {
right: 36px;
top: 60px;
}
.process-block .first-process3 .one-count {
left: 36px;
top: 50px;
}
.process-block .first-process4 .one-count {
right: 36px;
top: 50px;
}
.process-block .first-process5 .one-count {
left: 36px;
top: 60px;
}
.process-block .first-process6 .one-count {
right: 36px;
top: 42px;
}
.process-block .first-process7 .one-count {
left: 36px;
top: 60px;
}
.process-block .first-process8 .one-count {
right: 36px;
top: 32px;
}
.portfolio img {
max-width: 60%;
}
.portfolio-block {
margin-top: 0px;
}
#filters li span {
font-size: 13px;
padding: 5px 12px;
}
#filters {
margin-bottom: 15px;
}
#portfoliolist .portfolio {
padding: 10px 10px 0 10px;
}
.portfolio .label .label-text h3 {
font-size: 18px;
}
.portfolio .label .label-text p {
font-size: 12px;
font-weight: 500;
}
.portfolio h4 {
display: none;
}
.portfolio img {
max-width: 70%;
}
.blog-tabs {
margin-top: 330px;
}
.blog-banner .banner-content .banner-left .banner-left-content {
padding-bottom: 30px;
margin-top: 28px;
}
.blog-banner .banner-content .banner-left {
width: 100%;
border-top-right-radius: 20px;
margin-bottom: 10px;
}
.blog-banner .banner-content .banner-left .banner-left-content h4 {
font-size: 17px;
line-height: 26px;
}
.blog-banner .banner-content .banner-right p {
font-size: 13px;
}
#filters1 li span {
padding: 8px 9px;
font-size: 12px;
}
#filters1 li {
margin-bottom: 25px;
}
.blog-banner .banner-content .banner-left figure {
margin-top: 45px;
width: 48%;
}
.blog-banner .banner-content .banner-left .banner-left-content h3 {
font-size: 28px;
}
#portfoliolist1 .portfolio .portfolio-wrapper .portfolio-content h3 {
font-size: 19px;
margin: 15px 0 0 0;
line-height: 26px;
}
#portfoliolist1 .portfolio .portfolio-wrapper .portfolio-content .date-author1 h4 {
font-size: 12px;
display: block;
}
#portfoliolist1 .portfolio .portfolio-wrapper .portfolio-content p {
font-size: 16px;
}
#portfoliolist1 .portfolio .portfolio-wrapper {
min-height: 555px;
}
.blog-banner .banner-content {
margin-top: 160px;
}
.blog-banner .banner-content .banner-right {
padding: 10px;
}
.solution-eleven-block .btns-block .view-more-btn {
margin-top: 70px;
}
.eight-block h2 {
font-size: 18px;
margin-bottom: 20px;
}
.mobile-menu {
display: block;
float: right;
width: 45px;
height: 34px;
cursor: pointer;
position: relative;
border-radius: 5px;
margin-top: 10px;
}
.mobile-menu span {
display: block;
text-align: center;
line-height: 0;
}
.mobile-menu span:before {
content: "\f0c9";
font-family: FontAwesome;
color: #2d323a;
font-size: 24px;
display: inline-block;
line-height: 32px;
}
.mobile-menu.active:before {
content: none;
}
.sticky ul.menu {
top: 60px;
}
.sticky ul.menu li a {
color: #fff;
}
.sticky ul.menu li.get-btn a {
color: #fff;
}
.mobile-menu.active span:before {
content: "\f00d";
}
.company .mega-menu .col-md-6:last-child {
display: none;
}
.mega-menu {
position: static;
width: 100%;
padding: 0;
margin: 0;
display: none;
}
.mega-menu-box {
background: #2d323a;
border-radius: 0;
padding: 0;
box-shadow: none;
}
.mega-menu-box .container {
padding: 0;
}
.company .mega-menu .menu-box {
width: 100%;
}
.company .menu-box.box2 {
display: none;
}
.sticky .mega-menu {
padding: 0;
}
.company .mega-menu .menu-box a.menu-title,
.hire .mega-menu .menu-box a.menu-title {
display: none;
}
li.dropdown .mobile-toggle {
display: block !important;
position: absolute;
width: 40px;
height: 40px;
background: transparent;
right: 0;
top: 0;
cursor: pointer;
}
li.dropdown .mobile-toggle:before {
content: "";
width: 12px;
height: 12px;
position: absolute;
left: 0;
top: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
transform: rotate(135deg);
left: 14px;
top: 10px;
transition: all ease 0.5s
}
li.dropdown.active .mobile-toggle:before {
transform: rotate(-45deg);
top: 18px;
}
.dropdown.active .mega-menu {
display: block;
}
.header .nav-brand img {
max-width: 50%;
}
.header .navbar .nav li a::after {
content: none;
}
.header.active .navbar .nav li a::after {
content: none;
}
.android-services-block .services-detail-block .top-services {
margin-left: 0px;
margin-bottom: 25px;
}
.android-services-block .services-detail-block .top-services .first-services {
margin-right: 95px;
}
.android-services-block .services-detail-block .top-services .first-services figure figcaption {
font-size: 12px;
}
.android-services-block .services-detail-block .bottom-services .first-services {
margin-left: 0px;
min-height: 193px;
}
.android-services-block .services-detail-block .bottom-services .first-services figure figcaption {
font-size: 12px;
}
.android-services-block .services-detail-block .bottom-services {
margin-left: -58px;
margin-top: 8px;
margin-right: -42px;
}
.android-services-block .services-detail-block .top-services .first-services .polygon-img {
display: none;
}
.android-services-block .services-detail-block figure.line-middle img {
display: none;
}
.android-services-block .services-detail-block .top-services .first-services {
width: 30%;
margin-right: 22px;
}
.android-services-block .services-detail-block .top-services .first-services.three {
margin-right: 0;
}
.android-services-block .services-detail-block .bottom-services .first-services {
width: 30%;
margin-right: 22px;
}
.android-services-block .services-detail-block .bottom-services .first-services.six {
margin-right: 0;
}
.android-services-block .services-detail-block .bottom-services .first-services .polygon-img {
display: none;
}
.android-services-block .services-detail-block .bottom-services {
float: none;
margin-right: 0;
margin-left: 0;
}
.android-services-block .services-detail-block {
margin-bottom: 0;
}
.android-dev {
padding-top: 0px;
}
.android-dev.ondemand-food-block {
padding-top: 50px;
}
.android-dev {
background-image: none;
}
.android-services-block-1 .experties-block {
text-align: center;
}
.android-services-block-1 .experties-block .first-line {
display: inline-block;
}
.android-services-block-1 .experties-block .first-line .exp-one {
margin-bottom: 10px;
}
.android-services-block-1 .experties-block .first-line.one {
float: none;
}
.android-services-block-1 .experties-block .first-line.two {
float: none;
}
.android-services-block-1 .experties-block .first-line.three {
float: none;
}
.android-services-block-1 .experties-block .first-line.four {
float: none;
}
.android-services-block-1 .experties-block .first-line.five {
float: none;
}
.android-services-block-1 .experties-block .first-line.six {
float: none;
}
.android-services-block-1 .experties-block .first-line.seven {
float: none;
}
.android-services-block-1 .experties-block .first-line.eight {
float: none;
}
.android-services-block-1 .experties-block .first-line.one .exp-one.one {
margin-right: 0;
float: none;
display: inline-block;
}
.android-services-block-1 .experties-block .first-line.one .exp-one.two {
margin-right: 0;
float: none;
display: inline-block;
}
.android-services-block-1 .experties-block .first-line.two .exp-one.three {
margin-right: 0;
float: none;
display: inline-block;
}
.android-services-block-1 .experties-block .first-line.two .exp-one.four {
margin-right: 0;
float: none;
display: inline-block;
}
.android-services-block-1 .experties-block .first-line.three .exp-one.five {
margin-right: 0;
float: none;
display: inline-block;
}
.android-services-block-1 .experties-block .first-line.three .exp-one.six {
margin-right: 0;
float: none;
display: inline-block;
}
.android-services-block-1 .experties-block .first-line.four .exp-one.seven {
margin-right: 0;
margin-left: 0;
float: none;
display: inline-block;
}
.android-services-block-1 .experties-block .first-line.four .exp-one.eight {
margin-right: 0;
float: none;
display: inline-block;
}
.android-services-block .services-detail-block .top-services .first-services {
padding: 15px 5px;
}
.android-services-block-2 .client-logo .client-1 {
margin-right: 8px;
}
.android-services-block1 .services-detail-block .top-services {
margin-left: 0px;
margin-bottom: 25px;
}
.android-services-block1 .services-detail-block .top-services .first-services {
margin-right: 95px;
}
.android-services-block1 .services-detail-block .top-services .first-services figure figcaption {
font-size: 11px;
}
.android-services-block1 .services-detail-block .bottom-services .first-services {
margin-left: 0px;
min-height: 193px;
}
.android-services-block1 .services-detail-block .bottom-services .first-services figure figcaption {
font-size: 11px;
}
.android-services-block1 .services-detail-block .bottom-services {
margin-left: -58px;
margin-top: 8px;
margin-right: -42px;
}
.android-services-block1 .services-detail-block .top-services .first-services .polygon-img {
display: none;
}
.android-services-block1 .services-detail-block figure.line-middle img {
display: none;
}
.android-services-block1 .services-detail-block .top-services .first-services {
width: 23%;
margin-right: 11px;
}
.android-services-block1 .services-detail-block .top-services .first-services.four {
margin-right: 0 !important;
}
.android-services-block1 .services-detail-block .bottom-services .first-services {
width: 23%;
margin-right: 11px;
}
.android-services-block1 .services-detail-block .bottom-services .first-services.eight {
margin-right: 0 !important;
}
.android-services-block1 .services-detail-block .bottom-services .first-services .polygon-img {
display: none;
}
.android-services-block1 .services-detail-block .bottom-services {
float: none;
margin-right: 0;
margin-left: 0;
}
.android-services-block1 .services-detail-block {
margin-bottom: 0;
}
.android-services-block1 h2 {
font-size: 19px;
}
.android-services-block1 p {
font-size: 14px;
}
.android-services-block.ondemand-food-part .services-detail-block .top-services .first-services.one {
margin-right: 35px;
margin-left: 0;
}
.android-services-block.ondemand-food-part .services-detail-block .top-services .first-services {
width: 46%;
min-height: 240px;
}
.android-services-block.ondemand-food-part .services-detail-block .top-services .first-services.two {
margin-left: 0;
margin-right: 0;
}
.android-services-block.ondemand-food-part .services-detail-block .bottom-services .first-services {
width: 46%;
margin-top: 35px;
float: left;
} .floating-btns {
display: block;
position: fixed;
bottom: 30px;
left: 10px;
background: #fff;
padding: 8px 25px;
border-radius: 50px;
box-shadow: 0 0 10px #ccc;
z-index: 9;
}
.floating-btns ul {
margin: 0;
padding: 0;
}
.floating-btns ul li {
list-style: none;
float: left;
margin-right: 20px;
text-align: center;
}
.floating-btns ul li:last-child {
margin-right: 0;
}
.floating-btns ul li a {
text-decoration: none;
;
}
.floating-btns ul li a img {
max-width: 85%;
}
} @media (min-width:768px) and (max-width:1023px) {
.blog-banner {
height: 343px;
}
.mobile-first-block .consult-form .form-content .contact-submit-btn {
font-size: 14px;
}
.mobile-first-block .consult-form h3 {
font-size: 20px;
}
.header .navbar .nav a.request-btn {
margin-left: 15px;
}
.banner .left-text p {
margin: 20px 0 28px 0;
}
.second-block .services-block .first-srvc {
margin-bottom: 25px;
}
.third-block h2::after {
height: 100%;
}
.third-block-1 h2::after {
height: 100%;
}
.fifth-block h2:after {
height: 100%;
}
.fifth-block-1 h2:after {
height: 100%;
}
.seven-block .services-block .first-srvc ul {
padding: 16px 0 10px;
margin-bottom: 0;
}
.seven-block .services-block .first-srvc ul li {
font-size: 16px;
}
.seven-block .services-block .first-srvc {
min-height: 172px;
}
.seven-block .services-block .first-srvc h3 {
padding: 15px 0 11px 0;
}
.eight-block {
padding: 25px 0;
}
.nine-block .who-we1 h3 {
font-size: 10px;
}
.nine-block {
padding: 50px 0 20px 0;
}
.twelve-block .consult-btn {
padding: 12px 20px;
}
.thirteen-block h4 {
font-size: 15px;
}
.thirteen-block .soc-1 p {
line-height: 15px;
word-wrap: break-word;
font-size: 11px;
}
.twelve-block .consult-form {
top: -60px;
}
footer .footer-block .social-media-part ul li a {
font-size: 12px;
}
footer .copyright-block p {
font-size: 12px;
}
.second-block .services-block .first-srvc {
min-height: 408px;
}
.header .navbar .nav a.request-btn {
margin-top: 0px;
padding: 6px 10px;
font-size: 10px;
}
.header .navbar .nav {
margin-top: 20px;
}
.header.active .navbar .nav a.request-btn {
margin-top: 0px;
padding: 6px 10px;
font-size: 10px;
}
.header .nav-brand img {
max-width: 50%;
}
.header .navbar .nav li a {
padding: 0 10px 12px 6px;
font-size: 12px;
}
.banner .left-text .two-btns .banner-btn1 {
padding: 10px 15px;
}
.banner .left-text .two-btns .banner-btn2 {
padding: 10px 15px;
}
.about-banner .left-text .two-btns .banner-btn1 {
padding: 10px 14px;
}
.about-banner .left-text .two-btns .banner-btn2 {
padding: 10px 14px;
}
.second-block .services-block .first-srvc {
min-height: 350px;
}
.about-banner .banner-content figure img {
max-width: 50%;
}
.about-banner .left-text h1 {
font-size: 34px;
line-height: 45px;
}
.about-banner .left-text {
margin-top: 0;
}
.about-banner .left-text p {
font-size: 16px;
}
.about-first-block .left-c h4 {
font-size: 22px;
}
.about-second-block h2 {
font-size: 20px;
}
.about-second-block h3 {
font-size: 16px;
}
.about-third-block .services-block h3 {
font-size: 25px;
}
.about-third-block .services-block .first-srvc {
padding: 12px;
min-height: 438px;
}
.about-third-block .services-block .first-srvc h3 {
margin-bottom: 5px;
font-size: 16px;
}
.about-first-block {
margin-top: 0;
}
.about-fourth-block h2 {
font-size: 20px;
}
.about-fourth-block h3 {
font-size: 16px;
}
.process-block .first-process1 .one-count {
left: 36px;
top: 60px;
}
.process-block .first-process2 .one-count {
right: 36px;
top: 60px;
}
.process-block .first-process3 .one-count {
left: 36px;
top: 50px;
}
.process-block .first-process4 .one-count {
right: 36px;
top: 60px;
}
.process-block .first-process5 .one-count {
left: 36px;
top: 60px;
}
.process-block .first-process6 .one-count {
right: 36px;
top: 42px;
}
.process-block .first-process7 .one-count {
left: 36px;
top: 60px;
}
.process-block .first-process8 .one-count {
right: 36px;
top: 32px;
}
.portfolio img {
max-width: 60%;
}
.portfolio-block {
margin-top: 50px;
}
.twelve-block .consult-btn {
padding: 12px 10px;
font-size: 12px;
}
.request-first-block .contact-form {
max-width: 90%;
}
.request-how-block .how-works::after {
left: 130px;
width: 495px;
}
.request-how-block .how-works .how-first h3 {
font-size: 18px;
}
.request-how-block .how-works .how-first h4 {
font-size: 16px;
}
.request-how-block .heading-wm h3 {
top: -8px;
font-size: 50px;
}
.blog-tabs {
margin-top: 150px;
}
.blog-banner .banner-content .banner-left .banner-left-content {
padding-bottom: 50px;
margin-top: 28px;
}
.blog-banner .banner-content .banner-left {
width: 41%;
}
.blog-banner .banner-content .banner-left .banner-left-content h4 {
font-size: 13px;
line-height: 26px;
}
.blog-banner .banner-content .banner-right p {
font-size: 13px;
}
#filters1 li span {
padding: 10px 14px;
font-size: 13px;
}
#filters1 li {
margin-bottom: 25px;
}
.blog-banner .banner-content .banner-left figure {
margin-top: 45px;
width: 48%;
}
.blog-banner .banner-content .banner-left .banner-left-content h3 {
font-size: 28px;
}
#portfoliolist1 .portfolio .portfolio-wrapper .portfolio-content h3 {
font-size: 24px;
}
#portfoliolist1 .portfolio .portfolio-wrapper .portfolio-content .date-author1 h4 {
font-size: 12px;
}
#portfoliolist1 .portfolio .portfolio-wrapper .portfolio-content p {
font-size: 16px;
}
#portfoliolist1 .portfolio .portfolio-wrapper {
min-height: 460px;
}
.solutions-block .sol-all h3 {
font-size: 21px;
}
.solutions-block .sol-all {
min-height: 405px;
}
.android-services-block .services-detail-block .top-services {
margin-left: 22px;
margin-bottom: 8px;
}
.android-services-block .services-detail-block .top-services .first-services {
margin-right: 95px;
}
.android-services-block .services-detail-block .top-services .first-services figure figcaption {
font-size: 12px;
}
.android-services-block .services-detail-block .bottom-services .first-services {
margin-left: 95px;
min-height: 193px;
}
.android-services-block .services-detail-block .bottom-services .first-services figure figcaption {
font-size: 12px;
}
.android-services-block .services-detail-block .bottom-services {
margin-left: -58px;
margin-top: 8px;
margin-right: -42px;
}
.android-services-block-1 .experties-block {
text-align: center;
}
.android-services-block-1 .experties-block .first-line {
display: inline-block;
}
.android-services-block-1 .experties-block .first-line .exp-one {
margin-bottom: 10px;
}
.android-services-block-1 .experties-block .first-line.one {
float: none;
}
.android-services-block-1 .experties-block .first-line.two {
float: none;
}
.android-services-block-1 .experties-block .first-line.three {
float: none;
}
.android-services-block-1 .experties-block .first-line.four {
float: none;
}
.android-services-block-1 .experties-block .first-line.five {
float: none;
}
.android-services-block-1 .experties-block .first-line.six {
float: none;
}
.android-services-block-1 .experties-block .first-line.seven {
float: none;
}
.android-services-block-1 .experties-block .first-line.eight {
float: none;
}
.android-services-block-1 .experties-block .first-line.one .exp-one.one {
margin-right: 50px;
}
.android-services-block-1 .experties-block .first-line.one .exp-one.two {
margin-right: 0;
}
.android-services-block-1 .experties-block .first-line.two .exp-one.three {
margin-right: 50px;
}
.android-services-block-1 .experties-block .first-line.three .exp-one.five {
margin-right: 50px;
}
.android-services-block-1 .experties-block .first-line.four .exp-one.seven {
margin-right: 50px;
margin-left: 0;
}
.android-services-block .services-detail-block .top-services .first-services {
padding: 15px 5px;
}
.android-services-block-2 .client-logo .client-1 {
margin-right: 15px;
}
.android-services-block1 .services-detail-block .top-services {
margin-left: 113px;
margin-bottom: 8px;
}
.android-services-block1 .services-detail-block .top-services .first-services {
margin-right: 32px;
}
.android-services-block1 .services-detail-block .top-services .first-services figure figcaption {
font-size: 14px;
}
.android-services-block1 .services-detail-block .bottom-services .first-services {
margin-left: 32px;
}
.android-services-block1 .services-detail-block .bottom-services .first-services figure figcaption {
font-size: 14px;
}
.android-services-block1 .services-detail-block .bottom-services {
margin-right: -173px;
margin-top: 8px;
}
li.drop-down>ul.submenu-services {
min-width: 213px;
}
li.drop-down>ul>li>a {
font-size: 12px !important;
padding: 8px !important;
}
.flyout-right>ul,
.flyout-left>ul {
min-width: 216px !important;
}
.flyout-right ul>li>a,
.flyout-left ul>li>a {
font-size: 12px !important;
padding: 6px !important;
}
li.drop-down>ul.full-width-ul>.row>.col-md-6>li>a {
font-size: 12px !important;
padding: 8px !important;
}
li.drop-down .full-width-ul {
width: 430px;
}
.android-services-block.ondemand-food-part .services-detail-block .top-services .first-services.one {
margin-left: 17px;
}
.android-services-block.ondemand-food-part .services-detail-block .top-services .first-services.two {
margin-right: 17px;
}
.android-services-block.ondemand-food-part .services-detail-block .top-services .first-services {
width: 29%;
}
.android-services-block.ondemand-food-part .services-detail-block .bottom-services .first-services {
width: 29%;
}
} @media (min-width:768px) and (max-width:991px) {
.thank-you-block .thank-you-box{ margin-top: -315px; } .floating-btns {
display: block;
position: fixed;
bottom: 30px;
left: 10px;
background: #fff;
padding: 8px 25px;
border-radius: 50px;
box-shadow: 0 0 10px #ccc;
z-index: 9;
}
.floating-btns ul {
margin: 0;
padding: 0;
}
.floating-btns ul li {
list-style: none;
float: left;
margin-right: 20px;
text-align: center;
}
.floating-btns ul li:last-child {
margin-right: 0;
}
.floating-btns ul li a {
text-decoration: none;
;
}
.floating-btns ul li a img {
max-width: 85%;
}
.ondemand-tabs-block .nav-tabs.center-tabs-block li a {
margin-bottom: 15px;
}
.modal-content .form-content .first-line .input-container .input-field1 {
min-height: 130px;
}
.mobile-development-services .mobile-dev-icons figure figcaption {
font-size: 13px;
}
.header.active .navbar .nav li a::after {
content: none;
}
.mobile-menu {
display: block;
float: right;
width: 45px;
height: 34px;
cursor: pointer;
position: relative;
border-radius: 5px;
margin-top: 10px;
}
.mobile-menu span {
display: block;
text-align: center;
line-height: 0;
}
.mobile-menu span:before {
content: "\f0c9";
font-family: FontAwesome;
color: #2d323a;
font-size: 24px;
display: inline-block;
line-height: 32px;
}
.mobile-menu.active:before {
content: none;
}
.sticky ul.menu {
top: 60px;
}
.sticky ul.menu li a {
color: #fff;
}
.sticky ul.menu li.get-btn a {
color: #fff;
}
.mobile-menu.active span:before {
content: "\f00d";
}
.company .mega-menu .col-md-6:last-child {
display: none;
}
.header .navbar .nav li a::after {
content: none;
}
.desktopmenu {
display: none;
}
.build-process-block .process-build .first-process {
width: 47%;
margin-right: 19px;
margin-bottom: 25px;
}
.android-services-block1 .services-detail-block .top-services {
margin-left: 75px;
margin-bottom: 8px;
}
.android-services-block1 .services-detail-block .top-services .first-services {
margin-right: 32px;
}
.android-services-block1 .services-detail-block .top-services .first-services figure figcaption {
font-size: 14px;
}
.android-services-block1 .services-detail-block .bottom-services .first-services {
margin-left: 32px;
}
.android-services-block1 .services-detail-block .bottom-services .first-services figure figcaption {
font-size: 14px;
}
.android-services-block1 .services-detail-block .bottom-services {
margin-right: -122px;
margin-top: 8px;
}
}
@media (max-width: 991px) {
.author-detail-block .right .web-social-link-block li {
margin-bottom: 10px;
}
#portfoliolist .portfolio .portfolio-wrapper .row {
display: table;
align-items: center;
}
.twelve-block .twelve-right-text h3 {
font-size: 40px;
}
.header .top-icons {
display: none;
}
.build-process-block .process-build .first-process figure::after {
content: none;
} .header {
padding: 15px 0;
}
.responsive-menu {
display: block;
}
.menu-button {
color: #2d323a;
cursor: pointer;
font-size: 1.5rem;
padding: .75rem 1.55rem;
position: fixed;
right: 0;
top: 20px;
}
.open-menu {
color: #f2f2f2;
cursor: pointer;
font-size: 1rem;
padding: 1rem;
position: absolute;
right: 0;
top: 0;
transition: transform 250ms ease;
}
.rotate {
transform: rotate(135deg);
} .overflow {
margin-top: 70px;
overflow-x: hidden;
overflow-y: auto;
background: #2d323a;
box-shadow: 0 0 5px #d1d1d1;
} #mobile-nav {
background-color: #transparent;
position: fixed;
width: 100%;
z-index: 1;
right: 0;
}
#mobile-nav ul {
background-color: rgba(0, 0, 0, .1);
display: none;
margin: 0 1rem;
padding: 0;
position: relative;
}
#mobile-nav ul:first-child {
background-color: transparent;
}
#mobile-nav ul li {
border-top: 1px solid rgba(255, 255, 255, .075);
list-style: none;
margin-bottom: 0;
position: relative;
}
#mobile-nav ul li a {
color: #f2f2f2;
display: inline-block;
font-size: 16px;
font-weight: 500;
padding: 1rem 0;
text-decoration: none;
width: 100%;
}
#mobile-nav ul a.request-btn {
margin-bottom: 30px;
margin-top: 15px !important;
background: #ff5e5e;
border: 2px solid #ff5e5e;
border-radius: 50px;
margin-top: -8px;
padding: 10px 15px;
color: #fff;
font-size: 15px;
float: left;
text-transform: uppercase;
font-weight: 600;
}
#mobile-nav ul a.request-btn:hover {
text-decoration: none;
border: 2px solid #ff5e5e;
background-color: #fff;
color: #ff5e5e;
transition: all 0.3s ease 0s;
}
#mobile-nav ul li a:hover {
color: #ff5e5e;
}
#mobile-nav ul li.parent ul li a {
font-size: 13px;
color: #e7e6e6;
}
#mobile-nav ul li.parent ul li a:hover {
color: #ff5e5e;
}
#mobile-nav ul ul {
margin: 0;
}
#mobile-nav ul ul li {
border-top: none;
padding-left: 1rem;
}
.modal-content .form-content .first-line .contact-submit-btn {
font-size: 13px;
margin-top: 20px;
}
.modal-content .location-block .first-srvc {
margin-bottom: 15px;
}
.modal-header h3 {
line-height: 28px;
font-size: 24px;
max-width: 94%;
}
.modal-header h3 span {
font-size: 14px;
} .portfolio .right,
.portfolio .left {
text-align: center;
}
} @media (min-width:992px) and (max-width:1024px) {
.header .navbar .exo-menu li .mega-menu-wrap .menu-title {
font-size: 11px;
}
.header .navbar .exo-menu li .mega-menu-wrap .sub-menu-navbar li a {
padding-bottom: 10px;
font-size: 11px;
}
.mega-menu {
max-width: 100%;
}
.process-block .first-process1 .one-count {
left: 36px;
top: 36px;
}
.process-block .first-process2 .one-count {
right: 36px;
top: 45px;
}
.process-block .first-process3 .one-count {
left: 36px;
top: 36px;
}
.process-block .first-process4 .one-count {
right: 36px;
top: 36px;
}
.process-block .first-process5 .one-count {
left: 36px;
top: 36px;
}
.process-block .first-process6 .one-count {
right: 36px;
top: 36px;
}
.process-block .first-process7 .one-count {
left: 36px;
top: 36px;
}
.process-block .first-process8 .one-count {
right: 36px;
top: 36px;
}
.portfolio img {
max-width: 70%;
}
.portfolio-block {
margin-top: 100px;
}
.port-banner {
padding-bottom: 50px;
}
.request-how-block .how-works::after {
left: 154px;
width: 650px;
}
.request-how-block .how-works .how-first h3 {
font-size: 24px;
}
.request-how-block .how-works .how-first h4 {
font-size: 20px;
}
.blog-tabs {
margin-top: 200px;
}
.blog-banner .banner-content .banner-left .banner-left-content {
padding-bottom: 30px;
margin-top: 28px;
}
.blog-banner .banner-content .banner-left {
width: 54%;
}
.blog-banner .banner-content .banner-left .banner-left-content h4 {
font-size: 22px;
}
.blog-banner .banner-content .banner-right p {
font-size: 15px;
}
#filters1 li span {
padding: 10px 14px;
font-size: 13px;
}
.solutions-block .sol-all h3 {
font-size: 21px;
}
.solutions-block .sol-all {
min-height: 330px;
}
.menu-box .menu-title {
font-size: 14px;
}
.mega-menu .menu-box ul li a {
font-size: 13px;
line-height: 30px;
}
.certificat-blog .certificat-box span {
height: 60px;
line-height: 60px;
}
.certificat-blog .certificat-box span img {
height: 25px;
}
.team-slider .slick-item img { }
.build-process-block .process-build .first-process {
width: 23%;
margin-right: 18px;
margin-bottom: 32px;
}
.second-block .services-block .first-srvc p {
min-height: 245px;
}
} @media (min-width:1025px) and (max-width:1200px) {
.header .navbar .exo-menu li .mega-menu-wrap .menu-title {
font-size: 11px;
}
.header .navbar .exo-menu li .mega-menu-wrap .sub-menu-navbar li a {
padding-bottom: 10px;
font-size: 11px;
}
.mega-menu {
max-width: 100%;
}
.nine-block .who-we1 h3 {
font-size: 15px;
}
.second-block .services-block .first-srvc {
min-height: 408px;
}
.header .navbar .nav li a {
padding: 10px 12px;
}
.header .navbar .nav a.request-btn {
margin-top: -8px;
}
.about-third-block .services-block .first-srvc {
min-height: 402px;
}
.portfolio img {
max-width: 70%;
}
.portfolio-block {
margin-top: 50px;
}
.port-banner {
padding-bottom: 50px;
}
.twelve-block .consult-btn {
padding: 12px 10px;
font-size: 12px;
}
.request-how-block .how-works::after {
left: 154px;
width: 650px;
}
.request-how-block .how-works .how-first h3 {
font-size: 24px;
}
.request-how-block .how-works .how-first h4 {
font-size: 20px;
}
.blog-tabs {
margin-top: 200px;
}
.blog-banner .banner-content .banner-left .banner-left-content {
padding-bottom: 40px;
margin-top: 28px;
}
.blog-banner .banner-content .banner-left {
width: 54%;
}
.blog-banner .banner-content .banner-left .banner-left-content h4 {
font-size: 22px;
}
.blog-banner .banner-content .banner-right p {
font-size: 15px;
}
#filters1 li span {
padding: 10px 14px;
font-size: 13px;
}
.solutions-block .sol-all h3 {
font-size: 21px;
}
.solutions-block .sol-all {
min-height: 330px;
}
.certificat-blog .certificat-box span {
height: 60px;
line-height: 60px;
}
.certificat-blog .certificat-box span img {
height: 25px;
}
.team-slider .slick-item img { }
.build-process-block .process-build .first-process {
margin-right: 28px;
}
.android-services-block .services-detail-block .top-services {
margin-left: 22px;
margin-bottom: 8px;
}
.android-services-block .services-detail-block .top-services .first-services {
margin-right: 102px;
}
.android-services-block .services-detail-block .top-services .first-services figure figcaption {
font-size: 14px;
}
.android-services-block .services-detail-block .bottom-services .first-services {
margin-left: 102px;
}
.android-services-block .services-detail-block .bottom-services .first-services figure figcaption {
font-size: 14px;
}
.android-services-block .services-detail-block .bottom-services {
margin-left: -58px;
margin-top: 8px;
}
.android-services-block-1 .experties-block .first-line.one .exp-one.one {
margin-right: 160px;
}
.android-services-block-1 .experties-block .first-line.one .exp-one.two {
margin-right: 52px;
}
.android-services-block-1 .experties-block .first-line.two .exp-one.three {
margin-right: 85px;
}
.android-services-block-1 .experties-block .first-line.three .exp-one.five {
margin-right: 240px;
}
.android-services-block-1 .experties-block .first-line.four .exp-one.seven {
margin-right: 128px;
}
.android-services-block-1 .experties-block .first-line .exp-one {
margin-bottom: -5px;
}
.android-services-block-2 .client-logo .client-1 {
margin-right: 19px;
}
.android-services-block1 .services-detail-block .top-services {
margin-left: 113px;
margin-bottom: 8px;
}
.android-services-block1 .services-detail-block .top-services .first-services {
margin-right: 32px;
}
.android-services-block1 .services-detail-block .top-services .first-services figure figcaption {
font-size: 14px;
}
.android-services-block1 .services-detail-block .bottom-services .first-services {
margin-left: 32px;
}
.android-services-block1 .services-detail-block .bottom-services .first-services figure figcaption {
font-size: 14px;
}
.android-services-block1 .services-detail-block .bottom-services {
margin-right: -173px;
margin-top: 8px;
}
.second-block .services-block .first-srvc p {
min-height: 245px;
}
li.drop-down>ul.submenu-services {
min-width: 213px;
}
li.drop-down>ul>li>a {
font-size: 12px !important;
padding: 8px !important;
}
.flyout-right>ul,
.flyout-left>ul {
min-width: 216px !important;
}
.flyout-right ul>li>a,
.flyout-left ul>li>a {
font-size: 12px !important;
padding: 6px !important;
}
li.drop-down>ul.full-width-ul>.row>.col-md-6>li>a {
font-size: 12px !important;
padding: 8px !important;
}
li.drop-down .full-width-ul {
width: 430px;
}
.android-services-block.ondemand-food-part .services-detail-block .top-services .first-services.one {
margin-left: 55px;
}
.android-services-block.ondemand-food-part .services-detail-block .top-services .first-services.two {
margin-right: 55px;
}
} @media (min-width:1201px) and (max-width:1600px) {
.portfolio-block {
margin-top: 150px;
}
.blog-tabs {
margin-top: 200px;
}
.mega-menu {
max-width: 100%;
}
}
@media (min-width:1601px) and (max-width:1820px) {
.header .navbar .exo-menu li .mega-menu-wrap .menu-title {
font-size: 11px;
}
.header .navbar .exo-menu li .mega-menu-wrap .sub-menu-navbar li a {
padding-bottom: 10px;
font-size: 11px;
}
}
@media (min-width:1200px) and (max-width:1400px) {
li.drop-down>ul.submenu-services {
min-width: 213px;
}
li.drop-down>ul>li>a {
font-size: 12px !important;
padding: 8px !important;
}
.flyout-right>ul,
.flyout-left>ul {
min-width: 216px !important;
}
.flyout-right ul>li>a,
.flyout-left ul>li>a {
font-size: 12px !important;
padding: 6px !important;
}
li.drop-down>ul.full-width-ul>.row>.col-md-6>li>a {
font-size: 12px !important;
padding: 8px !important;
}
li.drop-down .full-width-ul {
width: 430px;
}
}
.ani-tab-logo {
width: 130px;
display: block;
}
.ani-tab-logo img {
max-width: 100%;
}
@media only screen and (max-width: 375px) {
.banner-content.blog-banner-inner {
margin-top: -200px;
}
}
.service-listing ul {
margin: 0;
padding-left: 20px;
text-align: left;
}
.build-process-block.service-listing li {
color: #2d323a;
font-weight: 500;
font-size: 16px;
}
.service-listing li {
list-style: disc;
padding-bottom: 8px;
}
.build-industriesserve-block h2 {
text-align: center;
font-size: 38px;
color: #2d323a;
font-weight: 800;
position: relative;
display: block;
max-width: 100%;
line-height: 16px;
}
.build-industriesserve-block p {
font-size: 15px;
color: #2d323a;
font-weight: 500;
margin: 30px 0;
text-align: center;
}
.industriesserve li {
float: left;
width: 33.33%;
line-height: 30px;
list-style: disc;
}
.build-industriesserve-block {
background-color: #F9F9F9;
padding: 60px;
}
.build-industriesserve-block h2:after {
border-bottom: 4px solid #ff5e5e;
content: '';
position: absolute;
top: 25px;
left: 50%;
width: 90px;
height: 100%;
margin: 0px auto;
display: inline-block;
transform: translate(-50%, 0);
}
.nearshore-text {
font-size: 50px !important;
line-height: 55px !important;
}
.nearshore-text-main {
margin-top: 50px !important;
}