.happy_clients_wrapper .clients_comments_wrapper .clients_comments_video_wrapper .clients_comments_video_inner_wrapper .clients_comments_video_slider .client_comment_video_slide_box .video_tag :focus,
.video_tag:focus,
a:active,
body {
    outline: 0
}

body,
h4 {
    line-height: 1
}

.dropbtn,
.pagination a,
.readbloger-byprofile a:hover,
a,
a:focus,
a:hover {
    text-decoration: none
}

.company_para_div a:hover,
.connect_a,
.service_subcategory a:hover,
body .header_menu .menu_inner>ul>li .submenu_wrap li:hover a {
    text-decoration: underline !important
}

abbr,
acronym,
caption {
    font-variant: small-caps
}

dt,
li,
td,
th {
    line-height: 1.5em
}

.home-content,
ol ol,
ol ul,
td :first-child,
th :first-child,
ul ul,
ul.teck_symbols.amfo_tech_sign li:last-child,
ul.teck_symbols.amfo_tech_sign li:nth-last-child(2),
ul.teck_symbols.amfo_tech_sign li:nth-last-child(3) {
    margin-top: 0
}

.amfixo_delevered_count .count_titles,
.cstm_latest_changes_css .cnt-project-cont,
.help-with-development-inner,
.webDesignDev p,
.wrapper_itr_rooms .cstm_d_flex .inner_txt_type .Bold_font,
.wrapper_itr_rooms .cstm_d_flex .inner_txt_type .Semi_font,
.wrapper_itr_rooms .cstm_d_flex .inner_txt_type .regular_font,
tbody td,
tbody th,
thead th {
    text-align: left
}

h1,
h3 {
    line-height: .875
}

#header,
.has_country_dropdown .phone_input_drop,
img {
    height: auto
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

dl,
h4,
ol,
ul {
    margin: 0 0 1em
}

h6,
pre {
    line-height: 1.5;
    margin: 0 0 1.5em
}

.Home_app_dev .cards_followers ul li b,
.Home_app_dev .section3 .tab-pane.active,
.clearfix,
.deliver-design-title h2 span,
.faqs-title-section h1 span,
.tab_content_cstm .tab-pane.active,
.travelTransport-title span,
.wrapper_case_cashbook .wrapper_testimonial_cashbook .background_trans_text p.global_p img,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

*,
.a_count_dv h2,
.a_count_dv h2 span,
.a_count_dv span,
.aboutus-title span,
.app_str,
.build_title h1,
.connect_a span,
.contact_title h2,
.contact_title h2 span,
.cscc_part h6,
.deliver_p span,
.elem_wrap,
.element_wrapper span,
.killer-team-title h2,
.killer-team-title p a,
.packagetitle_inner span,
.pc-count-box h2,
.pck_span1,
.place_detail_inr h6,
.rated span,
.reason-detail h6,
.recognitions_content h2 span,
.sec_title,
.slide_box_p span,
.stack_title span,
.stroke,
.stroke-title,
.stroke-title::before,
.title-h2,
.title-h2 span,
.video-title h2,
.work_inquiry h6,
body,
h1 {
    font-family: Lato, sans-serif
}

.header ul,
ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

*,
:after,
:before {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.iti *,
.marquee,
.userJourney-wrapper,
body {
    box-sizing: border-box
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 100%
}

.appFeature-title2 h2 span,
.appFeature-title2 p,
.connect_a:hover,
.create-content h2,
.for-text-color a,
.for-text-color h1,
.for-text-color h3,
.for-text-color span,
.indus-recog-slider-box p span,
.innovation-title h2,
.mission-content h2,
.page-redirection ul li:last-child a,
.rp_link_a:focus,
.rp_link_a:hover,
.team-managers-title h2,
.text-writer h2 span,
.title-h2 span,
.understanding-title h2,
.vision-detail h2,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #1f173a
}

h2 {
    font-size: 3.2em;
    line-height: 1.3125;
    margin: 0 0 .65625em
}

h3 {
    font-size: 2.4em;
    margin: 0 0 .875em
}

h4 {
    font-size: 2.1em
}

h5 {
    font-size: 1.8em;
    line-height: 1.16667;
    margin: 0 0 1.16667em
}

h6 {
    font-size: 1.4em
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    padding: 0;
    font-size: 100%;
    color: inherit;
    background: #fff;
    border: 1px solid #ccc
}

input {
    line-height: normal
}

button:focus,
input:focus,
select:focus,
textarea:focus {
    border: 1px solid #888;
    outline: 0
}

input[type=checkbox],
input[type=radio] {
    padding: 0;
    border: none
}

button,
input[type=button],
input[type=file],
input[type=reset],
input[type=submit] {
    -webkit-appearance: none;
    cursor: pointer;
    line-height: normal;
    overflow: visible
}

.header_menu .menu_inner>ul>li .submenu_wrap ul li.latest_tech a,
.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover {
    cursor: default
}

.Home_app_dev .custom_tabs_dev .custom_col,
.animation_with_arrow,
.b_head_profile,
.clear,
.dropbtn,
.marquee {
    overflow: hidden
}

button[disabled],
input[disabled] {
    cursor: default;
    color: #999;
    border-color: #ccc
}

table,
tbody td,
tbody th {
    border-top: 1px solid #ccc
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

dl,
ol,
p,
ul {
    font-size: 100%;
    line-height: 1.5
}

dd {
    margin: 0 0 1em .8em
}

ul {
    /*! list-style-type: disc; */
}

.wrapper_case_cashbook .wrap_content_txt ul li,
ol {
    list-style-type: decimal
}

ol ul,
ul ul {
    list-style-type: circle
}

ol ol {
    list-style-type: lower-latin
}

.recognitions_slider_inr .slide_box_p,
blockquote,
cite,
dfn,
q,
var {
    font-style: italic
}

blockquote {
    background: 0 0;
    color: #666
}

small {
    font-size: 85.71429%;
    line-height: 1.75
}

code,
kbd,
pre,
samp,
tt,
var {
    font-size: 100%
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

code,
pre {
    color: #800
}

kbd,
samp,
var {
    color: #666;
    font-weight: 700
}

abbr,
acronym {
    border-bottom: 1px dotted #aaa;
    cursor: help
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

.amfixo_clients_words .client-words-box p,
.ufp-content p,
.writtenBy-prof-det p,
img {
    max-width: 100%
}

a {
    color: #4d87c7
}

a:focus,
a:hover {
    color: #4d87ff
}

table {
    border-spacing: 0;
    width: 100%;
    border-collapse: collapse;
    color: #444;
    border-bottom: 1px solid #ccc;
    margin: 0 0 1.35714em
}

td,
th {
    vertical-align: top;
    padding: .71429em .5em
}

thead th {
    color: #000;
    border-bottom: 2px solid #000
}

.btn,
button.btn,
input.btn {
    display: inline-block;
    font-size: 12px;
    color: #000;
    line-height: normal;
    vertical-align: middle;
    padding: 0 5px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid #ccc;
    background: #eee
}

.clear,
.clearfix:after {
    clear: both;
    display: block;
    visibility: hidden;
    width: 0;
    height: 0
}

.btn:focus,
.btn:hover,
button.btn:focus,
button.btn:hover,
input.btn:focus,
input.btn:hover {
    color: #4d87ff;
    border: 1px solid #888
}

.clearfix:after {
    content: " ";
    font-size: 0;
    line-height: 0
}

* html .clearfix {
    height: 1%
}

h1 {
    margin: 0 0 .4375em;
    font-size: 75px
}

#header {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 10
}

.anchor_link2,
.brochure-download button,
.captcha-button button,
.connect_a:hover,
.connection-sidebox a,
.d-connect-type a,
.errorpageDiv a,
.killer-team-title p a,
.recognitions_content a,
.senior-dev-detail-box a,
.subscriber-email button,
.team-profile-detail a {
    text-decoration: underline
}

.asked-question-left-part h3,
.captcha-div input,
.clientWords_box,
.cnt-project-cont,
.contactusModal,
.count_titles,
.cstm_inner_c_section .contact_title,
.dev-type-tech .innovation-indus-box,
.device-frame-wrapper p,
.doneContents_list li,
.dropbtn,
.errorpageDiv p,
.focusProduct-title h2,
.footer_bottom p,
.footer_link_ul li a i,
.fop-content,
.greeting-ripen-inner,
.hamrojourney-title,
.img_nav_border,
.latest_blog_tiltle,
.mission-img,
.nex-case-study,
.pc-count-box,
.place_detail,
.quality-testing-inner,
.slide_box,
.slide_box_img,
.stack_data_div,
.top_img_div,
.top_logo_img,
.video-title h2,
.video-title p,
.weeks_counts,
.wrapper_case_cashbook .wrapApp-stats .row .stats_wrap_data,
.wrapper_case_cashbook .wrapper_About_app .wrapApp-stats .stats_wrap_data,
.wrapper_case_cashbook .wrapper_Colorpalate .wraper_palate_code,
.wrapper_case_cashbook .wrapper_testimonial_cashbook .main_txt ul,
.wrapper_case_cashbook .wrapper_typography .row .inner_txt_type,
.wrapper_itr_rooms .inner_palate,
figure.teck_imgs,
ul.teck_symbols li {
    text-align: center
}

body {
    margin: 0;
    padding: 0;
    -webkit-outline: none;
    overflow-x: hidden;
    color: #1f173a;
    font-display: optional
}

button,
button:focus {
    outline: 0 !important
}

::-webkit-scrollbar {
    width: 4px
}

::-webkit-scrollbar-track {
    background: #f1f1f1
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
    height: 60px
}

::-webkit-scrollbar-thumb:hover {
    background: #555
}

#content {
    margin-top: 90px
}

.content_inner,
.wrapper_itr_rooms .wrapper_testimonial_itr .wrap_cntent_testi {
    padding-top: 120px
}

.card2:first-child,
.home_content_inner {
    padding-top: 0
}

.faqs-title-section,
.paddingBottom,
.php-img-wrapper {
    padding-bottom: 100px
}

.latest_blog_wrapper,
.paddingBottom2 {
    padding-bottom: 150px
}

.custom_container {
    width: 100%;
    max-width: 1370px;
    margin: 0 auto;
    padding: 0 15px
}

.header,
.header_class {
    background-color: #fff;
    border-bottom: 1px solid #ece9e9;
    position: fixed;
    width: 100%;
    z-index: 99;
    top: 0
}

.header_inner_div {
    width: 95%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 10px
}

.app_box,
.appbox_img,
.b_head_profile,
.be_dribble a,
.connect_a,
.contact_link_ul li,
.drible-be a,
.dropbtn,
.element_wrapper,
.head_profile_data,
.indus-be .head,
.pagination,
.port-img-wrp,
.port-mid-image,
.readblog-box-img,
.social_link_ul li a,
.symbols_info,
.wrapper_itr_rooms .cstm_itr_anchor_app {
    display: inline-block
}

.header a {
    transition: .3s cubic-bezier(.25, .1, .23, .64)
}

.header_menu .menu_inner>ul {
    display: flex;
    align-items: center;
    margin: 0
}

.header_menu .menu_inner>ul>li {
    margin: 0 15px;
    position: relative
}

.header_menu .menu_inner>ul li .menu-level-1,
.header_menu .menu_inner>ul li a {
    padding: 10px 2px;
    font-weight: 600;
    color: #000;
    display: inline-block;
    cursor: pointer
}

.header_menu .menu_inner>ul li:hover>.menu-level-1,
.header_menu .menu_inner>ul li:hover>a {
    color: #5519c2;
    transition: .3s cubic-bezier(.25, .1, .23, .64)
}

.header_menu .menu_inner>ul>li .submenu_wrap li a {
    font-size: 14px;
    font-weight: 400;
    padding: 5px 2px
}

.header_menu .menu_inner>ul>li .submenu_wrap ul li {
    margin-bottom: 2px
}

.header_menu .menu_inner ul li.services .submenu_wrap ul li b {
    margin-bottom: 8px;
    display: block;
}

.header_menu .menu_inner>ul>li .submenu_wrap ul li.latest_tech:hover a {
    color: #000;
    text-decoration: none
}

.header_menu .menu_inner>ul>li.services .submenu_wrap ul li:first-child a,
.header_menu .menu_inner>ul>li.sub_title .submenu_wrap ul.title a {
    font-size: 15px;
    font-weight: 600
}

.header_menu .menu_inner>ul>li.button a {
    font-weight: 500;
    background: #5519c2;
    color: #fff;
    padding: 5px 16px;
    border-radius: 5px;
    margin-top: -4px;
    border: none
}

.header .mobile_button {
    font-size: 25px;
    padding: 10px;
    cursor: pointer;
    display: none;
    z-index: 999
}

.header .mobile_button i {
    font-size: inherit
}

.build_product,
.direct-connect-wrapper,
.privacy-policy-content-wrapper,
.section1,
.technology_stack_wrapper,
.wrapper_itr_rooms .wrapper_testimonial_itr {
    padding-bottom: 80px
}

.business_app_wrapper {
    padding: 0 0 20px 30px;
    position: relative;
    background-image: url(../bg_color.html);
    background-size: 70% 100vh;
    background-repeat: no-repeat;
    background-position: 510px -30px
}

.social_link {
    position: absolute;
    bottom: 6%;
    z-index: 1
}

.social_link_ul li {
    margin-top: 20px
}

.social_link_ul li a {
    color: #000;
    transition: transform .3s ease-in-out
}

.social_link_ul li.cstm_twitter-li a {
    width: 18px;
    height: 18px
}

.social_link_ul li:nth-child(4) a i,
.social_link_ul li:nth-child(5) a i {
    font-size: 22px;
    font-weight: 700
}

.footer_link_ul li:nth-child(4) a i,
.footer_link_ul li:nth-child(5) a i,
.persona_innerPart .cotax_info_left h4 {
    font-size: 26px
}

.social_link_ul li a:hover {
    transform: scale(1.1);
    transition: .2s ease-out
}

.social_link_ul li:first-child a:hover,
.social_link_ul li:nth-child(8) a:hover {
    color: #55adee
}

.social_link_ul li:nth-child(2) a:hover {
    color: #4169e1
}

.social_link_ul li:nth-child(3) a:hover {
    color: #0274b3
}

.social_link_ul li:nth-child(4) a:hover {
    background: -webkit-linear-gradient(#f58529, #feda77, #dd2a7b, #8134af, #515bd4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.social_link_ul li:nth-child(5) a:hover {
    color: #e94e8a
}

.social_link_ul li:nth-child(6) a:hover {
    color: #1d8abb
}

.social_link_ul li:nth-child(7) a:hover {
    color: #ce1a19
}

.social_link_ul li a i {
    font-size: 19px
}

.business_app_left {
    width: 50%;
    float: left;
    padding-top: 150px
}

.business_app_left_inr {
    position: relative;
    padding-left: 22%
}

.app-Icon-Detail,
.app_deliver,
.brochure-input,
.client-words-title,
.clientWords_box,
.developer-skills,
.focusProduct-title,
.fyt-right-part p,
.greeting-ripen-inner,
.lead-designers-title,
.next-caseStudy-box img,
.office-mail,
.project-problem,
.project_problems,
.wrapper_case_cashbook .wrapApp-stats h3 {
    margin-bottom: 40px
}

.business_app_wrapper::before {
    content: "";
    position: absolute;
    top: 70px;
    left: -40px;
    background-image: url(../png/blur.png);
    height: 300px;
    width: 300px;
    background-size: cover
}

.deliver_p {
    font-size: 2vw;
    color: #1f173a;
    line-height: 66px;
    font-weight: 500
}

.contact_link_ul li a i,
.cstm_deliver_p {
    font-size: 24px
}

.app_deliver strong {
    font-weight: 900 !important
}

.elem_wrap,
.element_wrapper span {
    color: #1f173a7d
}

.deliver_p::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 140px;
    background-image: url(../svg/text_dot.svg);
    height: 100px;
    width: 160px
}

.grow_business,
.wrapper_case_cashbook .project-outline-wrapper,
.wrapper_itr_rooms .wrap_btn_cstm {
    padding-top: 30px
}

.elem_wrap {
    font-size: 60px
}

.elem_wrap:before {
    content: "to";
    position: absolute;
    font-size: 60px
}

.element_wrapper span {
    font-size: 65px;
    line-height: 4.5vw
}

.lets_connect_innr {
    display: flex;
    padding-top: 40px
}

.blog_box_img img,
.lets_connect_innr a,
.wrapper_case_cashbook .aboutus-title h1,
.wrapper_case_cashbook .wrapper_testimonial_cashbook .main_wrapeer p,
.wrapper_list_contact ul li p {
    margin: 0
}

.app_hide_span img,
.d_contact_num span img {
    margin-right: 10px
}

.connect_a {
    letter-spacing: .5px;
    color: #1f173a;
    font-size: 23px;
    line-height: 38px
}

.connect_a:active {
    color: inherit
}

.bussines_head {
    margin-left: 30px;
    flex: 0 0 290px
}

.b_head_profile {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    vertical-align: middle
}

.Home_app_dev .custom_tabs_dev .custom_col1 .nav_direction,
.Home_app_dev .e_image_guru img,
.animation_with_arrow:hover::after,
.b_head_profile img,
.banner_collages img,
.blog_searchbar button img,
.company_para_div.services,
.content_img img,
.cstm-key-features .killer_team_content,
.cstm_frequently-asked-question .bs-example,
.cstm_inner_c_section .contact_us_inner_left,
.input-box-wrprr2,
.ripen-video video,
.team-profile-img img {
    width: 100%
}

.head_profile_data {
    vertical-align: middle;
    margin-left: 20px
}

.Profile_name {
    letter-spacing: .44px;
    color: #000;
    font-size: 22px;
    margin-bottom: 12px
}

.head_profile_data span {
    letter-spacing: .28px;
    font-size: 18px
}

.business_app_right {
    width: 50%;
    float: right;
    padding-left: 60px
}

.download_str,
.list-of-facility ul li span {
    font-size: 25px;
    font-weight: 700;
    vertical-align: middle
}

.app_animation {
    height: 600px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 20px 0;
    position: relative
}

.animated-logo img,
.app_box,
.fluter-01,
.fluter-02,
.fluter-03,
.inner_img3,
.ionic-inr,
.network,
.php-img-inr2,
.php-img-wrp,
.store-app,
.web-mock2,
.web-mock3,
.webapp-inner-img {
    position: absolute
}

.app_box2 {
    left: 60%;
    top: 12%
}

.app_box3 {
    top: 22%;
    left: 25%
}

.app_box4 {
    top: 47%;
    left: 39%
}

.app_box5 {
    top: 57%;
    left: 7%
}

.app_box6 {
    top: 66%;
    left: 58%
}

.appbox_img {
    z-index: 2;
    position: relative;
    width: 100px
}

.appbox_img_detail {
    vertical-align: top;
    background: #fff;
    padding: 6px 6px 6px 50px;
    border-radius: 16px;
    position: relative;
    left: -40px;
    z-index: 1;
    opacity: 0;
    display: none
}

.app_hide_span img,
.app_str,
.blog_searchbar button,
.blog_searchbar input,
.bloger-profile,
.brochure-download a,
.brochure-download img,
.connect-whatup,
.d_contact_num span img,
.d_contact_span span,
.direct_contact button,
.heart,
.iddm-h2 span,
.img_nav_border img,
.industry-recog-slider button img,
.industry-recog-slider button span,
.iti__country-name,
.iti__dial-code,
.iti__flag-box,
.logo_new_wrapp span.logo_img_circle img,
.playstore-links a span,
.project_problems h6,
.say_hi_a img,
.subpart_left h5>i,
.subscriber-form img,
.subscriber-form span,
.trending-blog-title-inr img,
.trending-blog-title-inr span,
figure.teck_imgs img,
img.arrows {
    vertical-align: middle
}

.process-01,
.process-02 {
    z-index: -1;
    position: absolute
}

.appbox_img_detail-show {
    opacity: 1;
    display: inline-block
}

.app_hide_span {
    display: block;
    padding-bottom: 8px
}

.app_hide_span:nth-child(2),
.cstm_inner_c_section .page-redirection,
.development-type-box-wrapper2,
.travel-indus-content-inner p:last-child {
    padding-bottom: 0
}

.amfixo_prjs_counts .weeks_counts h5,
.app_str {
    font-size: 18px
}

.app_box:hover .appbox_img_detail {
    display: inline-block;
    opacity: 1;
    -webkit-transition: opacity .35s ease-in-out .25s;
    -moz-transition: opacity .35s ease-in-out .25s;
    -o-transition: opacity .35s ease-in-out .25s;
    transition: opacity .35s ease-in-out .25s
}

.appsicon-image {
    background-image: url(../back_img.html);
    background-repeat: no-repeat;
    background-position: right -2px top 0;
    padding-top: 150px
}

.global_p {
    font-size: 24px;
    line-height: 45px;
    color: #1f173a
}

.section2 {
    padding: 50px 0 100px;
    position: relative
}

.build_title h1 {
    font-size: 56px;
    color: #1f173a80;
    margin-bottom: 20px;
    line-height: 60px
}

.aboutus-title .bold-text,
.build_title span {
    color: #1f173a;
    font-weight: 900
}

.build_product p {
    letter-spacing: 0;
    color: #1f173a
}

.product_detail_wrapper {
    position: relative;
    top: -120px
}

.about_a_div {
    width: 33%;
    float: left;
    position: absolute;
    bottom: 50px
}

.product_detail_inner {
    width: 67%;
    float: right;
    background-image: url(../png/count_bg.png);
    background-size: 100% 100%
}

.achievment_count_div {
    padding: 40px 200px 40px 40px;
    position: relative
}

.afte_el2::after {
    content: "";
    background-image: url(../png/man.png);
    width: 12.5vw;
    height: 13vw;
    position: absolute;
    right: -110px;
    bottom: -43px
}

.a_count_dv_wrpr,
.contact-member-box-wrpr,
.develop-type-heading,
.different-others-box-wrap,
.employe-img-wrapper,
.input_divide,
.teamates-profile-box,
.top-notch-wrapper.industry_pages {
    display: flex;
    justify-content: space-between
}

.a_count_dv_wrpr:first-child {
    margin-bottom: 60px
}

.a_count_dv,
.asoImgwrap {
    flex: 0 0 50%
}

.a_count_dv h2 {
    letter-spacing: 0;
    color: #fff;
    font-size: 2vw;
    margin-bottom: 10px
}

.a_count_dv h2 span {
    font-size: 55px
}

.a_count_dv span {
    font-size: 23px;
    line-height: 40px;
    color: #fff;
    font-weight: 300
}

.marquee_wrapper {
    position: absolute;
    top: 82%;
    width: 100%
}

.marquee {
    height: 170px;
    width: 100%;
    position: relative
}

.marquee--inner {
    display: block;
    width: 200%;
    position: absolute;
    animation: 15s linear infinite marquee
}

.marquee--inner:hover,
.rotate_img:hover {
    animation-play-state: paused
}

.marquee--inner span {
    float: left;
    width: 50%
}

@keyframes marquee {
    0% {
        left: 0
    }

    100% {
        left: -100%
    }
}

.ourWorkProcess-section,
.wrapper_case_cashbook .wrapApp-stats {
    padding-top: 100px
}

.a-circle-bg,
.aboutus-ripenlogo,
.animated-logo-about,
.captcha-button,
.contactUs-wrapper,
.designersimg2,
.device_frame_box,
.digital-marketing-image,
.happy_clients_wrapper .clients_comments_wrapper .carousel_navigation_btn_wrapper .carousel_navigation_btn_inner_wrapper,
.happy_clients_wrapper .clients_comments_wrapper .clients_comments_video_wrapper .clients_comments_video_inner_wrapper,
.innovation-industry-wrapper,
.ios-app-img img,
.mng-team2,
.ourWorkProcess-inner,
.recognitions_inner,
.seo-related-image,
.slider-nav-custom,
.smo-wrapper,
.subscriber-email,
.third-ui-image,
.uiUx-designer-image,
.video-wrapper,
.work-trust-title,
.wrapper_case_cashbook .project-outline-right-inner,
.wrapper_case_cashbook .wrap_content_txt,
.wrapper_case_cashbook .wrapper-image_cashbook,
.wrapper_case_cashbook .wrapper_row_cstm,
.wrapper_itr_rooms .wrap_itr_sameStyling,
.wrapper_itr_rooms .wrapper_product_details,
.wrapper_itr_rooms .wrapper_product_details .padding_top-itr .wrapper_cstm_position_txt_feature {
    position: relative
}

.owk-process-title {
    max-width: 860px
}

.process-01 {
    right: 0
}

.process-02 {
    bottom: 17%;
    left: 0
}

.process-img {
    padding: 50px 100px
}

.package_service_wrapper {
    display: flex;
    padding-bottom: 80px
}

.k_team-side-img,
.package_service_sideimg {
    flex: 0 0 30%
}

.package_service_content {
    flex: 0 0 70%;
    padding: 0 3%
}

.package_service_content p {
    font-size: 22px;
    line-height: 45px;
    max-width: 81%;
    margin-left: 0
}

.package_title {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 50px
}

.appstore-link a,
.packagetitle_inner span {
    display: block;
    margin-bottom: 20px
}

.pck_span1 {
    font-size: 3.5vw;
    color: #1f173a80
}

.pck_span2 {
    color: #1f173a;
    font-size: 6vw;
    font-weight: 900
}

.pck_span3 {
    color: #1f173a;
    font-size: 1.8vw;
    margin-bottom: 0 !important
}

.innovation-industry-box-wrapper,
.technology_card_wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.technology_card_wrapper a {
    display: flex;
    margin: 0
}

.technology_card {
    border: 1px solid #e1e1e1;
    border-radius: 22px;
    padding: 22px;
    margin: 0 37px 37px 0;
    width: 10vw;
    height: auto;
    transition: box-shadow .3s ease-in-out
}

.technology_card:hover {
    box-shadow: 0 29px 46px 0 rgb(80 83 130 / 17%)
}

.tch_card_img {
    margin-bottom: 15px;
    width: 5vw;
    height: 5vw
}

.technology_card span {
    color: #1f173a;
    font-size: 1.1vw;
    line-height: 1.7vw
}

.stack_title {
    font-size: 30px;
    padding-bottom: 60px
}

.stack_data {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.stack_data_div span {
    letter-spacing: .4px;
    font-size: 20px;
    color: #1f173a;
    line-height: 80px
}

.section5 {
    margin-bottom: 200px
}

.recognitions_wrapper {
    background-image: url(../blue.html);
    margin-bottom: 60px
}

.recognitions_content_wrpr {
    padding: 50px 0 280px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.recognitions_content {
    flex: 0 0 70%
}

.recognitions_content h2 {
    font-size: 56px;
    font-weight: 900;
    color: #fff
}

.recognitions_content p {
    color: #fff;
    margin-bottom: 20px
}

.recognitions_content a {
    color: #fff;
    font-size: 24px;
    line-height: 43px
}

.appFeature-title h2,
.appFeature-title h2 span,
.appFeature-title p,
.approch_ttles_wrapper .discussion_points_1 p,
.btn.btn-primary.contact_us_button a,
.clients_main_wrapper .count_titles p,
.dad-box-detail a,
.dad-box-detail a:hover,
.differ-other-title span,
.discus-project-a3 a,
.discus-project-a3 a span,
.discus-project-a3 a:hover span,
.discus-project-a4 a,
.discus-project-a4 a span,
.discus-project-a4 a:hover,
.discus-project-div a,
.discus-project-div a i,
.for-text-color2 a,
.for-text-color2 h1,
.for-text-color2 span,
.hiring-content-box h1,
.hiring-content-box p,
.ios-app-download a,
.prev_img_name h3>a,
.process_design_ttl h2>span,
.recognitions_content a:hover,
.service-box h1,
.teck_title_white h2,
.teck_title_white h2>span,
.top_logo_img p,
.wrapper_list_contact ul li p a {
    color: #fff
}

.recognitions_slider_wrapper {
    position: absolute;
    bottom: -120px;
    width: 100%
}

.slide_box {
    width: 100%;
    box-shadow: 15px -116px 99px #3e138d70;
    background: #fff;
    padding: 30px 20px 50px
}

.slide_box_img {
    margin: 0 auto 40px
}

.slide_box_img img {
    margin: 0;
    display: inline-block;
    width: 218px
}

.slide_box_p {
    letter-spacing: .5px;
    color: #1f173a80;
    font-size: 25px;
    margin-bottom: 30px
}

.dropbtn a,
.hamro-content h6,
.hamro-content p,
.place_detail_inr h6 .cstm_country_anchor_footer,
.slide_box_p span,
p.service_subcategory a {
    color: #000
}

.slide_box_wrpr2,
.slide_box_wrpr:nth-child(2n) {
    display: flex !important;
    justify-content: flex-end
}

.blog_slider button,
.country_client_testimonial_wrapper .slider-nav-wrapper .slick-dots,
.portfoio_slider_wrap .slick-dots,
.recog_slider button {
    display: none !important
}

.help-with-development,
.latest_blog_tiltle,
.seo-img-wrp,
.wrapper_case_cashbook .wrap_content_about ul li {
    padding-bottom: 50px
}

.sec_title {
    font-size: 56px;
    margin-bottom: 2vw
}

.sec_title span {
    font-size: 55px;
    color: #1f173a80
}

.latest_blog_tiltle p {
    color: #1f173a;
    font-size: 24px;
    line-height: 45px;
    max-width: 75%;
    margin: 0 auto
}

.blog_slider {
    padding-left: calc(100% - 86%)
}

.blog_slider .slick-track {
    left: -210px
}

.blog_slide_box {
    padding: 0 40px
}

.blog_box_img,
.developers_divMargin,
.dots-box,
.great-ios-product .cstm_wrap_manange_padding,
.hire_developer_ttl_margnn,
.indus-be,
.listings_titles,
.mng-name-deg {
    margin-bottom: 30px
}

.blog_box_title span {
    font-size: 24px;
    line-height: 35px
}

.contact_us_form_wrapper {
    max-width: 1650px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px 170px;
    position: relative
}

.contact_us_inner {
    z-index: 9;
    position: relative
}

.contact_us_inner_left {
    width: 50%;
    float: left;
    padding-left: 50px
}

.contact_title {
    padding-left: 40px;
    padding-bottom: 50px
}

.contact_title h2 {
    font-size: 52px;
    font-weight: 900;
    color: #1f173a;
    margin-bottom: 15px
}

.contact_title h2 span {
    color: #1f173a80;
    font-weight: 700
}

.contact_form {
    padding: 70px;
    box-shadow: -30px -29px 65px #283c710f;
    background-color: #fff
}

.input_divide .input_wrapper {
    width: 48%
}

.input_divide .input_wrapper input {
    margin-bottom: 1.1rem
}

.input_wrapper ._select,
.input_wrapper input {
    height: 64px;
    margin-bottom: 1.5rem
}

.input_wrapper ._select:focus {
    box-shadow: unset;
    border-color: #ced4da
}

.apple-iconimage img,
.d_contact_num span img,
.develop-type-heading span>img,
.different-other-left-part img,
.footer_logo img,
.place_detail_inr h6>img,
img.img-fluid.logo_class.new_logo_class {
    max-width: 100%;
    height: auto
}

.captcha-div label,
.input_wrapper label {
    font-size: 13px;
    left: 5px;
    color: #e02b1e
}

.brochure-input input:focus,
.input_wrapper input:focus,
.input_wrapr input:focus,
textarea:focus {
    box-shadow: 0 23px 36px #00000029;
    border: 1px solid #b8bdbf
}

.input_wrapper input::placeholder {
    font-size: 16px;
    letter-spacing: .38px
}

.dev-type-tech li+li,
.direct_contact,
.stroke-title2,
.subpart_left p+p {
    margin-top: 40px
}

.direct_contact button {
    border: 0;
    background: #5519c2;
    letter-spacing: .5px;
    color: #fff;
    font-size: 25px;
    padding: 15px 70px;
    border-radius: 10px;
    display: inline-block;
    margin-right: 25px
}

.blogers-name,
.d_contact_num {
    display: inline-block;
    vertical-align: middle
}

.d_contact_num p {
    letter-spacing: .34px;
    color: #9e9ca2;
    font-size: 18px;
    padding-bottom: 5px
}

.d_contact_span {
    letter-spacing: .66px;
    color: #1d2127;
    font-size: 20px
}

.contact_us_inner_right {
    width: 50%;
    float: left
}

.rotate_logo {
    background-image: url(../side.html);
    padding-left: 40px;
    margin-left: 20px
}

.rotate_img {
    animation: 4s linear infinite spin
}

.shadow_img {
    left: -140px;
    position: relative
}

@keyframes spin {
    from {
        transform: rotateY(0)
    }

    to {
        transform: rotateY(360deg)
    }
}

.share_our_expert {
    background-color: #1f173a;
    padding: 50px;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    width: 100%;
    bottom: 110px
}

.expert_detail {
    color: #fff;
    font-size: 36px;
    line-height: 50px;
    width: 50%;
    z-index: 9
}

.expert_detail p {
    margin-bottom: 25px;
    margin-left: 30px
}

.head_profile_data2 span {
    color: rgba(255, 255, 255, .493);
    line-height: 15px
}

.Profile_name2 {
    color: #fff;
    line-height: 18px;
    margin-bottom: 5px
}

.office_place {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding-bottom: 80px
}

.place_detail {
    max-width: 320px
}

.android-blog-title h3,
.give-award-detail h4,
.leave-Reply-title h3,
.pc-count-box h2,
.place_detail_img,
.seo-inner-left-part p,
.title-h2 {
    margin-bottom: 15px
}

.place_detail_inr h6 {
    font-size: 20px;
    color: #000;
    margin-bottom: 10px
}

.place_address p {
    color: #5e5e5e;
    font-size: 19px;
    line-height: 34px;
    margin-bottom: 10px
}

.contact_detail span {
    display: block;
    font-size: 17px;
    line-height: 34px
}

#footer {
    padding: 0 65px
}

.footer_inner {
    border-top: 1px solid #808080c9;
    border-bottom: 1px solid #808080c9;
    padding: 70px 0 40px
}

.footer_contact {
    float: left;
    width: 30%;
    padding-right: 15px
}

.footer_logo,
.hiring-section-wrapper,
.project-client-count {
    padding-bottom: 60px
}

.footer_contact p {
    color: #212121;
    line-height: 39px;
    font-size: 21px;
    padding-bottom: 30px
}

.rated {
    color: #f7941d
}

.rated span i {
    font-size: 15px;
    vertical-align: text-top;
    position: relative;
    top: 3px
}

.cscc_wrapper {
    width: 70%;
    float: left;
    display: flex
}

.cscc_part {
    width: calc(100% / 4);
    padding-right: 15px
}

.cscc_part h6,
.give-award-detail p {
    font-size: 27px
}

.cscc_part ul li {
    font-size: 20px;
    line-height: 45px
}

.cscc_part ul li a,
p.company_para_div a {
    color: #393939
}

.work_inquiry h6 {
    font-size: 27px;
    margin-bottom: 20px
}

.inquiry_div {
    display: flex;
    padding-bottom: 25px
}

.inquiry_div span {
    font-size: 20px;
    width: 10%
}

.inquiry_detail,
.newslatter-img img,
.readblog-box-img img {
    width: 90%
}

.inquiry_detail span {
    display: block;
    padding-bottom: 20px;
    width: 100%
}

.content-creator-wrapper,
.cstm_inner_c_section .contact_us_inner,
.cstm_modal_design_new .wrapper_checkbox,
.focusProduct-content,
.footer_link_ul,
.managers-detail,
.our-mission,
.read-blog-inner,
.wrapper_case_cashbook .aboutus-title,
.wrapper_itr_rooms .wrapper_project_over_itr .wrap_card_concept_img {
    display: flex;
    align-items: center
}

.footer_link_ul li {
    margin-right: 25px
}

.footer_link_ul li a i {
    font-size: 27px;
    width: 50px
}

.cstm_modal_design_new .captcha1,
.footer_link_ul li.cstm_twitter-li a {
    width: 24px;
    height: 24px
}

.footer_bottom {
    padding: 20px 0
}

.footer_bottom p {
    font-size: 20px;
    color: #5e5e5e
}

.happy_clients_section_wrapper {
    margin: 90px 0
}

.happy_clients_wrapper,
.policy-box ul {
    margin: 10px 0
}

.happy_clients_wrapper .text_content_wrapper_1 .text_content_1 {
    font-size: 42px;
    font-weight: 600;
    color: #1f173a80;
    margin: 0
}

.special_word_1 {
    font-size: 54px;
    color: #1f173a
}

.happy_clients_wrapper .text_content_wrapper_2 .text_content_2 {
    font-size: 20px;
    font-weight: 500;
    color: #1f173a;
    margin: 0
}

.happy_clients_wrapper .clients_comments_wrapper {
    margin: 30px 0 250px;
    position: relative
}

.happy_clients_wrapper .clients_comments_wrapper .clients_comments_video_wrapper {
    position: absolute;
    right: 25%;
    top: 10%;
    width: 370px;
    height: 650px;
    z-index: 9
}

.happy_clients_wrapper .clients_comments_wrapper .clients_comments_video_wrapper .clients_comments_video_inner_wrapper .mobile_image_empty_frame {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.happy_clients_wrapper .clients_comments_wrapper .clients_comments_video_wrapper .clients_comments_video_inner_wrapper .mobile_image_empty_frame img {
    width: 100%;
    height: 650px
}

.happy_clients_wrapper .clients_comments_wrapper .clients_comments_video_wrapper .clients_comments_video_inner_wrapper .clients_comments_video_slider .client_comment_video_slide_box {
    text-align: center;
    position: relative
}

.happy_clients_wrapper .clients_comments_wrapper .clients_comments_video_wrapper .clients_comments_video_inner_wrapper .clients_comments_video_slider .client_comment_video_slide_box .video_tag {
    width: 90%;
    height: 650px;
    border-radius: 60px 60px 52px 52px
}

.happy_clients_wrapper .clients_comments_wrapper .clients_comments_slider .client_comment_slide_box {
    padding: 20px 50px
}

.common-port-img,
.duration_counts,
.happy_clients_wrapper .clients_comments_wrapper .clients_comments_slider .client_comment_slide_box .client_comment_slide_box_inner {
    display: flex;
    justify-content: center
}

.happy_clients_wrapper .clients_comments_wrapper .clients_comments_slider .client_comment_slide_box .client_comment_slide_box_inner .client_comment_slide_box_sub_inner {
    border-radius: 30px;
    display: flex;
    justify-content: space-between;
    padding: 240px 60px 100px;
    width: 100%
}

.background_564885 {
    background: radial-gradient(closest-side at 95% 10%, #564885 0, #2f2356 100%)
}

.background_2664AB {
    background: radial-gradient(closest-side at 95% 10%, #4e29cc 0, #2664ab 100%)
}

.happy_clients_wrapper .clients_comments_wrapper .clients_comments_slider .client_comment_slide_box .client_comment_slide_box_inner .client_comment_slide_box_sub_inner .left_side_wrapper,
.killer_team_content {
    width: 60%
}

.happy_clients_wrapper .clients_comments_wrapper .clients_comments_slider .client_comment_slide_box .client_comment_slide_box_inner .client_comment_slide_box_sub_inner .left_side_wrapper .text_content_wrapper_1 .text_content_1 {
    font-weight: 600;
    background: -webkit-linear-gradient(#eee, #fff0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.happy_clients_wrapper .clients_comments_wrapper .clients_comments_slider .client_comment_slide_box .client_comment_slide_box_inner .client_comment_slide_box_sub_inner .left_side_wrapper .text_content_wrapper_2 .text_content_2 {
    font-size: 25px;
    font-weight: 500;
    color: #fff;
    letter-spacing: .64px;
    margin: 0;
    font-family: Lato, sans-serif;
    line-height: 45px
}

.happy_clients_wrapper .clients_comments_wrapper .clients_comments_slider .client_comment_slide_box .client_comment_slide_box_inner .client_comment_slide_box_sub_inner .left_side_wrapper .content_wrapper_1 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 30px 0
}

.happy_clients_wrapper .clients_comments_wrapper .clients_comments_slider .client_comment_slide_box .client_comment_slide_box_inner .client_comment_slide_box_sub_inner .left_side_wrapper .content_wrapper_1 .left_side_content .text_content_wrapper_1 img {
    width: 70px;
    height: 70px;
    border-radius: 50%
}

.happy_clients_wrapper .clients_comments_wrapper .clients_comments_slider .client_comment_slide_box .client_comment_slide_box_inner .client_comment_slide_box_sub_inner .left_side_wrapper .content_wrapper_1 .right_side_content {
    margin-left: 15px
}

.happy_clients_wrapper .clients_comments_wrapper .clients_comments_slider .client_comment_slide_box .client_comment_slide_box_inner .client_comment_slide_box_sub_inner .left_side_wrapper .content_wrapper_1 .right_side_content .text_content_wrapper_1 .text_content_1 {
    font-size: 20px;
    font-weight: 600;
    color: #fff
}

.happy_clients_wrapper .clients_comments_wrapper .clients_comments_slider .client_comment_slide_box .client_comment_slide_box_inner .client_comment_slide_box_sub_inner .left_side_wrapper .content_wrapper_1 .right_side_content .text_content_wrapper_2 .text_content_2 {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    opacity: 50%
}

.happy_clients_wrapper .clients_comments_wrapper .carousel_navigation_btn_wrapper {
    margin: 20px 0
}

#prev_btn {
    position: absolute;
    top: 0;
    left: 0
}

#next_btn {
    position: absolute;
    top: 0;
    left: 176px
}

.happy_clients_wrapper .clients_comments_wrapper .carousel_navigation_btn_wrapper .carousel_navigation_btn_inner_wrapper button {
    border: none;
    outline: 0;
    margin: 0 10px
}

.happy_clients_wrapper .clients_comments_wrapper .clients_comments_slider .slick-dots li button:before {
    background-color: #000;
    width: 10px;
    height: 10px;
    border-radius: 50%
}

.happy_clients_wrapper .clients_comments_wrapper .clients_comments_slider .slick-dots {
    width: auto;
    position: absolute;
    left: 18.5%;
    bottom: -10%
}

.amfixo_delevered_count .project_duration_content,
.clients_comments_slider .slick-dots li button:active,
.top_banner_cotax .top_img_div {
    background: 0 0
}

.for-dots-left:before,
.for-dots-right:after {
    content: "";
    width: 154px;
    height: 236px;
    background-image: url(../dots_group.html);
    bottom: -60px;
    z-index: -1
}

.device_frame_box2,
.flex-mid {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-mid2,
.nameWithImg {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.global_p2,
.vision-detail p {
    font-size: 27px;
    line-height: 55px;
    color: #1f173acc
}

.title-h2 {
    color: #1f173a80;
    font-size: 56px;
    font-weight: 500
}

.about_ripener {
    padding: 20px 0 90px
}

.about-us-content {
    width: 78%
}

.page-redirection {
    padding-bottom: 25px
}

.page-redirection ul li {
    display: inline-block;
    padding-right: 5px
}

.page-redirection ul li a {
    color: #1f173a;
    font-size: 25px;
    letter-spacing: .5px;
    color: #1f173a80
}

.aboutus-title,
.wrapper_case_cashbook .padding_bottom_p,
.wrapper_itr_rooms .project-problem .padding_add {
    padding-bottom: 20px
}

.aboutus-title span {
    color: #1f173a7d;
    font-size: 4.2vw;
    display: block;
    line-height: 109px
}

.pc-count-box {
    padding: 0 30px
}

.pc-count-box h2 {
    font-size: 3.7vw;
    font-weight: 900
}

.pc-count-box span {
    color: #1f173a;
    font-size: 21px;
    font-weight: 300
}

.differentiate-wrapper {
    padding: 100px 0;
    background: #f3f3f3
}

.designers-detail,
.differentiate-inner,
.killerteam-more-images {
    display: flex;
    justify-content: flex-end
}

.different-left-side {
    padding-right: 20px
}

.clients_imgs,
.design-process-title,
.development-title,
.different-title,
.innovation-title,
.nav-blogs,
.understanding-title,
.whatWeDo-title {
    margin-bottom: 70px
}

.different-title p {
    width: 766px
}

.different-reason {
    display: flex;
    margin-bottom: 40px
}

.reason-detail:first-child {
    padding-right: 50px
}

.reason-detail h6 {
    position: relative;
    color: #1f173a;
    font-size: 37px;
    margin-bottom: 10px;
    max-width: 290px
}

.reason-detail h6::before {
    content: "";
    width: 5px;
    height: 100%;
    background-image: url(../line.html);
    position: absolute;
    background-repeat: no-repeat;
    left: -15px;
    top: 12px
}

.reason-detail p {
    color: #1f173a;
    font-size: 19px;
    line-height: 34px;
    max-width: 490px
}

.understanding-inner-wrapper {
    padding-bottom: 100px;
    border-bottom: 1px solid #1f173a3d
}

.our-vision {
    display: flex;
    align-items: center;
    margin-bottom: 80px
}

.vision-left-part {
    width: 54%
}

.vision-right-part {
    width: 55%;
    padding-left: 7%
}

.vision-img {
    margin-bottom: 25px
}

.fyt-left-part,
.mission-img {
    width: 30%
}

.animation_with_arrow.portfolio .icon-container .icon svg,
.mission-content {
    width: 70%
}

.android-blog-title,
.give-award-box-wrapper,
.next-caseStudy-title,
.policyContent-part p,
.readblog-box,
.readblog-ul,
.teammates-title,
.tmt2,
.top-listed-title {
    margin-bottom: 50px
}

.teammates-profile {
    width: 20%;
    display: inline-block;
    padding: 0 10px;
    margin: 30px 0 40px
}

.contactus-inner-wrapper,
.killer-team-wrapper,
.team-managers,
.video-wrapper {
    padding-bottom: 120px
}

.iti__v-hide,
.piyus-prof {
    visibility: hidden
}

.contact-member-wrapper,
.ctc-m-name,
.errorpageDiv h2,
.follow-behance2 span,
.input_wrapr .input-box-wrprr,
.sbox3 h1,
.sbox4 h3,
.sbox5 h1,
.team-profile-img,
.wrapper_itr_rooms .project-problem ul li {
    margin-bottom: 10px
}

.team-profile-detail h6 {
    color: #1f173a;
    font-size: 22px;
    line-height: 20px;
    margin: 0
}

.team-profile-detail span {
    display: block;
    line-height: 35px;
    color: #1f173a;
    opacity: .54;
    font-size: 17px;
    font-style: italic
}

.team-profile-detail a {
    color: #1f173a;
    font-size: 17px;
    line-height: 18px;
    display: block
}

.video-title h2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 30vw;
    background: #fff;
    font-weight: 900;
    color: #000;
    mix-blend-mode: screen;
    margin: 0
}

.be_dribble img,
.cstm_input_wrapper_form,
.d-connect-type a,
.input_wrapr .input-box-wrprr:first-child,
.mng-team1 {
    margin-right: 30px
}

.video-wrapper video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 10px
}

.video-title p {
    position: absolute;
    font-size: 52px;
    left: 50%;
    transform: translate(-50%);
    display: block;
    width: 100%;
    bottom: 17%
}

.team-managers-box {
    padding-top: 100px;
    padding-bottom: 80px
}

.All-blog-box-wrapper,
.Home_app_dev .E_text_image_guru,
.Home_app_dev .wrap_text_arrow_logo,
.asked-question-wrapper,
.award-recognition-title-wrapper,
.bug-release-policy-title,
.client-words-content,
.contact-box-wrapper,
.content_subparts,
.country_link_ul,
.design-app-detail-box-wrap,
.design-process-type-wrapper,
.different-other-inr-wrapper,
.digitalUniverse-wrapper,
.fit-your-travels-inr-wrapper,
.innovation-industry-box-wrapper a,
.input_wrapr,
.list-of-facility,
.posted-blog-wrapper,
.project-outline-inner,
.readbloger-byprofile2,
.repliesAndForm,
.smo-inner,
.team-mn-img,
.top-app-detail-inner,
.topListed-award-wrapper,
.whyWeAre-inner-content,
.whyWeAre-reason-box-wrapper,
.whyWeAre-title {
    display: flex
}

.for-dots-right:after {
    position: absolute;
    right: -43px
}

.for-dots-left:before {
    position: absolute;
    left: 177px
}

.managers-profile {
    padding-left: 80px
}

.mng-name-deg h6 {
    color: #1f173a;
    font-size: 28px;
    margin-bottom: 5px
}

.mng-name-deg span {
    color: #1f173a;
    opacity: .54;
    font-size: 21px;
    font-style: italic
}

.client-words-box img,
.lead-designers,
.writtenBy-leaveReply {
    margin-bottom: 80px
}

.designersimg1,
.ktm_images_div {
    margin-left: 30px
}

.designer-profile {
    display: flex;
    justify-content: flex-start;
    width: 900px;
    margin: 50px 0
}

.designer-name-deg {
    margin-right: 40px
}

.designersimg2-inner {
    text-align: right;
    position: relative
}

.content-creatorimg {
    padding-right: 70px
}

.create-content {
    max-width: 810px
}

.amfixo_founder_para p,
.creator-profile,
.wrapper_case_cashbook .margin_top_image {
    margin-top: 50px
}

.creator-profile h6 {
    color: #1f173a;
    font-size: 28px;
    margin-bottom: 10px
}

.creator-profile span {
    color: #1f173a;
    opacity: .54;
    font-size: 21px
}

.stroke-title {
    font-size: 90px;
    color: #1f173a;
    -webkit-text-stroke: 2px #1f173a;
    -webkit-text-fill-color: #fff;
    margin-bottom: 10px;
    position: relative
}

.stroke-title::before {
    content: "Life";
    color: #1f173a;
    font-size: 35px;
    position: absolute;
    -webkit-text-fill-color: #1f173a;
    top: -24px;
    letter-spacing: 2px
}

.killer-team-title-wrapper {
    max-width: 900px;
    margin: 0 auto;
    padding-bottom: 80px
}

.killer-team-title h2 {
    font-size: 60px;
    font-weight: 900;
    line-height: 70px;
    max-width: 700px
}

.appFeature-title2 h2,
.blogers-name span:nth-child(2),
.killer-team-title h2 span,
.title-h3 span {
    color: #1f173a80
}

.killer-team-title p {
    font-size: 24px;
    line-height: 54px;
    color: #1f173a
}

.dropbtn a:hover,
.dropdown:hover .dropbtn,
.killer-team-title p span,
.service_subcategory a:hover,
.web-color {
    color: #5519c2
}

.killer-team-title p a {
    color: #5519c2;
    font-size: 36px
}

.killerteam-img-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.k_team-side-img img:first-child {
    padding-bottom: 33px
}

.stroke {
    font-size: 90px;
    -webkit-text-stroke: 1.11px #000;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    text-shadow: 2px 4px
}

.video-title .shadow-outline {
    color: #000;
    -webkit-font-smoothing: antialiased;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke: 2px #000;
    position: absolute;
    font-size: 30vw;
    top: 47%;
    transform: translatey(-50%);
    mix-blend-mode: darken;
    opacity: .2;
    left: 50px;
    margin: 0
}

.work-togather-wrapper {
    padding: 20px 0 100px;
    position: relative
}

.contact-us-content {
    width: 85%;
    margin-bottom: 30px
}

.direct-connect h6 {
    font-size: 29px;
    color: #000;
    margin-bottom: 25px
}

.d-connect-type a {
    font-size: 37px;
    color: #000
}

.ripen-logo-box {
    position: absolute;
    bottom: 80px;
    right: -140px
}

.bg-color-part {
    width: 100%;
    height: 245px;
    background: #1f173a;
    opacity: .04;
    position: absolute;
    bottom: 220px
}

.contactbox-left-part {
    width: 45%;
    background-image: url(../contact-bg.html);
    padding: 30px 0
}

.contactbox-left-part h3 {
    letter-spacing: .72px;
    font-size: 36px;
    color: #fff;
    max-width: 358px;
    padding-left: 50px;
    line-height: 35px;
    margin-bottom: 30px
}

.contactbox-left-part p,
.ctc-m-name {
    letter-spacing: .38px;
    font-size: 19px;
    color: #fff
}

.contact-member-box {
    display: flex;
    margin-bottom: 32px;
    margin-right: 20px
}

.ctc-member-detail1 {
    background: #f0679c;
    padding: 20px 40px;
    width: 321px;
    text-align: right;
    margin-right: 20px;
    border-radius: 0 17px 0 0
}

.ctc-m-deg {
    color: #fff;
    opacity: .71;
    font-size: 14px
}

.ctc-member-detail2 {
    background: #6618f5;
    width: 181px;
    padding: 20px 15px
}

.ctc-member-detail3 {
    width: 150px;
    background: #ff9aaf;
    padding: 15px 10px;
    border-radius: 17px 17px 0
}

.blank-div {
    background: #7900ff;
    border-radius: 0 0 0 17px;
    width: 116px;
    height: 90px
}

.contact-member-box-wrpr:last-child,
.design-process-type-box:last-child,
.senior-dev-detail-box:last-child {
    margin-right: 0
}

.contactbox-left-part p {
    opacity: .8;
    width: 480px;
    margin-bottom: 25px
}

.contact-social-links,
.cstm_bold_dots {
    padding-left: 40px
}

.contact_link_ul li a {
    color: #fff;
    margin-right: 17px
}

.contactbox-right-part {
    width: 55%;
    margin-left: 30px;
    border: 1px solid #e5e5e5;
    padding: 30px;
    position: relative;
    background: #fff
}

.product-iddm-wrapper,
.tech-stack-type {
    border-left: 2px solid #d3d3d3
}

.form-wrapper ._select,
.form-wrapper input {
    border: 1px solid #b8bdbf;
    border-radius: 10px;
    height: 56px
}

.contactbox-right-part-inner h2 {
    margin-bottom: 15px;
    font-size: 30px
}

.input_wrapr input:first-child {
    margin: 0 30px 20px 0
}

.form-wrapper textarea {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #b8bdbf;
    border-radius: 10px;
    font-size: 1.1rem;
    height: 135px
}

.captcha-button button {
    width: 200px;
    height: 54px;
    background: #5519c2;
    letter-spacing: .48px;
    color: #fff;
    border-radius: 10px;
    font-size: 24px
}

.captcha-button button:hover {
    background: #fff;
    color: #5519c2;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1)
}

.iddm-h2:before,
.tech-stack-type span::before {
    height: 2px;
    background-color: #d3d3d3;
    content: ""
}

.btnWithcptca {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.btnWithcptca .g-recaptcha {
    width: 48%;
    margin-bottom: 80px
}

.btnWithcptca .captcha-button {
    width: calc(100% - 220px);
    text-align: left
}

.join-taem2-wrapper,
.services-box-wrapper {
    display: flex;
    margin-bottom: 30px
}

.team_img_div2 {
    width: 40%;
    margin-top: 40px
}

.development-type-title,
.place-detail-wrapper h2 {
    text-align: center;
    margin-bottom: 80px
}

.top-notch-wrapper {
    display: flex;
    justify-content: space-between;
    padding-left: 10%
}

.ios_content_wrapper {
    width: 990px
}

.ios_content_wrapper p {
    margin-bottom: 40px;
    max-width: 91%
}

.apple-iconimage {
    margin-left: 90px
}

.device-frame-wrapper {
    padding-top: 70px;
    padding-bottom: 150px
}

.iOS-device-frame {
    display: flex;
    align-items: baseline;
    justify-content: space-evenly;
    margin-bottom: 80px;
    width: 100%;
    min-height: 156px
}

.app_global_title p,
.appicon-img,
.blogshare-ul,
.company-award-box img:first-child,
.cstm_modal_design_new .popup-h3 .discuss_your,
.design-process-type-box img,
.device_frame_box img,
.hr-box-title,
.policy-box,
.portf-blog-detail h4,
.posted-blog-img,
.readblog-box p,
.readblog-share-detail h6,
.readbloger-byprof-img,
.reason-zero-box img,
.ripen-logo {
    margin-bottom: 20px
}

.device_frame_box span {
    display: block;
    text-align: center;
    font-size: 24px;
    line-height: 50px;
    color: #1f173a
}

.inner_img {
    position: absolute;
    left: 30%;
    top: 35%
}

.iosFrame-title {
    text-align: center;
    font-size: 33px
}

.great-ios-product,
.whyWe-Are {
    padding-bottom: 130px
}

.whyWeAre-title h2 {
    flex: 0 0 40%
}

.whyWeAre-title p {
    flex: 0 0 54%
}

.blog_replies_inr,
.services-boxs2 {
    display: flex;
    margin-bottom: 20px
}

.service-box {
    border-radius: 37px;
    padding: 30px;
    background-image: url(../agile.html);
    background-repeat: no-repeat;
    background-position: right 20px bottom 20px
}

.sbox3,
.sbox4 {
    background-position: right bottom
}

.service-box h3 {
    font-size: 70px;
    color: #fff;
    font-weight: 600
}

.service-box span {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    line-height: 36px
}

.sbox1 {
    width: 233px;
    height: 214px;
    background-color: #5bc1ee;
    margin-right: 20px
}

.sbox2 {
    width: 294px;
    height: 214px;
    background-color: #fa7565;
    background-image: url(../ui_ux.html)
}

.sbox3 {
    background-color: #144348;
    width: 547px;
    height: 309px;
    background-image: url(../mask.html)
}

.sbox3 h1 {
    font-size: 99px
}

.sbox4 {
    background-color: #5519c2;
    width: 497px;
    height: 539px;
    padding: 50px;
    margin: 0 20px;
    background-image: url(../mono_bg.html)
}

.sbox4 h3 {
    font-size: 149px
}

.sbox5 {
    background-color: #8eb8e9;
    width: 294px;
    height: 294px;
    margin-bottom: 20px;
    background-image: url(../team_logo.html)
}

.sbox5 h1 {
    font-size: 81px
}

.sbox6 {
    width: 294px;
    height: 226px;
    background-color: #5eb9af;
    background-image: url(../delivery.html)
}

.say_hi_a {
    letter-spacing: .5px;
    color: #1f173a;
    font-size: 25px
}

.say_hi_a img {
    max-width: 100%;
    height: auto;
    margin-left: 10px
}

.ios-product-title,
.trending-blog-title-inr {
    margin-bottom: 100px
}

.ios-product-title h3 {
    line-height: 60px
}

.digital-universe-title h2,
.ios-product-title h2,
.userJourney-title h2 {
    line-height: 90px
}

.ios-product-title p {
    max-width: 1140px
}

.product-iddm-box {
    margin-bottom: 60px;
    padding-left: 120px;
    position: relative
}

.blogshare-ul li:last-child,
.cstm_modal_design_new .social_link_ul,
.doneContents_list li:last-child,
.product-iddm-box:last-child,
.solution-heading {
    margin-bottom: 0
}

.iddm-h2 img,
.playstore-links a img {
    margin-right: 10px;
    vertical-align: middle
}

.iddm-h2 span {
    font-size: 36px
}

.iddm-h2:before {
    position: absolute;
    width: 70px;
    left: 0;
    top: 26px
}

.product-iddm-box p {
    max-width: 865px
}

.ios-app-detail-left {
    flex: 0 0 30%;
    padding: 50px 50px 50px 100px;
    background-color: #282a2f
}

.ecommerce-port-left,
.education-left-port,
.portfolio_banner_slick .top-app-detail-wrapper .ios-app-detail-left {
    background-color: #02307e
}

.home-trust-title h2 {
    bottom: 60px;
    position: relative
}

.work-trust-title::before {
    content: "Your";
    position: absolute;
    color: #fff;
    font-size: 62px;
    font-weight: 300;
    font-style: oblique;
    top: 65px
}

.work-trust-title img {
    position: relative;
    left: -100px;
    top: 20px
}

.work-trust-title h2 {
    letter-spacing: 1.7px;
    color: #fff;
    text-transform: uppercase;
    font-size: 75px;
    line-height: 90px
}

.app-detail-a a {
    color: #fff;
    margin-bottom: 230px;
    display: inline-block
}

.follow-behance span {
    letter-spacing: .4px;
    color: #fff;
    font-size: 20px;
    line-height: 43px;
    display: inline-block;
    margin-bottom: 30px
}

.ios-app-detail-right {
    flex: 0 0 70%;
    background-color: #41444a;
    position: relative;
    background-image: url(../ios_app_bg.html);
    background-size: 80% auto;
    background-repeat: no-repeat;
    background-position: center
}

.ios-app-img {
    text-align: center;
    padding: 150px 0 100px
}

.ios-app-img img:nth-child(2) {
    margin: 0 50px;
    bottom: 70px
}

.ios-app-img img:nth-child(3),
.work-trust-title2 {
    top: 60px
}

.ios-app-download {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 100px
}

.app-name-download {
    display: flex;
    padding-bottom: 20px
}

.app-name-dwn-inr {
    margin-right: 70px
}

.app-name-dwn-inr h3 {
    font-size: 40px;
    color: #fff
}

.app-name-dwn-inr span {
    letter-spacing: .19px;
    color: #fff;
    font-size: 19px;
    max-width: 315px;
    display: inline-block;
    line-height: 30px
}

.appstore-link {
    position: absolute;
    right: 50px;
    top: 50px;
    padding-right: 50px
}

.appstore-link span {
    display: inline-block;
    position: absolute;
    transform: rotate(90deg);
    font-size: 21px;
    color: #fff;
    width: 150px;
    left: 10px;
    top: 45px
}

.ios-tech-title-wrpr {
    background: linear-gradient(180deg, #f9f9f9 0, #fff 100%);
    padding: 100px 0
}

.ios-stack-content-wrapper,
.whyWeAre-section {
    padding: 100px 0
}

.tech-stack-type {
    padding-left: 10px;
    float: left;
    width: calc(100% / 4)
}

.tech-stack-type h4 {
    font-size: 28px;
    margin-bottom: 24px
}

.tech-stack-type span {
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 50px;
    padding-left: 60px
}

.tech-stack-type span::before {
    position: absolute;
    width: 50px;
    left: -10px;
    top: 22px
}

.development-type-box-wrapper {
    display: flex;
    justify-content: space-between;
    padding-bottom: 100px
}

.development-type-box {
    border: 1px solid #e1e1e1;
    border-radius: 25px;
    flex: 0 0 32.5%;
    padding: 40px
}

.develop-type-heading h3 {
    font-size: 35px;
    line-height: 51px;
    margin-bottom: 20px;
    margin-right: 10px
}

.develop-type-heading span,
.list-of-facility ul li span:first-child {
    width: 50px;
    display: inline-block
}

.development-type-box p {
    color: #1f173acc;
    font-size: 20px;
    line-height: 38px
}

.develop_type_p {
    color: #1f173acc;
    font-size: 27px;
    line-height: 55px;
    text-align: center
}

.innovation-bg-frame {
    position: absolute;
    width: 69%;
    height: 616px;
    background: #fafafa;
    z-index: -1
}

.innovation-industry-inner {
    padding-bottom: 130px;
    padding-top: 70px
}

.innovation-title p {
    max-width: 90%
}

.innovation-indus-box {
    padding: 30px 20px;
    border: 1px solid #e1e1e1;
    border-radius: 22px;
    width: 213px;
    margin-right: 10px;
    margin-bottom: 40px;
    transition: box-shadow .4s ease-in-out;
    background: #fff
}

.innovation_ttl {
    width: calc(100% - 300px)
}

.innovation_ttl p {
    font-size: 17px;
    line-height: 30px;
    text-align: left;
    margin-left: 27px
}

.innovation-indus-box span,
.innovation_headings h3 {
    font-size: 18px;
    color: #1f173a;
    line-height: 30px
}

.innovation-indus-box:hover {
    box-shadow: 0 69px 57px 0 rgb(56 56 84 / 9%);
    border: 1px solid #fff
}

.about-design,
.innovation-img,
.travel-indus-content-inner p {
    padding-bottom: 30px
}

.innovation_headings h3 {
    margin: 15px auto 0
}

.frequently-asked-question {
    padding-bottom: 160px
}

.asked-question-left-part {
    width: 30%;
    min-height: 900px;
    background-repeat: no-repeat
}

.faq-sec-contentDiv {
    padding-left: 40%
}

.faq-sec-contentDiv p {
    padding: 20px 0 50px
}

.bs-example {
    width: 910px
}

.asked-question-left-part h2 {
    color: #fff;
    left: 28%;
    position: relative;
    width: 380px;
    top: 150px
}

.asked-question-left-part h2:after {
    content: "";
    position: absolute;
    width: 210px;
    height: 210px;
    background-image: url(../dots_circle.html);
    background-repeat: no-repeat;
    background-size: contain;
    left: -80px;
    top: -63px
}

.asked-question-right-part {
    padding-left: 145px
}

.card2 {
    border: none;
    border-bottom: 2px solid #d3d3d3 !important;
    padding: 35px 0
}

.card2:last-child {
    border-bottom: 0 !important
}

.solution-heading button {
    border: none;
    background: 0 0;
    display: flex;
    justify-content: space-between;
    margin: 0;
    width: 100%
}

.solution-heading button span {
    text-align: left;
    font-weight: 500
}

.card-header2 {
    border: none;
    background: 0 0;
    padding: 0
}

.accordion2>.card {
    border: none
}

.solution-card-box {
    padding: 25px 0 0
}

.solution-card-box p {
    font-size: 22px;
    color: #1f173ac7;
    line-height: 40px;
    margin-bottom: 20px;
    display: inline-block
}

.hiring-content-wrapper,
.solution-box-ul li {
    display: flex;
    align-items: baseline
}

.bullet {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #000;
    margin-right: 20px;
    border-radius: 50%;
    position: relative;
    top: -2px;
    flex: 0 0 8px
}

.trending-blog-title-inr h2 {
    font-size: 42px
}

.trending-blog-title-inr p {
    color: #1f173ac4;
    font-size: 22px
}

.blog-slide-wrapper {
    padding-left: 290px
}

.trending-blog-slider .slick-track {
    left: -180px
}

.trend-blog-box-wrapper a:focus {
    outline: 0;
    border: none
}

.blog-detail-wrapper {
    display: flex;
    width: 940px;
    padding-right: 100px
}

.blogers-detail {
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

.bloger-profile {
    width: 45px;
    display: inline-block;
    margin-right: 12px
}

.read-blog-img,
.readbloger-byprof-img2 {
    margin-right: 50px
}

.blogers-name span {
    font-size: 21px;
    color: #1f173a
}

.blogers-name span:first-child {
    color: #5519c2;
    font-weight: 700
}

.blog-detail-left-part h6 {
    font-size: 30px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 8px
}

.blog-detail-left-part p,
.blog_post_date {
    font-size: 20px;
    letter-spacing: .2px;
    color: #1f173a
}

.blog-detail-left-part p {
    line-height: 30px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.blog_post_date {
    opacity: .5
}

.blog-detail-right-part,
.why-ripen-title {
    padding-left: 50px
}

.nav-blog-wrapper {
    padding: 30px 0 10px;
    border-top: 2px solid #7070704a;
    border-bottom: 2px solid #7070704a
}

.nav-blogs .active,
.pagination a.active {
    background-color: #5519c2;
    color: #fff;
    border: 1px solid #5519c2
}

.nav-blogs li a {
    border: .5px solid #1f173a59;
    border-radius: 10px;
    font-size: 16px;
    color: #1f173a59;
    padding: 10px 15px;
    margin: 0 15px 15px 0;
    display: inline-block;
    transition: box-shadow .2s ease-in-out;
    min-width: 90px;
    text-align: center
}

.nav-blogs li a:hover,
.playstore-links a:hover {
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, .11)
}

.be_dribble.behence_right .first-img,
.nav-blogs li:first-child a {
    margin-left: 0
}

.tab-content-blog {
    padding: 60px 0 100px
}

.portfolio_banner_slick .slick-next.slick-disabled:before,
.portfolio_banner_slick .slick-prev.slick-disabled:before,
.tab-content-blog .fade:not(.show) {
    opacity: 1
}

.blog_searchbar form {
    position: relative;
    display: flex;
    align-items: center
}

.blog_searchbar input {
    width: 100%;
    height: 73px;
    border: none;
    font-size: 38px;
    font-weight: 700;
    color: #1f173a44
}

.blog_searchbar input::placeholder {
    font-size: 40px;
    font-weight: 700;
    color: #1f173a;
    opacity: .1
}

.blog_searchbar button {
    position: absolute;
    right: 50px;
    border: none;
    display: inline-block;
    font-size: 50px;
    width: 50px
}

.title-h3 {
    font-size: 43px;
    font-weight: 700
}

.blog_para {
    font-size: 26px;
    color: #1f173ad6
}

.posted-blog1 {
    width: 35%
}

.blog1_sidebox {
    width: 65%;
    padding-left: 50px
}

.posted-blog1-side {
    display: flex;
    margin-bottom: 25px
}

.posted-blog-img-sidebox {
    padding-right: 30px;
    flex: 0 0 45%
}

.blog-detail-side-left-part h6 {
    font-size: 25px;
    line-height: 40px
}

.news-subscribe-wrapper {
    display: flex;
    background: #5519c2;
    padding: 0 100px;
    align-items: center;
    margin-top: 50px
}

.newslatter-img {
    padding-right: 50px;
    position: relative;
    bottom: 60px;
    z-index: 1
}

.newslatter-img::before {
    content: "";
    background-image: url(../dots_left.html);
    position: absolute;
    width: 138px;
    height: 89px;
    bottom: -20px;
    left: -50px;
    z-index: -1
}

.industry-recognition-inner:after,
.join-with-us::after,
.join-with-us::before {
    background-image: url(../whitedots.html);
    background-repeat: no-repeat;
    content: ""
}

.join-with-us::after,
.join-with-us::before {
    width: 49px;
    height: 90px;
    background-position: 0 30px;
    background-size: 120px 80px
}

.subscriber-form h2 {
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px
}

.subscriber-form p {
    color: #fff;
    font-size: 19px;
    margin-bottom: 15px;
    max-width: 510px
}

.country_link_ul li,
.drible-be a,
.subscriber-form img {
    margin-right: 15px
}

.h2spanclr {
    color: #ffffff7d
}

.subscriber-email input {
    height: 60px;
    border-radius: 16px;
    border: 2px solid #ffffff21;
    width: 570px;
    color: #00000070;
    font-size: 20px;
    padding-right: 170px
}

.subscriber-email button {
    background: #5519c2;
    border: none;
    color: #fff;
    position: absolute;
    top: 8px;
    right: 10px;
    width: 160px;
    height: 45px;
    letter-spacing: .38px;
    font-size: 19px;
    border-radius: 10px
}

.Allblog_sidebox {
    width: 65%;
    padding-right: 50px
}

.connection-sidebox-wrapper {
    width: 35%;
    padding-left: 50px
}

.connection-sidebox {
    background-color: #ea6b52;
    height: 680px;
    padding: 40px;
    background-image: url(../blog_side_img.html);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom;
    position: sticky;
    top: 100px
}

.connection-sidebox h2 {
    letter-spacing: -.85px;
    color: #fff;
    font-size: 45px;
    font-weight: 700
}

.connection-sidebox a {
    letter-spacing: .5px;
    color: #fff;
    font-size: 25px
}

.pagination-wrapper {
    text-align: center;
    margin-top: 50px
}

.pagination a {
    float: left;
    padding: 8px 13px;
    transition: background-color .3s;
    margin: 0 4px;
    font-size: 17px;
    letter-spacing: .34px;
    border-radius: 8px;
    border: 1px solid #94939a;
    color: #1f173a
}

.pagination a:hover:not(.active) {
    background-color: #ddd
}

.read-blog-wrapper,
.wrapper_itr_rooms .wrapper_screens_section {
    padding-top: 60px
}

.read-blog-img {
    width: 45%;
    position: relative
}

.read-blog-img img {
    z-index: 1
}

.readblogers-name span {
    font-size: 25px
}

.readblog-detail-right {
    width: 55%
}

.readblog-detail-right h6 {
    font-size: 44px;
    line-height: 70px;
    max-width: 670px
}

.readblog_post_date {
    font-size: 22px
}

.readblog-img-backdiv {
    width: 468px;
    height: 338px;
    background: #f27578;
    position: absolute;
    top: -60px;
    left: -60px;
    z-index: -1
}

.readblog-content-wrapper {
    max-width: 1630px;
    float: right
}

.readblog-content-left {
    width: 65%;
    float: left;
    padding-right: 70px
}

.readblog-titlepart {
    margin-bottom: 45px
}

.readblog-titlepart h5 {
    font-size: 34px;
    font-weight: 700;
    line-height: 3.5vw;
    margin-bottom: 20px
}

.readblog-titlepart p {
    color: #1f173a;
    font-size: 28px;
    line-height: 7vh
}

.readblog-box h3 {
    font-size: 40px;
    margin-bottom: 25px
}

.readblog-box p {
    font-size: 28px;
    line-height: 2.3vw
}

.readblog-ul li {
    font-size: 28px;
    padding-left: 30px;
    position: relative;
    line-height: 50px
}

.readblog-share-detail h6,
.writtenby-h4 {
    opacity: .5;
    font-size: 23px
}

.readblog-ul li::before {
    content: "";
    background-color: #1f173a;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: 0;
    top: 37%
}

.readblog-content-right {
    width: 35%;
    float: left;
    padding-left: 70px;
    position: sticky;
    top: 100px
}

.readblog-share-detail {
    background-color: #f7f7f7;
    padding: 55px
}

.blogshare-ul {
    display: inline-grid;
    padding: 20px 15px;
    border: 2px solid #1f173a3d;
    border-radius: 43px;
    background: #fff
}

.blogshare-ul li {
    text-align: center;
    margin-bottom: 15px
}

.blogshare-ul li a {
    font-size: 18px;
    color: #000;
    padding: 5px;
    text-align: center;
    display: inline-block;
    transition: transform .1s
}

.blogshare-ul li a:hover {
    transform: scale(1.2)
}

.profile-popup,
.readbloger-byprof-img img {
    width: 65px
}

.readbloger-byprofile h4 {
    font-size: 25px;
    margin-bottom: 10px
}

.readbloger-byprofile span {
    font-size: 17px;
    opacity: .5
}

.readbloger-byprofile p {
    font-size: 19px;
    max-width: 225px;
    padding: 20px 0
}

.indus-recog-slider-box a,
.readbloger-byprofile a {
    color: #1f173a;
    font-size: 20px;
    text-decoration: underline
}

.readblog-types-btn {
    max-width: 700px
}

.readblog-types-btn a {
    color: #1f173a;
    background: #f7f7f7;
    font-size: 16px;
    padding: 10px 15px;
    display: inline-block;
    border-radius: 8px;
    margin: 0 15px 15px 0
}

.forUnderline {
    margin-bottom: 100px;
    border-bottom: 2px solid #70707027
}

.writtenBy-wrapper {
    padding: 50px 0;
    border-top: 1px solid #70707024
}

.writtenby-h4 {
    letter-spacing: 2.76px
}

.readbloger-byprof-img2 img {
    width: 115px
}

.writtenBy-prof-det h4 {
    font-size: 32px;
    color: #1f173a
}

.captcha-div input,
.captcha-div span,
.doneContents_list li p,
.wrapper_case_cashbook .wrap_content_txt .cstm_ul_list_num li h3,
.writtenBy-prof-det span {
    font-size: 20px
}

.leaveReply-wrapper {
    padding: 70px 0;
    background: linear-gradient(180deg, #f9f9f9 0, #fff 100%);
    border: 2px solid #7070701c
}

.leave-Reply-title {
    margin-bottom: 38px
}

.leave-Reply-title p {
    font-size: 26px;
    color: #1f173a;
    opacity: .8
}

.blog-replies-box,
.digitalUniverse-left,
.features_left_side,
.list-of-facility ul,
.prev_case_study,
.replier-form,
.whyWeAre-left-part {
    width: 50%
}

.blog-replies-box span {
    letter-spacing: 2.76px;
    color: #1f173a;
    text-transform: uppercase;
    opacity: .5;
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 30px;
    display: inline-block
}

.replier-profile {
    width: 70px;
    height: 70px;
    background: #5519c21a;
    border-radius: 50%;
    margin-right: 20px
}

.replier-detail h6 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 5px
}

.replier-detail p {
    color: #1f173a;
    opacity: .8;
    font-size: 18px
}

.blog-form-wrapper {
    box-shadow: 0 -105px 99px #1f173a0d;
    padding: 35px
}

.blog-form-btn,
.popup-captcha {
    position: relative;
    bottom: 0
}

.blog-form-btn button {
    width: 250px
}

.blog-form-wrapper input:focus,
.blog-form-wrapper textarea:focus {
    box-shadow: 0 23px 36px #00000029
}

.hiring-content-left-part {
    width: 60%;
    background: url(../career_bg.html)
}

.hiring-content-box {
    max-width: 861px;
    float: right;
    padding: 80px 30px 90px 0
}

.small-text {
    display: block;
    font-size: 70px;
    font-weight: 700
}

.large-text {
    font-size: 160px;
    font-weight: 900
}

.hiring-content-right-part {
    width: 40%;
    padding-left: 70px
}

.colorful-box {
    width: 261px;
    height: 682px;
    background-color: #5519c2;
    opacity: .1;
    position: absolute;
    top: 0;
    z-index: -1;
    right: 0
}

.hiring_group_img {
    text-align: right
}

.join-with-us-inner {
    background-color: #e7f6fd;
    max-width: 1600px;
    margin: 0 auto
}

.join-with-us {
    padding: 100px 0;
    position: relative
}

.join-with-us::before {
    background-color: #ff7600;
    position: absolute;
    border-bottom-right-radius: 90px;
    border-top-right-radius: 90px;
    bottom: 19px;
    left: -80px
}

.industry-recognition-inner:after,
.join-with-us::after {
    background-color: #5519c2;
    border-top-left-radius: 90px;
    position: absolute
}

.join-with-us::after {
    border-bottom-left-radius: 90px;
    top: 130px;
    right: -50px
}

.joinUs-title {
    text-align: center;
    max-width: 850px;
    margin: 0 auto 40px
}

.joinUs-title h2 {
    color: #00022b;
    font-size: 62px;
    font-weight: 700;
    margin-bottom: 20px
}

.reason-zero-bug-release,
.senior-developer-detail-wrapper {
    display: flex;
    flex-wrap: wrap
}

.senior-dev-detail-box {
    width: 30%;
    margin: 15px;
    background: #fff;
    padding: 20px 10px;
    position: relative
}

.developer-deg-detail {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.developer-degination h5 {
    font-size: 32px;
    font-weight: 700;
    color: #00022b;
    margin-bottom: 8px
}

.developer-degination span {
    color: #00022b73;
    font-size: 21px
}

.developer-count {
    color: #f7941d;
    font-size: 50px;
    font-weight: 700
}

.developer-skills ul li {
    position: relative;
    font-size: 16px;
    padding-left: 15px;
    margin-bottom: 7px
}

.developer-skills ul li:before {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    background-color: #f7941d;
    top: 8px;
    left: 0;
    border-radius: 50%
}

.senior-dev-detail-box a {
    color: #1f173a;
    font-size: 20px;
    position: absolute;
    bottom: 40px
}

.hr-manager-detail-wrapper {
    background-color: #f1ede5;
    padding: 50px 40px 0;
    display: flex;
    align-items: center
}

.hr-image {
    flex: 0 0 35%
}

.hr-manager-detail {
    flex: 0 0 65%;
    margin-bottom: 40px
}

.hr-box-title span:first-child {
    color: #1f173a80;
    font-size: 55px;
    display: block;
    font-weight: 700;
    margin-bottom: 10px
}

.hr-box-title span:last-child {
    font-size: 76px;
    font-weight: 700
}

.withMail-p a {
    color: #5519c2;
    font-size: 32px;
    font-weight: 700
}

.award-recog-title-left,
.project-outline-right {
    width: 65%
}

.award-recog-title-left h1 {
    font-size: 4.1vw;
    font-weight: 700
}

.award-recog-title-left span {
    margin-bottom: 20px;
    display: inline-block
}

.award-recog-img {
    width: 35%;
    text-align: right
}

.industry-recognition-wrapper {
    background: #e7f6fd;
    padding: 100px 0
}

.industry-recognition-inner {
    padding-bottom: 80px;
    position: relative
}

.industry-recognition-inner:after {
    width: 90px;
    height: 49px;
    border-top-right-radius: 90px;
    bottom: -40px;
    right: 150px;
    background-position: -80px 3px
}

.industry-recognition-inner p {
    font-size: 30px;
    margin-bottom: 80px
}

.indus-recog-slider-box {
    background: #fff;
    padding: 25px;
    margin-right: 35px;
    font-style: italic
}

.dots-box span {
    width: 7px;
    height: 7px;
    background: #ff5b00;
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px
}

.dots-box span:nth-child(2) {
    background: #ffb200
}

.dots-box span:last-child {
    background: #00b250
}

.recog-slider-boximg {
    width: 170px;
    margin-bottom: 30px
}

.indus-recog-slider-box p {
    letter-spacing: .4px;
    color: #1f173a80;
    font-size: 20px;
    margin-bottom: 20px;
    min-height: 150px;
    line-height: 40px
}

.industry-recog-slider button {
    border: none;
    background: 0 0;
    letter-spacing: 2.76px;
    color: #1f173a;
    font-size: 23px;
    font-weight: 700;
    position: absolute;
    bottom: -60px
}

.give-award-detail h4,
.travel-indus-content-inner h2 {
    font-size: 40px;
    font-weight: 700
}

.industry-recog-slider .slick-prev-btn {
    padding-right: 15px;
    opacity: .5
}

.industry-recog-slider .slick-prev-btn:after {
    content: "";
    height: 25px;
    width: 2px;
    background: #1f173a;
    position: absolute;
    top: 20%;
    right: 0
}

.industry-recog-slider .slick-next-btn {
    left: 125px
}

.topListed-award-left-part {
    width: 50%;
    padding-right: 40px
}

.topListed-award-right-part {
    padding-left: 40px;
    width: 50%;
    padding-top: 200px
}

.company-award-box {
    background: #fff8f3;
    padding: 50px 0;
    margin-bottom: 40px
}

.company-award-box img {
    display: block;
    margin: 0 auto
}

.company-award-box2 {
    background: #f5fcfd
}

.employe-img-wrapper img:nth-child(2) {
    margin: 0 30px
}

.travelTransport-title {
    width: 834px
}

.travel-industry-image-wrapper {
    width: 55%;
    position: relative;
    background-image: url(../travel-indus-bg.html);
    background-repeat: no-repeat;
    background-position: right -150px top 0;
    background-size: auto
}

.travel-indus-image {
    display: flex;
    align-items: flex-start;
    transform: rotate(35deg);
    position: absolute
}

.travel-indus-image img:first-child {
    position: relative;
    left: 62px
}

.travel-indus-image img:last-child {
    position: relative;
    top: 90px;
    left: -30px
}

.travel-industry-content-wrapper {
    padding-top: 150px;
    background-image: url(../lines.html);
    background-position: left -300px top;
    background-repeat: no-repeat
}

.travelAppBanefit {
    margin-bottom: 70px;
    position: relative
}

.travelAppBanefit::after {
    content: "";
    position: absolute;
    width: 640px;
    height: 500px;
    background-image: url(../svg/home_animationbg.svg);
    left: -380px;
    top: -210px;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: .6
}

.travelApps-benefit-box,
.user_persona_img {
    width: 280px
}

.travelApps-benefit-box span {
    width: 195px;
    display: inline-block
}

.a-circle-bg::before {
    content: "";
    position: absolute;
    width: 210px;
    height: 210px;
    background-image: url(../dots_circle.html);
    background-repeat: no-repeat;
    background-size: contain;
    left: -80px;
    top: -63px;
    z-index: -1
}

.tripat-app-detail-left {
    background-color: #34349d
}

.tripat-app-detail-right {
    background-color: #f5e9ce
}

.why-ripen-fit-apps {
    border: 1px solid #707070;
    border-radius: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 400px;
    position: relative
}

.ripen-logo-img {
    position: absolute;
    top: -25px;
    background: #fff;
    padding: 0 24px
}

.ripen-logo-img::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border: 1px solid #707070;
    border-radius: 50%;
    top: 40%;
    transform: translateX(146%)
}

.ripen-logo-img::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border: 1px solid #707070;
    border-radius: 50%;
    top: 40%;
    transform: translateX(-242%)
}

.why-ripen-title h2 {
    font-size: 38px;
    font-weight: 900;
    margin-bottom: 10px
}

.why-ripen-title h2 span {
    display: block;
    color: #1f173a80
}

.why-ripen-title p {
    color: #1f173a;
    opacity: .5
}

.airoplane-img {
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, .11);
    border-radius: 27px;
    position: absolute;
    bottom: -30px;
    left: -50px;
    padding: 10px;
    background: #fff
}

.fyt-right-part {
    width: 70%;
    padding-left: 60px
}

.fit-app-reason ul,
.smoImgWrap {
    padding-left: 30px
}

.fit-app-reason ul li {
    font-size: 25px;
    list-style: initial;
    font-weight: 700;
    width: 630px;
    margin-bottom: 18px;
    line-height: 50px
}

.portfolio-blog-img-box {
    padding: 0;
    background: 0 0;
    margin-bottom: 50px
}

.portf-blog-detail p {
    width: 500px;
    line-height: 50px;
    margin-bottom: 14px
}

.connect_a i {
    font-size: 18px;
    position: relative;
    opacity: 0;
    -webkit-transition: opacity .2s, -webkit-transform .35s;
    transition: opacity .2s, transform .35s, .2s
}

.connect_a:hover i {
    display: inline-block;
    opacity: 1;
    transform: translateX(5px)
}

.portfolio-side-img {
    position: relative;
    max-width: 600px
}

.be-drible-wrapper {
    position: absolute;
    top: 340px;
    left: 50px
}

.share-your-idea {
    padding-bottom: 150px;
    position: relative
}

.background-stripe {
    background: #1f173a;
    opacity: .04;
    height: 245px;
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    z-index: -1
}

.share-your-idea-inner {
    padding: 60px 100px;
    background: url(../men.html) #5519c2
}

.share-your-idea-box {
    max-width: 52%
}

.share-your-idea-box p {
    font-size: 40px;
    color: #fff;
    margin-bottom: 40px
}

.office-mail a {
    font-size: 53px;
    font-weight: 700;
    color: #fff
}

.discus-project-a3 a:hover span img {
    -webkit-transition: opacity .5s, -webkit-transform .7s;
    transition: opacity .5s, transform .7s;
    transform: rotate(40deg)
}

.discus-project-a3 a:hover {
    color: #fff;
    opacity: .8
}

.case-study-p {
    color: #1f173a;
    font-size: 65px;
    max-width: 710px
}

.case-study-bg-img {
    background-image: url(../case-study-side.html)
}

.availabe-apps h6 {
    font-size: 25px;
    letter-spacing: .5px;
    margin-bottom: 20px
}

.playstore-links a {
    display: inline-block;
    border: 1px solid #1f173a1f;
    padding: 10px 20px;
    min-width: 160px;
    border-radius: 21px;
    text-align: center;
    margin-right: 20px;
    transition: box-shadow .2s ease-in-out
}

.playstore-links a span {
    color: #1f173a;
    font-size: 18px
}

.case-study-image {
    position: relative;
    left: 20px
}

.appstore-logo {
    position: absolute;
    top: 90px;
    left: -61px
}

.padding_top,
.project-outline-wrapper {
    padding-top: 110px
}

.project-outline-left {
    width: 35%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between
}

.app-Icon-Detail h4 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 10px
}

.app-Icon-Detail span {
    letter-spacing: .19px;
    color: #1f173a;
    font-size: 19px
}

.project-problem h5 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px
}

.project-problem ul li {
    font-size: 24px;
    margin-bottom: 13px;
    line-height: 45px
}

.caseStudy-appFeatures,
.quality-testing-wrapper {
    padding-bottom: 200px
}

.appFeatures-wrapper {
    position: relative;
    background: url(../tree.html) left 80px bottom no-repeat #2b3d4a;
    margin-top: 230px;
    padding-top: 200px
}

.apps-mockup-image {
    width: 650px;
    position: absolute;
    right: 170px;
    top: -230px
}

.appFeatures-detail {
    position: relative;
    top: 130px
}

.appFeature-title {
    margin-bottom: 80px;
    max-width: 770px
}

.design-process-section,
.sec_new_padding {
    padding-bottom: 170px
}

.design-process-inner {
    text-align: center;
    max-width: 840px;
    margin: 0 auto;
    position: relative
}

.common-c {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    padding: 47px;
    border-radius: 50%;
    position: absolute
}

.design-process-concept {
    height: 600px;
    position: relative
}

.feedbk-testing {
    width: 236px;
    height: 236px;
    background-color: #ffeee4
}

.problemConcept {
    width: 360px;
    height: 360px;
    background: #ddf3ec;
    font-size: 30px;
    font-weight: 700;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.development-box,
.uiDesign-box {
    background: #fff;
    box-shadow: 0 31px 39px #1f173a17
}

.development-box {
    width: 270px;
    height: 270px;
    right: 30px;
    top: 25px
}

.development-box::after {
    content: ""
}

.uiDesign-box {
    width: 210px;
    height: 210px;
    bottom: 20px;
    left: 30%
}

.wireframing-box {
    width: 170px;
    height: 170px;
    background: #f0f2ff;
    bottom: 20px;
    right: 60px
}

.abcd,
.abcd2,
.aso-wrapper,
.blogjourney-wrapper,
.overlay-bg2,
.playpause,
.seo-wrapper,
.swishjourney-wrapper {
    background-repeat: no-repeat
}

.abcd,
.abcd2 {
    background-size: cover;
    position: absolute
}

.abcd {
    right: 0;
    top: 10px;
    width: 310px;
    height: 310px;
    background-image: url(../round_02.html)
}

.abcd2 {
    background-image: url(../round_01.html);
    width: 230px;
    height: 230px;
    bottom: 15px;
    left: 23%
}

.listings_left_part,
.wireframing-content {
    width: 500px
}

.nameWithImg h2 {
    font-size: 40px;
    font-weight: 700;
    font-style: italic
}

.nameWithImg2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.nameWithImg2 img {
    margin-bottom: 50px;
    transform: rotate(190deg);
    position: relative;
    left: -50px
}

.mobile-mockup-imag {
    margin: 0 70px
}

.uiDesigning-content {
    position: relative;
    top: 70px
}

.userJourney-detail {
    position: relative;
    padding-bottom: 150px
}

.userJourney-wrapper {
    background-image: url(../mb-screens.html);
    background-color: #ebf9ff;
    width: 100%;
    margin: 0;
    text-align: center;
    height: 800px;
    padding-top: 120px;
    background-size: 100% auto;
    -ms-transform: skewY(-2deg);
    transform: skewY(-2deg)
}

.userJourney-title {
    position: absolute;
    top: 100px;
    left: 250px;
    width: 550px
}

.client-words-box {
    border: 1px solid #e5e5e5;
    padding: 40px;
    margin-left: 40px
}

.client-words-box p {
    font-size: 34px;
    max-width: 681px;
    margin-bottom: 70px;
    line-height: 60px
}

.client-name h2 {
    color: #43c2fa;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 15px
}

.client-name span {
    font-size: 28px;
    color: #1f173a;
    opacity: .5
}

.next-cstdy-detail h3 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px
}

.next-cstdy-detail p {
    font-size: 28px;
    max-width: 470px;
    margin: 0 auto 20px
}

.service-specification p {
    font-size: 32px;
    line-height: 60px;
    text-align: center
}

.webDesignDev p {
    padding-left: 0 !important
}

.Home_app_dev .custom_tabs_dev .remove-padding,
.development-title p {
    padding: 0
}

.development-t-h3 {
    color: #000;
    margin-bottom: 50px;
    font-size: 32px;
    text-align: center
}

.dev-type-tech .innovation-indus-box .innovation-img {
    height: 90px
}

.appStore-rule {
    background-color: #5519c20d;
    padding: 200px 0 100px;
    position: relative;
    z-index: 1
}

.appStore-rule p {
    font-size: 34px;
    line-height: 62px;
    max-width: 700px;
    margin: 0 auto;
    text-align: center
}

.cnt-project-cont h3,
.whyWeAre-left-part p {
    margin-bottom: 35px
}

.whyWeAre-right-part {
    padding-left: 8%
}

.whyWeAre-reason-box-wrapper:first-child {
    border-bottom: 1px solid #bfc6ce
}

.whyWeAre-reason-box {
    padding: 30px 30px 30px 0
}

.whyWeAre-reason-box h3 {
    font-size: 69px;
    font-weight: 700;
    color: #000;
    margin-bottom: 16px
}

.whyWeAre-reason-box span {
    font-size: 24px;
    color: #0a323e;
    opacity: .5;
    margin-bottom: 15px;
    display: block
}

.whyWeAre-reason-box p {
    font-size: 23px;
    width: 220px
}

.reason-box2 {
    padding: 25px 0 25px 50px;
    border-left: 1px solid #bfc6ce
}

.deliver-design-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px
}

.design-app-detail-box {
    padding: 40px;
    border-radius: 30px
}

.mobileinner,
.mockup1,
.web-mock {
    box-shadow: 0 19px 53px 0 #1f173a2b;
    border-radius: 8px
}

.dad-box-detail h6 {
    font-size: 34px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px
}

.dad-box-detail p {
    font-size: 17px;
    color: #fff;
    max-width: 270px;
    margin-bottom: 15px
}

.swish-fintechApp {
    width: 553px;
    height: 410px;
    background-image: url(../swish-bg.html)
}

.e-gurukulApp {
    width: 787px;
    height: 410px;
    background-image: url(../egurukul-bg.html)
}

.henchensApp {
    width: 787px;
    height: 410px;
    background-image: url(../hanchens-bg.html)
}

.discussProject {
    width: 553px;
    height: 410px;
    background-image: url(../card.html)
}

.aso-wrapper,
.seo-wrapper {
    background-image: url(../graphic_line.html)
}

.logo-gif {
    text-align: right;
    margin-bottom: 50px
}

.design-app-detail-box:first-child {
    margin: 0 30px 30px 0
}

.digital-marketing-wrapper p {
    max-width: 730px
}

.digital-marketing-image img:nth-child(2) {
    position: absolute;
    bottom: 140px;
    left: 30px
}

.digital-marketing-image img:nth-child(3) {
    position: absolute;
    bottom: 35%;
    right: 7%
}

.s-e-s-title {
    text-align: center;
    margin-bottom: 100px
}

.s-e-s-title p {
    max-width: 1166px;
    margin: 0 auto
}

.seo-wrapper {
    background-color: #9cb2d369;
    background-position: right -800px bottom 30px
}

.smo-wrapper::before {
    content: "";
    position: absolute;
    width: 5%;
    height: 30%;
    background-color: #9cb2d369;
    z-index: 1
}

.aso-wrapper,
.overlay-bg2,
.smo-wrapper::after {
    background-color: #f9faff
}

.smo-wrapper::after {
    content: "";
    position: absolute;
    top: 30%;
    width: 5%;
    height: 70%;
    z-index: 1
}

.aso-wrapper {
    padding-bottom: 70px;
    background-position: right -970px bottom -30px
}

.seo-inner {
    padding-top: 170px;
    display: flex;
    align-items: center;
    padding-bottom: 80px
}

.seo-inner-left-part {
    width: 50%;
    z-index: 2
}

.seo-inner-left-part span {
    font-size: 32px;
    text-transform: uppercase;
    color: #0000004a;
    display: block;
    margin-bottom: 12px
}

.seo-inner-left-part h2 {
    font-size: 80px;
    font-weight: 700;
    line-height: 95px
}

.seo-inner-right-part {
    padding-left: 60px;
    width: 50%
}

.seo-img-wrp img:first-child {
    margin-right: 20px
}

.seo-img-wrp img:nth-child(2) {
    position: absolute;
    left: 30%;
    top: 2%;
    z-index: 2
}

.seo-img-wrp img:nth-child(3) {
    position: relative;
    bottom: 20px
}

.smo-img-wrap {
    display: flex;
    align-items: flex-start
}

.smoImgWrap img:first-child {
    position: relative;
    left: -50px
}

.smoImgWrap img:last-child {
    position: relative;
    top: -50px
}

.aso-image-wrap {
    display: flex;
    align-items: flex-end
}

.asoImgwrap img:first-child {
    position: relative;
    left: -40px;
    top: 30px
}

.dm-strategy img {
    margin-bottom: 13px
}

.dm-strategy h5 {
    font-size: 25px;
    font-weight: 700;
    max-width: 245px;
    margin-bottom: 10px
}

.dm-strategy p {
    font-size: 19px;
    color: rgba(0, 0, 0, .829)
}

.ui-ux-design-wrapper {
    display: flex;
    align-items: baseline;
    justify-content: space-around;
    padding-bottom: 120px
}

.first-ui-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.second-ui-image {
    position: relative;
    margin: 0 50px
}

.second-ui-image img:nth-child(2) {
    position: absolute;
    left: -220px;
    top: 40px
}

.second-ui-image img:nth-child(3) {
    position: absolute;
    right: -140px;
    top: 30px;
    z-index: 2
}

.second-ui-image img:nth-child(4) {
    position: absolute;
    bottom: -40px;
    left: 0
}

.mockup1 {
    position: absolute;
    left: 6px
}

.mobileinner {
    position: absolute;
    left: 14px;
    top: 12px
}

.web-mock {
    position: absolute;
    left: 16px;
    top: 18px;
    z-index: 1
}

.about-design h2 {
    max-width: 910px;
    margin: 0 auto;
    font-size: 34px;
    text-align: center
}

.count_titles,
.list-of-facility ul li,
.user_persona_paragrph .overveiw_paragraph {
    margin: 0 0 50px
}

.designing-digitalUniverse {
    position: relative;
    padding-top: 100px
}

.overlay-bg2 {
    position: absolute;
    height: 950px;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    background-image: url(../g_line.html);
    background-position: left -100px bottom
}

.side-container-wrapper {
    max-width: calc(100% - 274px);
    float: right
}

.digital-universe-title p {
    margin: 40px 0
}

.uiUx-designer-image::before {
    content: "Create Beautiful interface";
    position: absolute;
    bottom: 168px;
    left: -205px;
    color: #1f173a;
    opacity: .5;
    font-size: 32px;
    transform: rotate(-90deg)
}

.digitalUniverse-right {
    width: 50%;
    padding-left: 6.7%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.designer-design-img span {
    display: block;
    text-align: left;
    font-size: 30px;
    color: #1f173a;
    opacity: .5;
    padding: 15px 0
}

.design-type ul li {
    font-size: 32px;
    font-weight: 700;
    margin-top: 15px
}

.process-toDesign-title {
    width: 960px;
    padding-bottom: 80px
}

.process-toDesign-title h2 {
    padding-right: 100px
}

.design-process-type-box {
    width: calc(100% / 4);
    margin-right: 50px
}

.design-process-type-box h4 {
    font-size: 38px;
    margin-bottom: 20px
}

.design-process-type-box p {
    font-size: 19px;
    color: #1f173a;
    opacity: .8;
    line-height: 35px
}

.quality-testing-inner h2 {
    font-size: 34px;
    max-width: 900px;
    margin: 0 auto;
    padding: 60px 0
}

.bug-release-policy-title h2 {
    flex: 0 0 460px;
    margin-right: 75px
}

.captcha-div span,
.policyContent-part p span {
    font-weight: 700
}

.reason-zero-box {
    width: 31%;
    border: 1px solid #e1e1e1;
    border-radius: 17px;
    margin-left: 30px;
    margin-bottom: 30px;
    padding: 20px
}

.reason-zero-box h5 {
    font-size: 25px;
    margin-bottom: 20px
}

.reason-zero-box p {
    font-size: 17px;
    line-height: 30px
}

.make-different-other-inner {
    background: url(../g_line_2.html) left -720px center no-repeat #414853;
    padding: 150px 0
}

.side-container-wrapper2 {
    float: none;
    max-width: calc(100% - 238px)
}

.different-other-left-part {
    margin-right: 90px
}

.differ-other-title {
    font-size: 60px;
    color: #ffffff80;
    line-height: 100px
}

.different-others-box {
    margin: 50px 50px 0 0
}

.different-others-box h4 {
    color: #f8f6ff;
    font-size: 26px;
    margin: 20px 0
}

.different-others-box p {
    letter-spacing: .19px;
    color: #f8f6ff;
    opacity: .8;
    font-size: 18px;
    max-width: 353px
}

.qa-detail-left {
    background-color: #1f173a
}

.qa-detail-right {
    background-color: #1c0f27
}

.popup_connect {
    color: #00ff90 !important;
    font-size: 20px;
    padding-left: 60px
}

.popup-h3 h3,
.portfolio_banner_slick .slick-dots li button:before {
    font-size: 30px
}

.popup-h3 {
    width: 43%
}

.popup-h3 h3 p {
    font-size: 16px
}

.popup-right-part {
    border: 0;
    padding: 30px 60px 10px;
    margin: 0 auto;
    position: relative
}

.popup-close {
    position: absolute;
    top: 15px;
    right: 25px;
    border: 1px solid #000 !important;
    width: 35px;
    height: 35px;
    border-radius: 50%
}

.popup-captcha button {
    background-color: #4053d1;
    display: inline-block;
    width: 250px;
    font-size: 22px
}

.modal .myModal-xl {
    max-width: 1240px
}

.popup-prof-detail {
    padding: 15px 17px
}

.popup-prof-detail h6 {
    font-size: 17px;
    margin-bottom: 5px
}

.popup-prof-detail span {
    font-size: 11px
}

.blank-div2 {
    height: 74px
}

.connect-whatup {
    display: inline-block;
    margin-left: 15px
}

.connect-whatup span {
    font-size: 15px;
    color: #9e9ca2;
    margin-bottom: 7px;
    display: inline-block
}

.number-whtsup i {
    font-size: 20px;
    color: #249624;
    margin-right: 7px
}

.number-whtsup span {
    color: #1d2127;
    font-size: 17px
}

.broucher-content-box {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0
}

.broucher-content-box-left {
    flex: 0 0 45%;
    padding-left: 80px
}

.brochure-popup button {
    top: 20px;
    right: 30px;
    z-index: 2
}

.brochure-title h2 {
    font-size: 51px;
    font-weight: 700;
    margin-bottom: 15px
}

.brochure-title .h2 span,
.brochure-title h2 span {
    display: block;
    color: #0d144380
}

.brochure-title p {
    letter-spacing: .44px;
    color: #80828e;
    font-size: 20px;
    margin-bottom: 15px
}

.brochure-input input {
    margin-bottom: 15px;
    width: 466px
}

.brochure-download img {
    margin-left: 10px
}

.broucher-content-box-right {
    flex: 0 0 55%;
    text-align: right;
    display: flex;
    justify-content: flex-end
}

.portfolio-images1,
.portfolio-images2 {
    display: inline-block;
    position: relative
}

.portfolio-images1 {
    transform: rotate(353deg);
    left: 20px;
    top: 30px
}

.portfolio-images2 {
    transform: rotate(10deg);
    bottom: 7px;
    right: 20px
}

.tripat-app-img img:nth-child(2) {
    margin: 0;
    bottom: 0
}

.healthcare-wrapper {
    background-image: url(../healthcare-bg.html)
}

.portfolio2-img1,
.portfolio2-img2 {
    top: 20px
}

.healthcare-app-left {
    background-color: #1850af
}

.healthcare-app-right {
    background-color: #5192ff
}

.education-wrapper {
    background-image: url(../education-bg.html)
}

.edu-port-img1 {
    z-index: 1;
    left: -10px;
    transform: rotate(357deg);
    top: -20px
}

.edu-port-img2 {
    top: 30px;
    z-index: 0;
    transform: rotate(6deg);
    right: 0
}

.edu-port-img1.cstm_transform_overwrite {
    transform: unset !important
}

.bellejourney-wrapper,
.bufftjourney-wrapper,
.coffeejourney-wrapper,
.examerlyjourney-wrapper,
.hamrojourney-wrapper,
.hanchansjourney-wrapper,
.listittjourney-wrapper {
    transform: none;
    background-repeat: no-repeat
}

.education-port-wrapper {
    background-color: #f59d77
}

.banking-finance-wrapper {
    background-image: url(../banking-bg.html)
}

.banking-port-left,
.social-port-left {
    background-color: #123d68
}

.banking-port-right,
.social-port-right {
    background-color: #93bee9
}

.eccommerce-wrapper {
    background-image: url(../ecommerce-bg.html)
}

.ecommerce-port-right {
    background-color: #ffb884
}

.food-wrapper {
    background-image: url(../food-bg.html)
}

.food-port-right {
    background-color: #6c63c0
}

.img-shadow {
    box-shadow: 0 69px 57px 0 rgb(56 56 84 / 9%);
    border-radius: 36px
}

.dating-wrapper {
    background-image: url(../dating-bg.html)
}

.dating-port-right {
    background-color: #ff5e5e
}

.dating-img img:first-child {
    left: 30px
}

.dating-img img:last-child {
    left: -90px
}

.event-wrapper,
.social-wrapper {
    background-image: url(../event-bg.html)
}

.event-port-right {
    background-color: #2f98f8
}

.we-are-para,
.whyWeAre-title3 {
    margin-bottom: 90px
}

.gaming-wrapper {
    background-image: url(../gaming-bg.html)
}

.gaming-port-left {
    background-color: #093953
}

.gaming-port-right {
    background-color: #53b7eb
}

.iot-wrapper {
    background-image: url(../iot-bg.html)
}

.ondemand-wrapper {
    background-image: url(../ondemand-bg.html)
}

.demand-port-left {
    background-color: #221c8b
}

.demand-port-right {
    background-color: #6f66f5
}

.taxi-wrapper {
    background-image: url(../taxi-bg.html)
}

.taxi-port-left {
    background-color: #1b3147
}

.taxi-port-right {
    background-color: #5cc48f
}

.mid-port-img {
    padding: 0 28px;
    position: relative;
    bottom: 50px
}

.tripat-mid-img {
    bottom: 0
}

.web-mock2 {
    left: 0;
    top: -30px
}

.web-mock3 {
    right: -140px;
    bottom: 84px
}

.ufp-web {
    background-image: url(../web_02.html)
}

.hamro-web {
    background-image: url(../web_01.html);
    background-size: 100% 100%
}

.henchans-web {
    background-image: url(../web_03.html)
}

.inner_img3 {
    top: 33%
}

.iot-inr-img,
.iot-inr-img2 {
    top: 45%;
    z-index: -1;
    position: absolute
}

.mid-image {
    padding: 0 70px
}

.iot-inr-img {
    left: 15%
}

.iot-inr-img2 {
    right: 14.5%
}

.network {
    top: -30px;
    right: 240px;
    text-align: -webkit-center
}

.network img {
    display: block;
    margin-bottom: 10px
}

.ionic-inr {
    right: 4.5%;
    top: 20px
}

.fluter-01 {
    left: 0;
    top: 38%
}

.fluter-02 {
    left: 37%;
    top: 22%
}

.fluter-03 {
    left: 0;
    top: 39%
}

.php-img-wrp {
    top: 41px;
    left: 42%
}

.php-img-inr2 {
    left: 36%;
    top: 18%
}

.webapp-inner-img {
    left: 34px;
    top: -140px
}

.store-app {
    display: flex;
    top: 34%;
    width: 100%;
    justify-content: center
}

.storeinner_img1 {
    position: relative;
    left: 50px
}

.storeinner_img2 {
    position: relative;
    right: 10%
}

.belle-bg-img {
    background-image: url(../belle-top_img.html)
}

.appFeatures-wrapper2 {
    padding: 100px 0 80px;
    background-image: url(../belle-img_design.html);
    background-color: #fbc2b1;
    background-position: right bottom
}

.appFeatures-detail2 {
    top: 0;
    padding-right: 250px
}

.appFeatures-detail3 {
    padding-left: 360px;
    padding-right: 0
}

.fop-content {
    padding: 30px 50px 0
}

.bellejourney-wrapper {
    background-image: url(../belle-all_ui.html);
    background-color: #fbc2b1;
    background-position: right;
    background-size: 70%
}

.case-study-img-wrapper {
    min-height: 71vh
}

.examerly-bg-img {
    background-image: url(../exam-top_img.html)
}

.examerly-wrapper3 {
    background-image: url(../examside_mobile.html);
    background-color: #ffc98d;
    background-position: left bottom;
    background-size: 38%
}

.examerlyjourney-wrapper {
    background-image: url(../exam-all_ui.html);
    background-color: #ffc98d;
    background-position: right;
    background-size: 55%
}

.swish-bg-img {
    background-image: url(../swish-top_img.html)
}

.swish-wrapper3 {
    background-image: url(../swish-hand_img.html);
    background-color: #d9efe1;
    background-position: left bottom;
    background-size: 28%
}

.swishjourney-wrapper {
    background-image: url(../swish-all_ui.html);
    background-color: #d9efe1;
    background-position: right;
    background-size: 75%
}

.hamro-bg-img {
    background-image: url(../hamro-top_img.html)
}

.hamro-wrapper3 {
    padding: 100px 0 80px;
    background-image: url(../hamro-side_img.html);
    background-color: #e8ba79;
    background-position: right bottom
}

.hamrojourney-wrapper {
    background-image: url(../hamro-all_ui.html);
    background-color: #e8ba79b7;
    background-position: right bottom -280px;
    background-size: 100%
}

.hamrojourney-title {
    max-width: 570px;
    margin: 0 auto;
    left: 32%
}

.blog-bg-img {
    background-image: url(../blog-top_img.html)
}

.blog-wrapper3 {
    background-image: url(../blog-side_image.html);
    background-color: #49707d;
    background-position: left bottom;
    background-size: 28%
}

.appappFeature-title3 h2 {
    color: #ffffff80
}

.blogjourney-wrapper {
    background-image: url(../blog-all_ui.html);
    background-color: #9feaff7c;
    background-position: right;
    background-size: 75%
}

.blogjourney-title {
    top: 30%
}

.hanchans-bg-img {
    background-image: url(../hnchens-side.html)
}

.hanchans-wrapper3 {
    background-image: url(../hnchens-side_img.html);
    background-color: #93c1446e;
    background-position: right bottom;
    background-size: 30%
}

.hanchansjourney-wrapper {
    background-image: url(../hnchens-all_ui.html);
    background-color: #93c1444b;
    background-position: right;
    background-size: 75%
}

.listitt-bg-img {
    background-image: url(../list-top_img.html)
}

.listitt-wrapper3 {
    background-image: url(../list-bg.html);
    background-position: right bottom;
    background-size: 100% 100%
}

.listittjourney-wrapper {
    background-image: url(../list-all_ui.html);
    background-color: #72cb7779;
    background-position: right;
    background-size: 75%
}

.coffee-bg-img {
    background-image: url(../coffe-top_img.html)
}

.coffee-wrapper3 {
    background-image: url(../coffe-side_img.html);
    background-color: #f7d7ae;
    background-position: left bottom;
    background-size: 30%
}

.coffeejourney-wrapper {
    background-image: url(../coffe-all_ui.html);
    background-color: #ff98005c;
    background-position: right bottom -280px;
    background-size: 100%
}

.bufft-bg-img {
    background-image: url(../bufft-top_img.html)
}

.bufft-wrapper3 {
    background-image: url(../bufft-side_img.html);
    background-color: #4995f2;
    background-position: right bottom;
    background-size: 47%
}

.bufftjourney-wrapper {
    background-image: url(../bufft-all_ui.html);
    background-color: #67abffcb;
    background-position: right;
    background-size: 75%
}

#transring,
#we-lead,
.clock-dial-center-wrap,
.cstm_content_id .ctsm_discuss_project,
.iti__hide,
.mnger-profile-change,
.mobile-menu,
.mobile-show,
.portfolio_inner_sec .carousel_navigation_btn_wrapper,
.portofolio_wrapper,
.recognitions_slider_wrapper .slider-nav-custom::after,
.recognitions_slider_wrapper .slider-nav-custom::before,
.wrapper_case_cashbook .mobile_view_image,
.wrapper_itr_rooms .cstm_image_wrap_features,
.wrapper_itr_rooms .display_set_mobile_view,
.wrapper_itr_rooms .wrapper_project_overview_itr .inner_project_overview_itr .cstm_row_edit .wrap_content_txt h2::before {
    display: none
}

.work-trust-title2 img {
    width: 100%;
    position: relative;
    left: -130px
}

.work-trust-title2 h1 {
    position: relative;
    bottom: 70px
}

.follow-behance2 {
    position: relative;
    top: 40px
}

.text-writer h2 {
    color: #1f173a7d;
    font-size: 54px;
    font-weight: 700;
    line-height: 78px
}

.playpause {
    background-image: url(../video-play-btn.html);
    width: 310px;
    height: 650px;
    position: absolute;
    background-position: center;
    left: 30px;
    top: 0;
    background-size: auto
}

.test-qut {
    position: absolute;
    top: 2%;
    transform: translateX(-120px)
}

.team-degntion h3 {
    font-size: 45px;
    line-height: 50px
}

.style {
    background: rgb(255 255 255 / 80%);
    -webkit-backdrop-filter: saturate(180%) blur(50px);
    backdrop-filter: saturate(180%) blur(50px)
}

.input-box-wrprr {
    position: relative;
    width: 100%
}

.input-box-wrprr label {
    position: absolute;
    display: block;
    bottom: 0;
    font-size: 13px;
    left: 5px;
    color: #e02b1e
}

.input-box-wrprr2 label {
    bottom: -19px
}

.mnger-detail-change {
    padding-right: 0 !important;
    justify-content: flex-end
}

.mnger-detail-change .team-mn-img {
    flex: 0 0 91%;
    padding-right: 0 !important
}

.brochure-download button {
    border: 0;
    background: 0 0;
    font-size: 18px;
    margin-bottom: 0
}

.brochure-download button:hover {
    border: 0;
    background: 0 0;
    color: #000
}

.errorpageDiv {
    height: 100vh;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column
}

.errorpageDiv img {
    max-width: 500px;
    margin-bottom: 30px
}

.errorpageDiv p {
    color: #1f173a;
    font-size: 18px;
    width: 450px;
    line-height: 25px;
    margin-bottom: 20px
}

.errorpageDiv a {
    font-size: 18px;
    font-weight: 700;
    color: #000
}

.faqs-title-section h1 {
    font-size: 60px;
    line-height: 70px
}

.faqs-title-section p {
    max-width: 830px
}

.faqs-solution-inner {
    width: 100%;
    max-width: 910px;
    margin: 0 auto
}

.privacy-policy-content-wrapper h2 {
    font-size: 50px
}

.privacy-policy-content-wrapper h3 {
    font-size: 27px;
    font-weight: 600
}

.policy-box h4 {
    font-size: 20px;
    margin-bottom: 15px
}

.privacy-policy-content-wrapper p {
    font-size: 18px;
    margin-bottom: 15px
}

.policy-box ul li {
    list-style: disc;
    margin-left: 20px;
    font-size: 15px
}

.country-cont-wrapper {
    background: #f4f9ff;
    position: relative;
    margin-top: 80px
}

.country-cont-wrapper::before {
    content: "";
    background: #f4f9ff;
    height: 100%;
    width: 30%;
    position: absolute;
    right: 100%
}

.countryLeftSec {
    padding: 60px 0 30px
}

.countrySecRight {
    height: auto;
    padding-top: 170px;
    background: #f4f9ff
}

.country-contact {
    display: flex;
    align-items: center;
    padding: 10px;
    max-width: 325px;
    background: #fff
}

.contact-profile-div {
    width: 40px;
    height: 40px
}

.country-contact a {
    font-size: 16px;
    margin-left: 10px
}

.country-contact a i,
.country_link_ul li a i {
    font-size: 14px
}

#spambot,
.country_link_ul li:nth-child(4) a i,
.country_link_ul li:nth-child(5) a i {
    font-size: 15px
}

.country_link_ul .cstm_twitter-li a {
    width: 14px !important;
    margin-top: 2px
}

.cnt-project-cont .cnt-fr-p {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px
}

.discus-project-div {
    background-color: #5419c2;
    max-width: max-content;
    padding: 10px;
    margin: 50px auto
}

.cnt_pck_cont {
    flex: 0 0 100%
}

.country_client_testimonial_wrapper {
    padding: 50px 0 150px
}

.country_client_words,
.wrapper_case_cashbook .padding_top_image {
    padding-top: 50px
}

.clientWords_box p {
    max-width: 72%;
    margin: 0 auto 25px;
    font-size: 22;
    opacity: .8
}

.app_founder p {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px
}

.app_founder span {
    font-size: 17px;
    color: #000;
    opacity: .5
}

.slider-nav-wrapper {
    max-width: 600px;
    margin: 0 auto
}

.slider-nav-custom .slick-slide {
    width: 100px !important
}

.slider-nav-custom .slick-track {
    left: -40px !important;
    top: 20px !important
}

.slider-nav-custom::after,
.slider-nav-custom::before {
    position: absolute;
    height: 70px;
    top: 11px;
    z-index: 1;
    background: #fff;
    width: 50px;
    content: ""
}

.slider-nav-custom .slick-center {
    transform: scale(1.5)
}

.slider-nav-custom::before {
    left: -1px
}

.slider-nav-custom::after {
    right: -1px
}

.coffeCountrySecRight {
    background-image: linear-gradient(to right, #ffc98e, #f08903)
}

.animated-logo {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 160px
}

.btn-container,
.dropbtn {
    justify-content: center;
    position: relative
}

.animate-logo {
    top: 23%
}

.rotated-text {
    animation: 15s linear infinite rotation
}

@keyframes rotation {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.animated-logo1 {
    position: absolute;
    right: 48px;
    top: 25px;
    width: 135px;
    height: 135px
}

.animated-logo1 .animate-logo {
    top: 18%
}

.logo {
    width: 20%;
    display: inline-block;
    vertical-align: super;
    padding: 15px 0
}

.menu {
    vertical-align: bottom;
    margin-left: 0;
    float: right;
    position: absolute;
    right: 18px;
    width: auto;
    top: 0
}

.menu ul {
    display: flex;
    list-style-type: none !important;
    margin-bottom: 0;
    padding-top: 17px
}

.menu ul li {
    margin: 0 22px;
    position: relative;
    line-height: initial
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 4px 4px #f1ebfb;
    z-index: 1;
    top: 45px;
    padding: 36px;
    transition: visibility 0s linear .33s, opacity .33s linear
}

.dropdown:hover .dropdown-content {
    display: block;
    -webkit-animation: .5s forwards box-animation;
    animation: .5s forwards box-animation
}

@-webkit-keyframes box-animation {
    from {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: 1
    }
}

@keyframes box-animation {
    from {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: 1
    }
}

.dropbtn:hover::after,
.dropdown:hover .dropbtn::after {
    content: "";
    background-color: #5519c2;
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    bottom: 23px
}

.dropbtn {
    color: #000;
    background-clip: text;
    -webkit-background-clip: text;
    background-size: 200% 100%;
    background-position: 100%;
    transition: background-position 275ms;
    font-size: 17px;
    font-weight: 600;
    display: flex;
    margin: 0;
    padding-bottom: 25px
}

.dropbtn.previous,
.dropbtn:hover {
    background-position: 0 100%
}

.dropdown-content.company {
    width: 370px;
    right: -109px
}

p.company_para_div {
    margin: 0 0 15px;
    font-size: 14px;
    width: 43%
}

.company_para_div a:hover {
    color: #5519c2 !important
}

.company_data {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.dropdown-content.insights {
    width: 180px;
    right: -69px
}

.company_para_div.for_width,
.company_para_div.insights {
    width: auto
}

.company_para_div.industries {
    width: 33.33%
}

.dropdown-content.industries {
    width: 570px;
    right: -255px
}

.dropdown-content:hover+.dropbtn {
    background: #faebd7
}

.dropdown-content.services {
    width: 835px;
    right: -324px
}

.services_wrppr {
    width: 33.33%;
    margin-bottom: 10px
}

p.service_subcategory {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    margin-bottom: 15px
}

.company_data.indus {
    justify-content: end
}

.dropbtn.portfolios,
.dropdown.company,
.dropdown.industries,
.dropdown.insights,
.dropdown.services,
a.connect_a {
    cursor: pointer
}

.btn.btn-primary.contact_us_button {
    font-size: 17px;
    font-weight: 500;
    background: #5519c2;
    color: #fff;
    padding: 5px 16px;
    border-radius: 5px;
    margin-top: -4px;
    border: none
}

.btn-container {
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
    background: 0 0;
    margin: 0 auto
}

.btn-container:first-child {
    --btn-bg: #6a35db;
    --bg: #4612b5;
    border-radius: 50%
}

.animation_with_arrow {
    --width: 180px;
    --height: 45px;
    border: 0;
    position: relative;
    min-width: var(--width);
    min-height: var(--height);
    border-radius: var(--height);
    color: #fff;
    margin: 0;
    font-size: 18px;
    background: #4612b5;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 20px
}

.animation_with_arrow:after {
    content: "";
    height: 100%;
    width: 0;
    position: absolute;
    background: #6a35db;
    left: 0;
    transition: .3s linear
}

.animation_with_arrow .icon-container,
.animation_with_arrow .text {
    position: relative;
    z-index: 2
}

.animation_with_arrow .icon-container {
    --icon-size: 25px;
    position: relative;
    width: var(--icon-size);
    height: var(--icon-size);
    margin-left: 15px;
    transition: transform .5s
}

.animation_with_arrow .icon-container .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: var(--icon-size);
    height: var(--icon-size);
    transition: transform .5s, opacity 250ms
}

.animation_with_arrow .icon-container .icon--left {
    transform: translateX(-200%);
    opacity: 0;
    display: none
}

.animation_with_arrow .icon-container .icon svg {
    width: 100%;
    height: 100%;
    fill: #fff
}

.animation_with_arrow:hover .icon-container .icon--right {
    transform: translateX(0)
}

.company_data.about_us_dropmenu {
    flex-direction: column
}

a.company_anchor::hover {
    color: #5519c2
}

.dropdown-content.company.new_company {
    width: 199px;
    right: -76px
}

.btn-container.portfolio {
    justify-content: flex-start
}

.animation_with_arrow.portfolio {
    --width: auto;
    --height: 41px;
    font-size: 16px;
    padding: 8px 20px
}

.title_wrapper {
    background-color: #10166e;
    padding: 21px 0
}

.portfolio_ttl_sec img {
    width: 211px;
    height: 136px;
    position: relative;
    left: -28px
}

.anchor_link2 {
    letter-spacing: .28px;
    color: #fff;
    font-size: 14px;
    line-height: 22px
}

.portfolio-content-wrapper {
    padding: 20px;
    position: relative;
    margin-top: -4px;
    height: 130px
}

.portfolio-content-wrapper.egurkul {
    background-color: #31a8dc
}

.portfolio-content-wrapper.Hanchens {
    background-color: #8eb362
}

.portfolio-content-wrapper.itr {
    background-color: #387bb9
}

.portfolio-content-wrapper.bellexd {
    background-color: #f19e60
}

.portfolio-content-wrapper.tenis {
    background-color: #4466d5
}

.portfolio-content-wrapper.ufp {
    background-color: #262e3e
}

.portfolio-content-wrapper .head {
    font-size: 30px;
    color: #fff
}

.portfolio-content-wrapper p {
    color: #fff;
    line-height: 1.5;
    margin: 0;
    font-size: 16px
}

.portfolio_img_1 img {
    width: 100%;
    min-height: 330px
}

.portfolio_inner_sec .carousel_navigation_btn_wrapper .carousel_navigation_btn_inner_wrapper button {
    border: none;
    outline: 0;
    margin: 0 10px;
    background: 0 0
}

.bg4 {
    background-color: #f49369
}

.indus-be .head {
    font-size: 24px;
    color: #fff;
    margin-bottom: 15px
}

.cstm_modal_design_new textarea,
.portfolio_content_ht {
    height: unset
}

.bg1 {
    background-color: #79acdf
}

.bg3 {
    background-color: #eda774
}

.bg7 {
    background-color: #45abe0
}

.bg6 {
    background-color: #86b239
}

.bg10 {
    background-color: #4fb883
}

.bg2 {
    background-color: #f44242
}

.bg11 {
    background-color: #eadcbc
}

.bg5 {
    background-color: #278deb
}

.bg9 {
    background-color: #576de3
}

.bg12 {
    background-color: #6259e5
}

.bg8 {
    background-color: #4384f0
}

.hire_bg,
.whyWeAre-section {
    background: linear-gradient(178deg, #f9f9f9 0, #f9f9f9 100%)
}

.recognitions_slider_wrapper .slider-nav-wrapper {
    max-width: 500px;
    margin: 0 auto
}

.img_nav_border {
    width: 50px !important;
    height: 50px;
    border: 1px solid #e2e1e5;
    border-radius: 100%;
    line-height: 45px;
    cursor: pointer
}

.img_nav_border img {
    display: inline-block !important
}

.slider-nav-custom .slick-slide.slick-current .img_nav_border {
    border: 2px solid #4612b5
}

.recognitions_slider_wrapper .slider-nav-custom .slick-track {
    left: unset !important;
    top: unset !important;
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center
}

.recognitions_slider_wrapper .slider-nav-custom .slick-slide {
    width: 60px !important
}

.recognitions_slider_wrapper .slider-nav-custom .slick-center {
    transform: unset
}

.recog_slider .btn-container button {
    display: flex !important
}

.animation_with_arrow:hover .icon-container {
    transform: translateX(75%)
}

.animation_with_arrow:hover .icon-container .icon--left {
    transform: translateX(0);
    opacity: 1
}

.support {
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 10px;
    display: flex
}

.support a {
    margin: 0 10px;
    color: #fff;
    font-size: 1.8rem;
    backface-visibility: hidden;
    transition: 150ms
}

.support a:hover {
    transform: scale(1.1)
}

.connect_a.text .text.lets_connect {
    text-decoration: none !important
}

.office_wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.office_side_img {
    width: 223px;
    height: 342px;
    object-fit: cover;
    max-width: 223px
}

.place_flex {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 223px)
}

.office_side_img img,
.prev_img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.place_detail_inr {
    width: 215px;
    margin: 0 0 0 45px
}

.place_detail_inr h6>img {
    vertical-align: sub;
    margin-right: 10px
}

.footer_fluid_padd {
    padding: 0 64px
}

.android_custm_btns,
.whatWeDo-inner .nav {
    display: unset
}

.whatWeDo-title .para_bold {
    font-style: italic;
    font-weight: 700;
    margin: 30px 0 0
}

.hire_paddingBottom {
    padding: 50px 0 25px
}

.hire_developers_title h2 {
    font-size: 30px;
    color: #1f173a;
    margin: 0 0 70px;
    font-weight: 400
}

.hire_bg {
    padding: 50px 0 0
}

.service-content.new {
    min-height: 20rem;
    max-height: 100%
}

.top_img_div {
    background: #fbb936
}

.top_img_div img {
    position: relative;
    top: 90px
}

.top_logo_img {
    background: #222;
    color: #fff;
    padding: 120px 0 60px
}

span.logo_img_circle {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 139px;
    background: #fff;
    border-radius: 100%;
    padding: 0 5px
}

.top_inner_logo_div {
    width: 45%;
    margin: 0 auto
}

.top_logo_img h1 {
    color: #fff;
    margin: 33px 0 50px;
    font-size: 50px;
    font-weight: 700
}

.btn_white {
    border-radius: 5px;
    padding: 6px 18px;
    color: #000;
    font-size: 14px;
    margin: 50px 0 0
}

.project_delevered_counts {
    padding: 50px
}

.project_duration_content {
    background: #fff4df;
    padding: 40px 0;
    margin-bottom: 50px
}

.weeks_counts {
    width: 200px
}

.weeks_counts h2 {
    font-size: 60px;
    font-weight: 700;
    margin: 0 0 15px
}

.weeks_counts h5 {
    margin: 0;
    font-size: 26px;
    font-weight: 600
}

.project_problems h6 {
    font-size: 40px;
    margin-bottom: 20px;
    display: flex;
    align-items: end
}

.project_problems h6>img {
    width: 50px;
    margin-right: 15px
}

.solutions_points {
    padding-left: 22px
}

.solutions_points li {
    list-style-type: disc;
    font-size: 24px;
    margin-bottom: 12px
}

.solutions_points li::marker {
    font-size: 14px
}

.design_process_wrapper {
    background-color: #222;
    padding: 100px
}

.process_design_ttl h2 {
    color: #939391
}

.stepper_content h5 {
    color: #fff;
    font-weight: 400;
    font-size: 23px
}

ul.process_stepper li {
    flex: 0 0 20%;
    border-left: 2px dashed #939391;
    padding: 0 12px
}

ul.process_stepper li:last-child {
    border-right: 2px dashed #939391
}

.stepper_content span {
    color: #fff;
    font-weight: 400;
    font-size: 17px;
    display: block;
    background: #323232;
    border-radius: 13px;
    padding: 20px 10px;
    text-align: center;
    line-height: 1.4
}

.stepper_content span+span {
    margin-top: 18px
}

.banner_collages {
    padding: 90px
}

.heading_title_width {
    width: 80%;
    margin: 0 auto 50px
}

.points_width {
    width: 75%;
    margin: 0 auto 30px
}

.points_width p {
    padding-left: 75px
}

.discussion_points_1 h2 {
    font-size: 45px;
    font-weight: 700
}

span.points_step {
    display: inline-block;
    margin-right: 40px
}

.heading_title_margnn {
    margin: 110px auto 50px
}

.challenges_margnn_bt {
    margin-bottom: 120px
}

.features_right_side {
    width: calc(100% - 50%);
    background-color: #ffebc2;
    padding: 80px
}

.features_divisions {
    padding: 0 80px;
    margin: 70px 0 40px
}

.features_lists li {
    flex: 0 0 50%;
    margin-bottom: 100px
}

.features_lists li .featues_results_1 p {
    font-size: 15px;
    line-height: 45px;
    color: #1f173a
}

.padding_bottom {
    padding-bottom: 110px
}

.background_light_black {
    background-color: #222
}

.padding_teck {
    padding: 50px 0
}

ul.teck_symbols {
    width: 60%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    border: 2px solid #acacad;
    border-radius: 50px;
    padding: 80px 0 60px
}

figure.teck_imgs {
    width: 140px;
    height: 140px;
    background: #323232;
    border-radius: 100%;
    line-height: 140px;
    margin-bottom: 21px
}

figure.teck_imgs img {
    width: 80px
}

.symbols_info p {
    font-size: 16px;
    color: #fff
}

ul.teck_symbols li {
    width: 194px;
    margin-bottom: 20px
}

.words_padding {
    padding: 100px 0 0
}

.prev_img {
    position: relative;
    width: 100%;
    height: 480px
}

.next_case_study {
    width: calc(100% - 50%)
}

.prev_img::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 1
}

figcaption.prev_img_name {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2
}

.prev_img_name h3 {
    font-weight: 600;
    margin: 0;
    font-size: 35px
}

.prev_img_name p {
    margin-bottom: 9px;
    color: #fff
}

img.arrows {
    width: 70px
}

.top_banner_amfixo .top_img_div {
    background: #37cca9;
    position: relative
}

.top_banner_amfixo .top_img_div img {
    position: relative;
    top: 0;
    z-index: 1
}

.logo_new_wrapp {
    width: 100%;
    margin: unset;
    padding: 0 120px
}

.logo_new_wrapp span.logo_img_circle {
    width: 110px;
    height: 110px;
    line-height: 110px;
    border-radius: 22px;
    padding: 0 11px
}

.logo_new_wrapp h1 {
    margin: 33px 0 10px
}

.top_img_div img.buildings_bg {
    position: absolute;
    width: 100%;
    top: unset;
    left: 0;
    bottom: 0;
    z-index: 0
}

.amfixo_delevered_count .duration_counts {
    flex-wrap: wrap;
    justify-content: flex-start
}

.amfixo_delevered_count .duration_counts .weeks_counts {
    flex: 0 0 33%;
    display: flex;
    align-items: center
}

.amfixo_prjs_counts .weeks_counts h2 {
    margin: 0 13px 0 0
}

.design_process_amfixo {
    background-color: #101d25
}

.design_process_amfixo ul.process_stepper li,
ul.process_stepper.cotax_stepper li {
    border-left: 2px dashed #596d7d
}

.approch_ttles_wrapper .discussion_points_1 h2,
.clients_main_wrapper .count_titles h2,
.design_process_amfixo .process_design_ttl h2 {
    color: #596d7d
}

.amfo_features_img {
    background-color: #cffff4
}

ul.teck_symbols.amfo_tech_sign {
    width: 100%;
    margin: 0;
    flex-wrap: wrap;
    border: 0;
    border-radius: 0;
    justify-content: unset;
    padding: 10px 2px 40px
}

ul.teck_symbols.amfo_tech_sign li {
    width: 167px
}

.amfo_tech_sign .symbols_info p {
    color: #222;
    font-weight: 600
}

.amfo_tech_sign li figure.teck_imgs {
    background: #101d25
}

.tech_ttl_white h2 {
    color: #222
}

.amfixo_clients_words .client-words-box {
    border: 0;
    padding: 40px 0;
    margin-left: 0
}

.amfixo_clients_words .client-words-box img {
    max-width: 140px;
    margin-bottom: 0
}

.amfixo_words_para .client-name h2 {
    color: #101d25
}

.clients_main_wrapper {
    background: #101d25;
    padding: 120px 0
}

.am_clients_listings li+li {
    margin-top: 220px
}

.listings_body_content {
    display: flex;
    width: 87%;
    margin: 0 auto;
    background: #232d36;
    position: relative;
    padding: 40px 60px 80px;
    border-radius: 30px
}

figure.clients_img {
    position: absolute;
    width: 290px;
    height: 308px;
    border: 4px solid #03bfa3;
    border-radius: 25px;
    padding: 9px;
    top: -84px;
    left: -30px;
    transform: rotate(-15deg)
}

.clients_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 25px
}

.img_content {
    height: 100%;
    display: flex;
    align-items: center
}

.img_content p,
.subpart_left p {
    color: #fff;
    font-size: 20px;
    line-height: 1.4
}

.listings_right_part {
    width: calc(100% - 500px)
}

.listings_titles h2 {
    color: #fff;
    font-weight: 700;
    font-size: 76px;
    margin: 0
}

.listings_titles p,
.subpart_left h5 {
    font-size: 20px;
    color: #fff
}

.listings_titles p {
    line-height: 1.4
}

.subpart_left h5>i {
    font-size: 12px;
    margin-right: 20px
}

.subpart_left h5>i.lt_green {
    color: #03bfa3
}

.subpart_left h5>i.lt_red {
    color: #d7241f
}

.clients_main_wrapper .count_titles {
    padding: 0 200px 100px
}

.subpart_margnn_btm {
    margin-right: 30px;
    max-width: 490px
}

.approch_ttles_wrapper,
.winning_aproach .clients_main_wrapper .count_titles {
    padding: 0 200px
}

.approch_ttles_wrapper .points_width {
    width: unset
}

.approch_ttles_wrapper .points_width p {
    padding-left: 62px
}

.cotax_div_wrapper {
    display: flex;
    align-items: center;
    padding: 0 40px 0 100px
}

.cotax_banner img {
    position: relative;
    top: 0
}

.para_logo img {
    width: 390px;
    margin-bottom: 30px
}

.overveiw_paragraph h1,
.overveiw_paragraph h2 {
    color: #9caad3;
    font-weight: 700;
    font-size: 50px;
    margin-bottom: 6px
}

.new_logo_info p {
    padding: 0 100px 0 0
}

.cotax_btns .btn_white {
    border-radius: 5px;
    padding: 13px 35px;
    color: #fff;
    margin: 70px 0 0;
    background: #070f26;
    border: 0;
    font-size: 21px;
    font-weight: 400
}

section.cotax_overview_study {
    background: #070f26;
    padding: 90px
}

ul.titles_listings li {
    color: #9caad3;
    font-size: 18px
}

.overveiw_paragraph h1 {
    line-height: 1.3125
}

.overveiw_paragraph p {
    color: #fff;
    line-height: 34px;
    font-size: 24px
}

.cotax_info_left h4 {
    color: #9caad3;
    font-size: 34px;
    margin-bottom: 17px
}

.cotax_info_left p {
    color: #fff;
    line-height: 34px;
    font-size: 24px;
    padding-right: 100px
}

.overveiw_paragraph {
    margin: 100px 0
}

.cotax_paddingBottom {
    padding-bottom: 70px
}

.design_process_cotax {
    background: #070f26
}

.design_process_cotax .process_design_ttl h2 {
    color: #9caad3
}

.cotax_stepper li .stepper_content span {
    background: #131d38
}

ul.process_stepper.cotax_stepper li:last-child {
    border-right: 2px dashed #596d7d
}

.design_process_cotax .process_design_ttl p {
    color: #fff;
    line-height: 33px
}

.content_img {
    width: 280px;
    max-width: 280px
}

.overview_inner_content {
    width: calc(100% - 280px);
    margin-left: 40px
}

.img_persn_info {
    margin-top: 14px
}

.img_persn_info h3 {
    color: #fff;
    font-size: 33px;
    font-weight: 600;
    margin-bottom: 8px
}

.img_persn_info p {
    color: #fff;
    font-size: 22px;
    line-height: 29px
}

.user_persona_listings li {
    margin-bottom: 150px
}

.doneContents_list li p {
    color: #fff;
    line-height: 28px
}

.doneContents_list li {
    flex: 0 0 47%;
    border: 3px solid #4f5f88;
    border-radius: 8px;
    margin: 0 50px 30px 0;
    padding: 20px 30px
}

.cotax_result_features {
    padding-top: 140px
}

.cotax_features_img {
    background-color: #e9f8ff
}

.height_scroll ul {
    max-height: 500px;
    overflow: auto
}

.captcha-div {
    width: 220px
}

.captcha-div input {
    border: none;
    font-weight: 700;
    width: 38px;
    height: 38px
}

.captcha-div .captcha {
    border: 1px solid #b8bdbf;
    border-radius: 7px;
    margin-left: 15px;
    margin-right: 10px
}

.brochure-popup {
    flex-direction: row
}

.error_msg_new {
    color: #e02b1e;
    font-size: 17px;
    margin-bottom: 10px;
    display: inline-block
}

.custom_greate_ios .product-iddm-box ul {
    padding-left: 75px;
    margin: 30px 0 55px;
    list-style: disc
}

.custom_greate_ios .product-iddm-box ul li {
    font-size: 19px;
    padding: 5px
}

.airoplane-img img {
    width: 100px
}

.common-popup .contactbox-left-part .h3 {
    font-weight: 400;
    margin: 0 0 30px;
    letter-spacing: .72px;
    max-width: 100%;
    padding-left: 50px;
    line-height: 35px;
    font-size: 30px;
    color: #fff;
    opacity: 1
}

.common-popup .popup-prof-detail .h6 {
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 5px;
    letter-spacing: .38px;
    color: #fff;
    font-size: 17px;
    display: block
}

.common-popup .contactbox-right-part-inner .h2-title {
    font-weight: 400;
    color: #1f173a;
    line-height: 1.3125;
    margin: 0 0 15px;
    font-size: 30px
}

.brochure-title .h2 {
    color: #1f173a;
    line-height: 1.3125;
    margin: 0 0 15px;
    font-size: 51px;
    font-weight: 700
}

h1,
h1 span,
h2,
h2 span,
h3,
h3 span,
h4,
h5,
h6 {
    font-weight: 700 !important
}

.packagetitle_inner .pck_span3,
.wrapper_itr_rooms .wrapper_cashbook_dollar h1.case-study-p {
    font-weight: 400 !important
}

.tab_content_cstm h3 {
    color: #1f173a;
    font-size: 32px;
    line-height: 40px
}

.cstm_nav_pills h2 {
    font-size: 20px;
    margin: 0
}

.cstm_nav_pills .nav-link {
    border: unset;
    background-color: unset !important;
    padding: 0;
    margin: 5px;
    position: relative
}

.cstm_nav_pills .nav-link.active h2 {
    color: #fff;
    z-index: 5
}

.cstm_nav_pills .nav-link h2 {
    z-index: 10
}

.cstm_nav_pills .animation_with_arrow {
    --width: 180px;
    --height: 45px;
    border: 0;
    position: relative;
    min-width: var(--width);
    min-height: var(--height);
    color: #fff;
    margin: 5px 0;
    font-size: 18px;
    background: #4612b5;
    cursor: pointer;
    display: flex;
    justify-content: left;
    text-align: left;
    padding: 0 10px;
    border-radius: unset
}

.cstm_nav_pills .animation_with_arrow:after {
    content: "";
    height: 100%;
    width: 0;
    position: absolute;
    background: #6a35db;
    left: 0;
    transition: .5s ease-in-out
}

.cstm_nav_pills .animation_with_arrow:hover::after {
    width: 100%;
    height: 50%;
    top: 50%
}

.cstm_nav_pills .animation_with_arrow .active:hover::after {
    height: 100% !important
}

.cstm_nav_pills .animation_with_arrow.active::after {
    width: 100%;
    height: 100%;
    top: 0
}

.cstm_modal_design_new {
    background-color: #f9f9fb;
    border-radius: 10px;
    border: unset !important;
    padding: 20px 60px
}

.cstm_modal_design_new .modal-content {
    background-color: unset;
    border: unset
}

.cstm_modal_design_new .share_idea_cstm {
    color: #a5a5be;
    font-size: 23px
}

.cstm_modal_design_new .contact-box-wrapper {
    background-color: #fff;
    padding: 10px;
    border-radius: 8px
}

.cstm_modal_design_new .popup-h3 {
    width: 100%;
    border-radius: 8px;
    padding: 20px
}

.cstm_modal_design_new .contactbox-right-part {
    width: 100%;
    padding: 0
}

.cstm_contactus_inner_wrapper .cstm_modal_design_new .popup-h3 p,
.cstm_modal_design_new .popup-h3 p {
    text-align: left;
    width: unset;
    font-size: 16px;
    margin-bottom: 0;
    opacity: 1
}

.cstm_modal_design_new .popup-captcha .connect-whatup {
    margin-left: unset
}

.cstm_modal_design_new .new-modal_label {
    position: unset;
    color: #8a8bab;
    font-size: 14px
}

.cstm_modal_design_new .form-control {
    border: unset;
    border-bottom: 2px solid #e5e5e7;
    border-radius: unset;
    transition: .3s linear
}

.cstm_modal_design_new .form-control:focus {
    box-shadow: unset;
    outline: unset;
    border: unset;
    border-radius: unset;
    border-bottom: 2px solid #8b81e8
}

.cstm_modal_design_new .form-control:focus+.new-modal_label {
    color: #8b81e8
}

.cstm_modal_design_new .input-box-wrprr {
    display: flex;
    flex-direction: column-reverse
}

.cstm_modal_design_new .input_wrapr input:first-child {
    margin: 0 30px 10px 0
}

.cstm_modal_design_new .popup-h3 .h3 {
    margin-bottom: 20px;
    padding-left: 0
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

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

.fab,
.far,
.wrapper_case_cashbook .wrapper_Colorpalate .wraper_palate_code .global_p,
.wrapper_itr_rooms .inner_palate .global_p {
    font-weight: 600
}

.wrapper_list_contact ul li i {
    margin-right: 10px;
    color: #fff;
    font-size: 18px
}

.wrapper_list_contact ul li {
    display: flex;
    padding: 10px 0
}

.cstm_modal_design_new .captcha-div {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-direction: row-reverse
}

.cstm_modal_design_new .wrapper_checkbox label {
    color: #000;
    font-size: 18px;
    margin-left: 5px
}

.cstm_modal_design_new .input-box-wrprr label {
    bottom: -7px
}

.cstm_modal_design_new .input-box-wrprr2 label {
    bottom: 10px
}

@media (max-width:430px) {
    .cstm_modal_design_new {
        padding: 20px 10px
    }

    .cstm-new-modal-design h3 {
        text-align: center;
        font-size: 24px
    }
}

.cstm_contactus_inner_wrapper .cstm_modal_design_new {
    background-color: unset;
    padding: unset
}

.cstm_contactus_inner_wrapper .contact-box-wrapper .popup-h3 h3,
.cstm_contactus_inner_wrapper .contact-social-links {
    padding-left: 0
}

.cstm_contactus_inner_wrapper .contactbox-left-part h3 {
    max-width: unset
}

@media (max-width:1536px) {
    .cstm_contactus_inner_wrapper .cstm_modal_design_new .popup-h3 p {
        font-size: 18px
    }

    .cstm_contactus_inner_wrapper .contact-box-wrapper .popup-h3 h3 {
        font-size: 30px
    }
}

@media (max-width:1366px) {
    .cstm_contactus_inner_wrapper .cstm_modal_design_new .popup-h3 p {
        font-size: 16px
    }

    .cstm_contactus_inner_wrapper .contact-box-wrapper .popup-h3 h3 {
        font-size: 28px
    }
}

@media (max-width:575px) {
    .cstm_modal_design_new .popup-captcha {
        display: unset
    }

    .cstm_modal_design_new .form-wrapper {
        margin-bottom: 15px
    }

    .cstm_modal_design_new .captcha-div {
        display: block
    }

    .cstm_modal_design_new .captcha-div .wrapper_checkbox {
        margin-bottom: 10px;
        margin-top: 10px
    }

    .cstm_modal_design_new .captcha-div .capcha_wrapper {
        margin-bottom: 10px
    }

    .cstm_modal_design_new .input-box-wrprr2 label {
        bottom: 0
    }

    .cstm_contactus_inner_wrapper .contact-box-wrapper .popup-h3 h3 {
        font-size: 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .recognitions_slider_wrapper {
        bottom: -201px
    }
}

@media (min-width:992px) {
    .header_menu .menu_inner>ul>li .submenu_wrap {
        position: absolute;
        margin-top: 5px;
        background: #fff;
        box-shadow: rgba(0, 0, 0, .25) 0 .0625em .0625em, rgba(0, 0, 0, .25) 0 .125em .5em, rgba(255, 255, 255, .1) 0 0 0 1px inset;
        padding: 15px;
        border-radius: 5px;
        min-width: 200px;
        visibility: hidden;
        opacity: 0;
        z-index: 999;
        transition: .2s ease-in-out;
        left: 50%;
        -webkit-transform: translate(-50%, 40px);
        transform: translate(-50%, 40px);
        display: flex;
        flex-wrap: wrap
    }

    .header_menu .menu_inner>ul>li.button>a:after,
    .menu_inner>ul>li .toggle_icon {
        display: none
    }

    .header_menu .menu_inner>ul>li .submenu_wrap ul {
        margin-bottom: 15px;
        padding-left: 10px;
        padding-right: 10px
    }

    .header_menu .menu_inner>ul>li.sub_title .submenu_wrap {
        width: 1000px;
        justify-content: space-between
    }

    .header_menu .menu_inner>ul>li.sub_title.industries .submenu_wrap {
        width: 575px
    }

    .header_menu .menu_inner>ul>li.sub_title .submenu_wrap ul {
        width: auto
    }

    .header_menu .menu_inner>ul>li:hover>.submenu_wrap {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .header_menu .menu_inner>ul li .menu-level-1::after,
    .header_menu .menu_inner>ul>li>a:after {
        content: "";
        height: 2px;
        width: 0;
        position: absolute;
        background: #5519c2;
        left: 0;
        top: 100%;
        -webkit-transition: .35s;
        transition: .35s
    }

    .header_menu .menu_inner>ul li:hover>.menu-level-1::after,
    .header_menu .menu_inner>ul>li:hover>a:after {
        width: 100%
    }
}

@media (max-width:991px) {

    .cstm_contactus_inner_wrapper .contact-box-wrapper .popup-h3,
    .header .mobile_button,
    .header .mobile_button .menu_open,
    .header_menu .menu_inner>ul>li.open i.fa-minus,
    .mobile_open .header .mobile_button .menu_close {
        display: block
    }

    .header .header_inner_div {
        width: 100%
    }

    .header .mobile_button .menu_close,
    .header_menu .menu_inner>ul>li .submenu_wrap ul li.latest_tech a,
    .header_menu .menu_inner>ul>li i.fa-minus,
    .header_menu .menu_inner>ul>li.open i.fa-plus,
    .mobile_open .header .mobile_button .menu_open {
        display: none
    }

    .header_menu .menu_inner>ul>li .submenu_wrap {
        position: static;
        width: 100%;
        display: none
    }

    .header_menu .menu_inner {
        width: 100%;
        background: #fff;
        z-index: 999;
        height: calc(100vh - 80px);
        padding: 20px 10px;
        max-width: 350px;
        right: 0;
        left: auto;
        box-shadow: rgb(0 0 0 / 10%) 0 1px 3px 0, rgb(0 0 0 / 6%) 0 1px 2px 0;
        transition: .4s cubic-bezier(.41, .6, .89, .95);
        transform: translateX(100%);
        overflow-y: auto;
        top: 100%;
        position: absolute
    }

    .mobile_open .header_menu .menu_inner {
        transform: translateX(0)
    }

    .header_menu .menu_inner ul {
        flex-direction: column;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 0
    }

    .header_menu .menu_inner>ul>li {
        padding: 2px 0;
        border-bottom: 2px solid #d3d3d3;
        width: 100%;
        margin: 0;
        cursor: pointer
    }

    .header_menu .menu_inner>ul>li.button {
        border: none;
        margin-top: 15px
    }

    span.toggle_icon {
        position: absolute;
        top: 12px;
        right: 0;
        width: 20px;
        height: 26px
    }

    .header_menu .menu_inner>ul li ul a {
        padding: 5px;
        color: #000000a1;
        font-size: 15px
    }

    .header_menu .menu_inner>ul>li.services .submenu_wrap ul li:first-child a,
    .header_menu .menu_inner>ul>li.sub_title .submenu_wrap ul.title a {
        font-weight: 400
    }

    .header_menu .menu_inner>ul>li.open i {
        transition: .3s
    }

    .header_menu .menu_inner>ul li:hover>span i {
        color: #5519c2
    }

    ._overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        background: #000000b3;
        transition: .3s cubic-bezier(0, .44, .7, .57);
        opacity: 0;
        visibility: hidden
    }

    .mobile_open ._overlay {
        opacity: 1;
        visibility: visible
    }

    .mobile_open {
        overflow: hidden
    }

    .custom_greate_ios .product-iddm-box ul {
        padding-left: 25px;
        margin-bottom: 40px
    }

    .custom_greate_ios .product-iddm-box ul li {
        padding: 0 0 5px
    }
}

@media (max-width:767px) {
    .brochure-title .h2 {
        font-size: 25px
    }

    .common-popup .contactbox-right-part-inner .h2-title {
        font-size: 20px
    }
}

.cstm_frequently-asked-question .asked-question-wrapper {
    flex-direction: column;
    width: 80%;
    margin: 0 auto
}

.cstm_frequently-asked-question .asked-question-wrapper .asked-question-left-part {
    min-height: unset;
    height: unset;
    width: 100%;
    text-align: center
}

.cstm_frequently-asked-question .faq-sec-contentDiv {
    padding-left: unset;
    display: block
}

.cstm_frequently-asked-question .asked-question-wrapper .asked-question-right-part {
    padding: unset
}

.paddingBottom-cstm-contact {
    padding: 20px 0 0
}

.cstm-key-features .killer-team-title h2 {
    text-align: center;
    width: 100%;
    max-width: 100%
}

.cstm-key-features .killer-team-title p {
    text-align: center;
    padding-bottom: 30px
}

figure.common_logoC {
    width: 200px;
    margin: 0 auto 50px
}

figure.common_logoC img {
    width: 100%;
    height: 100%
}

.cstm_inner_c_section .contact_us_inner_right {
    width: 40%
}

.inner_card_awards {
    background: no-repeat padding-box #fff;
    box-shadow: 0 13px 36px #17313b36;
    border-radius: 28px;
    opacity: 1;
    text-align: center;
    padding: 20px 20px 50px;
    height: 100%
}

.common_cards_inner_img {
    width: 100px;
    height: 60px;
    margin: 0 auto
}

.common_cards_inner_img img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.inner_card_awards .cstm_floats {
    width: 17px;
    display: flow-root
}

.inner_card_awards .cstm-float {
    width: 17px;
    float: right
}

.inner_card_awards p,
.wrapper_case_cashbook .wrapper_testimonial_cashbook .background_trans_text p.global_p {
    padding: 0 20px
}

.Contain_wrapper_cards_awards .col_cstm {
    padding-bottom: 60px;
    padding-top: 20px
}

.cstm_inner_c_section .rotate_logo {
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
}

.cstm_inner_c_section .contact_us_form_wrapper {
    padding: 0 15px 50px
}

.cstm_bold_dots li {
    list-style-type: disc;
    padding: 10px 0
}

.wrapper_case_cashbook {
    background: linear-gradient(360deg, #e0eddc38 0, #fdfffc 50%, #fff 100%) no-repeat padding-box
}

.wrapper_case_cashbook .padding_Both_side,
.wrapper_itr_rooms .padding_Both_side {
    padding: 40px 20px
}

.wrapper_case_cashbook .cstm_image_set_inner {
    width: 380px;
    margin: 0 auto
}

.wrapper_case_cashbook .cstm_span_cashbook {
    display: inline;
    font-size: unset;
    font-weight: 300 !important;
    color: unset
}

.wrapper_case_cashbook .aboutus-title img {
    width: 100px;
    margin-left: 20px
}

.wrapper_case_cashbook .btn_wrap_cashbook {
    padding-top: 20px
}

.wrapper_case_cashbook .style_btn_lets {
    color: #fff;
    padding: 12px 40px;
    border-radius: 10px;
    background: linear-gradient(180deg, #83c040 0, #5aad62 39%, #2191bc 100%) no-repeat padding-box;
    box-shadow: 0 9pt 18pt #00000029
}

.wrapper_case_cashbook .cstm_dollar_image {
    width: 130px;
    position: absolute;
    right: 0;
    bottom: -60px
}

.wrapper_case_cashbook .cstm_dollar_image2 {
    left: -170px;
    position: absolute;
    width: 150px;
    bottom: 0
}

.wrapper_case_cashbook .project-problem h2 {
    padding-left: 25px;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px
}

.wrapper_case_cashbook .project-problem h2:before {
    position: absolute;
    background-color: #2191bc;
    content: "";
    width: 3px;
    height: 40px;
    left: 0
}

.wrapper_case_cashbook .wrap_dollar_back_image {
    background-image: url("../back_dollar.html");
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 40% 100%;
    background-position: center
}

.wrapper_case_cashbook .wrap_content_about {
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto
}

.wrapper_case_cashbook .wrap_content_about ul,
.wrapper_case_cashbook .wrapper_tack_stack_image_cstm .row .conceptual_card_wrap_cstm {
    padding-top: 70px
}

.wrapper_case_cashbook h3,
.wrapper_itr_rooms .wrap_content_txt ul li h3 {
    margin-bottom: 5px;
    font-size: 22px;
    line-height: 1.5
}

.wrapper_case_cashbook .wrap_content_about ul li p {
    color: #848484;
    font-weight: 600
}

.wrapper_case_cashbook .wrapApp-stats .row .stats_wrap_data h2 {
    font-weight: 900 !important;
    font-size: 82px;
    margin-bottom: 10px
}

.wrapper_case_cashbook .wrapApp-stats .row .stats_wrap_data p {
    font-weight: 600;
    font-size: 20px
}

.wrapper_case_cashbook .K_color {
    color: #b3cd99
}

.wrapper_case_cashbook .wrapper_project_overview {
    background-image: url("../background_layer.html");
    background-repeat: no-repeat;
    background-size: cover
}

.wrapper_case_cashbook .cstm_image_set_inner2 {
    width: 430px
}

.wrapper_case_cashbook .cstm_image_set_inner3 {
    width: 380px
}

.wrapper_case_cashbook .cstm_image_set_inner4 {
    width: 300px;
    margin: 0 auto
}

.Home_app_dev .section3 .build_product,
.wrapper_case_cashbook .inner_project_overview,
.wrapper_itr_rooms .cstm_col_wrap_padding {
    padding-bottom: 40px
}

.wrapper_case_cashbook .wrap_content_txt ul li h6 {
    font-size: 20px;
    margin-bottom: 5px
}

.wrapper_case_cashbook .wrap_content_txt ul {
    padding-left: 20px
}

.wrapper_case_cashbook .wrap_content_txt .cstm_ul_list_num li::marker {
    font-size: 20px;
    font-weight: 600
}

.wrapper_case_cashbook .inner_wrap_tack h3,
.wrapper_case_cashbook .wrapper_tack_stack_image h3 {
    font-size: 22px;
    margin: 20px 0 60px
}

.wrapper_case_cashbook .wrapper_tack_stack_image .icon_andriod_wrap {
    text-align: center;
    background: no-repeat padding-box #fff;
    box-shadow: 0 18px 56px #b2b2b27b;
    border-radius: 30px;
    width: 220px;
    padding: 30px 40px;
    margin-bottom: 50px
}

.wrapper_case_cashbook .wrapper_tack_stack_image .cstm_andriod_app_wrap {
    width: 232px
}

.wrapper_case_cashbook .wrapper_tack_stack_image .cstm_icon_andriod_wrap {
    width: 220px;
    padding: 20px
}

.wrapper_case_cashbook .wrap_img_text_cont {
    text-align: center;
    width: 220px
}

.wrapper_case_cashbook .cstm_wrap_img_cont_2 {
    padding-left: 15%
}

.wrapper_case_cashbook .wrap_img_text_cont .global_p,
.wrapper_case_cashbook .wrapper_typography .Semi_font {
    font-size: 22px;
    font-weight: 600
}

.wrapper_case_cashbook .wrapper_tack_stack_image {
    padding: 0 60px 60px
}

.wrapper_case_cashbook .techno_image_banner {
    width: 900px;
    margin: 0 auto
}

.wrapper_case_cashbook .wrapper_row_cstm .Wrap_visual_Imag2 {
    position: absolute;
    top: 50px
}

.wrapper_case_cashbook .wrapper_tack_stack_image_cstm h3 {
    font-size: 22px;
    margin: 60px 0
}

.wrapper_case_cashbook .conceptual_card_wrap .global_p_cstm {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px
}

.wrapper_case_cashbook .conceptual_card_wrap .image_wrap_concep {
    width: 60px;
    margin-bottom: 20px
}

.wrapper_case_cashbook .wrapper_tack_stack_image_cstm .inner_anlaysis_wrap,
.wrapper_itr_rooms .padding_add_me_itr,
.wrapper_itr_rooms .wrapper_Our_process_itr {
    padding-top: 80px
}

.wrapper_case_cashbook .wrapper_tack_stack_image_cstm .image_wrap_thumb {
    width: 240px;
    position: absolute;
    right: 0
}

.wrapper_case_cashbook .wrapper_typography .Aa_shadow_wrap {
    width: 350px;
    margin: 40px auto 0
}

.wrapper_case_cashbook .wrapper_typography .regular_font {
    font-size: 22px;
    font-weight: 400
}

.wrapper_case_cashbook .wrapper_typography .Bold_font {
    font-size: 22px;
    font-weight: 900
}

.wrapper_case_cashbook .wrapper_Colorpalate .wraper_palate_code .palate_color_card {
    width: 200px;
    height: 120px;
    border-radius: 20px;
    background-color: #2191bc;
    margin: 40px auto
}

.wrapper_case_cashbook .wrapper_Colorpalate .wraper_palate_code .palate_color_card1 {
    width: 200px;
    height: 120px;
    border-radius: 20px;
    background-color: #5aad62;
    margin: 40px auto
}

.wrapper_case_cashbook .wrapper_Colorpalate .wraper_palate_code .palate_color_card2 {
    width: 200px;
    height: 120px;
    border-radius: 20px;
    background-color: #83c040;
    margin: 40px auto
}

.wrapper_case_cashbook .wrapper_Colorpalate .wraper_palate_code .palate_color_card3 {
    width: 200px;
    height: 120px;
    border-radius: 20px;
    background-color: #eef6e5;
    margin: 40px auto
}

.wrapper_case_cashbook .wrapper_testimonial_cashbook .main_wrapeer {
    padding-top: 150px;
    padding-bottom: 100px;
    position: relative;
    width: 700px;
    margin: 0 auto
}

.wrapper_case_cashbook .wrapper_testimonial_cashbook .main_wrapeer .white_bg {
    --r: 80px;
    background: #fff;
    text-align: center;
    margin: 0 auto;
    border-radius: 20px;
    padding: var(--r);
    -webkit-mask: radial-gradient(circle var(--r), rgba(0, 0, 0, 0) 99%, #fff) 9999% 124%/100% 169%;
    mask: radial-gradient(circle var(--r), #0000 99%, #000) 9999% 124%/100% 169%;
    position: absolute;
    top: 112px;
    left: 50%;
    width: 600px;
    height: 70%;
    z-index: 1;
    transform: translateX(-50%)
}

.wrapper_case_cashbook .wrapper_testimonial_cashbook .main_wrapeer .green_bg {
    background: #83c040;
    width: 700px;
    border-radius: 0 0 30px 30px;
    position: absolute;
    height: 70%
}

.wrapper_case_cashbook .wrapper_testimonial_cashbook .main_wrapeer .main_txt {
    width: 560px;
    margin: 0 auto;
    position: relative;
    z-index: 4
}

.wrapper_case_cashbook .wrapper_testimonial_cashbook .use_img {
    width: 140px;
    height: 140px;
    border-radius: 100%;
    border: 3px solid #f0c61a;
    margin: -110px auto 16px
}

.wrapper_case_cashbook .wrapper_testimonial_cashbook .main_wrapeer .use_img img {
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.wrapper_case_cashbook .wrapper_testimonial_cashbook .main_txt ul li i.fa.fa-star {
    color: gold;
    width: 30px;
    font-size: 22px
}

.wrapper_case_cashbook .wrapper_testimonial_cashbook .cstm_floats {
    width: 40px;
    margin-bottom: 10px
}

.wrapper_case_cashbook .wrapper_testimonial_cashbook .cstm-float {
    float: right;
    width: 40px
}

.wrapper_case_cashbook .section8 {
    background-color: #fff
}

.wrapper_case_cashbook .section8 .office_wrapper {
    width: 100%;
    padding-top: 100px
}

.wrapper_case_cashbook .conceptual_card_wrap .image_wrap_concept_wire {
    width: 260px;
    margin: 0 auto
}

.wrapper_case_cashbook .Wrap_visual_Image.Wrap_visual_Imag2 {
    position: absolute;
    top: 30px
}

.wrapper_case_cashbook .wrapper_client_name_details {
    margin: 30px 0 0;
    text-align: end;
    display: flex;
    justify-content: flex-end
}

.wrapper_case_cashbook .wrapper_client_name_details .wrapper_client_testimonial_name {
    width: 50%;
    text-align: center
}

.wrapper_case_cashbook .Name_naushabah {
    color: #83c040;
    font-weight: 900;
    line-height: 25px
}

.Home_app_dev .cards_followers ul li span,
.Home_app_dev .star_wrap b,
.wrapper_case_cashbook .cstm_span_naushabah {
    font-size: 12px
}

.Home_app_dev .section3 {
    padding: 50px 0 100px
}

.build_title {
    font-size: 50px;
    color: #1f173a80;
    font-family: Lato;
    margin-bottom: 20px;
    line-height: 60px
}

.Home_app_dev .Wraper_e_guru {
    padding-left: 70px;
    padding-top: 30px
}

.Home_app_dev .e_image_guru {
    width: 60px;
    margin-bottom: 15px
}

.Home_app_dev .E_text_image_guru .division {
    width: 50%;
    padding-top: 0
}

.Home_app_dev .E_text_image_guru .division1 {
    width: calc(100% - 50%);
    text-align: center;
    margin-bottom: -60px
}

.Home_app_dev .E_text_image_guru .division1 .assets_image {
    width: 55%;
    height: 300px;
    position: relative;
    display: inline-block;
    top: -32px
}

.Home_app_dev .E_text_image_guru .division1 .assets_image img {
    width: 100%;
    max-width: 200px
}

.Home_app_dev .tab-pane.active {
    animation: unset
}

.colors_guru {
    background-color: #dbe5ff
}

.colors_billed {
    background-color: #e8eefa
}

.colors_quit {
    background-color: #eaf2f3
}

.colors_examarly {
    background-color: #fff1e5
}

.colors_mind {
    background-color: #fffaef
}

.colors_rooms {
    background-color: #eff6e7
}

.Home_app_dev .wrap_card_details {
    background-color: #0f6ff0;
    width: 100%;
    max-width: 350px;
    padding: 20px;
    position: absolute;
    bottom: -80px
}

.Home_app_dev .wrapper_the_rooms {
    background-color: #60a413
}

.Home_app_dev .wrapper_quitsure {
    background-color: #357d8b
}

.Home_app_dev .wrapper_examarly {
    background-color: #f77405
}

.Home_app_dev .wrapper_mindalcove {
    background-color: #ff6525
}

.Home_app_dev .cards_followers ul {
    display: flex;
    color: #fff;
    justify-content: center
}

.Home_app_dev .cards_followers ul li {
    text-align: center;
    padding-right: 25px
}

.Home_app_dev .wrap_card_details .image_cards {
    width: 100%;
    display: flex
}

.Home_app_dev .image_cards12 {
    width: 20%
}

.Home_app_dev .wrap_card_details .image_cards img {
    border-radius: 50%;
    object-fit: cover
}

.Home_app_dev .p_text_cards {
    width: calc(100% - 20%);
    padding-left: 20px
}

.Home_app_dev .p_text_cards p {
    font-size: 12px;
    color: #fff
}

.Home_app_dev .p_text_cards .pading_p,
.wrapper_itr_rooms .wrapper_technology_used .row .project-problem .global_p {
    padding-bottom: 10px
}

.Home_app_dev .custom_tabs_dev .custom_col1 {
    background-color: #f3f3f5;
    height: 100%;
    display: flex;
    width: 100%;
    align-items: center
}

.Home_app_dev .nav_direction a {
    color: #1f173a;
    padding: 17px 15px;
    font-size: 18px;
    position: relative;
    z-index: 10;
    display: flex
}

.Home_app_dev .nav-pills:after {
    content: "";
    height: 100%;
    width: 69px;
    position: absolute;
    background: rgb(214 209 229 / 30%);
    left: 0;
    top: 0;
    z-index: 1
}

.Home_app_dev .nav-pills .nav-link.active {
    background-color: rgba(31, 23, 58, .1);
    color: #1f173a;
    border-radius: unset
}

.Home_app_dev .nav_direction a span {
    padding-right: 50px;
    display: inline-block
}

.Home_app_dev .add_arrow_right {
    margin-right: 40px;
    position: relative;
    display: flex
}

.Home_app_dev .custom_tabs_dev .custom_col1 a img {
    width: 100%;
    vertical-align: middle
}

.Home_app_dev .active .add_arrow_right:after {
    content: "";
    position: absolute;
    right: -4px;
    top: 5px;
    width: 7px;
    background-image: url("../svg/arrow1.svg");
    height: 7px;
    background-repeat: no-repeat;
    background-size: 4px
}

.cstm_padding_add {
    padding-top: 20px !important
}

.cstm_fit_app_reason ul li {
    width: unset !important
}

.wrapper_itr_rooms .project-problem h2:before {
    position: unset;
    content: unset
}

.wrapper_itr_rooms {
    background: linear-gradient(176deg, #fff 0, #f4feff 100%) no-repeat padding-box
}

.wrapper_itr_rooms .aboutus-title_itr {
    max-width: 520px;
    width: 100%;
    margin-bottom: 20px
}

.wrapper_itr_rooms .image_wraper_Itr .cstm_image_set_itr {
    max-width: 500px;
    width: 100%;
    margin: 0 auto
}

.wrapper_itr_rooms .btn_wrap_cashbook .flex-btn {
    padding-top: 10px;
    display: flex
}

.wrapper_itr_rooms .btn_wrap_cashbook .flex-btn .app_redirect_link {
    max-width: 120px;
    width: 100%;
    margin-right: 10px
}

.wrapper_itr_rooms .wrap_itr_sameStyling .cstm_h2_back_opacity {
    color: #65aa66;
    opacity: .13;
    font-size: 75px;
    line-height: .875
}

.wrapper_itr_rooms .wrap_itr_sameStyling .inner_itr_head {
    position: absolute;
    top: 26px;
    width: 100%
}

.wrapper_itr_rooms .wrap_itr_sameStyling .inner_itr_head h2 {
    margin-bottom: 0;
    color: #3a3c3c
}

.wrapper_itr_rooms .wrap_itr_sameStyling .inner_itr_head .flex_cstm {
    justify-content: space-between;
    display: flex;
    padding-bottom: 10px
}

.wrapper_itr_rooms .wrap_itr_sameStyling .inner_itr_head .flex_cstm .cstm_global_P {
    font-weight: 700;
    font-size: 20px
}

.wrapper_itr_rooms .wrap_itr_sameStyling .inner_itr_head .flex_cstm .cstm_count {
    color: #6eb43e;
    font-size: 24px;
    font-weight: 900
}

.wrapper_itr_rooms .wrap_itr_sameStyling .inner_itr_head .cstm_h6_underline::before {
    position: absolute;
    background-color: #639949;
    content: "";
    width: 100%;
    height: 5px;
    left: 0
}

.wrapper_itr_rooms .cstm_row_edit {
    padding: 80px 0 0 130px
}

.wrapper_itr_rooms .cstm_add_padding,
.wrapper_itr_rooms .cstm_row_edits_2 {
    padding: 80px 0 0
}

.wrapper_itr_rooms .cstm_padding_add-cstm {
    padding: 80px 0 0 5px
}

.wrapper_itr_rooms .wrapper_project_overview_itr .inner_project_overview_itr .remove_css_padding {
    padding: 100px 130px 0 0
}

.wrapper_itr_rooms h2 {
    padding-left: 0 !important;
    padding-bottom: 10px;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px
}

.wrapper_itr_rooms .wrapper-image_cashbook .cstm_image_set_inner2 {
    max-width: 600px;
    width: 100%
}

.wrapper_itr_rooms .wrapper-image_cashbook .cstm_image_set_inner3 {
    max-width: 430px;
    width: 100%;
    margin: unset !important
}

.wrapper_itr_rooms .overview_extra_font {
    color: #65aa66
}

.wrapper_itr_rooms .cstm_row_edit ul {
    list-style: none;
    padding-left: 20px
}

.wrapper_itr_rooms .wrap_content_txt ul li,
ol {
    list-style-type: unset !important;
    position: relative;
    padding-left: 10px
}

.wrapper_itr_rooms .wrap_content_txt ul li::before {
    content: "";
    position: absolute;
    background-color: #505353;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    left: -20px;
    top: 10px
}

.wrapper_itr_rooms .cstm_row_edit .wrap_image_content {
    padding-top: 40px;
    float: right
}

.wrapper_itr_rooms .cstm_row_edit .cstm_wrap_img_cntnt {
    float: unset
}

.wrapper_itr_rooms .green_cstm_clr {
    color: #72a6a8
}

.wrapper_itr_rooms .cstm_techno_img {
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 60px
}

.wrapper_itr_rooms .cstm_techno_img_backLayer {
    background-image: url(../back_tree_itr.html);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 50% 70%;
    background-position: center
}

.wrapper_itr_rooms .cstm_image_wrap_section,
.wrapper_itr_rooms .wrapper_project_over_itr {
    height: 100%;
    background-repeat: no-repeat;
    background-size: 70% 80%;
    background-position: center;
    width: 100%
}

.wrapper_itr_rooms .cstm_image_set_inner4 {
    max-width: 310px;
    width: 100%;
    margin: 0 auto
}

.wrapper_itr_rooms .cstm_col_wrap_padding h3 {
    margin-bottom: 5px;
    font-size: 22px
}

.wrapper_itr_rooms .wrap_row_about_project {
    padding-top: 30px;
    position: relative
}

.wrapper_itr_rooms .back_img_wraper {
    right: 35%;
    position: absolute;
    top: 0;
    transform: translateX(-35%)
}

.wrapper_itr_rooms .back_img_wraper figure,
.wrapper_itr_rooms .rating_testi .rating_testi_img_fig {
    max-width: 200px;
    width: 100%
}

.wrapper_itr_rooms .padding_top-itr {
    padding-top: 40px
}

.wrapper_itr_rooms .cstm_width_set {
    margin: 0 auto;
    max-width: 700px;
    width: 100%
}

.wrapper_itr_rooms .cstm_width_set_overlaps {
    max-width: 1000px
}

.wrapper_itr_rooms .wrapper_product_details .wrap_img_side_banner {
    position: absolute;
    right: 0;
    bottom: 0
}

.wrapper_itr_rooms .wrapper_product_details .wrap_img_side_banner figure {
    max-width: 220px;
    width: 100%
}

.wrapper_itr_rooms .cstm_padding_btm {
    padding-bottom: 310px
}

.wrapper_itr_rooms .cstm_image_wrap_section {
    background-image: url("../back_tree_itr.html");
    margin-top: 80px
}

.wrapper_itr_rooms .wrapper_screens_section .cstm_col_wrap_screen figure {
    max-width: 420px;
    width: 100%;
    margin: 0 auto
}

.wrapper_itr_rooms .wrapper_screens_section .postion_set_fix {
    position: relative;
    top: 60px
}

.wrapper_itr_rooms .wrapper_project_over_itr .wrap_card_concept_img .global_p_cstm {
    width: calc(100% - 60px);
    padding-left: 20px
}

.wrapper_itr_rooms .wrapper_project_over_itr {
    background-image: url(../back_tree_itr.html);
    position: relative;
    padding-bottom: 360px
}

.wrapper_itr_rooms .wrapper_project_over_itr .wrap_inner_card_img_itr {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-bottom: 60px
}

.wrapper_itr_rooms .wrapper_project_over_itr .wrap_inner_card_img_itr .conceptual_card_wrap_cstm .image_wrap_concept_wire {
    max-width: 520px;
    width: 100%
}

.wrapper_itr_rooms .wrapper_lets_talk_itr {
    background-color: #eafdff;
    padding: 60px 0
}

.wrapper_itr_rooms .wrapper_lets_talk_itr .cstm_h4_itr {
    font-size: 42px;
    line-height: 1.3;
    margin-bottom: 15px
}

.wrapper_itr_rooms .wrapper_lets_talk_itr .cstm_h4_itr span {
    color: #6eb43e
}

.wrapper_itr_rooms .cstm_btn_itr {
    color: #fff;
    padding: 14px 40px;
    border-radius: 10px;
    background: linear-gradient(90deg, #5091cb 0, #6eb43e 100%) no-repeat padding-box;
    border: unset;
    line-height: 1
}

.wrapper_itr_rooms .cstm_btn_itr:focus {
    border: unset
}

.wrapper_itr_rooms .wrapper_lets_talk_itr .wrap_inner_lets_talk .wrap_crd_inr figure {
    max-width: 440px;
    width: 100%;
    margin: 0 auto
}

.wrapper_itr_rooms .cstm_d_flex {
    display: flex;
    align-items: center;
    padding-top: 20px
}

.wrapper_itr_rooms .cstm_d_flex .inner_txt_type {
    max-width: 33%;
    width: 100%
}

.wrapper_itr_rooms .wrap_content_cstm_card .global_p {
    max-width: 75%;
    width: 100%
}

.wrapper_itr_rooms .cstm_h5_lato {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 10px
}

.wrapper_itr_rooms .wrap_pallat_card {
    padding: 50px 90px
}

.wrapper_itr_rooms .color_palate_card_clr {
    max-width: 520px;
    width: 100%;
    height: 160px;
    border-radius: 20px;
    background-color: #71b446;
    margin: 0 auto 40px
}

.wrapper_itr_rooms .color_palate_card_clr2 {
    background-color: #5394be
}

.wrapper_itr_rooms .color_palate_card_clr3 {
    max-width: 240px;
    background-color: #97d570
}

.wrapper_itr_rooms .color_palate_card_clr4 {
    max-width: 240px;
    background-color: #64addd
}

.wrapper_itr_rooms .color_palate_card_clr5 {
    background: linear-gradient(90deg, #5091cb 0, #6eb43e 100%) no-repeat padding-box
}

.wrapper_itr_rooms .cstm_text_center {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 40px
}

.wrapper_itr_rooms .wrapper_testimonial_itr .wrap_cntent_testi .inner_testimonil {
    position: relative;
    background-color: #fff;
    border: .5px solid #707070;
    border-radius: 32px;
    padding: 70px 0 60px
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,
.iti--separate-dial-code .iti__selected-flag,
.iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, .05)
}

.wrapper_itr_rooms .wrapper_testimonial_itr .inner_testimonil .row .inner_testi_card {
    padding-left: 60px;
    text-align: center
}

.wrapper_itr_rooms .wrapper_testimonial_itr .wrap_cntent_testi .inner_testimonil .row .inner_testi_card figure {
    margin: 0 auto 30px;
    overflow: hidden;
    border-radius: 50%;
    max-width: 220px;
    width: 100%
}

.wrapper_itr_rooms .wrapper_testimonial_itr .inner_testimonil .row {
    margin: 0;
    align-items: center
}

.wrapper_itr_rooms .wrapper_testimonial_itr .inner_testimonil .row .inner_testi_card h5 {
    color: #83c040;
    font-weight: 900;
    margin-bottom: 0
}

.wrapper_itr_rooms .wrapper_testimonial_itr .inner_testimonil .row .inner_testi_card p {
    color: #727272
}

.wrapper_itr_rooms .wrapper_testimonial_itr .cstm_testi_line {
    position: absolute;
    background-color: #6eb43e;
    content: "";
    width: 90%;
    height: 5px;
    left: 0;
    margin-top: 10px
}

.wrapper_itr_rooms .wrapper_testimonial_itr .wrap_cntent_testi .inner_right_testi_card h5 {
    color: #313131;
    font-weight: 700;
    text-align: right;
    margin-bottom: 0
}

.wrapper_itr_rooms .wrapper_testimonial_itr .wrap_cntent_testi .inner_right_testi_card .line_cstm {
    position: absolute;
    background-color: #6eb43e;
    content: "";
    max-width: 50%;
    width: 100%;
    height: 5px;
    right: 0;
    margin-top: 10px
}

.wrapper_itr_rooms .wrapper_testimonial_itr .wrap_cntent_testi .inner_right_testi_card .background_trans_text {
    padding: 30px 40px 0 60px
}

.wrapper_itr_rooms .wrapper_testimonial_itr .cstm_floats {
    width: 50px;
    margin-bottom: 10px
}

.wrapper_itr_rooms .wrapper_testimonial_itr .cstm-float {
    width: 50px;
    float: right
}

.wrapper_itr_rooms .side_tree_fix {
    max-width: 150px;
    width: 100%;
    position: absolute;
    top: 0
}

.wrapper_itr_rooms .side_tree_fix_right_testi {
    max-width: 150px;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0
}

.wrapper_itr_rooms .rating_testi {
    margin: 0;
    text-align: end;
    display: flex;
    justify-content: center
}

.iti--separate-dial-code .iti__selected-dial-code,
.iti__arrow {
    margin-left: 6px
}

.wrapper_itr_rooms .cstm_login_txt {
    text-align: center;
    position: absolute;
    top: 85px;
    left: 26%
}

.wrapper_itr_rooms .cstm_videoplay_txt {
    position: absolute;
    text-align: center;
    top: 130px;
    right: 136px
}

.wrapper_itr_rooms .cstm_news_txt {
    position: absolute;
    right: 150px;
    bottom: 140px;
    text-align: center
}

.wrapper_itr_rooms .cstm_groups_txt {
    position: absolute;
    text-align: center;
    right: 29%;
    bottom: -50px
}

.wrapper_itr_rooms .cstm_Message_txt {
    bottom: 200px;
    left: 5%;
    position: absolute;
    text-align: center
}

.wrapper_itr_rooms .cstm_groups_txt p.global_p,
.wrapper_itr_rooms .cstm_login_txt p.global_p,
.wrapper_itr_rooms .cstm_news_txt p.global_p,
.wrapper_itr_rooms .cstm_videoplay_txt p.global_p {
    font-weight: 600;
    line-height: 1.3
}

.wrapper_itr_rooms .cstm_Message_txt h3.cstm_globe_h3_cards {
    font-weight: 900;
    line-height: 1.3
}

.iti {
    position: relative;
    display: inline-block
}

.iti * {
    -moz-box-sizing: border-box
}

.iti input,
.iti input[type=tel],
.iti input[type=text] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px
}

.iti__arrow {
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px
}

@media (max-width:500px) {
    .iti__country-list {
        white-space: normal
    }
}

.iti__flag-box {
    display: inline-block;
    width: 20px
}

.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.iti__country {
    padding: 5px 10px;
    outline: 0
}

.iti__dial-code {
    color: #999
}

.iti__country-name,
.iti__flag-box {
    margin-right: 6px
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=tel],
.iti--allow-dropdown input[type=text],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=tel],
.iti--separate-dial-code input[type=text] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0
}

.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag,
.iti__flag.iti__np {
    background-color: transparent
}

.appDeal_has_country_dropdown .iti .iti__selected-flag,
.appDeal_has_country_dropdown .iti .iti__selected-flag:focus,
.appDeal_has_country_dropdown .iti .iti__selected-flag:hover,
.has_country_dropdown .iti .iti__selected-flag,
.has_country_dropdown .iti .iti__selected-flag:focus,
.has_country_dropdown .iti .iti__selected-flag:hover {
    background: 0 0
}

.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

.iti--container:hover {
    cursor: pointer
}

.iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .iti__country {
    padding: 10px;
    line-height: 1.5em
}

.iti__flag {
    width: 20px;
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url("../png/flags.png");
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

.iti__flag.iti__be,
.iti__flag.iti__ne {
    width: 18px
}

.iti__flag.iti__ac {
    height: 10px;
    background-position: 0 0
}

.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0
}

.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0
}

.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0
}

.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0
}

.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0
}

.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0
}

.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0
}

.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0
}

.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0
}

.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0
}

.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0
}

.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0
}

.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0
}

.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0
}

.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0
}

.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0
}

.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0
}

.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0
}

.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0
}

.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0
}

.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0
}

.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0
}

.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0
}

.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0
}

.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0
}

.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0
}

.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0
}

.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0
}

.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0
}

.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0
}

.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0
}

.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0
}

.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0
}

.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0
}

.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0
}

.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0
}

.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0
}

.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0
}

.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0
}

.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0
}

.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0
}

.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0
}

.iti__flag.iti__ch {
    width: 15px;
    height: 15px;
    background-position: -944px 0
}

.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0
}

.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0
}

.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0
}

.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0
}

.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0
}

.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0
}

.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0
}

.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0
}

.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0
}

.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0
}

.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0
}

.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0
}

.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0
}

.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0
}

.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0
}

.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0
}

.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0
}

.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0
}

.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0
}

.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0
}

.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0
}

.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0
}

.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0
}

.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0
}

.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0
}

.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0
}

.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0
}

.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0
}

.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0
}

.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0
}

.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0
}

.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0
}

.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0
}

.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0
}

.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0
}

.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0
}

.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0
}

.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0
}

.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0
}

.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0
}

.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0
}

.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0
}

.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0
}

.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0
}

.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0
}

.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0
}

.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0
}

.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0
}

.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0
}

.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0
}

.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0
}

.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0
}

.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0
}

.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0
}

.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0
}

.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0
}

.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0
}

.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0
}

.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0
}

.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0
}

.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0
}

.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0
}

.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0
}

.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0
}

.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0
}

.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0
}

.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0
}

.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0
}

.iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0
}

.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0
}

.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0
}

.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0
}

.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0
}

.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0
}

.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0
}

.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0
}

.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0
}

.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0
}

.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0
}

.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0
}

.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0
}

.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0
}

.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0
}

.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0
}

.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0
}

.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0
}

.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0
}

.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0
}

.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0
}

.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0
}

.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0
}

.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0
}

.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0
}

.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0
}

.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0
}

.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0
}

.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0
}

.iti__flag.iti__mc {
    width: 19px;
    height: 15px;
    background-position: -3139px 0
}

.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0
}

.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0
}

.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0
}

.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0
}

.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0
}

.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0
}

.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0
}

.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0
}

.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0
}

.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0
}

.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0
}

.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0
}

.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0
}

.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0
}

.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0
}

.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0
}

.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0
}

.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0
}

.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0
}

.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0
}

.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0
}

.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0
}

.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0
}

.iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0
}

.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0
}

.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0
}

.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0
}

.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0
}

.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0
}

.iti__flag.iti__np {
    width: 13px;
    height: 15px;
    background-position: -3796px 0
}

.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0
}

.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0
}

.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0
}

.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0
}

.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0
}

.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0
}

.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0
}

.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0
}

.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0
}

.iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0
}

.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0
}

.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0
}

.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0
}

.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0
}

.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0
}

.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0
}

.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0
}

.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0
}

.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0
}

.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0
}

.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0
}

.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0
}

.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0
}

.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0
}

.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0
}

.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0
}

.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0
}

.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0
}

.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0
}

.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0
}

.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0
}

.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0
}

.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0
}

.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0
}

.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0
}

.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0
}

.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0
}

.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0
}

.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0
}

.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0
}

.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0
}

.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0
}

.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0
}

.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0
}

.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0
}

.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0
}

.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0
}

.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0
}

.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0
}

.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0
}

.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0
}

.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0
}

.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0
}

.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0
}

.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0
}

.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0
}

.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0
}

.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0
}

.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0
}

.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0
}

.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0
}

.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0
}

.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0
}

.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0
}

.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0
}

.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0
}

.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0
}

.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0
}

.iti__flag.iti__va {
    width: 15px;
    height: 15px;
    background-position: -5329px 0
}

.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0
}

.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0
}

.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0
}

.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0
}

.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0
}

.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0
}

.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0
}

.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0
}

.iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0
}

.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0
}

.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0
}

.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0
}

.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0
}

.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .iti__flag {
        background-size: 5652px 15px;
        background-image: url("../png/flags%402x.png")
    }
}

.has_country_dropdown {
    align-items: flex-end;
    display: flex;
    margin-bottom: 10px;
    height: 56px
}

.has_country_dropdown .country_select {
    width: 100%;
    max-width: 125px
}

.has_country_dropdown .iti,
.top-notch-wrapper.industry_pages .single_image img {
    width: 100%
}

.has_country_dropdown .iti .iti__selected-flag:focus,
.has_country_dropdown .iti .iti__selected-flag:focus-visible {
    outline: 0
}

.appDeal_has_country_dropdown .iti {
    width: 100%;
    margin-bottom: .5rem
}

.appDeal_has_country_dropdown .iti .iti__selected-flag:focus,
.appDeal_has_country_dropdown .iti .iti__selected-flag:focus-visible {
    outline: 0
}

.has_country_dropdown #phone-error,
.has_country_dropdown #phoneCC-error {
    bottom: -17px
}

.top-notch-wrapper.industry_pages .ios_content_wrapper {
    width: 100%;
    max-width: 60%
}

.top-notch-wrapper.industry_pages .single_image {
    width: 100%;
    max-width: 45%
}

.contact_link_ul .cstm_twitter-li a {
    width: 20px !important;
    height: 20px !important;
    margin-top: 2px
}

.contact_link_ul .cstm_twitter-li a img {
    filter: invert(100%);
    transition: .2s linear
}

.contact_link_ul .cstm_twitter-li a:hover img {
    filter: invert(0%)
}

.portfolio_banner_slick .slick-dots {
    position: absolute;
    bottom: 90px
}

.portfolio_banner_slick .slick-arrow {
    top: auto;
    bottom: 65px
}

.portfolio_banner_slick .slick-next:before,
.portfolio_banner_slick .slick-prev:before {
    font-size: 23px;
    color: #fff !important;
    font-weight: 700 !important;
    line-height: .5
}

.portfolio_banner_slick .slick-next {
    right: 559px;
    bottom: 60px;
    height: 38px;
    width: 38px;
    border: 2px solid #fff !important;
    position: absolute;
    z-index: 999;
    border-radius: 50%
}

.portfolio_banner_slick .slick-prev {
    left: 552px;
    bottom: 60px;
    height: 38px;
    width: 38px;
    border: 2px solid #fff !important;
    position: absolute;
    z-index: 999;
    border-radius: 50%
}

.dating-port-right.mendo_parent {
    background-color: #25608c
}

.dating-port-right.first_banner {
    background-color: #2f4574
}

.dating-port-right.artboard_parent {
    background-color: #c96338
}

.dating-port-right.faith_parent {
    background-color: #000062
}

.bg2.medno_footer {
    background-color: #25bbaf
}

.bg2.faith_footer {
    background-color: #0626cc
}

.bg2.cilio_footer {
    background-color: #eeb73f
}

.bg2.artboard_footer {
    background-color: #ffbe9d
}

.categories_tab {
    margin-bottom: 2rem
}

.categories_tab ul {
    display: flex;
    overflow: auto;
    gap: 8px;
    padding: 12px 0
}

.categories_tab ul li button {
    min-width: 50px;
    text-align: center;
    text-transform: capitalize;
    display: inline-block;
    color: #5519c2;
    transition: .3s linear;
    box-shadow: rgb(0 0 0 / 10%) 0 1px 3px 0, rgb(0 0 0 / 6%) 0 1px 2px 0;
    border-color: transparent;
    border-radius: 5px;
    font-size: 16px;
    padding: 7px 10px;
    white-space: nowrap
}

.categories_tab ul::-webkit-scrollbar {
    height: 3px;
    display: none
}

.categories_tab ul li button.active,
.categories_tab ul li button:hover {
    background-color: #5519c2;
    color: #fff
}

/* for flag app-calculator */
.appDeal_has_country_dropdown.update_country_code ul.iti__country-list {
    display: block !important;
}

.appDeal_has_country_dropdown.update_country_code ul.iti__country-list.iti__hide {
    display: none !important;
}

.appDeal_has_country_dropdown.update_country_code input {
    height: 45px;
    border-radius: 10px;
    border: 1px solid rgba(121, 117, 131, 0.1215686275);
    background: #e6e6e7;
}

/* for flag app-calculator*/

/* popup model in contact form start here*/
.cstm_modal_design_new.new_update {
    padding: 40px 20px;
}

.cstm_modal_design_new.new_update .cstm-new-modal-design h3 {
    font-size: 2rem;
}

.cstm-new-modal-design_new.new_update .popup-h3 .h3 {
    margin-bottom: 14px;
    font-size: 26px;
}

.cstm-new-modal-design_new.new_update .contact-box-wrapper {
    padding: 20px 10px !important;
}

.cstm_modal_design_new.new_update .share_idea_cstm {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 15px;
}

.cstm-new-modal-design_new.new_update p.discuss_your {
    margin-bottom: 14px;
}

.cstm_modal_design_new.new_update .form-wrapper textarea {
    margin-bottom: 30px;
    padding: 5px 0px;
    font-size: 1rem;
}

.cstm_modal_design_new.new_update .input_wrapr {
    gap: 0px 30px;
    margin-bottom: 15px;
}

.cstm_modal_design_new.new_update .input_wrapr .input-box-wrprr {
    margin-right: 0;
    margin-bottom: 10px !important;
}

.cstm_modal_design_new.new_update .input_wrapr .input-box-wrprr .has_country_dropdown {
    height: 40px;
}

.cstm_modal_design_new.new_update .input_wrapr .input-box-wrprr.input-box-wrprr2 {
    margin-bottom: 10px !important;
}

.cstm_modal_design_new.new_update .input_wrapr .input-box-wrprr.input-box-wrprr2 ._select {
    height: 40px;
    padding: 5px 0px;
    margin-bottom: 10px !important;
}

.cstm_modal_design_new.new_update .input-box-wrprr input {
    padding: 5px 0px;
    margin-right: 0;
    height: 40px;
}

.cstm_modal_design_new.new_update .input-box-wrprr.country_code {
    margin-bottom: 0;
}

.cstm_modal_design_new.new_update .input-box-wrprr.country_code input {
    padding-left: 50px;
}

.cstm_modal_design_new.new_update .captcha-button button {
    margin-bottom: 0px !important;
    width: 150px !important;
    text-decoration: none;
    padding: 12px 16px !important;
    font-size: 20px;
    line-height: 1;
    height: auto;
}

.cstm_modal_design_new.new_update .captcha-div input {
    width: 30px;
    height: 30px;
}

.cstm_modal_design_new.new_update .wrapper_checkbox label {
    font-size: 16px;
}

.cstm_modal_design_new.new_update .wrapper_checkbox input {
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.cstm_modal_design_new.new_update .captcha-div input {
    font-size: 18px;
}

.modal_updates {
    width: 100%;
    height: 100%;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.cstm_modal_design_new.new_update .popup-close {
    right: 0px;
    top: -30px;
}

/* popup model in contact form end here*/
/* responsive popup contact form start*/
@media (max-width: 1220px) {
    .cstm_modal_design_new.new_update {
        max-width: 920px !important;
    }
}

@media (max-width: 1023px) {
    .cstm_modal_design_new.new_update .cstm-new-modal-design h3 {
        font-size: 1.7rem;
        margin-bottom: 10px;
    }

    .cstm_modal_design_new.new_update .share_idea_cstm {
        font-size: 16px;
    }

    .cstm_modal_design_new.new_update .input_wrapr {
        margin-bottom: 10px;
    }

    .cstm_modal_design_new.new_update .captcha-button {
        margin-top: 15px !important;
    }

    .cstm_modal_design_new.new_update .captcha-button button {
        width: 130px !important;
        padding: 10px 16px !important;
        font-size: 18px;
    }
}

@media (max-width: 600px) {
    .cstm_modal_design_new.new_update {
        padding: 30px 10px 15px;
    }

    .cstm_modal_design_new.new_update .popup-close {
        top: -20px;
        font-size: 17px;
        line-height: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cstm_modal_design_new.new_update .cstm-new-modal-design h3 {
        font-size: 1.5rem;
        margin-bottom: 10px !important;
    }

    .cstm_modal_design_new.new_update .share_idea_cstm {
        margin-bottom: 10px !important;
    }

    .cstm_modal_design_new.new_update .input-box-wrprr input {
        height: 35px;
    }

    .cstm_modal_design_new.new_update .input_wrapr {
        margin-bottom: 0;
    }

    .cstm_modal_design_new.new_update .input_wrapr .input-box-wrprr .has_country_dropdown {
        height: 35px;
        margin-bottom: 20px;
    }

    .cstm_modal_design_new.new_update .input_wrapr .input-box-wrprr.input-box-wrprr2 ._select {
        height: 35px;
        font-size: 14px;
    }

    .cstm_modal_design_new.new_update .input_wrapr .input-box-wrprr.input-box-wrprr2 ._select option {
        font-size: 14px !important;
    }

    .cstm_modal_design_new.new_update .form-wrapper textarea {
        height: 80px;
        font-size: 14px;
        margin-bottom: 15px;
    }

    .cstm_modal_design_new.new_update .captcha-div span {
        font-size: 16px;
    }

    .cstm_modal_design_new.new_update .captcha-div input {
        width: 25px;
        height: 25px;
        font-size: 16px;
    }

    .cstm_modal_design_new.new_update .wrapper_checkbox input {
        width: 18px;
        height: 18px;
    }

    .cstm_modal_design_new.new_update .captcha-button {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cstm_modal_design_new.new_update .form-wrapper {
        margin-bottom: 0;
    }

    .cstm_modal_design_new.new_update .captcha-div label {
        display: block !important;
    }

}



/* responsive popup contact form end*/

/* alignment paragraph in 18-7-2025 start here*/
.country-project-outline.para_left_align .cnt-project-cont {
    text-align: start !important;
}

.country-project-outline.para_left_align .cnt-project-cont p {
    margin-bottom: 15px;
}

.country-project-outline.para_left_align .cnt-project-cont p:last-child {
    margin-bottom: 0;
}

.custom_container.height_update .servicebx {
    min-height: 431px;
}

.custom_container.height_update .service-content.new {
    min-height: auto;
    max-height: none;
}




/* alignment paragraph in 18-7-2025 end here*/

/* our_work_update slider section start here */
.top-app-detail-wrapper.new_slider .ios-app-detail-left {
    width: 474px;
    background: #02307e;
}

.top-app-detail-wrapper.new_slider .right_contents {
    width: calc(100% - 474px);
}

.top-app-detail-wrapper.new_slider .app-detail-a a {
    margin-bottom: 130px;
}

.top-app-detail-wrapper.new_slider .app-detail-a a i {
    opacity: 1 !important;
}

.top-app-detail-wrapper.new_slider .app-detail-a a:hover {
    text-decoration: none !important;
    color: #fff !important;
}

.top-app-detail-wrapper.new_slider .app-detail-a a:hover i {
    color: #fff !important;
}

.top-app-detail-wrapper.new_slider .slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}

.top-app-detail-wrapper.new_slider .slick-dots {
    bottom: 30px !important;
}

.top-app-detail-wrapper.new_slider .slick-dots li.slick-active button::before {
    color: #fff !important;
}

.top-app-detail-wrapper.new_slider .slick-next {
    bottom: -10px !important;
}

.top-app-detail-wrapper.new_slider .slick-prev {
    bottom: -10px !important;
}
.new_teamates-profile-box{
    flex-wrap: wrap;
    justify-content: unset;
}



@media (max-width: 1688px) {
    .top-app-detail-wrapper.new_slider .right_contents {
        width: calc(100% - 432px);
    }

    .top-app-detail-wrapper.new_slider .ios-app-detail-left {
        width: 432px;
    }
}

@media (max-width: 1439px) {
    .top-app-detail-wrapper.new_slider .app-detail-a a {
        margin-bottom: 50px;
    }

    .top-app-detail-wrapper.new_slider .work-trust-title img {
        top: 0;
        left: 0;
    }

    .top-app-detail-wrapper.new_slider .ios-app-detail-left {
        width: 409px;
    }

    .top-app-detail-wrapper.new_slider .right_contents {
        width: calc(100% - 409px);
        height: 100%;
    }

    .top-app-detail-wrapper.new_slider .slick-dots {
        bottom: 16px !important;
    }
}

@media (max-width: 1365px) {
    .top-app-detail-wrapper.new_slider .tripat-app-img img:nth-child(2) {
        width: 225px;
    }

    .top-app-detail-wrapper.new_slider .ios-app-detail-left {
        width: 384px;
    }

    .top-app-detail-wrapper.new_slider .right_contents {
        width: calc(100% - 384px);
        height: 100%;
    }
}

@media (max-width: 1279px) {
    .top-app-detail-wrapper.new_slider .tripat-app-img img:nth-child(2) {
        width: 190px;
    }

    .top-app-detail-wrapper.new_slider .ios-app-detail-left {
        width: 307px;
    }

    .top-app-detail-wrapper.new_slider .right_contents {
        width: calc(100% - 307px);
    }

    .top-app-detail-wrapper.new_slider .ios-app-img {
        padding: 60px 80px 80px;
    }

    .top-app-detail-wrapper.new_slider .app-detail-a a {
        margin-bottom: 25px;
    }

    .top-app-detail-wrapper.new_slider .slick-next {
        right: 500px;
    }

    .top-app-detail-wrapper.new_slider .slick-prev {
        left: 500px;
    }
}

@media (max-width: 1023px) {
    .top-app-detail-wrapper.new_slider .ios-app-detail-left {
        width: 100%;
        flex: unset !important;
        padding: 50px 20px;
    }

    .top-app-detail-wrapper.new_slider .work-trust-title {
        width: 100%;
    }

    .top-app-detail-wrapper.new_slider .work-trust-title img {
        width: 30%;
    }

    .top-app-detail-wrapper.new_slider .ios-app-detail-left h2 br {
        display: none;
    }

    .top-app-detail-wrapper.new_slider .ios-app-detail-left h2 {
        text-align: center;
        margin-top: 30px;
    }

    .top-app-detail-wrapper.new_slider .right_contents {
        display: none;
    }

    .top-app-detail-wrapper.new_slider .work-trust-title::before {
        left: 46%;
    }

    .top-app-detail-wrapper.new_slider .app-detail-a a br {
        display: none;
    }
}

@media (max-width: 767px) {
    .top-app-detail-wrapper.new_slider .work-trust-title img {
        width: 30%;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .top-app-detail-wrapper.new_slider .work-trust-title::before {
        left: 42%;
        top: -10px;
    }

    .top-app-detail-wrapper.new_slider .ios-app-detail-left h2 {
        text-align: center;
        margin-top: 40px;
        font-size: 24px;
    }

    .top-app-detail-wrapper.new_slider .app-detail-a a {
        width: 100%;
        text-align: center;
    }

    .top-app-detail-wrapper.new_slider .follow-behance span {
        display: block;
        text-align: center;
    }

    .top-app-detail-wrapper.new_slider .be_dribble a {
        width: 49%;
        text-align: center;
        margin-right: 0;
    }

    .top-app-detail-wrapper.new_slider .work-trust-title {
        height: 140px;
    }
}

@media (max-width: 600px) {
    .portofolio_wrapper.new_updates_slides .title_wrapper {
        flex-wrap: wrap;
    }
}

/* our_work_update slider section end here */


.custom_tabs_dev .cutsom_row_tabs .custom_col1 .nav .nav-link .wrap_text_arrow_logo{flex-wrap: nowrap !important;
    white-space: nowrap !important;}