:root {
--primary: #825af5;
--white: #fff;
--text-light: #dadfe2;
--text-dark: #0b1944;
--app-color: #48b101
}

.header_area .sticky_logo,
footer.footer_area .container {
position: relative;
z-index: 11
}

.header_area .navbar-brand img {
width: auto;
max-height: 75px
}

.price_info_two .price_item h5,
iframe {
width: 100% !important
}

.header_area .menu_poss ul.dropdown-menu {
background: #ffffffed
}

.f_subscribe button {
background: #413c85
}

.design_tab .nav-item .nav-link.active {
background: #fea900 !important
}

#full_blog .blog_single .blog_content .post_date h2,
.call_action_area .action_content .action_btn,
.d_product_content_two .develor_tab .nav-item .nav-link.active,
.faq_content .tab-pane .card .card-header .btn,
.faq_tab .nav-item .nav-link.active,
.pp_contact_info .pp_contact_item .icon,
.seo_service_item h4:hover {
color: var(--primary)
}

.agency_banner_btn,
.contact_form_box .btn_three,
.pp_work_content .btn_scroll {
background: var(--primary);
border-color: var(--primary)
}

.agency_banner_btn:hover {
border-color: var(--primary);
color: var(--primary)
}

.agency_featured_item .agency_featured_content .icon {
background-image: -webkit-linear-gradient(40deg, var(--primary) 0, #a485fd 100%)
}

.app_banner_area {
padding-top: 115px;
background: url(../img/banner.png) center 100%/cover no-repeat;
overflow: hidden;
background-position-x: center
}

.d_product_content_two .develor_tab .nav-item .nav-link:before,
.faq_tab .nav-item .nav-link:before,
.h_map ul li .place_name,
.h_map ul li .round,
.h_map ul li .round:after,
.h_map ul li .round:before,
.pos_footer_area {
background: var(--primary)
}

.contact_form_box .btn_three:hover {
border-color: #fea900;
color: #fea900
}

.app_banner_contentmt h2 {
line-height: normal;
margin: 0
}

.app_banner_contentmt h3 {
font-size: .8rem;
font-weight: 500
}

.app_banner_contentmt p {
font-size: .75rem;
font-weight: 400;
line-height: 23px
}

.app-info .app_banner_contentmt h1 {
font-size: 45px
}

.app-info .app_banner_contentmt p {
font-size: 16px;
line-height: 30px
}

.app-info .app_banner_contentmt h3 {
font-size: 20px
}

.app_banner_contentmt .app_btn {
display: flex;
width: fit-content;
align-items: center;
color: var(--app-color);
padding: 8px 28px;
font-size: 13px;
letter-spacing: 0;
transition: .3s
}

.app_banner_contentmt .app_btn i {
min-width: 19px;
font-size: 10px;
font-weight: 700;
position: relative;
top: 1px
}

.app_banner_contentmt .app_btn:hover {
color: var(--white);
background: var(--app-color);
box-shadow: rgba(50, 50, 93, .25) 0 50px 100px -20px, rgba(0, 0, 0, .3) 0 30px 60px -30px, rgba(10, 37, 64, .35) 0 -2px 6px 0 inset
}

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

#home-page .section-5 .scroll-wrap .nav-tabs h5 {
margin: 0 auto;
font-size: 1rem;
color: var(--white);
text-transform: uppercase;
letter-spacing: 8px
}

.payment_subscribe_info {
background: var(--white);
padding-top: 34px;
padding-bottom: 40px;
box-shadow: 0 0 45px 21px rgb(0 0 0 / 10%);
border-radius: 10px;
/*    margin-bottom: -130px;*/
/*    margin-top: -120px;*/
min-height: 180px
}

.payment_footer_area.pos_footer_area {
background: var(--primary) !important
}

.payment_subscribe_info .subscribe-form .btn_four {
background: var(--primary);
border: 1px solid var(--primary);
color: var(--white);
transition: .3s
}

.payment_subscribe_info .subscribe-form .btn_four:hover {
box-shadow: 0 6px 24px -7px rgb(0 0 0 / 10%)
}

.payment_subscribe_info .payment_subscribe_content h2 {
color: #273339
}

.payment_subscribe_info .payment_subscribe_content p {
color: #929292;
font-size: 13px;
line-height: normal
}

.payment_subscribe_info .subscribe-form .form-control,
.pos_footer_area .f_widget.about-widget .f_list li a {
color: #000 !important;
border-color: #c5cacc
}

.breadcrumb_area .breadcrumb_content {
z-index: 999;
position: relative
}

#partnership-program .tab_img_info,
#partnership-program .tab_img_info .img-fluid,
.breadcrumb_area .home_bubble img {
max-width: 100%
}

.breadcrumb_area .home_bubble .bubble {
background: 0 0
}

.payment_footer_area .f_widget.about-widget .f_list li a,
.payment_footer_area .f_widget.company_widget p,
.pos_footer_area .f_widget.company_widget p {
color: #f0f0f0
}

.breadcrumb_area .home_bubble .bubble.b_two {
top: -22%;
left: 25%;
width: 50px;
height: 50px
}

.breadcrumb_area .home_bubble .bubble.b_three {
width: 30px;
height: 30px;
top: -69%;
left: 47%
}

.breadcrumb_area .home_bubble .bubble.b_four {
top: -113%;
right: 16%;
width: 50px;
height: 50px
}

.ctn-preloader .loader .loader-section .bg {
background: #000 !important
}

.breadcrumb_area .home_bubble .bubble.b_one {
top: 108%;
left: 37%;
width: 30px;
height: 30px
}

.breadcrumb_area .cloud.p_absoulte {
position: absolute;
right: 6%;
top: -135%;
max-width: 100px
}

.breadcrumb_area .cloud.cloud2.p_absoulte {
left: 14%;
bottom: -74%;
top: unset
}

.breadcrumb_area img.p_absoulte.p_two {
max-width: 140px;
left: 15%;
bottom: 329px
}

.breadcrumb_area img.p_absoulte.p_three {
max-width: 140px;
left: 4%;
top: 66px
}

.breadcrumb_area img.p_absoulte.p_one {
max-width: 140px;
right: 4%;
bottom: -60px
}

.breadcrumb_area .home_bubble .triangle.b_eight {
right: 19%;
bottom: -150px;
width: 60px;
left: unset
}

.breadcrumb_area .home_bubble .triangle.b_seven {
left: 20%;
top: -155%;
width: 85px;
z-index: 2
}

.breadcrumb_area .home_bubble .triangle.b_seven.A {
left: 13%;
top: 42%;
width: 95px
}

.breadcrumb_area .home_bubble .triangle.b_eight.B {
right: 4%;
top: -261px;
width: 91px;
left: unset
}

.breadcrumb_area .home_bubble .section-1 .pp_snak {
top: 177%;
right: 50%;
max-width: 110px !important
}

.breadcrumb_area .home_bubble .section-1 .pp_snak.B {
top: -43px;
right: unset
}

.breadcrumb_area .home_bubble .section-1 .pp_triangle.A {
top: -60px;
right: 15%;
width: 80px;
left: unset
}

.breadcrumb_area .home_bubble .section-1 .pp_triangle.B {
width: 80px;
left: 33%;
bottom: -112px;
top: unset
}

.technology_framework {
margin-top: 100px;
position: relative;
padding-bottom: 160px
}

.technology_framework .container {
box-shadow: 0 0 96px -3px rgb(0 0 0 / 8%);
position: relative;
z-index: 9
}

.technology_framework::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: calc(100% - 10%);
background: var(--white);
display: block
}

.h_map ul li .place_name:before {
border-color: var(--primary) transparent transparent transparent
}

.app_screens.bg-white,
.features,
.get_started_area .developer_product_content .develor_tab .nav-item .nav-link.active:before,
.pricing_area_four .price_info_two .price_btn,
.software_promo_area,
.technology_framework .container {
background: var(--white)
}

.pricing_area_four .sec_title p {
font-style: normal
}

.price_info_two .price_head .p_head {
padding: 10px;
min-height: 108px;
display: block
}

.price_info_two .price_head .p_head h5 {
display: flex;
width: 100%;
align-items: center;
margin: auto;
min-height: 88px;
text-align: center;
text-transform: uppercase;
font-size: 15px;
letter-spacing: 2px;
font-weight: 700
}

.price_info_two .price_head .p_head h4 span,
.price_info_two .price_head .p_head h5 span {
display: block;
margin: auto
}

.price_info_two .price_head .p_head.Deliverables {
background: #455a64;
min-width: 28%;
max-width: 28%;
width: fit-content
}

.price_info_two .price_head .p_head.Deliverables h4 {
color: var(--white);
display: flex;
width: 100%;
align-items: center;
margin: auto;
min-height: 88px;
text-align: center
}

.price_info_two .price_head .p_head.Bronze {
background: #6fdb27;
min-width: 18%;
max-width: 18%
}

.app-info .w_menu .nav-item:hover .nav-link,
.price_info_two .price_head .p_head.Bronze h5,
.price_info_two .price_head .p_head.Gold h5,
.price_info_two .price_head .p_head.Platinum h5,
.price_info_two .price_head .p_head.Silver h5 {
color: var(--white)
}

.price_info_two .price_head .p_head.Silver {
background: #61c41e;
min-width: 18%;
max-width: 18%
}

.price_info_two .price_head .p_head.Gold {
background: #4fb10d;
min-width: 18%;
max-width: 18%
}

.price_info_two .price_head .p_head.Platinum {
background: #42a301;
min-width: 18%;
max-width: 18%
}

#our-partners .h_security_area .col-12:last-child .media.h_security_item::before,
.app_screens .owl-dots,
.deliverables_carousel.owl-carousel .owl-next.disabled,
.deliverables_carousel.owl-carousel .owl-prev.disabled,
.features .tab-content .tab-pane,
.get_started_area .get_content .owl-dots,
.price_info_two .price_item::before,
.similar_apps .section5_carousel .owl-dots {
display: none !important
}

.price_info_two {
box-shadow: none;
background: #455a64
}

.price_info_two .price_head {
display: flex;
align-items: flex-start
}

.price_info_two .price_head.stick {
position: fixed;
width: 100%;
top: 0;
left: 0;
right: 0;
max-width: calc(1350px - 30px);
min-width: calc(1350px - 30px);
margin: 0 auto;
z-index: 9
}

.pricing_area_four.no-stick .price_head.stick {
position: relative !important
}

.pricing_area_four.no-stick #stick-here {
display: none !important;
height: 0 !important
}

#stick-here {
width: 100%;
display: block
}

.pr_list {
display: flex !important;
align-items: flex-start
}

.price_info_two .price_item {
min-width: 18%;
max-width: 18%;
min-height: 58px
}

.price_info_two .price_item.deliverables_item {
min-width: 28%;
max-width: 28%;
width: fit-content;
background: #455a64;
padding-left: 20px
}

.price_info_two .price_item.deliverables_item h5 {
text-align: initial !important;
color: var(--white);
font-size: 14px
}

.price_info_two .price_item.Bronze_item,
.price_info_two .price_item.Gold_item {
background-color: #f8f8fa
}

.price_info_two .price_item.Platinum_item,
.price_info_two .price_item.Silver_item {
background-color: var(--white)
}

#app-info .header_area.navbar_fixed .menu_poss .w_menu .nav-item .nav-link:hover:before,
.app-info .header_area.navbar_fixed .menu_poss .w_menu .nav-item .nav-link:before,
.app-info .header_area.navbar_fixed .menu_poss .w_menu .nav-item.active .nav-link:before,
.call_action_area {
background: var(--app-color)
}

.call_action_area:before {
background: url(../img/action_bg.png) center 0/contain no-repeat;
z-index: 2;
top: 0
}

.call_action_area .action_content .action_btn img {
width: 20px;
margin-right: 7px;
position: relative;
top: -3px;
left: -6px
}

.call_action_area .action_content .action_btn.whatsapp_us {
color: #6bc476
}

.call_action_area .action_content {
max-width: unset
}

.call_action_area .background_img {
position: absolute;
top: 0;
overflow: hidden;
width: 100%;
height: 100%
}

.call_action_area .background_img img,
.memphis-parallax li {
position: absolute
}

.call_action_area .background_img img.tab {
max-height: 473px;
top: 0;
position: absolute;
display: block;
left: -141px
}

.call_action_area .background_img img.phone {
bottom: 10%;
left: 0;
right: 0;
margin: 0 auto
}

.call_action_area .background_img img.web {
right: -11%;
max-width: 578px;
top: 16%
}

.app_demo_video,
.seo_service_area {
position: relative;
background: var(--white)
}

.app-info .seo_service_area .container.stick {
position: fixed;
top: 0;
left: 0;
right: 0;
margin: 0 auto
}

.platform_used .intregration_item,
.side_menu a {
margin-bottom: 8px
}

.seo_service_area::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50%;
background: #f8f8fa
}

.seo_service_item {
box-shadow: 0 30px 60px 0 rgb(38 59 94 / 10%)
}

.seo_service_item:hover {
box-shadow: 0 30px 60px 0 rgb(38 59 94 / 30%)
}

.seo_service_item h4 {
font-weight: 600
}

.seo_service_item p {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden
}

.seo_service_item img {
max-height: 210px
}

.seo_service_item a.price_btn {
display: flex;
align-items: center;
background: var(--app-color);
color: var(--white);
width: fit-content;
border-color: var(--app-color);
border-radius: 50px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 400;
font-size: 12px;
padding: 0 20px;
line-height: normal;
min-height: 42px
}

.seo_service_item a.price_btn i {
font-size: 22px;
color: var(--white);
min-width: 31px;
text-align: end
}

.seo_service_item a.price_btn:hover {
background: var(--white);
color: var(--app-color);
font-weight: 500
}

#app-info .header_area.navbar_fixed .menu_poss .w_menu .nav-item .nav-link:hover,
.app-info .header_area.navbar_fixed .menu_poss .w_menu .nav-item .nav-link:hover,
.app-info .header_area.navbar_fixed .menu_poss .w_menu .nav-item.active .nav-link,
.app-info .menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link,
.price_info_two .price_item .check,
.price_info_two .price_item .pr_title:hover:before,
.seo_service_item a.price_btn:hover i,
.seo_service_item h4:hover {
color: var(--app-color)
}

.get_started_area {
padding: 0;
background: linear-gradient(140deg, var(--app-color) 0, var(--app-color) 70%);
overflow: visible
}

#app-info .section-3 .call_action_area .call_action_animated_img.phone_img,
#home-page #pp-nav li a span,
#stick-here5,
.call_action_area .call_action_animated_img.web_img {
display: none
}

.get_started_area .developer_product_content .develor_tab .nav-item .nav-link {
color: var(--white);
font-weight: 300;
font-size: 13px;
opacity: .4
}

.get_started_area .developer_product_content .develor_tab .nav-item .nav-link.active {
font-weight: 500;
opacity: 1
}

.get_started_area .background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden
}

.get_started_area .get_content .developer_product_content .developer_tab_content p {
line-height: 24px;
font-weight: 500;
font-size: 13px
}

.get_started_area .get_content .developer_product_content .owl-item.active p {
animation: .5s .3s both fadeInUp
}

.get_started_area .get_content .developer_product_content .developer_tab_content h3 {
color: var(--white);
font-weight: 400;
font-size: 13px
}

.get_started_area .get_content .developer_product_content .owl-item.active h3 {
animation: 1s .3s both fadeInUp
}

.get_started_area .get_content .developer_product_content .developer_tab_content h3 span {
opacity: .7
}

#full_blog .blog_single .blog_content .post_date h2 span,
#home-page .section-5 .scroll-wrap .nav-tabs .nav-item .nav-link.active h5,
.get_started_area .get_content .developer_product_content .developer_tab_content h3 strong {
font-weight: 500
}

.get_started_area .get_content .developer_product_content .developer_tab_content .app_btn {
color: #292828;
font-size: 12px;
padding: 11px 16px;
line-height: normal;
min-height: unset;
height: unset;
display: flex;
align-items: center;
min-width: 145px;
background: var(--white);
box-shadow: 0 20px 40px 0 rgb(0 11 40 / 20%)
}

.get_started_area .get_content .developer_product_content .owl-item.active .app_btn {
animation: 1.5s .3s both fadeInUp
}

.get_started_area .get_content .developer_product_content .develor_tab .nav-item .nav-link.active:before {
bottom: -1.5px
}

.get_started_area .get_content .developer_product_content .develor_tab {
padding: 0;
border-bottom: 1.5px solid #ffffff8c
}

.get_started_area .get_content .developer_product_content .developer_tab_content .app_btn:hover {
box-shadow: none
}

.get_started_area .get_content .developer_product_content .developer_tab_content .app_btn.get_on_phone {
background: var(--app-color);
color: var(--white)
}

.get_started_area .get_content .developer_product_content .developer_tab_content .app_btn img {
width: 17px;
padding: 0;
min-width: 17px;
margin-right: 10px
}

#home-page .section-2 .home_headings.section_one_text,
.app_screens .slider_box,
.get_started_area .container,
.price_container {
position: relative
}

.get_started_area .tab_img_info {
position: absolute;
right: 7%;
bottom: 0;
max-width: 50%;
overflow: hidden
}

.get_started_area .tab_img_info img {
max-width: 600px
}

.faq_area .tab-content.faq_content .tab-pane.active.show .card:nth-child(9),
.features .tab-content .tab-pane.active.show img,
.get_started_area .tab_img_info .tab_img.active img {
animation: .5s both fadeInUp
}

.get_started_area .get_content .developer_product_content {
padding-top: 80px
}

.get_started_area .get_content .developer_product_content .container .slider_buttton {
position: absolute;
top: 0;
z-index: 999
}

.get_started_area .download_app_carousel .item {
min-height: 400px;
display: flex;
align-items: flex-end;
padding-bottom: 50px;
padding-top: 145px
}

.symbols-pulse .pulse-x {
animation: 2s infinite pulsate
}

.platform_used .intregration_item .media .media-body h5 {
margin: 0;
font-size: 13px;
padding-bottom: 3px;
color: #677294
}

.platform_used .intregration_item .media .media-body p {
color: var(--text-dark);
margin: 0;
font-weight: 500;
font-size: 16px
}

.platform_used .intregration_icon {
padding: 20px;
border-radius: 6px;
box-shadow: 0 10px 46px -29px rgb(29 7 90 / 25%)
}

.platform_used .intregration_icon img {
width: 45px;
min-width: 45px;
margin-right: 30px
}

.app_demo_video .video_section {
position: relative;
overflow: hidden;
width: 60%;
height: 500px
}

.app_demo_video .video_section img {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
min-width: 100%;
min-height: 100%;
display: block;
max-width: 100%
}

.app_demo_video .video_section::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to right, rgb(75 143 74 / 88%) 0, var(--app-color) 100%);
opacity: .65;
z-index: 1
}

.app_demo_video .container {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 2
}

.app_demo_video .container .card {
border: none;
box-shadow: 0 0 41px 3px rgb(29 7 90 / 5%);
border-radius: 0
}

.app_demo_video .container .card .intregration_content a.btn_six {
color: var(--app-color);
background: 0 0;
padding: 0 0 2px;
line-height: normal;
border: none;
font-weight: 500;
font-size: 14px;
position: relative
}

.app_demo_video .container .card .intregration_content a.btn_six::after {
content: "";
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
background: var(--app-color);
left: 0
}

.app_demo_video .container .video_play_btn .video_btn {
width: 120px;
height: 120px;
text-align: center
}

.app_demo_video .container .video_play_btn .video_btn::after {
content: "\e6ad";
position: absolute;
top: 50%;
left: 50%;
width: 120px;
height: 120px;
margin: -60px 0 0 -60px;
border: 5px solid #fff;
border-radius: 50%;
font-size: 50px;
font-family: themify;
speak: none;
line-height: 110px;
color: #fff;
-webkit-font-smoothing: antialiased;
z-index: 0
}

.text_animation1 {
position: relative;
font-weight: 900
}

.text_animation1 .letter {
transform-origin: 0 100%;
display: inline-block;
line-height: 1em
}

.agency_featured_item .agency_featured_content {
min-height: 415px
}

#our-partners .seo_service_item .text-box,
.app_deliverables .deliverables_item .deliverables_carousel .owl-stage .owl-item,
.payment_subscribe_info .subscribe-form {
min-width: fit-content
}

.app_screens,
.pricing_area_four,
.similar_apps {
background: #f9f9fc
}

.app_screens .container {
margin: 0 0 0 auto
}

.app_screens .slider-button .row {
margin: 0 -4px
}

.app_screens .slider-button .col-12 {
padding: 0 4px
}

.app_screens .slider-button .col-12 .btn_six {
display: flex;
width: 100%;
border-radius: 5px;
text-align: center;
min-height: 60px;
padding: 5px 10px;
align-items: center;
color: var(--text-dark);
font-size: 11px;
margin-bottom: 8px;
background: var(--white);
border-color: var(--white);
line-height: normal
}

.app_screens .slider-button .col-12 .btn_six.active,
.app_screens .slider-button .col-12 .btn_six:hover,
.app_screens.bg-white .slider-button .col-12 .btn_six.active,
.app_screens.bg-white .slider-button .col-12 .btn_six:hover {
background: var(--app-color);
color: var(--white);
border-color: var(--app-color)
}

.app_screens.bg-white .slider-button .col-12 .btn_six {
background: #f9f9fc;
border-color: #f9f9fc
}

.app_screens .slider-button .col-12 .btn_six span {
width: 100%;
text-align: center
}

.app_screens .slider_box .frame {
position: absolute;
top: -8px;
left: 0;
right: 0;
margin: auto;
z-index: 9;
width: fit-content
}

.app_screens .slider_box .frame img {
height: 420px
}

.app_screens .slider_box .owl-item {
overflow: visible
}

.app_screens .slider_box .frame.web-frame img {
height: 406px
}

.app_screens .slider_box .owl-item.active.center::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("../img/app-info/Frame.png") center/cover no-repeat;
display: none
}

.app_screens .slider_box .owl-item.active.center .img_box {
border-radius: 20px;
overflow: hidden
}

.app_screens .slider_box .owl-item .item .img_box {
width: 100%;
height: 100%
}

.app_screens .slider_box .owl-carousel2 .owl-item .img_box {
overflow: hidden;
transition: .5s
}

.app_screens .slider_box .owl-carousel2 .owl-item.active.center .img_box,
.app_screens .slider_box .owl-carousel3 .owl-item.active.center .img_box {
border-radius: 12px;
box-shadow: 12px 8px 17px 12px rgb(0 0 0 / 20%);
z-index: 999
}

.app_screens .slider_box .frame.web-frame {
top: 34px
}

.app_screens .slider_box .owl-carousel2 .owl-stage,
.app_screens .slider_box .owl-carousel3 .owl-stage {
padding: 35px 0
}

.features .design_tab.row {
max-width: 0 -7px
}

.features .design_tab .nav-item {
width: 100%;
margin-bottom: 14px;
padding: 0 7px
}

.features .design_tab .nav-link {
background: #f8f8fa;
padding: 25px 20px;
transition: .3s
}

.features .design_tab .nav-link.active,
.features .design_tab .nav-link:hover {
background-color: var(--white) !important;
box-shadow: rgba(17, 17, 26, .027) 0 8px 24px, rgba(17, 17, 26, .1) 0 16px 56px, rgba(17, 17, 26, .1) 0 24px 80px;
z-index: 9;
position: relative
}

.features .design_tab .nav-link img {
margin-bottom: 13px;
max-height: 40px;
max-width: 40px
}

.features .design_tab .nav-link h5 {
font-weight: 600;
font-size: 15px;
color: var(--text-dark) !important
}

#portfolio-page .process_area,
.app_banner_area,
.pricing_area_four.sec_pad.similar_apps,
.similar_apps.sec_pad {
padding-bottom: 0
}

.features .tab-content .tab-pane img {
max-width: 78px;
max-height: 78px;
margin-bottom: 20px
}

.features .tab-content .tab-pane.active.show {
display: block !important
}

.features .tab-content .tab-pane.active.show h2 {
animation: 1s both fadeInUp
}

#home-page .section-5.active .scroll-wrap .section5_carousel .owl-item.active.center .item .item_img img,
.features .tab-content .tab-pane.active.show p {
animation: 1.5s both fadeInUp
}

#home-page footer.full_footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 9
}

.h_map {
background: 0 0;
position: relative;
height: 620px
}

.h_map .map {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}

.qr_model .modal-content,
.qr_model .modal-dialog {
margin: auto;
top: 0;
height: fit-content;
width: fit-content;
bottom: 0
}

.payment_subscribe_info .subscribe-form .form-control {
max-width: 390px
}

#contact-us .mapbox2 {
border-top: 0 solid #fff;
height: 500px
}

iframe {
height: 100% !important
}

#html_element,
.qr_model .modal-content .qr_box {
overflow: hidden
}

#html_element iframe {
width: auto !important;
height: 78px !important
}

html {
scroll-behavior: smooth
}

#particles-js {
top: 0;
width: auto;
height: auto;
left: 0;
right: 0
}

.app_demo_video .popup-youtube.video_icon {
display: block;
margin: 0 auto
}

.app_demo_video .popup-youtube.video_icon i {
color: var(--app-color);
text-shadow: 0 6px 25px var(--app-color)
}

.pricing_area_four .price_info_two .price_btn:hover {
background: var(--app-color);
border-color: var(--app-color)
}

.qr_model .modal-dialog {
position: absolute;
left: 0;
right: 0
}

.qr_model .modal-content {
background-color: var(--white);
border-radius: 15px;
padding: 0;
border: none;
min-width: 320px;
min-height: 320px
}

.qr_model .modal-content .modal-body {
padding: 14px
}

.qr_model .modal-content .qr_box .qr_background {
max-width: 280px;
display: block;
margin: 0 auto
}

.qr_model .modal-content .qr_box .qr_background img {
max-width: 280px;
display: block;
margin: 0 auto;
position: relative;
z-index: 9
}

.qr_model .modal-content .qr_box .qr_code {
position: absolute;
top: 56px;
left: 6px;
right: 0;
width: fit-content;
margin: 0 auto;
max-width: 164px;
overflow: hidden;
border-radius: 15px
}

.qr_model .modal-content h3 {
margin: 0 !important;
font-size: 23px;
color: #000 !important;
padding-top: 32px !important;
font-weight: 600
}

#home-page #pp-nav li {
height: auto !important;
margin: 0 !important;
width: 1px !important
}

#home-page #pp-nav li a {
height: 85px !important;
width: 2px !important;
background: #fff;
opacity: .2;
padding: 0;
margin: 0 !important;
transition: opacity .5s
}

#home-page #pp-nav li a.active {
opacity: 1
}

#home-page footer.full_footer .social_icon.social_icon_two li {
display: inline-block
}

#home-page footer.full_footer .social_icon li a {
font-size: 15px;
color: #fff;
display: inline-block
}

#home-page footer.full_footer .social_icon li a i img {
width: 13px
}

#home-page .section_one_img .round {
background: 0 0;
width: 250px;
height: 350px;
left: 22%;
box-shadow: none;
top: 116px
}

#home-page .section_one_img .round .bubble {
position: absolute;
bottom: -9%;
left: 39%;
z-index: -33
}

#home-page .section-1.active .section_one_img .round img {
animation: .9s .5s both zoomIn
}

#home-page .section-1.active .round_line.three {
right: -50px;
left: unset
}

#home-page .section-1.active .round_line.four {
right: -80px;
left: unset
}

#home-page .section-2.active .banner_img img {
animation: .5s .4s both zoomIn
}

#home-page .pagepiling .scroll-wrap .scrollable-content,
#home-page .pagepiling .scroll-wrap .scrollable-content .vertical-centred,
#home-page .section-2 .banner_img lottie-player,
#home-page .section-5 .scroll-wrap .section5_carousel .item .item_info a.btn_six:hover::after,
.similar_apps .section5_carousel .item:hover .item_info h2,
footer.footer_area .hover_line:hover::before {
width: 100%
}

#home-page .section_one_text {
padding-top: 30px;
position: relative;
z-index: 11
}

#home-page .home_headings h2 {
color: #fff;
font-weight: 700;
font-family: Poppins, sans-serif;
opacity: 1 !important
}

#home-page .home_headings h2 span,
.img-box-details .img-box-detail.active {
display: block
}

#home-page .home_headings h3 {
color: var(--white);
font-size: 16px;
line-height: 30px;
padding: 12px 6px 0
}

#home-page .active .home_headings h2 span {
animation: .5s .5s both fadeInUp
}

#home-page .active .home_headings h2 span:nth-child(2),
#home-page .section-3.active .section3_banner img {
animation: 1s .5s both fadeInUp
}

#home-page .active .home_headings h2 span:nth-child(3),
#home-page .active a.btn_scroll,
#home-page .active p {
animation: 1.4s .5s both fadeInUp
}

#home-page .active .home_headings h3 {
animation: 1.6s .5s both fadeInUp
}

#home-page .section-1 .p-section-bg {
background: #8830df
}

#home-page .section-2 .p-section-bg {
background: url('../img/home/home.jpg') 0 0/cover no-repeat
}

#home-page .section-2 .banner_img {
position: fixed;
top: 0;
width: fit-content;
min-height: 100vh;
right: 0;
z-index: -1;
max-height: 100vh;
overflow: hidden
}

#home-page .section-2 .banner-on-small-screen {
max-width: 100%;
z-index: -1;
position: relative
}

#home-page .section-2 .banner-on-small-screen lottie-player {
min-width: 400px;
margin: 0 auto;
right: 77px;
position: relative
}

#home-page .section-2 h2 {
color: #fea900
}

#home-page .section-2 .dot_one,
#home-page .section-3 .dot_one {
left: 0;
top: 0;
max-width: 368px
}

#home-page .section-2 .dot_two,
#home-page .section-3 .dot_two {
right: 0;
bottom: 0;
z-index: 1;
max-width: 350px
}

#home-page .section-2 .b_shap {
bottom: 9%;
left: 9%;
max-width: 100px
}

@media only (max-width:1400px) {

#home-page .section-2 .dot_one,
#home-page .section-2 .dot_two,
#home-page .section-3 .dot_one,
#home-page .section-3 .dot_two {
max-width: 500px
}

#home-page .section-2 .b_shap {
max-width: 350px
}
}

#home-page .section-2 .t_shap {
right: 0;
top: 0
}

#home-page .section-2 .t_two {
left: 360px;
bottom: auto;
top: 168px;
animation: 4s infinite alternate both slideInnew3
}

#home-page .text-crop_img {
width: 50%;
max-width: 450px;
position: absolute;
top: 40%;
right: 20%;
transform: translate(-50%, -50%);
opacity: .15
}

#home-page .text-crop_img img {
width: 100%
}

#home-page .section-1.active .text img {
animation: 1.5s .5s both fadeInUp
}

#home-page .section-2 .s_round,
#home-page .section-6 .s_round,
.footer_area.section-6 .s_round {
width: 7px;
height: 7px;
opacity: .2;
border-radius: 50%;
background: #fff
}

.round_container.B {
transform: rotate(123deg);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}

#home-page .section-2 .s_round.r_eleven,
#home-page .section-6 .s_round.r_eleven,
.footer_area.section-6 .s_round.r_eleven {
left: 250px;
top: 140px;
width: 66px;
height: 66px;
background-image: -moz-linear-gradient(-42deg, #0030ff 0, #558fff 100%);
background-image: -webkit-linear-gradient(-42deg, #0030ff 0, #558fff 100%);
background-image: -ms-linear-gradient(-42deg, #0030ff 0, #558fff 100%);
box-shadow: 0 60px 30px 0 rgba(0, 0, 0, .08);
animation: 4s infinite alternate spin1
}

#home-page .section-1 .section2_banner {
position: relative;
max-height: calc(100vh - 100px);
z-index: -1
}

#home-page .section-1 .section2_banner lottie-player {
height: 100%;
width: 100%;
position: relative;
top: -100px;
left: -100px
}

#home-page .section-1.active .section2_banner img {
animation: .5s .5s both zoomIn
}

#home-page .pagepiling .scroll-wrap,
#home-page .section-5 .scroll-wrap {
padding: 0 !important
}

#home-page .pagepiling p {
margin: 0;
color: var(--white);
font-size: 17px;
line-height: 25px;
letter-spacing: .5px
}

#home-page .pagepiling p span {
padding: 0;
opacity: 1;
display: inline-block;
line-height: 1em
}

#home-page .pagepiling a.btn_scroll {
text-transform: uppercase;
letter-spacing: 2.5px;
border-radius: 0;
border-color: var(--white);
font-size: 12px;
font-weight: 400;
padding: 11px;
min-width: 190px;
text-align: center;
background: 0 0 !important;
position: relative;
transition: .4s;
width: fit-content;
display: block;
top: 2px
}

.partnerLogos img {
width: auto !important;
max-width: 100%;
opacity: .7;
border-radius: 10px;
}

#home-page .pagepiling a.btn_scroll:hover {
box-shadow: rgb(0 0 0 / 30%) 0 19px 38px, rgb(0 0 0 / 22%) 0 15px 12px;
top: 0
}

.navbar-collapse {
position: relative;
top: 8px
}

.navbar-toggler:not(:disabled):not(.disabled) {
position: relative;
right: 40px
}

.price_container .most_popular {
background: url(../img/app-info/Mostpopular.png) center/cover;
position: absolute;
right: 0;
top: 86px;
color: var(--white);
min-width: 119px;
text-align: center;
padding: 1px 0;
font-size: 12px;
z-index: 1
}

.app-info .search_box_inner .form-group {
border-bottom: 2px solid rgba(255, 255, 255, .6)
}

.app-info .search_box_inner .form-group img {
width: 22px;
margin-right: 15px
}

.app-info .search_boxs .input-group input {
border: none
}

.app-info .search_boxs .btn_three {
display: block;
background: var(--primary);
color: var(--white);
border-radius: 50px;
min-width: 124px;
padding: 7px 10px
}

#home-page .section-3 .p-section-bg {
background-image: -webkit-radial-gradient(50% 50%, circle closest-side, #f5c34e 0, #f2b018 100%)
}

#home-page .section-3 .section3_banner .our_Features {
position: absolute;
top: 76px;
padding-left: 270px;
width: 95%
}

#home-page .section-3 .section3_banner .our_Features h2 {
color: var(--white);
border: 2px solid var(--white);
position: relative;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 2px;
margin: 0 0 20px;
width: 100%;
text-align: center;
padding: 0 1px;
min-height: 70px;
display: flex;
align-items: center
}

#home-page .section-1 .pp_triangle,
#home-page .section-3 .pp_triangle,
#home-page .section-4 .pp_triangle {
left: 45%;
right: 45%;
top: 25vh;
width: 80px;
opacity: .7
}

#home-page .section-3 .section3_banner .our_Features h2 span {
display: block;
width: 100%;
text-align: center
}

#home-page .section-3.active .section3_banner .our_Features h2 {
animation: .5s 1s both fadeInLeft
}

#home-page .section-3.active .section3_banner .our_Features h2:nth-child(2) {
animation: 1s 1s both fadeInLeft
}

#home-page .section-3.active .section3_banner .our_Features h2:nth-child(3) {
animation: 1.5s 1s both fadeInLeft
}

#home-page .pijom1 {
left: auto;
right: 10%;
top: 100px;
max-width: 90px;
opacity: .8;
animation: 6s infinite alternate both slideInnew3
}

#home-page .pp_snak.A {
bottom: 45%;
left: 5%;
width: 45px;
animation: 3s infinite alternate both slideInnew2
}

#home-page .section-4 .p-section-bg {
background-image: -webkit-radial-gradient(50% 50%, circle closest-side, #83d086 0, #54b059 100%)
}

#home-page .section-4 .section4_banner {
max-width: 600px;
position: relative
}

#home-page .section-4 .section4_banner img {
height: 640px;
max-width: unset;
left: 0;
position: absolute
}

#home-page .section-4 .section4_banner img.img_techstack_2 {
z-index: -1;
top: 94px;
left: 128px
}

#home-page .section-4 .section4_banner img.code {
height: 395px
}

#home-page .section-4 .section4_banner img.code1 {
top: -87px;
left: -82px
}

#home-page .section-4 .section4_banner img.code2 {
left: 121px;
z-index: -1;
top: 80px
}

.techstack_1 {
-webkit-animation: 2s infinite alternate both techstack_1;
animation: 2s infinite alternate both techstack_1;
z-index: 2
}

@keyframes techstack_1 {
0% {
-webkit-transform: translate(0, -20px);
-ms-transform: translate(0, -20px);
transform: translate(0, -20px)
}

100% {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
}

.code_box1 {
-webkit-animation: 2s infinite alternate both code_box1;
animation: 2s infinite alternate both code_box1;
z-index: 3
}

@keyframes code_box1 {
0% {
-webkit-transform: translate(0, -30px);
-ms-transform: translate(0, -30px);
transform: translate(0, -30px)
}

100% {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
}

.techstack_2 {
-webkit-animation: 2s infinite alternate both techstack_2;
animation: 2s infinite alternate both techstack_2
}

@keyframes techstack_2 {
0% {
-webkit-transform: translate(0, -20px);
-ms-transform: translate(0, -20px);
transform: translate(0, -20px)
}

100% {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
}

.code_box2 {
-webkit-animation: 2s infinite alternate both code_box2;
animation: 2s infinite alternate both code_box2;
z-index: 1
}

@keyframes code_box2 {
0% {
-webkit-transform: translate(0, -40px);
-ms-transform: translate(0, -40px);
transform: translate(0, -40px)
}

100% {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
}

#home-page .section-4.active .section4_banner img.img_techstack_1 {
animation: .5s .5s both fadeInLeft
}

#home-page .section-4.active .section4_banner img.img_techstack_2 {
animation: .5s .5s both fadeInRight
}

#home-page .section-4.active .section4_banner img.code1 {
animation: .6s .6s both fadeInLeft
}

#home-page .section-4.active .section4_banner img.code2 {
animation: .6s .6s both fadeInRight
}

#home-page .section-5 .p-section-bg {
background-image: -webkit-radial-gradient(50% 50%, circle closest-side, #eebd7c 0, #ff9328 100%)
}

#home-page .section-6 .p-section-bg,
.footer_area.section-6 .p-section-bg,
footer.footer_area {
background: #232324
}

#home-page .section-5 .scroll-wrap .scrollable-content .vertical-centred {
max-height: calc(100vh - 0px)
}

#home-page .section-5 .scroll-wrap .section5_carousel .item {
min-height: 100vh;
position: relative;
min-width: 100%;
padding-top: 100px
}

#home-page .section-5 .scroll-wrap .section5_carousel .item .item_img {
display: block;
margin: -40px auto 0;
width: fit-content
}

#home-page .section-5 .scroll-wrap .section5_carousel .item .item_info {
position: absolute;
bottom: 0;
left: 0;
transition: 1s;
margin: 40px
}

#home-page .section-5.active .scroll-wrap .section5_carousel .item .item_info .item_info_inner {
position: absolute;
bottom: -74px;
width: 100%;
left: 0;
transition: .5s
}

#home-page .section-5 .scroll-wrap .section5_carousel .item .item_info h2 {
margin: 0;
color: var(--white);
font-weight: 600;
font-size: 30px;
padding-bottom: 15px;
width: fit-content;
position: relative
}

#home-page .section-5 .scroll-wrap .section5_carousel .item h2::after,
#home-page .section-5 .scroll-wrap .section5_carousel .item p::after {
content: "";
position: absolute;
bottom: 10px;
left: 0;
width: 0;
height: 1.5px;
background: var(--white);
transition: .5s
}

#home-page .section-5 .scroll-wrap .section5_carousel .item p::after,
#home-page .section-5 .scroll-wrap .section5_carousel .item:hover .item_info .item_info_inner {
bottom: 0
}

#home-page .section-5 .scroll-wrap .section5_carousel .item .item_info p {
font-weight: 400;
line-height: normal;
letter-spacing: 0;
visibility: hidden;
transition: .5s !important;
opacity: 0 !important;
padding-bottom: 10px
}

#home-page .section-5 .scroll-wrap .section5_carousel .item .item_info p span {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
display: -webkit-box;
line-height: normal;
margin-top: 5px
}

#home-page .section-5 .scroll-wrap .section5_carousel .item .item_info a.btn_six {
background: 0 0;
border: none;
padding: 11px 0;
color: var(--white);
font-weight: 500;
font-size: 14px;
letter-spacing: 1px;
align-items: center;
width: fit-content;
position: relative;
display: flex;
visibility: hidden;
transition: .5s !important;
opacity: 0 !important
}

#home-page .section-5 .scroll-wrap .section5_carousel .item .item_info a.btn_six i,
.similar_apps .section5_carousel .item .item_info a.btn_six i {
font-weight: 600;
font-size: 15px;
position: relative;
transition: .5s;
padding-left: 2px
}

#home-page .section-5 .scroll-wrap .section5_carousel .item .item_info a.btn_six::after {
content: "";
width: 0;
height: 1.5px;
position: absolute;
bottom: 11px;
background: var(--white);
left: 0;
transition: .5s
}

#home-page .section-5 .scroll-wrap .section5_carousel .item:hover .item_info .item_info_inner a.btn_six,
#home-page .section-5 .scroll-wrap .section5_carousel .item:hover .item_info .item_info_inner p {
visibility: visible;
opacity: 1 !important
}

#home-page .section-5 .scroll-wrap .section5_carousel .item .item_info a.btn_six:hover i {
padding-left: 5px
}

#home-page .section-5.active .scroll-wrap .section5_carousel .item .item_info p {
animation: both fadeInUp
}

#home-page ::-webkit-scrollbar {
display: none
}

#home-page .section-5 .scroll-wrap .section5_carousel .item .item_img img {
position: relative;
top: 48px;
max-height: 324px
}

#home-page .section-5 .tab-content {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden
}

#home-page .section-5 .tab-content .tab-pane {
display: block !important;
position: absolute;
right: -1000%;
top: 0;
width: 100%;
height: 100%;
transition: .3s;
z-index: -1;
opacity: 0
}

#home-page .section-5 .tab-content .tab-pane.show {
right: 0;
z-index: 2;
opacity: 1
}

#home-page .section-5 .tab-content .owl-carousel.owl-hidden {
opacity: 1 !important;
display: block !important;
transition: none
}

#home-page {
-ms-overflow-style: none;
scrollbar-width: none
}

#home-page .section-5 .scroll-wrap .tab_btn_container {
position: fixed;
z-index: 9999999999;
width: fit-content;
left: 0;
top: 89px;
right: 0;
margin: auto;
display: flex;
border: none;
align-items: center
}

#home-page .section-5 .scroll-wrap .nav-tabs {
margin: auto;
display: flex;
border: none;
align-items: center;
padding: 0 85px
}

#home-page .section-5 .scroll-wrap .owl-dots,
.app_deliverables .deliverables_item .deliverables_carousel .owl-dots,
.features_info .dot_img,
.pie_progress .pie_progress__number {
display: none
}

#home-page .section-5 .scroll-wrap .nav-tabs .nav-item {
background: 0 0;
border: none;
border-radius: 0
}

#home-page .section-5 .scroll-wrap .nav-tabs .nav-item .nav-link {
border: 0;
padding: 0;
background: 0 0;
color: var(--white)
}

#home-page .section-5 .scroll-wrap .tab_btn_container .slider_btn {
padding: 0;
background: 0 0;
position: relative;
width: 50px;
height: 50px
}

#home-page .section-5 .scroll-wrap .tab_btn_container .slider_btn.prevItem::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
border-radius: 50px;
border: 2px solid var(--white);
width: 48px;
height: 48px;
bottom: 0
}

#home-page .section-5 .scroll-wrap .tab_btn_container .slider_btn a {
min-width: 45px;
height: 45px;
border-radius: 50%;
display: flex;
align-items: center;
cursor: pointer;
transition: .5s;
position: relative;
top: 2px;
z-index: 9999
}

#home-page .section-5 .pie_progress {
width: 50px !important;
height: 50px !important;
position: absolute !important;
top: 0
}

#home-page .section-5 .scroll-wrap .tab_btn_container .slider_btn a img {
width: 18px;
display: block;
margin: auto
}

#home-page .section-5 .scroll-wrap .nav-tabs .nav-item .nav-link h5 {
margin: 0;
color: var(--white);
font-size: 11px;
text-transform: uppercase;
padding: 0 14px;
letter-spacing: 2px;
font-weight: 300;
transition: .5s
}

.footer_area.section-6 {
padding-top: 200px
}

#home-page .section-6 i,
.footer_area.section-6 i {
font-size: 20px;
font-weight: 100;
color: #fff
}

#home-page .section-6 i.facebook:hover,
.footer_area.section-6 i.facebook:hover {
color: #4267b2
}

#home-page .section-6 i.linkedin:hover,
.footer_area.section-6 i.linkedin:hover {
color: #0a66c2
}

#home-page .section-6 i.pinterest:hover,
.footer_area.section-6 i.pinterest:hover {
color: #e60023
}

#home-page .section-6 i.youtube:hover,
.footer_area.section-6 i.youtube:hover {
color: red
}

#home-page .section-6 i.instagram:hover,
.footer_area.section-6 i.instagram:hover {
color: #cd486b
}

#home-page .section-6 i.twitter:hover,
.footer_area.section-6 i.twitter:hover {
color: #1DA1F2
}

#home-page .tab-content > .tab-pane {
transition: 0
}

#home-page .section-6 .s_round.r_eleven,
.footer_area.section-6 .s_round.r_eleven {
background: linear-gradient(90deg, #000 10%, rgb(255 255 255 / 44%) 100%)
}

#home-page .section-6 .dot_two,
.footer_area.section-6 .dot_two {
right: 0;
top: 94px
}

#home-page .section-6 h2,
.footer_area.section-6 h2 {
margin: 0;
color: var(--white);
font-weight: 700;
font-size: 32px;
letter-spacing: 0;
padding-bottom: 18px
}

#home-page .section-6 h3,
.footer_area.section-6 h3 {
color: #747583;
font-size: 15px;
margin: 0;
padding-bottom: 31px
}

#home-page .section-6 h4,
.footer_area.section-6 h4 {
color: #747583;
font-size: 13px;
margin: 0;
padding-bottom: 10px
}

#home-page .section-6 h5,
.footer_area.section-6 h5 {
font-weight: 600;
font-size: 18px
}

#home-page .section-6 h5 a,
.footer_area.section-6 h5 a {
color: var(--white);
font-size: 12px;
font-weight: 400;
position: relative;
padding-bottom: 2px
}

#home-page .section-6 h5 a::after,
.footer_area.section-6 h5 a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: var(--white);
transition: .5s
}

#home-page .section-6 h5 a:hover::after,
.footer_area.section-6 h5 a:hover::after {
width: 0
}

#home-page .section-6 .pp_contact_form .form-group,
.footer_area.section-6 .pp_contact_form .form-group {
border-bottom: 1px solid var(--white)
}

#home-page .section-6 .pp_contact_form input,
.footer_area.section-6 .pp_contact_form input {
border: 0;
background: 0 0;
border-radius: 0;
padding: 0 10px;
font-size: 12px;
height: 40px;
color: var(--white)
}

#home-page .section-6 .pp_contact_form .btn_scroll.btn_hover,
.footer_area.section-6 .pp_contact_form .btn_scroll.btn_hover {
padding: 0;
border: none;
min-width: 46px;
height: unset;
line-height: normal;
background: 0 0 !important;
box-shadow: none;
transition: .5s
}

#home-page .section-6 .pp_contact_form .btn_scroll.btn_hover i,
.footer_area.section-6 .pp_contact_form .btn_scroll.btn_hover i {
transition: .5s;
position: relative
}

#home-page .section-6 .pp_contact_form .btn_scroll.btn_hover:hover i,
.footer_area.section-6 .pp_contact_form .btn_scroll.btn_hover:hover i {
padding-left: 25px
}

#home-page .section-6 .container,
.footer_area.section-6 .container {
min-height: calc(100vh - 120px);
/*
display: flex;
align-items: center
*/
}

#home-page .section-6 .container .pp_contact_form,
.footer_area.section-6 .container .pp_contact_form {
width: 100%;
margin: auto;
padding: 0 0 40px !important;
position: relative;
z-index: 1
}

.home-intro__wave {
position: absolute;
bottom: 50px;
width: 100%
}

.home-intro__wave::before {
content: "";
width: 100%;
height: 293px;
position: absolute;
left: 0;
bottom: 0;
background-image: url("../img/home/wave-anim-gradient.svg");
background-size: cover;
background-position: 0 40px;
background-repeat: no-repeat
}

#our-partners .h_security_area .media.h_security_item,
.app_flow .diagram,
.home-intro__wave-anim,
.similar_apps .section5_carousel .item {
position: relative
}

.home-intro__wave-anim .wave-anim .wave-anim__wave {
position: absolute;
background: url("../img/home/wave-anim.svg") repeat-x;
width: 24312px;
height: 237px;
bottom: -30px;
-webkit-animation: 28s cubic-bezier(.36, .45, .63, .53) infinite wave;
animation: 28s cubic-bezier(.36, .45, .63, .53) infinite wave;
transform: translateZ(0);
opacity: .5
}

.home-intro__wave-anim .wave-anim .wave-anim__wave:nth-of-type(2) {
bottom: -58px;
-webkit-animation: 28s cubic-bezier(.36, .45, .63, .53) -125ms infinite wave, 28s -5s infinite swell;
animation: 28s cubic-bezier(.36, .45, .63, .53) -125ms infinite wave, 28s -5s infinite swell;
opacity: 1
}

.home-intro__wave-anim .wave-anim {
height: 240px;
position: relative
}

.faq_area .tab-content.faq_content .tab-pane.active.show .card {
animation: .1s both fadeInUp
}

.faq_area .tab-content.faq_content .tab-pane.active.show .card:nth-child(2) {
animation: .15s both fadeInUp
}

.faq_area .tab-content.faq_content .tab-pane.active.show .card:nth-child(3) {
animation: .2s both fadeInUp
}

.faq_area .tab-content.faq_content .tab-pane.active.show .card:nth-child(4) {
animation: .25s both fadeInUp
}

.faq_area .tab-content.faq_content .tab-pane.active.show .card:nth-child(5) {
animation: .3s both fadeInUp
}

.faq_area .tab-content.faq_content .tab-pane.active.show .card:nth-child(6) {
animation: .35s both fadeInUp
}

.faq_area .tab-content.faq_content .tab-pane.active.show .card:nth-child(7) {
animation: .4s both fadeInUp
}

.faq_area .tab-content.faq_content .tab-pane.active.show .card:nth-child(8) {
animation: .45s both fadeInUp
}

.faq_area .tab-content.faq_content .tab-pane.active.show .card:nth-child(10) {
animation: .55s both fadeInUp
}

.process_area .features_info .agency_featured_img {
position: relative;
width: 100%;
height: 100%
}

.process_area .features_info .agency_featured_img lottie-player {
position: absolute;
width: 100%;
height: 110%;
right: 0;
margin: 0 auto;
display: block
}

.h_security_item .img_box {
position: relative;
width: 250px;
height: auto
}

.design_tab_area .tab_img lottie-player,
.h_security_item .img_box lottie-player {
position: absolute;
width: 100%;
height: 115%;
right: 0;
margin: 0 auto;
display: block
}

.design_tab_area .tab_img {
position: relative;
width: 100%;
height: 500px
}

@media (max-width:767px) {
.design_tab_area .tab_img {
height: auto
}
}

@media (max-width:1280px) {
#home-page .section-5 .scroll-wrap .section5_carousel .item .item_info {
margin: 10px;
}

#home-page .section-5 .scroll-wrap .section5_carousel .item .item_img img {
max-height: 57vh;
margin-top: 10vh;
}

#home-page .section-5.active .scroll-wrap .section5_carousel .item .item_info .item_info_inner {
bottom: 5vh;
padding: 0;
left: 0;
right: 0;
margin: auto;
}

#home-page .section-5 .scroll-wrap .section5_carousel .item .item_img {
margin-top: -16vh;
}

#home-page .section-5 .scroll-wrap .section5_carousel .item .item_info h2,
#home-page .section-5.active .scroll-wrap .section5_carousel .item .item_info p {
opacity: 1 !important;
visibility: visible;
text-align: center;
width: 100%;
left: 0;
right: 0;
}
}

.design_tab_area .tab-pane.active.show .tab_img {
animation: .5s both fadeInRight
}

.app_flow .container,
.app_flow .container .diagram,
.header_area {
transition: .5s
}

.app_flow .container.stick {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: -1
}

@-webkit-keyframes wave {
0% {
margin-left: 0
}

to {
margin-left: -6078px
}
}

@keyframes wave {
0% {
margin-left: 0
}

to {
margin-left: -6078px
}
}

footer.footer_area {
padding: 0;
position: relative;
width: 100%;
overflow: hidden
}

body {
width: 100%;
max-width: 100%
}

footer.footer_area .footer_top_bg img {
min-width: 100%
}

footer.footer_area .footer_top_section {
position: relative;
width: 100%
}

footer.footer_area .footer_top_section .spaceship {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 320px;
height: fit-content;
margin: auto 0;
animation: 20s cubic-bezier(.36, .45, .63, .53) infinite spaceship
}

@keyframes spaceship {
0% {
left: -320px;
opacity: 1
}

50% {
opacity: .5
}

80% {
opacity: 0
}

100% {
left: 100%;
opacity: 0
}
}

footer.footer_area .pijom1 {
right: 5%;
top: 18%;
max-width: 183px;
opacity: .4;
opacity: 1;
animation: 8s infinite alternate both slideInnew3;
z-index: 2
}

footer.footer_area .s_round {
left: 41%;
top: 6%;
max-width: 89px;
opacity: 1;
z-index: 2;
animation: 4s infinite alternate spin1
}

footer.footer_area .pp_triangle.A {
z-index: 1;
top: 18%;
left: 21%;
max-width: 28px
}

footer.footer_area .footer_top_section .footer_logo {
position: absolute;
bottom: 120px;
width: 100%;
left: 0
}

footer.footer_area .footer_top_section .footer_logo img {
width: 306px
}

footer.footer_area .f_list li a {
color: var(--white);
font-size: 15px;
font-weight: 400;
margin-bottom: 7px
}

footer.footer_area .hover_line {
color: var(--white);
position: relative;
padding-bottom: 1px;
width: fit-content;
padding-right: 3px
}

footer.footer_area .hover_line::before {
content: "";
position: absolute;
left: 0;
bottom: 1px;
width: 0;
height: 1px;
background: var(--white);
transition: .3s
}

footer.footer_area .get_in_touch .f_list li img {
max-width: 22px;
min-width: 22px;
margin-right: 20px
}

footer.footer_area .get_in_touch .f_list li .hover_line {
margin-bottom: 0
}

footer.footer_area .get_in_touch .f_list li {
margin-bottom: 15px
}

footer.footer_area .social_link {
margin: 0 -10px
}

footer.footer_area .social_link a {
padding: 0 10px
}

footer.footer_area .social_link a img {
width: 20px
}

footer.footer_area .popular_products .row .col-12 {
min-width: 20%
}

footer.footer_area .popular_products .row .col-12 .item a {
display: block;
margin-bottom: 25px
}

footer.footer_area .popular_products .row .col-12 .item a strong {
display: block;
text-transform: uppercase;
font-weight: 500;
font-size: 13px;
line-height: normal;
padding-bottom: 5px
}

footer.footer_area .popular_products .row .col-12 .item a span {
display: block;
line-height: normal;
font-size: 13px
}

footer.footer_area .copyright {
overflow: hidden;
padding: 13px
}

footer.footer_area .copyright h6 {
margin: 0;
color: var(--white);
font-size: .75rem;
font-weight: 400
}

.payment_subscribe_area .container {
padding-left: 0;
padding-right: 0
}

.faq_area {
padding-bottom: 120px
}

.h_map_area {
background: var(--white);
padding-top: 120px;
padding-bottom: 120px
}

.h_map_area .globe {
max-width: 450px;
margin: 0 auto
}

.h_map_area .countries {
width: 100%;
max-width: 600px;
position: relative
}

.h_map_area .countries img {
width: 100%;
position: relative;
z-index: 1
}

.h_map_area .countries img.rotate {
position: absolute;
animation: 15s linear infinite rotation;
z-index: 0
}

@keyframes rotation {
from {
transform: rotate(0)
}

to {
transform: rotate(359deg)
}
}

.h_map_area .countries h3 {
font-size: 14px;
align-items: center;
color: #5c5b5b;
margin: 0;
padding-bottom: 45px
}

.h_map_area .countries h3 img {
border-radius: 50px;
width: 30px;
min-width: 35px;
max-width: 100%;
margin-right: 25px
}

.menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link span.arrow_carrot-right {
color: var(--text-light);
font-size: 29px;
top: 5px;
display: block;
right: 6px
}

header .menu > .nav-item.submenu .dropdown-menu .nav-item {
padding: 0 !important;
margin: 0 !important;
position: relative
}

.menu > .nav-item.submenu .dropdown-menu {
min-width: 320px;
background: #fff;
padding: 0
}

.menu > .nav-item.submenu .dropdown-menu .dropdown-menu-inner {
max-height: calc(100vh - 200px);
overflow-y: auto;
-ms-overflow-style: none;
scrollbar-width: none
}

.menu > .nav-item.submenu .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar {
display: none
}

.menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link {
color: #001172 !important;
font-weight: 500;
font-size: 12.5px;
display: flex;
align-items: center;
padding: 5px 25px 5px 20px !important;
position: relative;
overflow: hidden;
transition: .3s
}

header .dropdown-menu a i {
min-width: 35px
}

header .dropdown-menu a img {
width: 25px;
height: 25px;
margin-right: 15px
}

.menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu {
box-shadow: none;
padding: 5px 0
}

#portfolio-page .developer_product_content .develor_tab {
margin: 0 auto;
display: flex !important;
width: fit-content;
border: 0
}

#portfolio-page .developer_product_content .develor_tab .nav-item .nav-link {
font-weight: 500;
padding-bottom: 2px !important;
margin-right: 30px
}

#portfolio-page .developer_product_content .develor_tab .nav-item:last-child .nav-link {
margin-right: 0 !important
}

#portfolio-page .developer_product_content {
margin-bottom: 50px
}

.menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu a i {
min-width: 38px
}

.menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu a img {
width: 24px
}

.menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu li {
padding-bottom: 10px !important
}

.menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link:hover,
.menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu {
background: #fbfbfb !important
}

.menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu a span {
line-height: normal
}

.menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu a span small {
display: block;
color: #7b7b93;
font-size: 10px;
line-height: normal;
font-weight: 500
}

#portfolio-page .tab-content .tab-pane .row .item {
padding-bottom: 10px
}

#portfolio-page .tab-content .tab-pane .row .item a .item_img {
border-radius: 10px;
padding: 15px 10px;
margin-bottom: 20px;
transition: .5s
}

#portfolio-page .tab-content .tab-pane .row .item a .item_img img {
max-height: 240px;
display: block;
margin: 0 auto;
transition: .5s
}

#portfolio-page .tab-content .tab-pane .row .item a h2 {
font-size: 23px;
font-weight: 500;
margin-bottom: 5px
}

#portfolio-page .tab-content .tab-pane.active.show .row .item {
animation: .1s .1s both zoomIn
}

#portfolio-page .tab-content .tab-pane.active.show .row .item:hover .item_img {
box-shadow: 0 0 22px -2px rgb(0 0 0 / 10%);
transform: scale(1.02)
}

.app_deliverables {
padding: 80px 0;
position: relative
}

.app-info .app_deliverables .container-fluid {
padding-left: 87px
}

.app_deliverables .app_deliverables_content {
position: relative;
width: 100%;
top: 0;
bottom: 0;
height: fit-content;
margin: auto 0
}

.app_deliverables .deliverables_item .deliverables_carousel .owl-stage {
display: flex;
align-items: flex-end
}

.app_deliverables .deliverables_item .deliverables_carousel .item .item_inner {
position: relative;
padding: 0 20px 20px;
overflow: hidden;
min-width: 139px;
max-width: 139px;
margin: 0 auto
}

.deliverables_item .deliverables_carousel .item .item_inner .item_bg {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: calc(100% - 20px);
background: #76d13b;
z-index: -1;
border-radius: 7px
}

.app_deliverables .owl-stage {
margin: 0 auto
}

.app_deliverables .deliverables_item .deliverables_carousel .item .item_inner .item_bg img {
position: absolute;
right: -30px;
width: 100px;
bottom: -15px;
opacity: .3 !important
}

.app_deliverables .deliverables_item .deliverables_carousel .item .app_icon img {
width: 50px;
max-width: 50px;
display: block;
margin: auto
}

.app_deliverables .deliverables_item .deliverables_carousel .item .app_icon {
background: #f8f9fd;
overflow: hidden;
border-radius: 7px;
width: 90px;
height: 90px;
display: flex;
align-items: center;
margin: 0 auto 17px
}

.app_deliverables .deliverables_item .deliverables_carousel .item h3 {
margin: 0;
color: var(--white);
font-size: 1rem;
font-weight: 400;
padding-bottom: 4px;
white-space: nowrap
}

.app_deliverables .deliverables_item .deliverables_carousel .item h4 {
margin: 0;
color: var(--white);
font-weight: 300;
font-size: 12px;
opacity: .7
}

.app_deliverables_content .hosting_title h2 {
margin: 0 !important
}

.app-info .get_started_area .developer_product_content .develor_tab .nav-item .nav-link {
opacity: 1 !important
}

.app-info .get_started_area .tab_img_info img {
max-width: 100% !important;
max-height: 450px !important
}

.deliverables_item .slider_btn {
position: absolute;
top: 24px;
bottom: 0;
height: fit-content;
margin: auto 0;
left: -60px;
padding: 0;
background: 0 0;
z-index: 99;
cursor: pointer;
transition: .4s
}

.deliverables_item .slider_btn.PreviousBtn {
left: unset;
right: 31px
}

.deliverables_item .slider_btn a {
width: 35px;
height: 35px;
background: #ffffff52;
border-radius: 50%;
position: relative;
display: block;
transition: .5s;
margin: 0 8px
}

.deliverables_carousel.owl-carousel .owl-next .nav-btn i,
.deliverables_carousel.owl-carousel .owl-prev .nav-btn i,
.deliverables_item .slider_btn a i {
text-align: center;
width: 100%;
line-height: 35px;
color: var(--white);
font-size: 21px;
font-weight: 300;
opacity: .8
}

.deliverables_item .slider_btn:hover a {
box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0
}

.deliverables_carousel.owl-carousel .owl-next,
.deliverables_carousel.owl-carousel .owl-prev {
position: absolute;
top: 86px;
left: 11px;
margin: 0;
width: 35px;
height: 35px;
border-radius: 50%;
text-align: center;
display: flex;
align-items: center;
align-self: center;
font-size: 1.5rem !important;
color: var(--white) !important;
background: rgb(241 241 241 / 42%) !important;
backdrop-filter: blur(3px);
opacity: 1;
border: none !important;
box-shadow: none !important;
outline: 0 !important
}

.deliverables_carousel.owl-carousel .owl-next .nav-btn,
.deliverables_carousel.owl-carousel .owl-prev .nav-btn {
display: block;
margin: auto;
height: 35px;
overflow: hidden
}

.deliverables_carousel.owl-carousel .owl-next {
right: 11px;
left: unset
}

.similar_apps {
background: #f8f8fa
}

.similar_apps .slider_btn {
padding: 0;
background: 0 0;
position: relative;
width: 55px;
height: 55px
}

.similar_apps .slider_btn a {
min-width: 46px;
min-height: 46px;
border-radius: 50%;
display: flex;
align-items: center;
cursor: pointer;
transition: .5s;
position: absolute;
z-index: 2;
max-width: 46px;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
overflow: hidden;
max-height: 46px
}

.similar_apps .slider_btn a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--app-color);
opacity: .1
}

.similar_apps .slider_btn a i {
color: var(--app-color);
font-size: 23px;
width: 100%
}

.similar_apps .slider_btn .pie_progress {
width: 48px !important;
height: 48px !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto
}

.similar_apps .slider_btn.prevItem::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
border-radius: 50px;
border: 2px solid var(--app-color);
width: 48px;
height: 48px;
bottom: 0
}

.app-info .similar_apps .section5_carousel .item .item_info a.btn_six,
.similar_apps .section5_carousel .item .item_info a.btn_six {
background: 0 0;
border: none;
padding: 11px 0;
color: var(--white);
font-size: 14px;
letter-spacing: 1px;
align-items: center;
transition: .5s !important;
font-weight: 500
}

.similar_apps .slider_btn .pie_progress__svg {
position: relative;
top: 4px
}

.similar_apps .section5_carousel .item .item_img {
margin: 0 auto;
display: block;
width: fit-content;
max-height: 400px;
min-height: 400px;
max-width: 370px
}

.similar_apps .section5_carousel .item .item_img img {
position: relative;
top: 20px;
max-height: 330px
}

.similar_apps .section5_carousel .item .background {
position: absolute;
bottom: 12px;
left: 0;
width: 100%;
height: calc(100% - 148px);
z-index: -1
}

.similar_apps .section5_carousel .item .item_info {
position: relative;
padding: 0 20px;
top: -20px;
transition: .5s !important
}

.similar_apps .section5_carousel .item .item_info h2 {
margin: 0;
color: var(--white);
font-weight: 600;
font-size: 30px;
padding-bottom: 0
}

.similar_apps .section5_carousel .item .item_info p {
font-weight: 400;
line-height: normal;
letter-spacing: 0;
color: var(--white);
font-size: 15px;
margin: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 100%
}

.similar_apps .section5_carousel .item .item_info a.btn_six {
width: fit-content;
position: relative;
display: flex;
padding-top: 0
}

.app-info .similar_apps .section5_carousel .item .item_info a.btn_six {
overflow: hidden;
width: fit-content;
position: relative;
padding-top: 0;
display: block !important;
max-width: 100%
}

.similar_apps .section5_carousel .item:hover .item_info {
top: -30px
}

.memphis-parallax li:first-child {
right: 40%;
top: 200px
}

.memphis-parallax li:nth-child(3) {
right: 5%;
top: 63%
}

.memphis-parallax li:nth-child(2) {
right: 17%;
top: 120px
}

.memphis-parallax li:nth-child(6) {
right: 47%;
top: 82%
}

.memphis-parallax li:nth-child(5) {
right: 46%;
top: 60%
}

.memphis-parallax li:nth-child(7) {
right: 75%;
top: 95%
}

.memphis-parallax li:nth-child(8) {
right: 13%;
top: 81%
}

.memphis-parallax li:nth-child(4) {
right: 32%;
top: 89%
}

.header_area.nav-down {
top: 0
}

.header_area.nav-down .navbar-brand {
position: relative;
z-index: 1
}

.header_area.nav-up {
top: -115px
}

.side_menu {
position: fixed;
bottom: 100px;
display: block;
right: 0;
z-index: 999
}

.side_menu a {
display: flex;
width: fit-content;
border: 0 !important;
padding: 6px 22px;
font-size: 12px;
font-weight: 500;
min-width: 140px;
align-items: center;
border-radius: 50px 0 0 50px;
position: relative;
right: -20px;
transition: .4s;
color: var(--white) !important
}

.side_menu a img {
min-width: 17px;
max-width: 17px;
margin-right: 11px
}

.side_menu a.WhatsApp {
background: #44c452 !important;
box-shadow: 0 16px 12px -4px rgb(68 196 82 / 73%) !important
}

.side_menu a.skype {
background: #00a9f1 !important;
box-shadow: 0 16px 12px -4px rgb(0 169 241 / 51%) !important
}

.side_menu a:hover {
right: 0
}

#our-partners .payment_subscribe_area,
.partnership {
background: #fbfbfd
}

#our-partners .seo_service_area h2,
#our-partners .seo_service_area h3,
.partnership h2 {
color: #2d2d2d
}

.partnership h3 {
background: var(--primary);
margin: 0;
color: var(--white);
width: fit-content;
padding: 10px 23px;
font-weight: 600
}

#our-partners .h_security_area .img_box {
width: 100%;
height: 250px;
display: flex;
align-items: flex-end;
margin-bottom: 20px !important
}

#our-partners .h_security_area .img_box img {
max-width: 100%;
max-height: 230px
}

#our-partners .h_security_area .media.h_security_item::before {
content: '';
position: absolute;
top: 25px;
left: 50px;
width: 100%;
height: 1px;
border-top: 1px dashed var(--text-light);
display: none
}

#our-partners .h_security_area .media.h_security_item h2 {
color: var(--primary);
background: var(--white);
border-radius: 50%;
margin: 0 14px 18px;
width: 50px;
height: 50px;
box-shadow: 0 0 32px 10px rgb(0 0 0 / 6%);
font-size: 20px;
text-align: center;
line-height: 50px;
font-weight: 600;
position: relative;
z-index: 2
}

#our-partners .seo_service_item {
padding-top: 0;
position: relative;
background: 0 0;
box-shadow: none;
padding-bottom: 15px;
margin: 0
}

#our-partners .seo_service_item::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--white);
box-shadow: 0 22px 60px -28px rgb(38 59 94 / 18%)
}

#our-partners .seo_service_item img {
max-height: 172px
}

#full_blog .seo_call_to_action_area .btn_four,
#our-partners .seo_call_to_action_area .btn_four {
width: fit-content;
background: var(--white);
color: var(--primary);
font-size: 18px;
font-weight: 600;
text-align: center;
border: 2px solid var(--white);
padding: 16px 20px;
min-width: 200px
}

#full_blog .seo_call_to_action_area .btn_four:hover,
#our-partners .seo_call_to_action_area .btn_four:hover {
background: var(--primary);
color: var(--white);
box-shadow: 0 27px 46px -17px rgb(0 0 0 / 40%) !important
}

#full_blog .blog_single,
#full_blog .blog_single .blog_content .features-container {
box-shadow: 0 0 18px -1px rgb(0 0 0 / 10%);
border-radius: 15px
}

#our-partners .payment_subscribe_content .btn_four,
#partnership-program .payment_subscribe_info .btn_four {
width: fit-content;
background: var(--primary);
color: var(--white);
font-size: 18px;
font-weight: 600;
text-align: center;
border: 2px solid var(--white);
padding: 16px 20px;
min-width: 220px
}

#partnership-program .secondary-banner {
background: #6ac8f0
}

#partnership-program .secondary-banner h2 {
line-height: 50px !important;
position: relative
}

#partnership-program .secondary-banner h2::after {
content: '';
position: absolute;
bottom: -30px;
left: 5px;
height: 7px;
width: 76px;
background: #000
}

#partnership-program .features_info p a {
color: var(--primary);
font-weight: 600;
text-decoration: none !important
}

#partnership-program .features_info h2 {
font: 600 20px/36px Poppins, sans-serif;
color: #222d39;
margin: 0 0 15px
}

#partnership-program .get_started_area .container .row {
min-height: 400px
}

#partnership-program .get_started_area .container .row .get_content .app_btn.app_btn_one {
border-radius: 8px;
padding: 9px 20px;
min-width: 150px;
color: #000;
font-weight: 600;
font-size: 15px;
box-shadow: 0 13px 25px 3px rgb(0 0 0 / 31%)
}

#partnership-program .get_started_area .container .row .get_content .app_btn.app_btn_one:hover,
.section-pro .btn_scroll:hover {
color: #fff
}

#full_blog .blog_single {
overflow: hidden
}

#full_blog .blog_single .blog_content .features-container .feature {
border-radius: 15px;
border: 1px solid
}

#full_blog .blog_single .blog_content .features-container .feature img {
border-radius: 15px
}

.service-section {
height: 500px;
width: 500px;
border-radius: 50%;
background: #e5eefa;
margin: auto
}

.img-box-details,
.service-section .img-box {
background: #fff;
border-radius: 50%;
position: absolute;
display: flex
}

.service-section .img-box {
height: 80px;
width: 80px;
padding: 10px;
cursor: pointer
}

.service-section .img-box.active,
.service-section .img-box:hover {
background: #fea900
}

.service-section .img-box.active img,
.service-section .img-box:hover img {
filter: brightness(100)
}

.service-section .img-box img {
margin: auto;
display: block;
max-width: 100%;
max-height: 100%
}

.service-section .img-box.img-1 {
left: 0;
right: 0;
top: -40px;
margin: auto
}

.service-section .img-box.img-2 {
right: 0;
top: 80px;
margin: auto
}

.service-section .img-box.img-3 {
bottom: 80px;
right: 0;
margin: auto
}

.service-section .img-box.img-4 {
left: 0;
right: 0;
bottom: -40px;
margin: auto
}

.service-section .img-box.img-5 {
left: 0;
top: 80px;
margin: auto
}

.service-section .img-box.img-6 {
bottom: 80px;
left: 0;
margin: auto
}

.img-box-details {
height: 360px;
width: 360px;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0
}

.img-box-details .img-box-detail {
text-align: center;
width: 300px;
margin: auto;
display: none
}

.blog_area .blog-list .blog-img {
min-width: 80px;
height: 80px;
width: 80px;
border-radius: 5px;
box-shadow: 0 5px 10px 2px rgba(0, 0, 0, .02);
position: relative;
overflow: hidden
}

.blog_area .blog-list {
margin-left: -1.5rem;
margin-right: -1.5rem
}

.blog_area .blog-list li {
padding-left: 1.5rem;
padding-right: 1.5rem
}

.blog_area .blog-list li:hover {
background: #f5f5f5
}

.blog_area .blog-list .blog-img img {
min-width: 80px;
min-height: 80px;
max-width: unset;
max-height: 100%;
position: absolute;
left: 50%;
top: 50%;
height: 100%;
width: auto;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}

.blog_area .blog-list .blog-text {
width: calc(100% - 100px)
}

.blog_area .blog-list .blog-text h4 {
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
overflow: hidden
}

#Lastupdate .owl-dots,
#mosttreanding .owl-dots {
margin-top: 35px
}

.app_screens.sec_pad,
.design_tab_area.features.sec_pad,
.platform_used.sec_pad,
.pricing_area_four.sec_pad,
.seo_service_area.sec_pad.position-relative {
padding-top: 70px;
padding-bottom: 70px
}

.call_action_area {
min-height: 860px;
padding-top: 130px
}

.memphis-parallax {
margin: 0
}

.footerbg {
max-width: 100%;
left: 0;
right: 0;
top: 0;
margin: auto
}

.h_security_item {
display: flex;
flex-direction: column;
text-align: center
}

.section-pro .btn_scroll {
color: #a69cf1
}

.menu > .nav-item.submenu .dropdown-menu.magamenu-services .nav-item .nav-link {
line-height: 1.5 !important;
position: relative !important;
padding: 15px !important;
margin: 0
}

.menu > .nav-item.submenu .dropdown-menu.magamenu-services .nav-item .nav-link:hover {
background: 0 0 !important
}

.menu > .nav-item.submenu .dropdown-menu.magamenu-services .nav-item .nav-link i {
text-align: center;
border: 1px solid #f1f1f1;
font-size: 22px;
padding: 7px;
line-height: 1;
margin-right: 15px;
font-weight: 100;
border-radius: 4px;
color: #888;
background: 0 0;
-webkit-transition: .5s ease-out;
-moz-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out
}

.menu > .nav-item.submenu .dropdown-menu.magamenu-services .nav-item .nav-link:hover i {
color: #fff;
background: #333;
-webkit-transition: .5s ease-out;
-moz-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out
}

.menu > .nav-item.submenu .dropdown-menu.magamenu-services .nav-item .nav-link span {
font-size: 15px;
line-height: 1;
font-weight: 600;
text-overflow: ellipsis;
overflow: hidden
}

.menu > .nav-item.submenu .dropdown-menu.magamenu-services .nav-item .nav-link span small {
font-size: 12px;
margin-top: 7px;
font-weight: 300;
color: #424242;
text-overflow: ellipsis;
width: 100%;
overflow: hidden
}

.service-enquiry-form {
position: relative;
}

.service-enquiry-form .service-enquiry-form-bg {
position: absolute;
top: 0;
left: 0;
opacity: .05;
width: 100%;
height: 100%;
background-image: url(../img/service/menu/service-enquiry-form-bg.jpg);
background-position: center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}

.service-enquiry-form .contactFrom {
margin-bottom: 0px;
}

.service-enquiry-form .contactFrom .NDA-attachFile {
display: none;
}

@media (min-width:320px) {

h1.f_size_50 {
font-size: 25px !important;
}

.header_area .navbar-brand {
width: 81px;
display: block;
background-image: url(../img/common/doota-logo.png);
background-position: center !important;
background-size: contain !important;
background-repeat: no-repeat !important;
margin-top: 5px;
margin-bottom: 5px;
height: 45px
}

.header_area.navbar_fixed .sticky_logo {
background-image: url(../img/common/doota-logo-dark.png);
}

.header_area .navbar-brand img {
max-height: 45px;
}

#home-page .home_headings h2 {
font-size: 35px;
line-height: 45px
}

.navbar-toggler:not(:disabled):not(.disabled) {
position: absolute;
right: 20px;
top: 15px
}

.navbar-collapse {
width: 100%;
max-height: calc(100vh - 130px);
overflow: auto;
background: #fff
}

.w_menu .nav-item .nav-link {
color: #4c4c4c;
padding: 10px 20px
}

.menu > .nav-item {
padding-bottom: 0;
padding-top: 0
}

.w_menu .nav-item.active .nav-link,
.w_menu .nav-item:hover .nav-link {
color: #fea900
}

#home-page .section-4 .section4_banner img {
position: relative;
height: auto;
max-width: 100%
}

#home-page .section-3 .section3_banner img {
max-width: 457px;
position: relative;
top: 50px;
right: 100px
}

.h_security_item .img_box {
position: relative;
width: 100%;
max-width: 450px;
height: auto;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto
}

.process_area .pr_70 {
padding-right: 30px
}

.process_area .pl_100,
.process_area .pl_70 {
padding-left: 30px
}

.agency_featured_item.agency_featured_item_two .agency_featured_content .dot {
left: 0
}

.process_area .features_info .agency_featured_img {
display: flex
}

.process_area .features_info .agency_featured_img img {
margin: auto
}

.hosting_title h2 {
font-size: 25px;
line-height: 35px;
}

.contact_info_area .container {
padding-top: 450px;
}

.footerLogo {
display: block;
width: 126px;
height: 70px;
background: url(../img/common/doota-logo.png);
background-repeat: no-repeat;
background-size: cover;
}
}

@media (min-width:768px) {
h1.f_size_50 {
font-size: 30px !important;
}

.header_area .navbar-brand {
width: 100px;
height: 55px;
}

.header_area .navbar-brand img {
max-height: 55px;
}

#home-page .home_headings h2 {
font-size: 70px;
line-height: 80px
}

#home-page .section-3 .section3_banner img {
max-width: 770px;
top: 100px
}

.hosting_title h2 {
font-size: 28px;
line-height: 40px;
}

.contact_info_area .container {
padding-top: 0px;
}

.payment_subscribe_info {
margin-top: -100px;
}

}

@media (min-width:992px) {
.header_area .navbar-brand {
width: 116px;
height: 65px;
}

.header_area .navbar-brand img {
max-height: 65px;
}

h1.f_size_50 {
font-size: 35px !important;
}

.body_wrapper .header_area .navbar {
min-height: 93px
}

.body_wrapper .header_area .navbar-nav {
flex-direction: unset;
width: fit-content;
min-height: 40px;
padding-left: 80px
}

.navbar-collapse {
overflow: unset
}

.menu > .nav-item.submenu {
position: static;
padding-bottom: 18px
}

.body_wrapper .header_area .navbar-nav .dropdown-menu {
position: absolute;
width: 100%;
right: 0;
left: 0;
border: 1px solid #f9f9f9;
border-top: 0;
border-radius: 0 0 10px 10px;
overflow: hidden;
box-shadow: 1px 2px 4px 3px rgba(0, 0, 0, .1);
padding: 15px
}

.body_wrapper .header_area .navbar-collapse {
flex-basis: 0;
display: block !important;
position: absolute;
width: 100%;
transition: .2s;
right: 0
}

.body_wrapper .header_area .navbar-collapse.show {
right: 0
}

#home-page .section-2 .banner-on-small-screen {
right: -70px
}

header .menu > .nav-item.submenu .dropdown-menu.magamenu-services {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-left: -10px;
margin-top: -12px;
margin-right: -10px
}

header .menu > .nav-item.submenu .dropdown-menu.magamenu-services .nav-item {
max-width: 33.3333333333%;
border-radius: 5px;
opacity: .7;
border: 1px solid transparent;
-webkit-transition: .5s ease-out;
-moz-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out
}

header .menu > .nav-item.submenu .dropdown-menu.magamenu-services .nav-item:hover {
opacity: 1;
box-shadow: 0 0 6px 6px rgba(0, 0, 0, .04);
border: 1px solid #f5f5f5;
background: #fcfcfc;
-webkit-transition: .5s ease-out;
-moz-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out
}

/*
header .menu > .nav-item.submenu .dropdown-menu.magamenu-services .nav-item:hover .nav-link {
color: #fff !important;
}

header .menu > .nav-item.submenu .dropdown-menu.magamenu-services .nav-item:hover img {
filter: brightness(10);
}
*/

.navbar-collapse {
background: 0 0
}

.w_menu .nav-item .nav-link {
color: #fff;
padding: 10px;
font-size: 16px;
letter-spacing: .5px;
margin-top: 25px
}

.menu > .nav-item + .nav-item {
margin-left: 20px
}

#home-page .section-4 .section4_banner img {
position: absolute;
top: -50px
}

.hosting_title h2 {
font-size: 30px;
line-height: 45px;
}

.payment_subscribe_info .subscribe-form .form-control {
max-width: 330px;
}

.design_tab_area.customers {
padding-top: 80px;
padding-bottom: 180px;
}

.payment_subscribe_info {
margin-top: -150px;
}

.footer_area.section-6 {
padding-top: 180px;
}
}

@media (min-width:1200px) {

.hosting_title h2 {
font-size: 40px;
line-height: 55px;
}

.header_area .navbar-brand {
width: 135px;
height: 75px;
}

.header_area .navbar-brand img {
max-height: 75px;
}

h1.f_size_50 {
font-size: 40px !important;
}

#home-page .home_headings h2 {
font-size: 80px;
line-height: 85px
}

#home-page .section-4 .section4_banner img.img_techstack_1 {
left: -30px
}

.h_security_item {
display: flex;
flex-direction: row;
text-align: left
}

.h_security_item .img_box {
max-width: 200px
}

.features_info .dot_img {
display: block
}

.process_area .pr_70 {
padding-right: 70px
}

.process_area .pl_100 {
padding-left: 100px
}

.process_area .pl_70 {
padding-left: 70px
}

#home-page .home_headings h3.main-header-text {
font-size: 20px !important;
}

.agency_featured_item.agency_featured_item_two .agency_featured_content .dot {
left: 44px
}

.l_height20.f_size_14,
.menu > .nav-item.submenu .dropdown-menu.magamenu-services .nav-item .nav-link span,
p,
.design_tab .nav-item .nav-link h5,
.f_size_16,
.f_size_15,
body,
.w_menu .nav-item .nav-link {
font-size: 16px !important;
line-height: 30px !important;
}
}

@media (min-width:1400px) {
.agency_featured_item.agency_featured_item_two .agency_featured_content .dot {
left: -5px
}

#home-page .section-5 .scroll-wrap .section5_carousel .item {
padding-top: 20vh
}

#home-page .section-5 .scroll-wrap .section5_carousel .item .item_img img {
max-height: 490px
}

.header_area .navbar-brand {
width: 153px;
height: 85px;
}

.header_area .navbar-brand img {
max-height: 85px;
}

#home-page .home_headings h2 {
font-size: 100px;
line-height: 100px;
}

.footer_area.section-6 {
padding-top: 200px;
}
}

@media (min-width:1600px) {
#home-page .section-5 .scroll-wrap .section5_carousel .item .item_img img {
max-height: 550px
}

#home-page .section-6 i,
.footer_area.section-6 i {
font-size: 25px;
}

.agency_featured_item .agency_featured_content h3,
.work_style .h2,
.work_style h2,
.f_size_30 {
font-size: 35px !important;
}

.l_height20.f_size_14,
.menu > .nav-item.submenu .dropdown-menu.magamenu-services .nav-item .nav-link span,
p,
.design_tab .nav-item .nav-link h5,
.f_size_16,
.f_size_15,
body,
.w_menu .nav-item .nav-link {
font-size: 20px !important;
line-height: 40px !important;
}

#home-page .home_headings h3 {
line-height: 40px !important;
}

.menu > .nav-item.submenu .dropdown-menu.magamenu-services .nav-item .nav-link span {
line-height: 25px !important;
}

.menu > .nav-item.submenu .dropdown-menu.magamenu-services .nav-item .nav-link span small {
font-size: 16px !important;
line-height: 18px !important;
}

#home-page .pagepiling a.btn_scroll {
font-size: 14px !important;
}

header .dropdown-menu a img {
width: 35px;
margin-right: 20px;
height: 35px
}

.text_box .countryCode,
.text_box input[type=email],
.text_box input[type=password],
.text_box input[type=tel],
.text_box input[type=text],
.text_box textarea,
.text_box.selectFile {
font-size: 20px;
height: 60px
}

.text_box textarea {
height: 150px;
}

.header_area .navbar-brand {
width: 180px;
height: 100px;
}

.header_area .navbar-brand img {
max-height: 100px;
}

h1.f_size_50 {
font-size: 50px !important;
}

#home-page .home_headings h2 {
font-size: 110px;
line-height: 120px;
}

h5.card-title,
#home-page .section-6 h5,
.h_security_item .media-body h4,
.work_style .work_title h3,
.f_size_20,
.footer_area.section-6 h5 {
font-weight: 600;
font-size: 25px !important;
}

.menu > .nav-item.submenu .dropdown-menu.magamenu-services .nav-item .nav-link span,
p,
.design_tab .nav-item .nav-link h5,
.f_size_16,
.f_size_15,
body,
.w_menu .nav-item .nav-link {
font-size: 20px !important;
line-height: 35px !important;
}

.breadcrumb_area .f_size_16 {
font-size: 25px !important;
line-height: 45px !important;
}

#home-page .section-5 .scroll-wrap .section5_carousel .item .item_img img {
max-height: 424px
}

#home-page .home_headings h3.main-header-text {
font-size: 26px !important;
line-height: 45px !important;
}

#home-page .section-6 .container,
.footer_area.section-6 .container {
min-height: calc(100vh - 170px);
}

#home-page .pagepiling a.btn_scroll {
font-size: 16px !important;
}
}

@media (min-width:1900px) {
#home-page .section-5 .scroll-wrap .section5_carousel .item .item_img img {
max-height: 550px
}

.header_area .navbar-brand img {
max-height: 100px;
}

#home-page .home_headings h2 {
font-size: 120px;
line-height: 130px;
}

h1.f_size_50 {
font-size: 60px !important;
line-height: 1.4 !important;
}

.blog_area h3,
.menu > .nav-item.submenu .dropdown-menu.magamenu-services .nav-item .nav-link span,
p,
.design_tab .nav-item .nav-link h5,
.f_size_16,
.f_size_15,
body,
.w_menu .nav-item .nav-link {
font-size: 24px !important;
line-height: 40px !important;
}

.blog_area h3 {
font-size: 30px !important;
line-height: 1.8 !important;
}

#home-page .home_headings h3.main-header-text {
font-size: 27px !important;
line-height: 50px !important;
}

#home-page .section-6 .container,
.footer_area.section-6 .container {
min-height: calc(100vh - 200px);
}
}