a,
header {
    transition: .5s ease-in-out
}

*,
h1,
h2,
h3,
h4,
h5,
h6,
head,
html,
li,
p,
ul {
    margin: 0;
    padding: 0
}

*,
.logo,
li,
p,
ul {
    padding: 0
}

#cssmenu,
header {
    background: #fff
}

.box_web .box_round,
.logo a,
.sec_btn {
    display: inline-block
}

#cssmenu ul ul li a,
#cssmenu>ul>li>a,
*,
.service_contect_ban .btnall,
a,
a:active,
a:focus,
a:hover {
    text-decoration: none
}

.baner_sec h1,
.logo a,
body,
form .form_inner label {
    font-family: Poppins, sans-serif
}

.our_approch_iphon_dev .approch_box p,
.work_process_sec .work_prs_box p {
    min-height: 110px;
    line-height: 22px;
    font-size: 14px;
    color: #252f3e
}

.blog-content li {
    margin-left: 40px !important
}

.blog-content ol li {
    list-style: decimal !important
}

.blog-content ul li {
    list-style: disc !important
}

.active-menu,
.foot_bottom li a:hover {
    color: #e6a522 !important
}

a {
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out
}

a:active,
a:focus,
a:hover {
    color: #e6a522;
    outline: 0
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
    outline: 0
}

body {
    font-size: 14px;
    background: #f3f4f7
}

.theme_1.wpcf7-form input.erro,
.web_devlopment_sec .web_dev_title {
    text-align: left
}

.Project_slider_sec .slider_web_service,
.contact_get_in_touch .contact_detail,
.contact_us_map_sec,
.custom_softwer_inner,
.work_box a,
aside,
footer,
form .form-group.full,
header,
section {
    float: left;
    width: 100%
}

#cssmenu ul,
.blog-list_bottom ul,
.custom_softwer_sec .col-align-right img,
.pagination>li:last-child i {
    float: right
}

li,
ul {
    list-style: none
}

img {
    max-width: 100%
}

.footer_first .foot_logo img {
    max-width: 132px
}

p {
    font-family: Lato, sans-serif;
    font-size: 16px;
    color: #252f3e;
    line-height: 26px
}

header {
    position: fixed;
    width: 100%;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    z-index: 2
}

.head_top,
.logo a {
    transition: .5s ease-in-out
}

.logo {
    position: relative;
    z-index: 123;
    float: left;
    width: 15%
}

.logo a {
    font-size: 32px;
    letter-spacing: .5px;
    color: #1d215e;
    text-transform: uppercase;
    width: 120px;
    margin-bottom: 15px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out
}

#cssmenu ul ul li a,
#cssmenu>ul>li>a,
.head_top a {
    color: #2d2d43;
    font-weight: 500
}

.logo a img {
    height: 100%;
    width: 100%
}

.head_top {
    position: absolute;
    right: 0;
    top: 25px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out
}

.baner_sec,
nav {
    position: relative
}

#cssmenu ul,
.small {
    transition: .5s ease-in-out
}

.head_top a {
    font-size: 14px;
    margin-right: 40px;
    opacity: .8
}

.head_top a:last-child {
    margin-right: 0
}

#cssmenu ul {
    margin: 40px 0 0;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out
}

#cssmenu ul li a:hover,
#cssmenu ul li.active a,
.Portfolio_listing_sec .top_tab li a:hover,
.blog-list_bottom ul li a:hover,
.contact_get_in_touch .contact_detail li a,
.featured_tabs .top_tab li a.selected,
.foot_bottom_sec p span a,
.head_top a:hover,
.like_what_usee_sec .like_box h3 span,
.widget ul li a:hover,
.work_bottom_sec .lstg_btm_title:hover {
    color: #e6a522
}

.head_top i {
    color: #e6a522;
    font-size: 14px;
    padding-right: 10px
}

.small {
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1) !important;
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1) !important;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1) !important
}

.small .head_top {
    opacity: 0;
    visibility: hidden;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out
}

.small #menu-header-menu {
    margin: 10px 0 0
}

.small .logo a {
    width: 83px;
    transition: .2s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    padding: 10px;
    margin-bottom: 0
}

#cssmenu,
.box_web {
    transition: .5s ease-in-out
}

.our_devlopment_service .padd,
.service_contect_ban.iphone_contact,
.service_modern_world .web_dev_title p,
.small #cssmenu {
    padding: 0
}

nav {
    width: 100%;
    margin: 0 auto
}

#cssmenu,
#cssmenu #head-mobile,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#cssmenu:after,
#cssmenu>ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

#cssmenu #head-mobile,
.Portfolio_listing_sec .top_tab li:first-child:before {
    display: none
}

#cssmenu {
    padding: 15px 0 0;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out
}

#cssmenu>ul>li,
.portfolio_content {
    float: left
}

#cssmenu>ul>li>a {
    padding: 20px 30px 20px 20px;
    font-size: 14px;
    letter-spacing: .5px
}

#cssmenu>ul>li.has-sub>a:after {
    position: absolute;
    top: 27px;
    right: 11px;
    width: 8px;
    height: 2px;
    background: #2d2d43;
    content: '';
    display: none
}

#cssmenu>ul>li.has-sub>a:before {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 2px;
    height: 8px;
    background: 0 0;
    content: '\f0d7';
    -webkit-transition: .25s;
    -ms-transition: .25s;
    transition: .25s;
    font-family: FontAwesome
}

#cssmenu ul ul {
    position: absolute;
    left: -9999px;
    margin-top: 1px;
    box-shadow: 0 3px 5px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 5px 1px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 3px 5px 1px rgba(0, 0, 0, .1)
}

#cssmenu ul ul li {
    -webkit-transition: .25s;
    -ms-transition: .25s;
    background: #fff;
    transition: .25s;
    border-bottom: 1px solid #d9d9d9
}

#cssmenu li:hover>ul {
    left: auto
}

#cssmenu ul ul ul {
    margin-left: 100%;
    top: 0
}

#cssmenu ul ul li a {
    border-bottom: 1px solid #fff;
    padding: 11px 15px;
    width: 240px;
    letter-spacing: .5px;
    font-size: 13px
}

#cssmenu ul ul li.last-item>a,
#cssmenu ul ul li:last-child>a,
.blog .col-md-3 .widget:last-child,
.recent-post:last-child {
    border-bottom: 0
}

#cssmenu ul ul li a:hover,
#cssmenu ul ul li:hover>a {
    color: #e6a522;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out
}

#cssmenu ul ul li.has-sub>a:after {
    position: absolute;
    top: 16px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ddd;
    content: ''
}

#cssmenu ul ul li.has-sub>a:before {
    position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ddd;
    content: '';
    -webkit-transition: .25s;
    -ms-transition: .25s;
    transition: .25s
}

#cssmenu ul ul>li.has-sub:hover>a:before {
    top: 17px;
    height: 0
}

#cssmenu ul li.has-sub ul li.has-sub ul li:hover,
#cssmenu ul ul li.has-sub:hover {
    background: #363636
}

#cssmenu ul ul ul li.active a {
    border-left: 1px solid #333
}

#cssmenu>ul ul>li.has-sub>ul>li.active>a,
#cssmenu>ul>li.has-sub>ul>li.active>a {
    border-top: 1px solid #333
}

header .contact_detail_mob {
    display: none !important
}

.baner_sec {
    float: left;
    width: 100%;
    height: 780px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 110px;
    background-position: center
}

.btn,
.btnall {
    letter-spacing: .5px;
    text-transform: uppercase;
    margin-top: 8px
}

.baner_sec h1 {
    font-size: 42px;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
    padding-bottom: 10px
}

.allsec_inner_banner .breadcrumb li,
.blog-content h4,
.blog-list h3,
.contact_get_in_touch .contact_detail .address,
.contact_get_in_touch .contact_detail .title_con,
.contact_get_in_touch h4,
.full-box h6,
.inr-bnr .breadcrumb li,
.mobile_app_box .app_box h4,
.rec-text a,
.widget ul li a,
.work_bottom_sec .lstg_btm_title,
footer ul li a {
    font-family: Lato, sans-serif
}

.baner_sec p {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: #fff;
    padding-bottom: 30px
}

.inrall_bnrcnt {
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    width: 100%
}

.ban_inner_text {
    width: 640px
}

.banner_overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: linear-gradient(to right, #131313 0, #595959 0, #000 0, #292929 53%, #2c2c2c 57%, #232323 81%, #1c1c1c 100%);
    opacity: .7
}

.web_devlopment_sec {
    float: left;
    width: 100%;
    padding: 50px 0 20px
}

.custom_softwer_sec .right_text p,
.web_dev_title {
    padding-bottom: 30px
}

.web_dev_title {
    float: left;
    width: 100%;
    text-align: center
}

.web_dev_title h2 {
    font-size: 32px;
    color: #2d2d43;
    line-height: 50px;
    font-weight: 300;
    padding-bottom: 15px
}

.web_dev_title p {
    font-size: 16px;
    color: #252f3e;
    line-height: 36px;
    font-weight: 400
}

.title {
    font-size: 18px;
    color: #e6a522;
    position: relative;
    text-transform: uppercase
}

.title:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 100px;
    height: 10px;
    background-image: url("../images/border.png");
    background-repeat: no-repeat
}

.our_services_sec {
    padding: 40px 0 0
}

.web_service {
    float: left;
    width: 100%;
    border-right: 1px solid #d9d9d9;
    padding-right: 20px
}

.Project_slider_sec .slider_web_service h3,
.web_service h3 {
    color: #00000a;
    margin-top: 25px;
    line-height: 52px;
    font-size: 36px;
    font-weight: 600
}

.web_right p {
    color: #848689;
    font-size: 16px;
    line-height: 32px
}

.web_box_sec {
    padding: 50px 0 0
}

.box_web {
    text-align: center;
    padding: 20px 15px;
    border: 1px solid #ebebeb;
    margin-bottom: 30px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out
}

.box_web:hover {
    border: 1px solid #e6a522;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out
}

.box_web .box_round img {
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out
}

.box_web:hover .box_round img {
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    margin-top: -15px
}

.box_web .box_round {
    height: 70px;
    border-radius: 50%;
    margin-bottom: 30px
}

.box_web h4 {
    color: #252f3e;
    font-size: 20px;
    line-height: 30px
}

.box_web p,
.btn,
.btnall {
    line-height: 25px
}

.box_web h4 span {
    display: block;
    opacity: .5;
    color: #e6a522
}

.box_web p {
    font-size: 16px;
    color: #252f3e;
    font-weight: 400;
    padding: 10px;
    min-height: 150px
}

.custom_softwer_sec {
    float: left;
    width: 100%;
    background: #f3f4f7;
    position: relative
}

.custom_softwer_sec h3 {
    font-size: 34px;
    color: #00000a;
    line-height: 40px;
    font-weight: 600
}

.custom_softwer_sec h4 {
    font-size: 23px;
    color: #00000a;
    line-height: 30px;
    font-weight: 400;
    padding: 10px 0 20px
}

.custom_softwer_sec .row .col-img-wrap {
    padding-left: 0;
    padding-right: 0;
    height: 600px
}

.custom_softwer_sec .col-img-wrap img {
    width: 50vw
}

.custom_softwer_sec .col-xs-12 {
    text-align: center;
    padding: 3em;
    background-color: #abc
}

.custom_softwer_sec img {
    max-width: inherit;
    height: 100%
}

.custom_softwer_sec .right_text {
    padding: 30px 0 0 80px
}

.need_custom_soft_sec {
    float: left;
    width: 100%;
    padding: 50px 0 70px
}

.need_custom_soft_sec .need_custom_web_left {
    position: relative;
    width: 100%;
    padding-right: 20px
}

.blog h2,
.blog-content p,
.need_custom_soft_sec .need_custom_web_left p {
    margin-top: 20px
}

.need_custom_soft_sec .need_custom_web_left:after {
    content: "";
    position: absolute;
    left: 0;
    top: -40px;
    background-image: url('../images/coma1.png');
    background-repeat: no-repeat;
    width: 50px;
    height: 40px;
    transform: rotate(-180deg)
}

.need_custom_soft_sec .need_custom_web_left:before {
    content: "";
    position: absolute;
    right: 10px;
    bottom: -30px;
    background-image: url('../images/coma2.png');
    background-repeat: no-repeat;
    width: 50px;
    height: 40px
}

.need_custom_soft_sec .need_custom_web_right h4 {
    font-size: 22px;
    color: #00000a;
    font-weight: 600;
    line-height: 31px
}

.mobile_app_sec {
    float: left;
    width: 100%;
    position: relative;
    background: #fff
}

.blog-list_bottom,
.mibile_app_inner {
    float: left;
    width: 100%;
    padding: 20px 0
}

.mobile_app_sec .mobile_app_right {
    width: 100%;
    padding: 40px 0 0 100px;
    float: left
}

.mobile_app_box {
    float: left;
    width: 100%;
    padding: 40px 0 0
}

.mobile_app_box .app_box {
    float: left;
    width: 50%;
    margin-bottom: 30px
}

.mobile_app_box .app_icon {
    float: left;
    width: 80px;
    height: 150px
}

.mobile_app_box .app_box h4 {
    font-size: 18px;
    color: #00000a;
    font-weight: 600;
    line-height: 20px;
    padding-bottom: 5px
}

.mobile_app_box .app_box p {
    line-height: 22px
}

.mobile_app_sec .container_custom {
    position: relative;
    margin: 0 auto;
    background: #f3f4f7;
    max-width: 1070px
}

.mobile_app_right h3 {
    font-size: 32px;
    color: #00000a;
    font-weight: 600;
    line-height: 56px;
    padding-bottom: 10px
}

.mibile_app_inner .mobile_img {
    position: absolute;
    left: -100px;
    width: 25%
}

.mobile_app_sec .mobile_app_right p {
    color: #252f3e;
    padding-right: 30px
}

.Project_slider_sec {
    float: left;
    width: 100%;
    padding: 70px 0 30px
}

.Project_slider_sec .owl-carousel .owl-item img {
    height: 100%;
    object-fit: cover
}

.Project_slider_sec .pro_btn {
    float: right;
    font-size: 14px;
    color: #e6a522;
    font-weight: 600;
    text-transform: uppercase;
    padding: 15px 40px;
    border: 2px solid #e6a522;
    border-radius: 3px;
    margin-top: 80px
}

.Project_slider_sec .pro_btn:hover {
    border: 2px solid #e6a522;
    background: #e6a522;
    color: #fff
}

.Project_slider_sec .item {
    height: 100%
}

.portfolio_slider_sec .owl-carousel .owl-item img {
    height: 100%;
    object-fit: fill;
    opacity: .5
}

.portfolio_slider_sec .owl-carousel .owl-item.active.center img {
    opacity: 1
}

.proj_slidpart {
    float: left;
    width: 100%;
    padding: 80px 20px 0;
    background: #ffff
}

.testimonial_slider {
    float: left;
    width: 100%;
    padding: 60px 0;
    background: #f3f4f7
}

.blog-date,
.portfolio_slider_sec .owl-dots,
.testimonial_slider .item,
.testimonial_slider .title {
    text-align: center
}

.testimonial_slider h3 {
    color: #00000a;
    margin-top: 25px;
    line-height: 52px;
    font-size: 36px;
    font-weight: 600;
    text-align: center
}

.testimonial_slider .title:after {
    left: 0;
    right: 0;
    margin: 0 auto
}

.testimonial_slider .item p {
    color: #252f3e;
    font-weight: 400;
    padding: 20px 0
}

.testimonial_slider span {
    font-size: 16px;
    color: #000;
    font-weight: 500
}

.testimonial_slider .owl-dots {
    text-align: center;
    padding: 10px 0
}

.testimonial_slider .owl-theme .owl-dots .owl-dot {
    padding-right: 15px
}

.testimonial_slider .owl-theme .owl-dots .owl-dot button {
    font-family: Roboto, sans-serif;
    background-color: transparent;
    border: none;
    color: #000;
    font-weight: 400;
    opacity: .3;
    outline: 0
}

.testimonial_slider .owl-theme .owl-dot.active button {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    opacity: 1
}

.testimonial_slider .owl-theme .owl-dot.active button:focus {
    outline: 0
}

.testimonial_slider .owl-theme .owl-dot.active button:active {
    outline: 0;
    border: none
}

.btn {
    font-size: 16px !important;
    background: 0 0;
    padding: 10px 22px !important;
    color: #e6a522 !important;
    border: 2px solid #e6a522 !important;
    font-weight: 500 !important
}

.btnall,
.sec_btn {
    font-weight: 500;
    transition: .5s ease-in-out;
    border: 2px solid #e6a522;
    background: #e6a522
}

.btn:hover {
    background: #e6a522;
    color: #fff !important
}

.btnall {
    font-size: 16px;
    padding: 10px 30px;
    color: #fff;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out
}

.btnall:hover {
    background: 0 0;
    color: #fff;
    border: 2px solid #e6a522
}

.sec_btn {
    color: #fff;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    position: absolute;
    right: 0
}

.our_devlopment_service,
.service_modern_world {
    background: #f3f4f7;
    width: 100%;
    float: left
}

.sec_btn i,
.sec_btn:hover {
    transition: .5s ease-in-out
}

.sec_btn:hover {
    background: #fff;
    border: 2px solid #e6a522;
    color: #e6a522;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out
}

.blog_post_sec .post_title,
.portfolio_slider_sec .owl-carousel .owl-dots.disabled,
.portfolio_slider_sec .owl-carousel .owl-nav.disabled,
.sec_btn span {
    display: block
}

.sec_btn i {
    font-size: 18px;
    color: #fff;
    padding-left: 10px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out
}

.full-box,
.sec_btn:hover i {
    transition: .5s ease-in-out
}

.sec_btn:hover i {
    color: #e6a522;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out
}

.allsec_inner_banner {
    height: 450px
}

.allsec_inner_banner .banner_overlay {
    background: rgba(0, 0, 0, .8);
    opacity: .7
}

.allsec_inner_banner .ban_inner_text {
    width: 100%;
    text-align: center
}

.allsec_inner_banner h1 {
    font-size: 36px;
    color: #fff
}

.allsec_inner_banner p {
    color: #d8d8d8;
    font-size: 16px;
    font-weight: 400
}

.allsec_inner_banner .breadcrumb {
    background: 0 0;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.allsec_inner_banner .breadcrumb li {
    position: relative;
    font-size: 12px;
    color: #888;
    font-weight: 600;
    text-transform: capitalize
}

.allsec_inner_banner .breadcrumb li a,
.inr-bnr .breadcrumb li a {
    font-family: Lato, sans-serif;
    color: #fff !important;
    font-size: 12px;
    font-weight: 600
}

.innerall_baner .breadcrumb li:after,
.inr-bnr .breadcrumb li:after {
    content: "";
    position: absolute;
    right: 3px;
    padding: 2px;
    color: #fff
}

.our_devlopment_service h3 {
    padding: 20px 0 40px;
    text-align: center;
    font-size: 35px;
    color: #00000a;
    font-weight: 500
}

.our_devlopment_service .innerdev_content {
    float: left;
    width: 100%;
    padding: 50px
}

.our_devlopment_service .innerdev_img {
    float: left;
    width: 100%;
    height: 500px
}

.our_devlopment_service .innerdev_img img,
.thumb-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.like_what_usee_sec .like_box a:hover,
.our_devlopment_service .btnall:hover {
    color: #000
}

.our_devlopment_service .innerdev_content h4,
.portfolio_functionality_sec .functionality_left h3 {
    font-size: 22px;
    color: #00000a;
    font-weight: 600
}

.our_devlopment_service .innerdev_content p {
    font-size: 16px;
    padding: 20px 0;
    line-height: 28px;
    color: #252f3e
}

.service_modern_world {
    padding: 75px 0 0
}

.service_modern_world .web_dev_title h4 {
    font-size: 14px;
    color: #252f3e;
    font-weight: 600;
    width: 650px;
    margin: 0 auto;
    line-height: 30px;
    padding-top: 10px
}

.soltn {
    width: 100%;
    float: left;
    padding: 30px 0 0
}

.full-box {
    text-align: center;
    padding: 40px 16px;
    background-color: #fff;
    margin-bottom: 30px;
    border: 1px solid #eff0f3;
    min-height: 220px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out
}

.full-box .img-top {
    width: 58px;
    display: inline-block;
    margin-bottom: 20px
}

.full-box h6 {
    font-size: 16px;
    font-weight: 400;
    color: #252f3e;
    line-height: 22px;
    margin: 0 auto
}

.full-box:hover {
    box-shadow: 0 0 37.25px .75px rgba(71, 71, 71, .1);
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out
}

.get-query {
    width: 100%;
    float: left;
    padding: 80px 0
}

.get-query .query-cntnt,
.tab-content {
    width: 100%;
    float: left
}

.get-query .query-cntnt h3 {
    margin: 33px 0 0;
    color: #00000a;
    line-height: 55px;
    font-size: 35px;
    font-weight: 600
}

.get-query .query-cntnt p {
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    color: #737377
}

.service_contect_ban {
    float: left;
    width: 100%;
    padding: 50px 0;
    background: #f3f4f7
}

.service_overlay {
    position: relative;
    float: left;
    width: 100%;
    height: 500px
}

.service_content {
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    width: 100%;
    max-width: 750px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto
}

.service_contect_ban h3 {
    font-size: 34px;
    font-weight: 500;
    line-height: 48px;
    color: #fff
}

.service_contect_ban p {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    line-height: 26px;
    padding: 15px 0
}

.blog_list p a,
.service_contect_ban a {
    font-size: 16px;
    color: #e6a522;
    font-weight: 600;
    display: inline-block
}

.blog_list p a:hover,
.service_contect_ban a:hover {
    color: #fff;
    cursor: pointer
}

.like_what_usee_sec:before,
.our_promise_sec:before,
.service_overlay:before {
    background: rgba(0, 0, 0, .8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.service_contect_ban .btnall {
    color: #fff;
    margin-top: 10px;
    display: inline-block
}

.request_quata_sec {
    float: left;
    width: 100%;
    padding: 20px 0;
    background: #f3f4f7
}

.our_devlopment_service .innerdev_img,
.our_devlopment_service .two_prt {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center
}

.inr-bnr .breadcrumb,
.inr-bnr .inr-title,
.widget .social-icon li {
    display: inline-block
}

form .form-group input,
form .form-group textarea {
    width: 100%;
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, .1) !important;
    -moz-box-shadow: 0 0 20px 2px rgba(0, 0, 0, .1) !important;
    -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, .1) !important
}

form .form-group {
    margin-bottom: 24px
}

form .form-group.half {
    float: left;
    width: calc(50% - 11px);
    margin-right: 22px
}

form .form-group textarea {
    height: 100px
}

form .form_inner label {
    margin-bottom: 5px;
    font-size: 16px;
    color: #24262b;
    font-weight: 400
}

.inr-bnr {
    height: 200px
}

.inr-bnr .inr-title h1 {
    color: #fff;
    font-size: 28px;
    font-weight: 500
}

.inr-bnr .breadcrumb {
    background: 0 0;
    text-align: center;
    width: auto;
    float: right
}

.inr-bnr .breadcrumb li {
    position: relative;
    font-size: 14px;
    color: #888;
    font-weight: 600;
    text-transform: capitalize
}

.inr-bnr .inr-bnr-cntnt {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px
}

.row.web_box_sec.inr_ser_box {
    padding-bottom: 50px
}

.inr_ser_box .read-more {
    background-color: #eff0f3;
    color: #656673;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: .8px;
    text-align: center;
    padding: 10px 30px;
    display: inline-block;
    margin-top: 15px;
    transition: .8s
}

.inr_ser_box .read-more:hover {
    background-color: #e6a522;
    color: #f2dfe6;
    transition: .8s
}

.iphone_app_devlopment {
    float: left;
    width: 100%;
    background: #f3f4f7;
    padding: 80px 0 0
}

.iphone_app_devlopment h2 {
    font-size: 36px;
    color: #00000a;
    font-weight: 400;
    line-height: 50px;
    margin-bottom: 15px
}

.iphone_app_devlopment p {
    font-size: 16px;
    color: #252f3e;
    line-height: 28px;
    padding-bottom: 15px;
    font-weight: 400
}

.iphone_center {
    display: table
}

.iphone_center .col-md-6 {
    display: table-cell;
    float: none;
    vertical-align: middle
}

.iphone_images {
    width: 100%;
    object-fit: cover
}

.iphone_app_devlopment .Increas_checkbox {
    float: left;
    width: 50%
}

.iphone_app_devlopment .Increas_checkbox li {
    position: relative;
    font-size: 17px;
    color: #00000a;
    line-height: 40px;
    letter-spacing: .1px;
    opacity: .7;
    padding-left: 30px
}

.iphone_app_devlopment .Increas_checkbox li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 13px;
    height: 15px;
    width: 15px;
    background-repeat: no-repeat
}

.our_approch_iphon_dev {
    float: left;
    width: 100%;
    background: #f3f4f7;
    padding: 60px 0 30px
}

.our_approch_iphon_dev .approch_box {
    float: left;
    width: 100%;
    background: #fff;
    padding: 40px;
    margin-top: 30px
}

.our_approch_iphon_dev .approch_box h4 {
    font-size: 19px;
    color: #00000a;
    font-weight: 500;
    display: inline-block;
    padding-left: 10px
}

.our_approch_iphon_dev .approch_box .approch_content {
    width: 70%
}

.our_approch_iphon_dev .approch_box .approch_icon img {
    width: 100%;
    max-width: 60px
}

.our_approch_iphon_dev .approch_box p {
    padding-top: 20px
}

.our_approch_iphon_dev .approch_rightcontent {
    width: 70%;
    display: inline-block;
    vertical-align: middle
}

.our_approch_iphon_dev .approch_box .approch_icon {
    display: inline-block;
    width: 15%
}

.approch_title {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 40px
}

.approch_title p {
    font-size: 16px;
    line-height: 34px;
    font-weight: 400;
    color: #252f3e
}

.approch_title h3 {
    font-size: 36px;
    color: #00000a;
    font-weight: 400;
    line-height: 50px
}

.contact_get_in_touch,
.work_process_sec {
    float: left;
    width: 100%;
    padding: 50px 0
}

.work_process_sec .work_title_sec {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 20px
}

.work_process_sec .work_prs_box {
    float: left;
    width: 100%;
    border: 1px solid #ebebeb;
    padding: 40px;
    margin-top: 30px;
    background: #fff
}

.work_process_sec .work_title_sec h3 {
    font-size: 35px;
    color: #00000a;
    font-weight: 400;
    line-height: 50px
}

.work_process_sec .work_title_sec p {
    color: #252f3e
}

.work_process_sec h4 {
    font-size: 19px;
    color: #00000a;
    font-weight: 500;
    padding-bottom: 10px
}

.our_promise_sec {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 70px 0;
    z-index: -1
}

.our_promise_sec p {
    font-size: 16px;
    color: #fff;
    padding: 20px 0;
    line-height: 28px
}

.our_promise_sec h3 {
    font-size: 35px;
    font-weight: 400;
    color: #fff
}

.our_promise_inner {
    position: relative;
    z-index: 9999
}

.promise_box {
    float: left;
    width: 100%;
    background: #fff;
    padding: 25px;
    border-radius: 5px
}

.promise_box h4 {
    font-size: 16px;
    color: #252f3e;
    line-height: 23px
}

.our_promise_sec .our_promise_title {
    max-width: 980px;
    margin: 0 auto
}

.Portfolio_listing_sec {
    width: 100%;
    float: left;
    background: #f3f4f7;
    padding: 50px 0 30px
}

.Portfolio_listing_sec h3 {
    font-size: 22px;
    color: #00000a;
    font-weight: 600;
    text-align: center;
    padding-bottom: 20px
}

.Portfolio_listing_sec .top_tab {
    width: 100%;
    float: left;
    text-align: center;
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
    border: none
}

.blog-detail .blog-content,
.recent-post,
.widget {
    border-bottom: 1px solid #e9e9e9
}

.Portfolio_listing_sec .top_tab li {
    display: inline-block;
    float: none;
    position: relative
}

.Portfolio_listing_sec .top_tab li a {
    color: #00000a;
    cursor: pointer;
    font-size: 16px;
    display: inline-block;
    font-weight: 500;
    border: none;
    border-radius: 0;
    padding: 10px 20px
}

.Portfolio_listing_sec .top_tab li a.selected {
    color: #ffff;
    background: #e6a522;
    border-radius: 2px
}

.Portfolio_listing_sec .work_box:hover :before {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, .3);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.Portfolio_listing_sec .work_box span {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #e6a522;
    color: #fff;
    padding: 0 8px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .2px;
    line-height: 25px
}

.Portfolio_listing_sec .work_bottom_sec i {
    float: right;
    line-height: 30px;
    color: #e6a522;
    padding-right: 8px;
    transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s
}

.Portfolio_listing_sec .work_bottom_sec a:hover i {
    color: #00000a;
    padding-right: 0;
    transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s
}

.work_box {
    position: relative;
    width: 100%;
    float: left;
    text-align: left;
    overflow: hidden;
    margin-top: 20px
}

.work_box .img_tag {
    width: 100%;
    float: left;
    height: 250px;
    overflow: hidden
}

.work_box .img_tag img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    float: left
}

.work_bottom_sec .lstg_btm_title {
    float: left;
    color: #00000a;
    font-size: 16px;
    margin: 0;
    display: inline-block;
    width: 100%;
    font-weight: 600
}

.blog-list .date,
.blog-list .month,
.blog-list .year {
    font-family: Roboto, sans-serif;
    text-transform: uppercase
}

.contact_get_in_touch .social_media.conatct,
.work_bottom_sec {
    float: left;
    width: 100%;
    padding: 30px 0
}

.work_box a:hover h3 {
    color: #d9bd16;
    transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s
}

.pagination {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 50px;
    margin: 0
}

.blog-list,
.widget ul li {
    margin-bottom: 15px
}

.page-template-tpl-blog .pagination,
.page-template-tpl-portfolio-page .pagination {
    padding-top: 8px
}

.pagination a {
    color: #6c6c6c;
    font-size: 18px;
    padding: 10px 20px
}

.pagination .next:hover,
.pagination .prev:hover,
.pagination a.active,
.pagination a:hover {
    background: #e6a522;
    color: #fff
}

.pagination .next,
.pagination .prev {
    font-size: 14px;
    font-weight: 500
}

.pagination .prev i {
    padding-right: 10px;
    font-weight: 500
}

.pagination .next i {
    padding-left: 10px
}

.portfolio_detail_sec {
    float: left;
    width: 100%;
    background: #f3f4f7;
    padding: 75px 0
}

.portfolio_detail_sec h4 {
    font-size: 22px;
    color: #00000a;
    font-weight: 600;
    line-height: 30px
}

.portfolio_detail_sec h5 {
    font-size: 16px;
    color: #00000a;
    font-weight: 600;
    line-height: 30px;
    margin-top: 20px
}

.portfolio_detail_sec .portfolio_img,
.portfolio_functionality_sec .portfolio_img {
    text-align: center;
    padding: 10px
}

.portfolio_detail_sec .portfolio_content {
    float: none
}

.portfolio_detail_sec .portfolio_img img {
    object-fit: cover
}

.detail_center,
.functinality_center {
    width: 100%;
    display: table;
    padding: 0 20px
}

.portfolio_detail_sec .portfolio_content ul li {
    font-size: 15px;
    color: #00000a;
    padding: 3px 0
}

.detail_table {
    display: table-cell;
    vertical-align: middle;
    float: none
}

.portfolio_functionality_sec .functionality_left {
    width: 50%
}

.portfolio_detail_sec ul li span {
    width: 25%;
    float: left
}

.portfolio_functionality_sec {
    float: left;
    width: 100%;
    padding: 75px 0;
    background: #fff
}

.portfolio_functionality_sec ul li {
    position: relative;
    font-size: 15px;
    color: #00000a;
    font-weight: 500;
    line-height: 35px;
    padding-left: 20px
}

.portfolio_functionality_sec ul li:after {
    content: "";
    position: absolute;
    background-image: url('../images/portfolio_icon.png');
    height: 5px;
    width: 12px;
    background-repeat: no-repeat;
    left: 0;
    top: 15px
}

.contact_get_in_touch .contact_detail li,
.portfolio_functionality_sec ul,
.who_we_are_sec .who_we_are_sec_inner ul {
    padding: 10px 0
}

.like_what_usee_sec {
    position: relative;
    float: left;
    text-align: center;
    padding: 70px 0;
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover
}

.blog,
.portfolio_slider_sec {
    float: left;
    width: 100%;
    background: #f3f4f7
}

.like_what_usee_sec .like_box {
    background: #fff;
    text-align: center;
    padding: 40px
}

.like_what_inner {
    position: relative;
    z-index: 1
}

.like_what_usee_sec h4 {
    font-size: 30px;
    font-weight: 600;
    color: #fff
}

.like_what_usee_sec .like_box p {
    color: #6c6c6c
}

.like_what_usee_sec .like_box h3 {
    font-size: 30px;
    color: #000;
    font-weight: 600
}

.like_what_usee_sec .like_box_right {
    padding: 50px 0
}

.like_what_usee_sec .btnall {
    margin-top: 30px;
    display: inline-block
}

.like_what_usee_sec p {
    font-size: 18px;
    color: #fff;
    font-weight: 400
}

.blog-list h3,
.portfolio_slider_sec h3 {
    font-weight: 600;
    font-size: 22px;
    color: #00000a
}

.portfolio_slider_sec {
    padding: 75px 0
}

.portfolio_slider_sec .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.blog .search,
.blog_post_sec .blog_content span,
.widget ul li {
    position: relative
}

.portfolio_slider_sec .owl-nav .owl-next i,
.portfolio_slider_sec .owl-nav .owl-prev i {
    line-height: 40px;
    color: #fff
}

.portfolio_slider_sec .owl-nav .owl-next {
    position: absolute;
    right: 0;
    background: #e6a522;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center
}

.portfolio_slider_sec .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    background: #e6a522;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center
}

.portfolio_slider_sec .owl-carousel .owl-dots {
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0
}

.portfolio_slider_sec h3 {
    text-align: center
}

.portfolio_slider_sec .owl-carousel {
    overflow: hidden;
    padding: 80px 0
}

.portfolio_slider_sec .owl-carousel .owl-stage-outer {
    overflow: visible
}

.portfolio_slider_sec .owl-item.active.center {
    transform: scale(1.8);
    z-index: 99
}

#pro_slider .owl-dots .owl-dot:hover span,
.contact_get_in_touch .social_media.conatct li a:hover,
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span,
.recent_post_sec .owl-theme .owl-dots .owl-dot.active span,
.recent_post_sec .owl-theme .owl-dots .owl-dot:hover span {
    background: #e6a522
}

#portfolio .item {
    height: 300px;
    padding: 40px
}

.blog {
    padding: 60px 0
}

.blog-list,
.widget {
    width: 100%;
    background: #fff;
    float: left
}

.blog img {
    max-width: 100%;
    width: 100%;
    object-fit: cover
}

.blog-list h3 {
    margin: 10px 0 20px;
    line-height: 30px
}

.blog-list h4,
.widget ul li a {
    font-weight: 400;
    font-size: 14px
}

.blog-list h4 {
    color: #989795
}

.blog-content a,
.blog-list h4 a {
    color: #665f5b
}

.blog-list p {
    ccolor: #252f3e;
    line-height: 30px;
    font-weight: 400
}

.blog-list a.read_more {
    color: #665f5b;
    text-transform: uppercase;
    font-size: 14px;
    margin: 15px 0 0;
    display: block
}

.blog-list a.read_more:hover {
    color: #ffde16
}

.blog-list .month {
    color: #a7a7a7;
    font-weight: 900;
    font-size: 30px
}

.blog-list .date {
    font-weight: 100;
    color: #a7a7a7;
    font-size: 60px;
    line-height: 45px
}

.blog-list .year {
    font-size: 24px;
    font-weight: 900;
    color: #ffde16
}

.blog-list-content {
    margin: 20px 0;
    width: 100%;
    float: left;
    padding: 0 25px
}

.blog .widget.top {
    margin-top: 0
}

.blog .search input {
    font-size: 16px;
    color: #b9b9b9;
    height: 45px;
    width: 100%;
    padding: 10px;
    border: 1px solid #ebebeb;
    border-radius: 2px
}

.blog .search i {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #bababa;
    font-size: 18px
}

.widget {
    padding: 20px;
    margin: 10px -1px
}

.widget ul {
    padding: 0;
    margin: 0
}

.widget ul li {
    list-style: none
}

.widget ul li:after {
    content: "";
    position: absolute;
    background-image: url(../images/portfolio_icon.png);
    height: 5px;
    width: 12px;
    background-repeat: no-repeat;
    left: 0;
    top: 8px
}

.widget ul li a {
    padding-left: 20px;
    color: #00000a
}

.widget h3 {
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 600;
    color: #00000a
}

.thumb-img {
    width: 70px;
    height: 70px;
    overflow: hidden;
    float: left
}

.recent-post {
    padding: 15px 0;
    width: 100%;
    float: left
}

.widget-wapper .recent-post:first-child {
    padding-top: 0
}

.rec-text {
    width: 73%;
    float: right
}

.rec-text a {
    color: #00000a;
    font-size: 14px;
    display: block;
    line-height: 22px;
    font-weight: 400
}

.rec-text span {
    color: #989795
}

.widget .social-icon li a {
    color: #fff;
    display: block;
    width: 35px;
    margin-right: 5px;
    text-align: center;
    line-height: 35px;
    height: 35px;
    background: #989795;
    border-radius: 2px
}

.widget .social-icon li a:hover {
    background: #ffde16;
    color: #665f5b
}

.blog-content,
.default_page_con p {
    padding-bottom: 10px
}

.pagination>li>a {
    margin-right: 8px
}

.pagination>li>a,
.pagination>li>span {
    padding: 15px 20px;
    background: #efefee;
    border: 0;
    border-radius: 2px !important;
    font-size: 16px;
    text-transform: uppercase;
    color: #665f5b
}

.pagination>li>a:hover,
.pagination>li>span:hover {
    background: #ffde16
}

.pagination>li:first-child a {
    width: 132px;
    text-align: right
}

.pagination>li:last-child a {
    width: 132px;
    text-align: left
}

.pagination>li i {
    float: left;
    line-height: 23px
}

.blog-detail .blog-content {
    border-left: 0
}

.blog-content h4 b {
    font-weight: 400;
    color: #e6a522
}

.blog-content h4 i {
    color: #e6a522;
    padding-right: 10px
}

.blog-content b {
    font-weight: 600
}

.blog-content ul {
    margin: 0;
    padding: 0;
    list-style: inside
}

.blog-content li {
    margin-bottom: 10px
}

.blog-content h4 {
    font-size: 14px;
    color: #686868;
    line-height: 30px;
    display: inline-block
}

.blog-content h5 {
    padding-bottom: 15px;
    font-size: 14px;
    color: #272727;
    line-height: 26px;
    font-weight: 600;
    margin-top: 20px
}

.blog-list_bottom ul li {
    display: inline-block;
    padding-right: 10px
}

.recent_post_sec {
    float: left;
    width: 100%;
    background: #f3f4f7;
    padding: 50px 0 0
}

.recent_post_sec h3 {
    font-size: 22px;
    color: #00000a;
    text-align: center;
    padding-bottom: 30px
}

.blog_recent_post_box {
    float: left;
    width: 100%;
    background: #fff;
    padding: 15px
}

.recent_post_sec .post_img {
    width: 20%;
    height: 60px;
    float: left
}

.recent_post_sec .post_img img {
    object-fit: cover;
    width: 100%
}

.recent_post_sec .post_text {
    float: left;
    width: 70%;
    padding: 0
}

.recent_post_sec .post_text p {
    font-size: 14px;
    color: #6f6f6f;
    font-weight: 400;
    padding-left: 10px;
    line-height: 20px
}

#pro_slider .owl-dots,
.recent_post_sec .owl-carousel .owl-dots {
    display: block;
    text-align: center;
    padding: 20px 0
}

.blog_post_sec {
    float: left;
    width: 100%;
    background: #f3f4f7;
    padding: 20px 0 30px
}

.blog_post_sec .blog_post_inner {
    display: flex;
    position: relative;
    width: 100%;
    background: #fff;
    height: 360px
}

.blog_post_sec .blog_content {
    width: 50%;
    float: left;
    padding: 20px
}

.blog_post_sec .blog_content a {
    font-size: 18px;
    color: #252525;
    font-weight: 400;
    line-height: 28px
}

.blog_post_sec .blog_content .btn {
    position: absolute;
    bottom: 30px;
    left: 20px
}

.blog_post_sec .blog_content p {
    font-size: 14px;
    color: #6f6f6f;
    font-weight: 400
}

.blog_content.full h4,
.blog_post_sec .blog_content.full .post_title {
    font-size: 30px;
    line-height: 40px
}

.blog_post_sec .blog_img {
    width: 50%;
    float: left
}

.blog_post_sec .blog_img img {
    width: 100%;
    object-fit: cover;
    height: 100%
}

.blog_post_sec .blog_content.full {
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: 99
}

.blog_post_sec .blog_content.full a {
    color: #fff !important
}

.blog_post_sec .blog_content.full:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    height: 100%;
    top: 0;
    z-index: -1
}

.blog_content.full h4,
.blog_content.full span {
    color: #fff
}

.blog_post_sec .btn {
    font-size: 12px !important;
    background: 0 0;
    padding: 0 10px !important;
    margin-bottom: 20px;
    margin-top: 0;
    border-radius: 0;
    border: 1px solid #e6a522 !important
}

.blog_post_sec .btn:hover {
    color: #fff !important;
    background: #e6a522 !important
}

.blog_bottom_date {
    position: absolute;
    bottom: 15px
}

.who_we_are_sec {
    position: relative;
    float: left;
    width: 100%;
    background: #f3f4f7
}

.who_we_are_sec:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 90%;
    background: #eaedf3;
    height: 320px;
    margin: 0 auto
}

.team-box,
.testimonial_slider.inner_about,
.white,
footer {
    background: #fff
}

.who_we_are_sec .who_we_are_sec_inner {
    position: relative;
    float: left;
    width: 100%
}

.who_we_are_sec .who_we_are_sec_inner h3 {
    font-size: 42px;
    color: #00000a;
    line-height: 50px;
    font-weight: 600;
    text-align: center;
    padding: 50px 0 10px
}

.who_we_are_sec ul li {
    font-size: 16px;
    color: #252f3e;
    font-weight: 400;
    position: relative;
    padding-left: 20px;
    line-height: 32px
}

.who_we_are_sec ul li:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #e6a522;
    top: 12px
}

.who_we_are_sec .who_we_img {
    float: left;
    width: 100%;
    padding: 14px 0
}

.who_we_are_sec .who_inr_content {
    float: left;
    width: 100%;
    padding: 20px 100px
}

.who_we_are_sec .who_video_sec {
    float: left;
    width: 100%;
    padding: 20px 0 30px
}

.who_we_are_sec iframe {
    width: 100%;
    height: 400px;
    border: 1px solid #00000a
}

.contact_us_map_sec iframe {
    width: 100%
}

.contact_get_in_touch .touch_right_content {
    float: left;
    width: 100%;
    background: #f3f4f7;
    padding: 40px
}

.contact_get_in_touch h4 {
    font-size: 14px;
    color: #252525;
    line-height: 26px
}

.contact_get_in_touch h2 {
    font-size: 40px;
    color: #252525;
    padding: 10px 0
}

.contact_get_in_touch .contact_detail .title_con {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    display: inline-block;
    width: 80px;
    vertical-align: top
}

.contact_get_in_touch .contact_detail .address {
    display: inline-block;
    width: calc(100% - 100px);
    color: #7c7c7c
}

.contact_get_in_touch .contact_detail li b {
    font-size: 14px;
    color: #000
}

.contact_get_in_touch .social_media.conatct li {
    display: inline-block;
    padding-right: 5px
}

.contact_get_in_touch .social_media.conatct li a {
    color: #fff;
    background: #2a2a2a;
    height: 40px;
    width: 40px;
    display: inline-block;
    text-align: center;
    border-radius: 5px
}

.contact_get_in_touch .social_media.conatct li a i {
    line-height: 40px
}

.contact_get_in_touch .social_media.conatct span {
    display: inline-block;
    width: 90px;
    vertical-align: top
}

footer {
    float: left;
    width: 100%;
    padding: 70px 0 40px;
    text-align: left
}

footer h4 {
    font-size: 20px;
    color: #222328;
    letter-spacing: .2px;
    font-weight: 600;
    padding-bottom: 40px
}

.foot_logo,
footer p {
    padding-bottom: 20px
}

footer p {
    color: #252f3e;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

footer ul {
    float: left;
    width: 100%;
    text-align: center
}

footer ul li {
    display: block;
    padding: 5px 0;
    text-align: left
}

footer ul li a {
    font-size: 14px;
    color: #252f3e;
    font-weight: 700;
    letter-spacing: .8px;
    opacity: .5
}

footer .contact_sec .foot_mail:hover,
footer li.active a,
footer ul li a:hover {
    color: #e6a522;
    opacity: 1
}

.foot_logo {
    display: inline-block
}

footer .contact_sec p {
    font-weight: 500;
    color: #252f3e
}

footer .contact_sec .foot_mail {
    display: block;
    font-size: 16px;
    color: #252f3e
}

footer .social_media {
    display: inline-block;
    text-align: left
}

footer .social_media li {
    display: inline-block;
    padding-right: 15px
}

footer .contact_sec .foot_tell {
    font-size: 20px;
    color: #e6a522;
    opacity: 1;
    font-weight: 400;
    padding: 15px 0;
    display: inline-block
}

.foot_bottom_sec {
    float: left;
    width: 100%;
    padding: 50px 0 0
}

.foot_bottom_sec p {
    display: inline-block;
    padding: 0;
    color: #252f3e;
    opacity: inherit
}

.foot_bottom {
    float: right;
    width: auto
}

.foot_bottom li {
    display: inline-block;
    padding: 0 20px;
    position: relative
}

.foot_bottom li:after {
    content: "";
    position: absolute;
    right: 0;
    height: 15px;
    width: 1px;
    background: #9c9c9f;
    top: 4px
}

.foot_bottom li:last-child:after {
    content: none
}

.foot_bottom p {
    font-size: 16px;
    color: #9c9c9f;
    font-weight: 400
}

.foot_bottom li a {
    font-size: 12px;
    color: #252f3e;
    font-weight: 400
}

.blog-list .blog-content .btn {
    font-size: 14px !important;
    padding: 5px 15px !important;
    margin-top: 20px
}

.our-team-section {
    float: left;
    width: 100%;
    margin-top: 110px;
    padding: 70px 0
}

.our-team-section .title-wrp h3 {
    font-size: 42px;
    color: #00000a;
    line-height: 50px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 30px
}

.mem-img-wrp {
    max-width: 300px;
    height: 270px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    text-align: center
}

.mem-img-wrp img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: .5s
}

.mem-info h3 {
    color: #00000a;
    margin-top: 10px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 600
}

.mem-info h4 {
    font-size: 16px;
    color: #e6a522;
    line-height: 30px;
    font-weight: 300;
    padding-bottom: 5px
}

.mt-30 {
    margin-top: 30px
}

.mem-info {
    padding: 0 20px 15px
}

.team-box {
    transition: .5s
}

.team-box:hover {
    box-shadow: 0 0 9px rgba(0, 0, 0, .15)
}

.team-box:hover .mem-img-wrp img {
    transform: scale(1.1)
}

.badge-div {
    max-width: 189px !important;
    width: 100% !important;
    margin: 0 auto !important
}

.blog-published-by,
.player-section {
    margin-bottom: 20px
}

.badge-div img {
    max-width: 100% !important;
    width: 100% !important
}

@media (min-width:768px) {

    .our_approch_iphon_dev .approch_box_row .col-md-6,
    .row.web_box_sec.inr_ser_box .col-sm-6,
    .work_process_sec .work_prs_row .col-md-6 {
        width: 49.91% !important
    }

    .our_approch_iphon_dev .row,
    .work_process_sec .row {
        display: flex;
        flex-wrap: wrap
    }

    .our_approch_iphon_dev .row .col-sm-6,
    .work_process_sec .row .col-sm-6 {
        width: 49.9% !important
    }

    .work_process_sec .work_prs_box {
        margin-top: 30px;
        height: calc(100% - 30px)
    }
}

@media (max-width:991px) {
    .container {
        max-width: 100% !important;
        width: 100% !important
    }

    .mobile_app_box .app_box {
        position: relative;
        padding-left: 80px
    }

    .mobile_app_box .app_box .app_icon {
        position: absolute;
        left: 0;
        right: 0
    }
}

.pagination a i {
    padding-left: 15px
}

.player-section {
    padding-top: 12px
}

.about-us.testimonial_slider {
    padding: 0 0 60px
}

#st-1 .st-btn>img {
    width: 16px !important
}

.blog-sidebar-links.mb-2 {
    background: #f7f7f7;
    border: 1px solid #f7f7f7;
    padding: 20px;
    border-radius: 5px
}

.blog-sidebar-links ul li {
    list-style: none !important
}

.blog-sidebar-links>ul li {
    position: relative;
    padding-left: 13px
}

.blog-sidebar-links>ul li a:before {
    content: '';
    width: 7px;
    height: 1px;
    background: #14c4dc;
    position: absolute;
    top: 13px;
    left: 0
}

.blog-sidebar-links>ul li a {
    padding: 5px 0;
    display: block;
    color: #3e4044
}

/* Redesign page CSS style */

.baner_sec h1,
.logo a,
body,
form .form_inner label,
p {
    /* font-family: Poppins, sans-serif */
    font-family: "Manrope", sans-serif !important;
}


body {
    background: #ffffff;
}

.baner_sec {
    background-image: url("../images/hero-banner-main-bg.jpg") !important;
}

.banner_overlay {
    background-color: #000000AB;
    background-image: url("../images/Home-banner-overlay.png");
}

.ban_inner_text {
    width: 720px;
    margin: 0 auto;
    text-align: center;
}

.ban_inner_text h1 {
    font-size: 94px;
    line-height: 105px;
    font-weight: 700;
    letter-spacing: 0.8px;
}

.ban_inner_text h2 {
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #F6A440;
}

.ban_inner_text p {
    font-size: 20px;
    line-height: 24px;
    margin: 10px 0px 40px 0px;
    padding: 0% 10%;
    letter-spacing: 0.8px;
    font-weight: 500;
}

.ban_inner_text .newBtns {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: center;
}

.newRow {
    display: flex;
    align-items: center;
}

.newAllBtn {
    padding: 20px 21px 20px 32px;
    border-radius: 50px;
    font-size: 18px;
    line-height: 17px;
    font-weight: 700;
    background: #F6A440;
}

.newAllBtn span {
    margin-left: 16px;
}

.newAllBtn.newSecondary-btn {
    background: transparent;
    border-color: #fff;
}

.newAllBtn:hover {
    border-color: #fff;
}

.newAllBtn.newSecondary-btn:hover {
    background: #F6A440;
    border-color: #F6A440;
}

.newAboutSec {
    padding: 140px 0;
    background: transparent;
}

.newAboutSec .about-us-image {
    position: relative;

}

.newAboutSec .about-us-image .leftAsideImg {
    text-align: center;
}

.newAboutSec .about-us-image .aboutUsImg {
    border-radius: 40px;
    width: 90%;
    height: 550px;
    object-fit: cover;
}

.newAboutSec .about-us-image .aboutAbsoulteImg img {
    position: absolute;
    z-index: -1;
    top: -30px;
    left: 0px;
}

.newAboutSec .web_dev_title .fl-rich-text h3 {
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #F6A440;
}

.newAboutSec .web_dev_title .fl-rich-text h2 {
    font-size: 46px;
    line-height: 58px;
    font-weight: 800;
    padding-bottom: 0;
}

.newAboutSec .web_dev_title .fl-rich-text .horizontal-line {
    width: 12%;
    height: 3px;
    background: #FB8500;
    margin: 16px 0;
}


/* testimonial CSS */

.newTestimonialSec {
    background: transparent;
}

.newTestimonialSec h3.title {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 1.6px;
    color: #F6A440;
    font-weight: 600;
}

.newTestimonialSec h3.title:after {
    content: none;
}

.newTestimonialSec h2 {
    font-size: 46px;
    line-height: 56px;
    font-weight: 700;
    color: #1c1c1c;
    text-align: center;
}

/* footer CSS */

footer {
    background: #5f5f5f;
}

footer .footer_first {
    padding-right: 0;
}

footer .social_media {
    gap: 8px;
}

footer h4.title,
footer h4 {
    font-size: 24px;
    line-height: 36px;
    color: #ffffff;
    font-weight: 700;
    padding-bottom: 12px;
}

footer ul.social_media li {
    padding: 0;
}

footer p,
footer .newContactSec p,
footer .newContactSec .foot_mail,
footer .footer_bottom .newFootBottomSec p,
footer .newContactSec .phone-details p {
    color: #A69EA5;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
}

footer ul.newSocialMedia li a {
    font-size: 18px;
    color: #ffffff;
    opacity: 1;
    background: rgba(255, 255, 255, 0.45);
    padding: 13px 11px;
    border-radius: 50px;
}

footer ul.newSocialMedia li a:hover {
    background: #F6A440;
}

footer ul.newMenu {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

footer ul.newMenu li {
    padding: 0;
}

footer ul.newMenu li a {
    font-size: 14px;
    line-height: 21px;
    color: #A69EA5;
    font-weight: 500;
    opacity: 1;
}

footer ul.newMenu li a::before {
    content: "\f061";
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    margin-right: 8px;
}

footer .newContactSec .phone-details {
    padding-top: 18px;
}

footer .newContactSec .phone-details i {
    padding: 13px 11px;
    background: #F6A440;
    color: #ffffff;
    border-radius: 50px;
    font-size: 18px;
    width: 46px;
    height: 46px;
}

footer .newContactSec .phone-details i:hover {
    background: rgba(255, 255, 255, 0.45);
}

footer .newContactSec .phone-details p {
    padding-top: 16px;
    padding-bottom: 0;
    color: #ffffff;
}

footer .newContactSec .phone-details .foot_tell {
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 500;
    padding: 0;
}

footer .footer_bottom {
    margin-top: 90px;
}

footer .footer_bottom .newFootBottomSec {
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.45);
}

footer .footer_bottom .newFootBottomSec .foot_bottom li a {
    color: #A69EA5;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}

footer .footer_bottom .newFootBottomSec .foot_bottom li:after {
    border-top: 1px solid rgba(255, 255, 255, 0.45);
    top: 1px;
}

footer ul.newMenu li a:hover,
footer ul.newMenu li a.active-menu,
footer .newContactSec .foot_mail:hover {
    color: #F6A440 !important;
}

footer .newContactSec .phone-details .foot_tell:hover,
footer .footer_bottom .newFootBottomSec .foot_bottom li a:after {
    color: #F6A440;
}

@media screen and (min-width: 1520px) {

    .ban_inner_text {
        width: 960px;
    }
}

.newTestimonialSec .horizontal-line {
    width: 8%;
    height: 3px;
    background: #FB8500;
    margin: 16px auto;
}

.newTestimonialSec .newTestimonialSlider .owl-carousel .owl-stage-outer{
 padding: 0 20px;
}

.newTestimonialSec .newTestimonialSlider .owl-carousel .item  {
background: #ffffff;
box-shadow: 19px 0px 54px rgba(0, 0, 0, 0.04);
border-radius: 20px;
padding: 35px 20px 45px;
}

.newTestimonialSec .newTestimonialSlider .owl-carousel .item .allStar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.newTestimonialSec .newTestimonialSlider .owl-carousel .item .allStar li i {
    color:#F6A440;
}

.newTestimonialSec .newTestimonialSlider .owl-carousel .item p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #1C1C1C;
}

.newTestimonialSec .newTestimonialSlider .owl-carousel .item .client-profile {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.newTestimonialSec .newTestimonialSlider .owl-carousel .item .client-profile .client-img img {
    width: 65px;        
    height: 65px;
}

.newTestimonialSec .newTestimonialSlider .owl-carousel .item .client-profile strong {
font-size: 18px;
line-height: 27px;
color: #1C1C1C;
font-weight: 600;
}

.newTestimonialSec .newTestimonialSlider .owl-carousel .item .client-profile .client-details {
    display: flex;
    flex-direction: column;
}

/* Center dots */
/* .testimonial_slider .owl-dots {
    text-align: center;
    margin-top: 30px;
} */

/* Default dot */
.testimonial_slider .owl-dot {
    display: inline-block;
    margin: 0 6px;
}

/* Dot appearance */
.testimonial_slider .owl-dot span {
    width: 12px;
    height: 12px;
    background: #cfcfcf;
    border-radius: 50%;
    display: block;
    transition: all 0.3s ease;
}

/* Active dot */
.testimonial_slider .owl-dot.active span {
    background: #000;        /* active color */
    width: 14px;
    height: 14px;
}
.testimonial_slider .owl-dot span {
    width: 25px;
    height: 4px;
    border-radius: 2px;
    background: #ddd;
}

.testimonial_slider .owl-dot.active span {
    background: #f04e23; /* brand color */
}
.testimonial_slider .owl-dot:hover span {
    background: #999;
}

.newTestimonialSec .newTestimonialSlider .owl-carousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 30px;   
}

.newTestimonialSec .newTestimonialSlider .owl-carousel .owl-dots .owl-dot {
    padding: 0;
    color: #EDEDED;
    margin: 0;
}

.newTestimonialSec .newTestimonialSlider .owl-carousel .owl-dots .owl-dot.active {
    color : #F6A440;
}


.newTestimonialSec .newTestimonialSlider .owl-carousel .owl-dots .owl-dot span {
    margin: 0;
}