.ap-btn a,
.appy-box.row button.btn.btn-primary,
.bottom_menu li a,
.design_text .btn,
.digital2 a,
.ecommerce_development.section .design_text ul li:first-child .btn,
.heads a.btn,
.marketing_text.seoMarketing a,
.presentation_text .btn,
.presentation_text a.btn.know_btn,
.quote_btn .btn.getaquote,
.sideMenu ul.main li a,
.ssm-view a,
.start_project.section .btn,
.start_project.section a,
.sub-menu li a,
.top-part-date-title,
.work_page div#collapsibleNavbar a,
.yellow_box a.btn,
a.btn.getaquote,
a.start_btn {
    text-transform: uppercase;
    text-transform: uppercase
}

.copy_wright li,
.digital2 a,
body,
ul.navbar-nav.ml-auto a {
    font-family: Montserrat, sans-serif
}

.herobanner .owl-nav,
.video_inside {
    max-width: 1122px;
    left: 50%;
    position: absolute
}

.aap_banner-content p,
.agency_box li p,
.app_text h4,
.app_text p,
.bottom_para p,
.brand_images h4,
.branding_text p,
.corporate_text p,
.design_text p,
.dev_solution,
.digital2 p,
.entry-title.default-max-width,
.experience_details p,
.green-bg-smm p,
.heads a.btn,
.home-news-title,
.lead_base_boxes p,
.main_mobileApp p,
.making_brands p,
.marketing_text.seoMarketing a,
.new-top-detail p,
.news-date,
.office-1 h5,
.our_diary_text p,
.presentation_text p,
.principal_text p,
.principal_text strong,
.privacy-policy-section p strong,
.privacy-policy-section ul li,
.project_box p,
.project_box small,
.quote_btn .btn.getaquote,
.record p,
.second_menu li a,
.seo-analysis-panel p,
.seo_projects_box p,
.seo_right_text p,
.sitemap ul li a,
.ssm-view a,
.start_project.section .btn,
.tab_para p,
.testimonialsText p,
.top-part a.btn,
.top-part-date-title,
.trained_tab p,
.work-career h3,
.work-career p,
.work-section-2 p,
.work-section-3 h3,
.work-section-3 p,
.work-slide-bg h4,
.work-slide-bg h5,
.wp_SideBar ul li a,
.yellow_box a,
.yellow_box a.btn,
.yellow_box.redB a,
div#collapsibleNavbar a {
    font-family: var(--dm-sans)
}

.bottom_menu li a,
.sideMenu ul.sub li a {
    letter-spacing: 1px
}

.bottom_menu li a,
.custom-navbar li,
.design_text a,
.digital2 a,
.faq .accordion-body ul li a,
.footer_details a,
.hembbgr_wrap .menu_service.two-menu .start_project a,
.our_Diary.section.desktop-dairy a,
.rbox-content:hover a,
.second_menu li a,
.sideMenu ul.main li a,
.sideMenu ul.sub li a,
.sidenav a,
.sub-menu li a:hover,
.technical_Section li a,
.yellow_box a,
ul.nav.nav-tabs a {
    text-decoration: none
}

.life_gallery,
.lifegelry_details ul {
    grid-template-columns: repeat(3, 1fr)
}

.data_group,
.data_group>*,
.our_diarynew .diary_imgwrap>*,
section.new_home_banner .top_banner_group>* {
    grid-area: 1/1
}

:root {
    --dm-serif: "DM Sans", serif;
    --dm-sans: "DM Sans", serif;
    --montserrat: "Montserrat", serif;
    --color6d: #6DACDE;
    --color02: #024C9F;
    --color4d: #4D4D4D;
    --color18: #182C41;
    --colorfc: #FCCA01;
    --colorff: #FFFFFF;
    --font-216: 18.6rem;
    --font-100: 10rem;
    --font-70: 7rem;
    --font-58: 5.8rem;
    --font-56: 5.6rem;
    --font-48: 4.8rem;
    --font-36: 3.6rem;
    --font-30: 3rem;
    --font-24: 2.4rem;
    --font-25: 2.5rem;
    --font-21: 2.1rem;
    --font-18: 1.8rem;
    --font-16: 1.6rem;
    --font-14: 1.4rem;
    --font-12: 1.2rem
}

@media (min-width:2399px) {
    :root {
        --font-216: 18.6rem;
        --font-100: 10rem;
        --font-70: 8.5rem;
        --font-58: 7.8rem;
        --font-56: 7rem;
        --font-48: 6rem;
        --font-36: 5.1rem;
        --font-30: 3.5rem;
        --font-25: 4rem;
        --font-24: 3rem;
        --font-21: 2.5rem;
        --font-18: 2rem;
        --font-16: 1.8rem;
        --font-14: 1.6rem;
        --font-12: 1.4rem
    }
}

@media (min-width:2999px) {
    :root {
        --font-100: 15.5rem;
        --font-36: 6.1rem;
        --font-25: 4.5rem;
        --font-18: 2.5rem
    }
}

@media (min-width:1680px) and (max-width:1899px) {
    :root {
        --font-216: 14rem;
        --font-36: 3rem;
        --font-25: 2.2rem;
        --font-18: 1.5rem
    }
}

@media (max-width:1700px) {
    :root {
        --font-216: 14rem;
        --font-100: 8.5rem;
        --font-70: 5.5rem;
        --font-58: 4.8rem;
        --font-56: 3.5rem;
        --font-48: 4rem;
        --font-36: 3rem;
        --font-30: 2.5rem;
        --font-25: 2rem;
        --font-24: 2rem;
        --font-21: 1.8rem;
        --font-18: 1.6rem;
        --font-16: 1.4rem;
        --font-14: 1.3rem;
        --font-12: 1rem
    }
}

@media (max-width:1599px) {
    :root {
        --font-36: 2.8rem
    }
}

@media (max-width:1499px) {
    :root {
        --font-36: 2.5rem
    }
}

@media (max-width:1300px) {
    :root {
        --font-36: 2.3rem
    }
}

@media (max-width:1280px) {
    :root {
        --font-216: 8.5rem;
        --font-100: 6em;
        --font-70: 3.5rem;
        --font-48: 3rem;
        --font-36: 2.3rem
    }
}

@media (max-width:1199px) {
    :root {
        --font-36: 2rem;
        --font-24: 2rem;
        --font-21: 1.5rem;
        --font-18: 1.4rem
    }
}

@media (max-width:400px) {
    :root {
        --font-216: 8.5rem;
        --font-70: 3.5rem;
        --font-48: 3rem;
        --font-36: 2.5rem
    }
}

@media (max-width:350px) {
    :root {
        --font-216: 8.5rem;
        --font-70: 3rem;
        --font-48: 3rem;
        --font-36: 2.5rem
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
/*     font-family: var(--dm-serif); */
	font-family: Montserrat, sans-serif;
    font-weight: 700;
}

.sub-menu li a,
.top-part-date-title,
p {
    font-size: 16px
}

.heads a.btn,
li.nav-item.project_button a.nav-link,
ul.navbar-nav.ml-auto a {
    letter-spacing: 2px
}

.company_img.mobile-company-img video,
.company_text .brand_images img,
body.home_page .our_clients.section .clients_logo li img,
img {
    max-width: 100%
}

.digital2 a:hover {
    background: #6ea0d2
}

.social_icons ul.pull-right a:hover {
    background: #6ea0d2;
    border-radius: 100%;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out
}

li.nav-item.project_button a:hover {
    background: #fff;
    transition: .2s
}

.bottom_menu li a:hover,
.copy_wright li a:hover,
.life_gallery li:hover p,
.ssm-view a:hover {
    color: #6ea0d2
}

.imgAppBanner img {
    max-width: 60%;
    float: right
}

.banner_images img,
.company_img img,
.icon1-bg img,
.our-process-content,
.our_Diary_box img,
.slide-image-wrap,
.work-section-4 img,
.wp_Widget input {
    width: 100%
}

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

.custom-navbar,
.project_images.section {
    padding: 0;
    position: relative
}

.our_Diary.section.mobile-dairy .owl-dots button.owl-dot,
.project_images .owl-dots button.owl-dot,
.work-section-4 .owl-dots button.owl-dot,
.work-slide-bg .owl-dots button.owl-dot {
    background: #6dacde;
    width: 10px;
    height: 10px;
    margin: 35px 5px 5px;
    border-radius: 100%
}

.experience_years .owl-nav span,
.herobanner .owl-nav span {
    font-size: 30px;
    border: 0;
    width: 55px;
    height: 54px;
    line-height: 30px;
    background: url(../images/left-arrow.svg) no-repeat;
    text-indent: -9999px
}

.clients_logo .owl-dots button.owl-dot.active,
.digital-list ul li:nth-child(2) span,
.our_Diary.section.mobile-dairy .owl-dots button.owl-dot.active,
.project_images .owl-dots button.owl-dot.active,
.work-section-4 .owl-dots button.owl-dot.active,
.work-slide-bg .owl-dots button.owl-dot.active {
    background: #024c9f
}

.project_images .owl-dots {
    display: block;
    text-align: center;
    background: 0 0;
    position: absolute;
    left: 0;
    right: 0
}

.aap_banner-content {
    padding-bottom: 35px
}

.video_section {
    position: relative;
    background-color: #000;
    height: 100vh;
    width: 100%;
    overflow: hidden
}

.video_section video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.video_section .container {
    position: relative;
    z-index: 2
}

.video_section .overlay-wcs {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .5;
    z-index: 1;
    background-image: linear-gradient(black, #00000000)
}

.digital-list ul,
.header_section,
div#menu1 {
    position: relative;
    padding: 0
}

.home_page nav.navbar.navbar-expand-md {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9;
    padding: 10px 70px 10px 20px
}

div#collapsibleNavbar a {
    color: var(--color18);
    text-transform: capitalize;
    font-size: var(--font-18);
    display: block;
    font-weight: 400;
    position: relative;
    z-index: 99999;
    padding: 8px 0px;
    border: 1px solid #fff0;
    letter-spacing: 0;
    text-transform: uppercase
}

.copyright .ftsocial_icons li,
li.nav-item {
    margin: 0 10px;
}

.bottom_menu li:last-child,
.ncrLinks:last-child,
.our_clients.section .more_testimonials li:nth-child(5n),
.second_menu li:last-child,
.wp-pagenavi li:last-child a,
body.home_page .our_clients.section .clients_logo li:nth-child(5n),
li.nav-item:last-child {
    margin-right: 0
}

.video_inside {
    bottom: 0;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 100%;
    overflow: hidden
}

.video_inside :where(h1, .banner-title) {
    color: #fff;
    font-size: 72px;
    line-height: 70px;
    margin-bottom: 30px;
    font-weight: 700;
    font-family: 'Roboto Slab', serif
}

.video_inside .banner-title {
    opacity: 0;
    translate: 0 50%;
    transition: 2s 1s;
    -webkit-transition: 2s;
    -moz-transition: 2s;
    -ms-transition: 2s;
    -o-transition: 2s
}

.herobanner .active .video_inside .banner-title {
    opacity: 1;
    translate: 0 0
}

.herobanner .video_inside {
    transform: none;
    left: 50%;
    margin-bottom: 0;
    translate: -50% 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    bottom: 5rem
}

.herobanner .owl-nav {
    width: 100%;
    bottom: 5rem;
    display: flex;
    translate: -50% 0;
    justify-content: flex-end;
    column-gap: .5rem
}

.herobanner .owl-nav span {
    display: inline-block;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1)
}

.herobanner {
    overflow-x: clip
}

.herobanner .owl-nav button:hover {
    background: #6aa0d0
}

.herobanner .owl-nav .owl-next span {
    rotate: -180deg
}

.bottom_menu li {
    display: inline-block;
    margin-right: 18px;
    margin-bottom: 18px;
    margin-top: 18px
}

#slider input,
.color_boxes.section .yellow_box a.btn:after,
.company_img.mobile-company-img,
.creating_digital,
.design_text i,
.digital5.mobile-view .col-md-3,
.ecom-mobile,
.enter-mobile-content,
.experience_years .owl-dots,
.experience_years a img,
.footer.section .digital2 a img,
.header_section.section.line a.navbar-brand.inner-mobile-logoc,
.hembbgr_wrap .menu_service .contact_b1 li a:after,
.home-sec6 .owl-nav,
.img-new-1.mobile-content,
.inner-pan a.navbar-brand.normal-logo,
.innerBanner.mobile_appbanner,
.link_name a:last-child:after,
.main_headingnew p~h1::after,
.main_headingnew p~h1::before,
.mobile-app-2,
.mobile-btn-panel,
.mobile-slide-menu,
.new_media a.nav-link.active img.bg_blackImage,
.new_media ul.nav.nav-fill.navtop a.nav-link img.bg_yellowImage,
.our-client-logo .more_clients,
.our-client-logo.clearfix a.view_btn,
.our_Diary strong,
.our_Diary.section.mobile-dairy,
.our_clients,
.our_work.btn,
.owl-dots,
.presentation_text i,
.project_images.section .more_testimonials ul li:nth-child(7),
.project_images.section .more_testimonials ul li:nth-child(8),
.project_images.section .more_testimonials ul li:nth-child(9),
.right_content_mobile,
.solutions_company .solutions_box,
.swiper-counter,
.swiper-navigation,
.tab_part.section .nav-link img.dark,
.tab_part.section .nav-link.active img.noraml,
.video_section figure img,
.web-banner-mobile,
.work_page .company_banner.section .owl-carousel .owl-nav.disabled,
.work_page .inner-pan .menu,
.work_page .seo-analysis-panel .owl-carousel .owl-nav.disabled,
.work_page .work-section-4 .owl-carousel .owl-nav.disabled,
.work_page .work-section1 .owl-carousel .owl-nav.disabled,
.work_page .work-slide-bg .owl-nav.disabled,
.work_page2.testimonials_page.case-studies-det.section .news-content2 h3:after,
.work_page2.testimonials_page.case-studies-det.section .news-content2 h3:before,
a.nav-link.active img.noraml,
a.navbar-brand.inner-mobile-logow,
a.navbar-brand.scroll-logo,
body.home_page.noContent1 .load_more_btn button,
body.home_page.noContent2 .project_images.section .load_more_btn button,
body.work_page.contact_hide .footer.section .container,
body.work_page.contact_hide .project-form,
body.work_page.hover1 a.navbar-brand.normal-logo,
body.work_page.noContent11 button#load,
div#collapsibleNavbar .menu_service ul li ul li a:after,
ul.custom-navbar li.active a img,
ul.list_menu1 li a:after,
ul.nav.nav-pills.navtop a.nav-link img.dark {
    display: none
}

#slide-1-radio:checked~.next-arrow #next-2-arrow,
#slide-1-radio:checked~.prev-arrow #prev-3-arrow,
#slide-2-radio:checked~.next-arrow #next-3-arrow,
#slide-2-radio:checked~.prev-arrow #prev-1-arrow,
#slide-3-radio:checked~.next-arrow #next-1-arrow,
#slide-3-radio:checked~.prev-arrow #prev-2-arrow,
.bacl-listing,
.clients_logo li,
.digital2 a,
.experience_years .owl-nav span,
.footer_details li,
.sideMenu span.skype-icon,
.work_page .blog-slider .owl-nav.disabled button,
.work_page .stratgey-slider .owl-nav.disabled button,
body.home_page.noContent1 .view_btn,
body.home_page.noContent2 .project_images.section .view_btn,
span.phone_number,
ul.icons_section li,
ul.nav.nav-pills.navtop li {
    display: inline-block
}

.bottom_menu ul {
    padding: 0;
    margin: 0;
    border-bottom: 2px solid #6479e3
}

.bottom_menu li a {
    color: #fff;
    font-weight: 500;
    font-size: 13px
}

.brand_images h4 {
    color: #000;
    font-size: var(--font-24);
    margin-top: 0;
    font-weight: 800;
    margin-bottom: 20px;
    margin-right: 3rem;
    text-align: right
}

.digital_contennt h2,
.footer.section h2 {
    font-size: var(--font-56);
    font-family: var(--dm-serif)
}

.design_devlopment li,
.experience_years.section li,
.mainslider li,
.technical_Section li,
li {
    list-style: none
}

.digital_contennt h2 {
    line-height: 60px;
    font-weight: 400;
    color: var(--color4d)
}

.digital_contennt {
    max-width: 100%;
    margin: auto;
    padding-left: 8rem;
    padding-top: 0
}

.digital_contennt h2 span {
    color: #6aa0d0;
    font-weight: 600
}

.our_Diary.section {
    padding-bottom: 90px;
    padding-top: 10rem
}

.work_page .desktop_menu a.navbar-brand img {
    max-width: 90px
}

.digital_contennt .fa {
    font-weight: 100;
    font-size: 12px;
    margin-left: 6px;
    color: #adadad
}

.experience_years p,
.ssm-view {
    margin: 40px 0
}

.experience_years p span {
    color: #6aa0d0
}

.experience_years .owl-nav {
    display: block !important;
    position: absolute;
    left: 1rem;
    bottom: -45px
}

.experience_years .owl-nav button.owl-next span {
    background: url(../images/right-arrow.svg) no-repeat
}

.diary_box_right,
.experience_years .col-md-3,
.full_image,
.our_Diary_box,
.process_seo1,
.record,
.roohAfza .container,
.technology_Works,
.technology_all_logo.section,
.top_nav.for-desktop,
ul.custom-navbar li.active a {
    position: relative
}

.c-hamburger:focus,
.experience_years button:focus,
.faq .accordion-item .accordion-button:focus,
button:focus {
    outline: 0
}

.experience_years .owl-nav :last-child span,
.technology_Works.section li:first-child,
.technology_Works.section li:nth-child(13),
.technology_Works.section li:nth-child(5),
.technology_Works.section li:nth-child(9) {
    border-left: 0
}

.img_box1 img {
    max-width: 100%;
    width: 100%;
    height: auto;
    transition: 1.1s
}

.design_text ul,
.education-panel1 ul,
.ncrLinks ul,
.project_images .col-md-4.col-sm-6,
.project_images.section .more_testimonials ul,
.social_icons ul li a:hover,
.strgey-number ul,
.wp_SideBar ul,
body.work_page.contact_hide .footer.section,
div#jquery-accordion-menu ul,
nav.navbar.navbar-expand-md.fixed a.navbar-brand {
    padding: 0
}

.img_box1,
.project-form,
.project_images_box {
    position: relative;
    overflow: hidden
}

.digital_contennt p {
    font-size: var(--font-16);
    font-family: var(--dm-sans);
    color: #1a1a1a
}

.footer.section h2 {
    margin-bottom: 20px;
    color: #fff;
    font-weight: 700
}

.our_Diary strong {
    font-size: 14px;
    margin-bottom: 10px;
    font-family: Montserrat, sans-serif;
    color: #000
}

.col-md-6.business_help .full_image img.bluelogo {
    min-height: initial !important
}

.our_Diary.section img.bluelogo {
    max-width: 30px;
    width: auto;
    position: absolute;
    top: 20px;
    right: 22px;
    min-height: initial !important
}

img.redlogo {
    position: absolute;
    right: 30px;
    top: 15px;
    z-index: 9;
    max-width: 30px;
    filter: none !important
}

.project_images_box:hover:after,
.slider-nav-thumbnails .slick-slide,
nav.sub-menu.open.oppenned a {
    opacity: 1
}

.project_images_box .box-content,
.project_images_box .icon li a {
    position: absolute;
    transition: .6s
}

.img_box1:hover img,
.project_images_box:hover img {
    transform: scale(1.1)
}

.project_images_box .box-content {
    width: 100%;
    padding: 20px 10px;
    background: rgb(0 0 0 / .1);
    bottom: -100px;
    left: 0;
    z-index: 1
}

.project_images_box .post {
    display: block;
    font-size: 14px;
    color: #fff
}

.clients_logo li {
    max-width: 200px;
    width: 200px;
    height: 170px;
    line-height: 170px;
    margin-bottom: 5px
}

.clients_logo li img,
section.new_home_banner .swiper-custom-pagination {
    max-width: 50%
}

.clients_logo,
.partners_logo.desktop_device_logo,
.view-portfolio {
    text-align: center
}

.clients_logo h2 {
    margin-bottom: 50px;
    font-size: 30px;
    font-weight: 700;
    margin-top: 30px
}

.our_diary_text h2 {
    font-size: var(--font-56);
    margin-bottom: 30px;
    font-weight: 700;
    font-family: var(--dm-serif)
}

.our_diary_text {
    text-align: center;
    max-width: 760px;
    margin: auto auto 60px
}

.our_clients {
    background: #f2f2f2;
    padding-top: 160px;
    padding-bottom: 70px
}

.our_Diary_date {
    position: absolute;
    bottom: 30px;
    padding: 0 30px;
    max-width: 255px
}

.our_Diary_date strong {
    font-family: var(--dm-serif);
    font-size: 14px;
    color: #000;
    font-weight: 400
}

.diary_box_left {
    padding: 35px 58px 35px 30px
}

.diary_box_left p,
.little_tag_content p,
.our_Diary .our_Diary_date p {
    margin: 0;
    font-family: var(--dm-sans);
    font-size: 16px;
    font-weight: 500;
    color: #191919
}

.little_tag_content {
    position: absolute;
    bottom: 30px;
    padding: 0 30px;
    max-width: 250px
}

.little_tag_content.doctorLal {
    position: absolute;
    bottom: 12px;
    padding: 40px 30px;
    max-width: 249px
}

.clr_w .our_Diary_date p,
.clr_w .our_Diary_date strong,
.col-md-6.remove_padding.jnu-class p,
.col-md-6.remove_padding.jnu-class strong,
.enterprises_page .wordpress_devlopment span,
.heads a.btn:hover,
.home_page div#collapsibleNavbar a,
.home_page div#collapsibleNavbar li.nav-item.project_button:hover a,
.little_tag_content p,
.little_tag_content strong,
.mobile_device2 span,
.our_Diary_box.wh-clr .our_Diary_date strong,
.project_images_box.clr_b.filter-clr1 .our_Diary_date strong,
.project_images_box.clr_b.filter-clr1 p,
.quote_btn .btn.getaquote:hover,
.tab_part .yellow_box.first_tab1 a.btn:hover,
.tab_part.section li.nav-item .nav-link.active p,
.testimonialsText h4,
.web_App h2,
.work_page div#collapsibleNavbar li.nav-item.project_button:hover a,
.yellow_box.redB a,
body.home_page .view_btn,
body.work_page div#collapsibleNavbar .menu_service h3 a,
body.work_page div#collapsibleNavbar .menu_service ul li a,
body.work_page.hover1 div#collapsibleNavbar a.nav-link,
div#menu2 h3,
div#menu2 p {
    color: #fff
}

.business_help .diary_box_left {
    padding: 40px 30px
}

.footer_details a {
    color: #fff;
    display: block;
    font-size: 12px
}

.copy_wright li {
    color: #fff;
    margin: 5px;
    font-size: 12px
}

.footer_details {
    background: #0d0d0d;
    padding: 10px 0;
    margin-top: 20px
}

.c-hamburger,
.footer_details ul,
.reash-us p,
.sub-menu,
body,
html,
ul.owl-carousel.owl-theme.owl-loaded.owl-drag {
    margin: 0;
    padding: 0
}

.footer.section {
    background: #1a1a1a;
    padding-bottom: 0;
	padding-top:0px;
}

.technology_Works:after,
.technology_Works:before {
    background: #b3b3b3;
    position: absolute;
    height: 1px;
    content: ""
}

.digital2 {
    text-align: center;
    padding-bottom: 100px
}

.footer.section:first-child h2 {
    text-align: center;
    display: block;
    font-size: 48px;
    color: #fff
}

.digital2 a {
    color: #fff;
    text-align: center;
    margin: 30px auto auto;
    border: 1px solid #fff;
    padding: 4px 30px;
    border-radius: 25px;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: 600
}

li.nav-item.project_button {
    transition: .2s
}

.carrer-name.blog_details a,
.left_contents .full_image .little_tag_content.text-black strong,
.little_tag_content.text-black p,
.project_images_box.clr_b p,
.project_images_box.clr_b strong,
.work_page .second_menu a,
.yellow_box a:hover,
div#menu2 p.development_services {
    color: #000
}

.faq .accordion-item span,
.header_section.section.line a.navbar-brand.inner-mobile-logow,
.home-sec6 .owl-dots,
.img-campain,
.navbar .container-fluid,
.our_diarynew .diary_imgwrap .date_details blockquote span,
.partners_logo.desktop_device_logo .owl-carousel.owl-theme,
.swiper-custom-pagination .collection-title.active .link_name,
.work-section-4 .owl-dots,
.work_page .owl-nav.disabled button,
.work_page2.clients-page.slient-page-pan.testimonials_page.section,
.work_page2.testimonials_page.case-head.section,
.work_page2.testimonials_page.case-studies-det.section,
.work_page2.testimonials_page.news-name-pan.section,
.work_page2.testimonials_page.section,
.work_page2.testimonials_page.section.contact-pan,
.work_page2.testimonials_page.section.contact_sterco,
.work_page2.testimonials_page.section.work-career-pan,
.work_page2.testimonials_page.section.work-pan {
    display: block
}

.all_linkwrap .container,
.desktop_menu .container-fluid,
footer .container {
    max-width: 1650px;
    margin: auto
}

.banner_sectionTab h3 {
    font-size: 48px;
    color: #2b4456
}

bdiv#menu2 {
    position: relative;
    padding-top: 70px
}

div#menu2,
div#menu3 {
    padding-top: 0;
    position: relative
}

.tabContentMian h2 {
    font-size: 46px;
    color: #2b4456
}

.agency_boxes p {
    font-size: 18px;
    font-weight: 600;
    max-width: 180px
}

.banner_sectionTab,
.technology.section {
    padding-top: 30px
}

.agency_boxes {
    margin: 0 0 50px
}

.technical_Section,
p.development_services {
    padding: 0 115px 0 0
}

.technology_Works:before {
    top: 50%;
    width: 39%;
    left: 0
}

.technology_Works:after {
    width: 23%;
    right: 0;
    bottom: 20%
}

.technical_Section h4 {
    font-size: 21px
}

.technical_Section ul {
    padding: 0;
    margin: 40px 0
}

.bottom_para p,
.yellow_box p,
p.development_services {
    line-height: 28px
}

.technical_Section li a {
    padding: 10px 0;
    display: inline-block;
    border-bottom: 1px solid #ddd;
    color: #4d4d4d;
    width: 210px
}

.load_more_btn .btn,
.technical_Section a.btn {
    background: #66acdc
}

.new_media ul.nav.nav-fill.navtop:before {
    position: absolute;
    top: 50%;
    left: -50%;
    background: #868585;
    height: 1px;
    width: 50%;
    z-index: 9;
    content: ""
}

.new_media ul.nav.nav-fill.navtop:after {
    position: absolute;
    top: 50%;
    right: -50%;
    background: #868585;
    height: 1px;
    width: 50%;
    z-index: 9;
    content: ""
}

.technology_Works.section {
    padding-top: 0;
    padding-bottom: 150px
}

.technology_Works.section li img {
    max-width: 120px !important;
    text-align: center;
    margin: auto
}

.technology_Works.section li {
    display: inline-block;
    width: 24%;
    max-width: 160px;
    height: 120px;
    border: 1px solid #ddd;
    line-height: 120px;
    text-align: center;
    overflow: hidden;
    border-right: 0;
    border-bottom: 0;
    margin: -3px
}

.technology_Works.section li:first-child,
.technology_Works.section li:nth-child(2),
.technology_Works.section li:nth-child(3),
.technology_Works.section li:nth-child(4),
.technology_logo ul li:first-child,
.technology_logo ul li:nth-child(2),
.technology_logo ul li:nth-child(3),
.technology_logo ul li:nth-child(4) {
    border-top: 0
}

nav.navbar.navbar-expand-md.bg-grey {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    /* width: max-content; */
    z-index: 99999;
    /* background: #fff !important; */
    padding-top: 35px;
    margin-left: auto;
    padding-right: 50px;
}
.new_media li.nav-item {
    display: inline-block;
    width: 180px;
    height: 170px;
    border: 1px solid #ddd;
    padding: 15px 0;
    margin: 0;
    border-right: none
}

.new_media li.nav-item:last-child {
    border-right: 1px solid #ddd
}

.new_media ul.nav.nav-fill.navtop {
    max-width: 570px;
    margin: auto;
    text-align: center;
    position: relative
}

.new_media li.nav-item img,
.work_page .desktop_menu.fixed a.navbar-brand img {
    max-width: 80px
}

.new_media li.nav-item h5 {
    margin-top: 20px;
    color: #191919
}

.new_media ul.nav.nav-fill.navtop a.nav-link.active img.bg_yellowImage {
    display: block;
    text-align: center;
    margin: auto
}

.work_page nav.navbar.navbar-expand-md.bg-green.bg-grey.desktop_menu.fixed {
    background: #fff;
    box-shadow: none;
    -ms-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

.work_page div#collapsibleNavbar a {
    color: var(--color18);
    font-size: var(--font-16);
    letter-spacing: 2px;
    font-weight: 600;
    height: 100%;
    display: flex;
    align-items: center
}

a.nav-link.active2:after {
    background: #2b4456;
    width: 95%;
    height: 1px;
    position: absolute;
    content: "";
    bottom: -8px;
    left: 0;
    margin: auto;
    right: 0
}

.second_menu li {
    display: inline-block;
    margin-right: 20px;
}

.second_menu li a {
    color: #000;
    font-size: 14px
}

.second_menu ul {
    padding: 0 0px 0 35px;
    margin: 0;
    background: #fff;
    position: relative;
    z-index: 9;
    text-align: right;
}

.second_menu {
    margin-top: 18px;
    margin-right: 0px;
}

.heading1 {
    position: absolute;
    top: 20%;
    left: 27%;
    transform: translate(-50%, -50%)
}

.heading1 h2:before,
.headings h2:before {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #2c407c;
    content: "";
    width: 70px;
    height: 3px
}

.heading1 h2:after,
.headings h2:after {
    position: absolute;
    bottom: 0;
    left: 70px;
    background: #ffca35;
    content: "";
    width: 70px;
    height: 3px
}

.heading1 h2,
.headings h2,
.titletip {
    position: relative;
    display: inline-block
}

.experience_box h4 {
    font-size: 32px;
    color: #000
}

.experience_box h6 {
    font-size: 28px;
    font-weight: 300;
    line-height: 38px;
    margin: 40px 0;
    color: #000
}

.experience_box p {
    font-size: 18px;
    color: #5a5a5a
}

.experience_box {
    position: absolute;
    bottom: 0;
    left: 35%;
    transform: translate(-50%);
    max-width: 450px;
    background: #fff;
    padding: 50px
}

.mobile_device2,
.sidenav {
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0
}

.jquery-accordion-menu ul li {
    width: 100%;
    display: block;
    float: none;
    position: relative
}

.jquery-accordion-menu>ul>li.active>a,
.jquery-accordion-menu>ul>li:hover>a {
    color: #fff;
    background: #3b424d
}

.jquery-accordion-menu ul li a i {
    width: 34px;
    float: left;
    line-height: 18px;
    font-size: 16px;
    text-align: left
}

.jquery-accordion-menu .submenu-indicator {
    float: right;
    right: 22px;
    position: absolute;
    line-height: 19px;
    font-size: 35px;
    -o-transition: transform .3s linear;
    z-index: 9;
    -moz-transition: transform .3s linear;
    -webkit-transition: transform .3s linear;
    -ms-transition: transform .3s linear
}

.jquery-accordion-menu ul ul.submenu .submenu-indicator {
    line-height: 16px
}

.hembbgr_wrap .menu_service .contact_b1 h3 a,
.hembbgr_wrap .menu_service .list_menu1 li a {
    line-height: var(--line-height-19);
    padding-bottom: 1.5rem;
    transition: .5s ease-in-out;
    width: fit-content
}

.jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator {
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.jquery-accordion-menu ul ul.submenu,
.jquery-accordion-menu ul ul.submenu li ul.submenu {
    width: 100%;
    display: none;
    position: static
}

.jquery-accordion-menu ul ul.submenu li {
    clear: both;
    width: 100%
}

.jquery-accordion-menu ul ul.submenu li a {
    width: 100%;
    float: none;
    font-size: var(--font-16);
    background: 0 0;
    border-top: none;
    position: relative;
    -o-transition: border .2s linear;
    -moz-transition: border .2s linear;
    -webkit-transition: border .2s linear;
    transition: .5s;
    padding: 15px;
    border-bottom: 1px solid;
    font-family: var(--dm-sans)
}

.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a {
    padding-left: 45px
}

.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a {
    padding-left: 60px
}

.jquery-accordion-menu ul li .jquery-accordion-menu-label,
.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
    min-width: 20px;
    padding: 1px 2px 1px 1px;
    position: absolute;
    right: 18px;
    top: 14px;
    font-size: 11px;
    font-weight: 800;
    color: #555;
    text-align: center;
    line-height: 18px;
    background: #f0f0f0;
    border-radius: 100%
}

.green.jquery-accordion-menu .jquery-accordion-menu-footer,
.green.jquery-accordion-menu .jquery-accordion-menu-header,
.green.jquery-accordion-menu ul li a {
    background: #03a678
}

.green.jquery-accordion-menu>ul>li.active>a,
.green.jquery-accordion-menu>ul>li:hover>a {
    background: #049372
}

.green.jquery-accordion-menu>ul>li>a {
    border-bottom-color: #049372
}

.green.jquery-accordion-menu ul ul.submenu li:hover>a {
    border-left-color: #049372
}

.red.jquery-accordion-menu .jquery-accordion-menu-footer,
.red.jquery-accordion-menu .jquery-accordion-menu-header,
.red.jquery-accordion-menu ul li a {
    background: #ed5565
}

.red.jquery-accordion-menu>ul>li.active>a,
.red.jquery-accordion-menu>ul>li:hover>a {
    background: #da4453
}

.red.jquery-accordion-menu>ul>li>a {
    border-bottom-color: #da4453
}

.red.jquery-accordion-menu ul ul.submenu li:hover>a {
    border-left-color: #da4453
}

.white.jquery-accordion-menu .jquery-accordion-menu-footer,
.white.jquery-accordion-menu .jquery-accordion-menu-header,
.white.jquery-accordion-menu ul li a {
    background: #fff;
    color: #555
}

.white.jquery-accordion-menu>ul>li.active>a,
.white.jquery-accordion-menu>ul>li:hover>a {
    background: #f0f0f0
}

.white.jquery-accordion-menu>ul>li>a {
    border-bottom-color: #f0f0f0
}

.white.jquery-accordion-menu ul ul.submenu li:hover>a {
    border-left-color: #f0f0f0
}

.white.jquery-accordion-menu ul ul.submenu li a {
    color: #f0f0f0
}

.white.jquery-accordion-menu>ul>li>a>.ink {
    background: rgb(0 0 0 / .1)
}

.black.jquery-accordion-menu .jquery-accordion-menu-footer,
.black.jquery-accordion-menu .jquery-accordion-menu-header,
.black.jquery-accordion-menu ul li a {
    background: #292929
}

.black.jquery-accordion-menu>ul>li.active>a,
.black.jquery-accordion-menu>ul>li:hover>a {
    background: #222
}

.black.jquery-accordion-menu>ul>li>a {
    border-bottom-color: #222
}

.black.jquery-accordion-menu ul ul.submenu li:hover>a {
    border-left-color: #222
}

.mobile_device2 {
    left: 0;
    background: #6ea0d2;
    display: none
}

.sidenav {
    height: 100%;
    background-color: #6ea0d2;
    overflow-x: inherit;
    transition: .8s;
    width: 0% !important;
    opacity: 0
}

.sidenav a {
    color: #fff;
    display: block;
    transition: .3s
}

.sidenav a:hover {
    color: #007bff
}

.sidenav .closebtn {
    position: absolute;
    top: -8px;
    right: 10px;
    font-size: 48px;
    margin-left: 50px
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
    padding-left: 0
}

.titletip .textBottom,
.titletip .textTop {
    visibility: hidden;
    padding: 5px;
    z-index: 1;
    transition: opacity .3s;
    position: absolute;
    left: 50%;
    opacity: 0;
    text-align: center
}

.partners_logo li:nth-child(10),
.partners_logo li:nth-child(11),
.partners_logo li:nth-child(12),
.partners_logo li:nth-child(9),
div#jquery-accordion-menu li:first-child,
ul.submenu li:last-child {
    border-bottom: 0
}

ul.list-group.list-group-flush li.nav-item.project_button {
    border: 1px solid;
    padding: 0 15px;
    margin-top: -1px;
    text-align: center
}

.work_page .clear {
    margin-top: 135px;
    overflow: hidden;
    float: left;
    width: 100%
}

.home_page.work_page .clear { margin-top: 160px;}

.headings,
.sideMenu ul.sub li {
    margin-bottom: 10px
}

.work_all_images {
    margin: 20px
}

.work_testify h2 {
    font-size: 48px;
    color: #182c41;
    margin-bottom: 50px;
    font-weight: 600
}

.agency_box,
.presentation_text ul,
.technology_logo ul,
a.navbar-brand,
ul.icons_section {
    padding: 0;
    margin: 0
}

.custom-navbar li,
.design_text ul li,
.presentation_text ul li,
ul.industry_type li {
    display: inline-block;
    margin-right: 20px
}

ul.icons_section li img {
    max-width: 40px;
    margin-right: 30px
}

.custom-navbar li {
    list-style: none;
    padding: 12px 0;
    letter-spacing: 1.2px
}

.custom-navbar li img {
    width: 30px;
    height: 30px
}

.titletip .textTop {
    background-color: #fff;
    color: #000;
    border-radius: 3px;
    box-shadow: 0 0 5px 0 #757575;
    top: 0;
    transform: translate(-50%, -130%);
    font-size: 12px;
    letter-spacing: 0
}

.titletip .textBottom {
    min-width: 120px;
    max-width: 150px;
    background-color: #555;
    color: #fff;
    border-radius: 6px;
    top: 125%;
    margin-left: -60px
}

.titletip .textBottom::after {
    content: " ";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #fff0 #fff0 #000
}

.titletip:hover .textBottom,
.titletip:hover .textTop {
    visibility: visible;
    opacity: .85
}

ul.industry_type {
    padding: 0;
    margin-top: 70px
}

ul.industry_type li {
    font-weight: 600;
    color: #000;
    font-size: 14px;
    position: relative
}

ul.custom-navbar:before {
    position: absolute;
    top: 55%;
    right: -10%;
    background: #ddd;
    content: "";
    width: 52%;
    height: 1px
}

.heading_text {
    margin-bottom: 40px;
    text-align: center;
    font-weight: 600;
    color: #000;
    font-size: 20px;
    margin-top: 20px
}

.load_more_btn .fa,
.share-this img {
    margin-left: 10px
}

.load_more_btn {
    text-align: center;
    margin: 40px auto auto;
    display: block;
    width: 100%;
    clear: both
}

.design_devlopment.section.erp-manfacturing .design_text h2,
.design_text,
.sideMenu ul.sub li:last-of-type,
figure {
    margin-bottom: 0
}

.diary_box_right img {
    filter: grayscale(100%)
}

.testimonials_clients {
    float: left;
    width: 50%;
    position: relative
}

.menu,
.menu span,
.testimonialsText {
    position: absolute
}

.testimonialsText {
    bottom: 6%;
    padding: 15px;
    background: #2b4456;
    left: 5%;
    width: 50%
}

.testimonialsText p {
    margin: 0;
    color: #fff;
    font-size: 13px
}

.testimonials_page.section {
    padding-top: 20px
}

.testimonials_page .load_more_btn {
    margin-top: 55px !important;
    float: left;
    width: 100%
}

.menu {
    width: 50px;
    height: 38px;
    margin-top: 0;
    z-index: 9999
}

.project_images_box {
    margin-top: 20px
}

.our_projects.section .col-lg-4.col-sm-6 {
    padding-right: 7px
}

.menu span {
    margin-bottom: 9px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -1.5px
}

.menu span,
.menu span::after,
.menu span::before,
.mobile_device2 span.mobile-menu-nav,
.mobile_device2 span.mobile-menu-nav::after,
.mobile_device2 span.mobile-menu-nav::before {
    display: block;
    width: 30px;
    right: 0;
    height: 3px;
    background-color: #fff;
    outline: #fff0 solid 1px;
    -webkit-transition-property: background-color, -webkit-transform;
    -moz-transition-property: background-color, -moz-transform;
    -o-transition-property: background-color, -o-transform;
    transition-property: background-color, transform;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.menu span::after,
.menu span::before,
.mobile_device2 span.mobile-menu-nav::after,
.mobile_device2 span.mobile-menu-nav::before {
    position: absolute;
    content: ""
}

.menu span::before,
.mobile_device2 span.mobile-menu-nav::before {
    top: -9px;
    width: 30px
}

.menu span::after,
.mobile_device2 span.mobile-menu-nav::after {
    top: 9px;
    width: 20px
}

.menu.clicked span {
    background-color: #fff0
}

.menu.clicked span::before,
span.mobile-menu-nav.clicked::before {
    -webkit-transform: translateY(9px) rotate(45deg);
    -moz-transform: translateY(9px) rotate(45deg);
    -ms-transform: translateY(9px) rotate(45deg);
    -o-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg);
    width: 20px
}

.menu.clicked span::after,
span.mobile-menu-nav.clicked::after {
    -webkit-transform: translateY(-9px) rotate(-45deg);
    -moz-transform: translateY(-9px) rotate(-45deg);
    -ms-transform: translateY(-9px) rotate(-45deg);
    -o-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg)
}

.menu.clicked span:after,
.menu.clicked span:before {
    background-color: #fff
}

.menu:hover {
    cursor: pointer
}

.sideMenu {
    background: 0 0/cover #294152;
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    height: 100vh;
    max-width: 300px;
    width: 350px;
    padding: 100px 40px 60px;
    overflow-y: auto;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: transform .55s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: transform .55s cubic-bezier(.785, .135, .15, .86);
    -o-transition: transform .55s cubic-bezier(.785, .135, .15, .86);
    transition: transform .55s cubic-bezier(.785, .135, .15, .86);
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.sideMenu.show {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.sideMenu.show ul.main li {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.menu.clicked {
    position: fixed;
    z-index: 999999
}

.sideMenu.show .about,
.sideMenu.show .social,
.sideMenu.show ul.sub {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    transition-delay: .85s
}

@media (min-width:667px) {
    .sideMenu {
        padding: 37px 0 5.5rem
    }
}

.sideMenu ul.main {
    list-style-type: none;
    padding-left: 15px
}

.sideMenu ul.main li {
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px);
    opacity: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    float: none;
    color: #fff
}

.sideMenu ul.main li a {
    color: #fff;
    font-size: 1rem;
    display: block;
    padding: 10px 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.sideMenu ul.main li a span,
.sideMenu ul.main li a:hover,
.sideMenu ul.sub li a:hover {
    color: #b7ac7f
}

.sideMenu ul.sub {
    list-style-type: none;
    margin-top: 40px;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.sideMenu ul.sub li a {
    color: #fff;
    font-family: Raleway, sans-serif;
    font-size: .9rem;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.overlay.show {
    opacity: .8;
    visibility: visible
}

.navbar .nav-link.getaquote,
.work_page div#collapsibleNavbar li.nav-item.project_button a {
    color: #fff;
    background: #6dacde
}

.appBanner {
    background: #86ae3a;
    margin-top: 30px;
    position: relative;
    padding-bottom: 30px;
    padding-top: 60px
}

.appBanner h2 {
    color: #fff;
    font-size: 48px;
    margin-bottom: 40px;
    padding-bottom: 35px;
    font-weight: 700
}

.aap_banner-content h1 {
    color: #fff;
    font-size: 55px;
    line-height: 1;
    margin-bottom: 60px;
    font-weight: 600
}

.aap_banner-content p {
    color: #fff;
    margin-top: 24px;
    font-size: 16px;
    line-height: 28px;
    padding-right: 70px;
    font-weight: 300
}

.aap_banner-content {
    float: left;
    width: 49%
}

.hybirdImage_box {
    min-height: 220px;
    line-height: 220px
}

.app_text,
.testimonials_page h2 {
    margin-top: 40px
}

.app_text h4 {
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 24px;
    min-height: 56px;
    color: #333
}

.design_text {
    margin-top: 0;
    max-width: 1000px
}

.start_project.section {
    background: var(--color18);
    color: #fff;
    padding: 60px 0;
    text-align: center
}

.start_project.section .btn {
    border: 1px;
    padding: 0;
    border-radius: 0;
    letter-spacing: 2px;
    width: 190px;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    background: linear-gradient(to right, var(--color6d) 50%, var(--colorfc) 50%);
    background-size: 200% 110%;
    background-position: right bottom;
    transition: .5s ease-out;
    border: none;
    margin: 5rem auto 0
}

.design_devlopment.e-com-top2.section span,
.ecommerce_development.section span,
.shopify_dev span {
    vertical-align: sub
}

.contact_form .btn:hover,
.footer.section .digital2 a:hover,
.load_more_btn .btn:hover,
.our_Diary.section.desktop-dairy .view-portfolio a:hover,
.presentation_text .btn:hover,
.start_project.section .btn:hover,
.tab_part .yellow_box a.btn.getaquote:hover,
.technical_Section a.btn:hover,
a.btn.getaquote:hover,
a.btn:hover {
    background-position: left bottom;
    color: #fff
}

.start_project.section h2 {
    font-size: 50px;
    line-height: 1;
    font-family: var(--dm-serif);
    font-weight: 700
}

.design_text i.fa.fa-plus {
    margin-left: 10px;
    font-size: 10px
}

.main_mobileApp {
    background: #2b4456;
    padding-top: 200px;
    padding-bottom: 0
}

.imgAppBanner {
    position: absolute;
    right: 0;
    top: 0
}

.main_mobileApp p {
    color: #fff;
    line-height: 36px;
    font-size: 21px;
    margin-top: 100px;
    padding: 0 1px 0 30px;
    font-weight: 300
}

.appBanner.section .headings h2:after,
.data_group>*,
.work-section-2 a:hover,
.work_page .header_section.section.line span.mobile-menu-nav,
.work_page .header_section.section.line span.mobile-menu-nav::after,
.work_page .header_section.section.line span.mobile-menu-nav::before,
.work_page.hover1 .menu span,
.work_page.hover1 .menu span::after,
.work_page.hover1 .menu span::before {
    background: #fff
}

.banner.bg_blue.section {
    background: #546f8f;
    position: relative;
    overflow: hidden;
    margin-top: 30px
}

.banner-content-ecommerce h1 {
    color: #fff;
    font-size: 55px;
    line-height: 62px;
    margin-bottom: 40px;
    font-family: var(--dm-serif);
    font-weight: 600
}

.banner-content-ecommerce p {
    color: #fff;
    max-width: 1000px;
    font-size: 16px;
    line-height: 26px;
    font-family: var(--dm-sans)
}

.development_page .wordpress_devlopment.section {
    background: #dde2e9;
    padding-bottom: 0
}

.design_text h2 {
    font-size: 55px;
    color: var(--color18);
    margin-bottom: 35px;
    font-weight: 600;
    font-family: var(--dm-serif)
}

.agency_box li:first-child,
.agency_box li:nth-child(2),
.shopify_dev.section .design_text h2,
.smm-wht-we-do h1 {
    margin-bottom: 50px
}

.design_text p {
    font-size: 20px;
    color: var(--color4d);
    line-height: 32px;
    margin-bottom: 4rem
}

.design_devlopment.section,
.our_project.section {
    padding-top: 110px;
    padding-bottom: 0
}

.wordpress_devlopment {
    background: #ebe0d6;
    padding-bottom: 0;
    padding-top: 90px
}

.magento_dev,
.shopify_dev {
    background: #dde2e9
}

.design_text img {
    max-width: 300px
}

.shopify_dev {
    padding-bottom: 0;
    padding-top: 80px
}

.hembbgr_wrap .menu_service .contact_b1 li,
.maintence_boxes {
    display: flex
}

.maintence_boxes span {
    margin-left: 26px;
    display: inline-block;
    font-size: 24px;
    color: var(--color18);
    max-width: 145px;
    vertical-align: middle;
    line-height: 30px;
    font-weight: 700;
    font-family: var(--dm-sans)
}

.maintence_icon.section {
    padding: 90px 0 65px
}

.corporate_video.section,
.ecommerce_development.section {
    padding-bottom: 0;
    padding-top: 90px
}

.technology h2 {
    font-size: 55px;
    margin-bottom: 20px;
    color: #182c41;
    font-family: var(--dm-serif);
    font-weight: 700
}

.design_text .btn,
.enterprieses_design_text p,
.footer.section .digital2 a,
.presentation_text .btn,
.right_content p,
.stratgy_block1 p,
.technology h5,
a.read_btn,
div#collapsibleNavbar li.nav-item.project-button a {
    font-family: var(--dm-sans);
    font-family: var(--dm-sans)
}

.technology h5 {
    margin-bottom: 40px;
    font-weight: 300;
    font-size: 24px;
    color: #1a1a1a;
    line-height: 34px;
    margin-top: 40px
}

.partners_logo li {
    text-align: center;
    display: inline-block;
    border-bottom: 1px;
    border-right: 1px;
    height: 150px;
    line-height: 150px;
    margin: -3px;
    width: 25%
}

.partners_logo li img {
    max-width: 120px
}

.our-client-logo ul li:nth-child(4n),
.partners_logo li:nth-child(12),
.partners_logo li:nth-child(4),
.partners_logo li:nth-child(8),
.technology_logo ul li:nth-child(12),
.technology_logo ul li:nth-child(16),
.technology_logo ul li:nth-child(4),
.technology_logo ul li:nth-child(8) {
    border-right: 0
}

.partners_logo {
    margin-top: 60px
}

.enterprises_page .bg_blue.section {
    background: #66acdc;
    overflow: inherit;
    padding-top: 60px;
    padding-bottom: 50px
}

.enterpriesesBanner {
    position: absolute;
    bottom: -15%
}

.enterprieses_design_text {
    max-width: 935px
}

.custom_web_text h4 {
    color: #333;
    font-size: 22px;
    margin-top: 30px;
    font-weight: 800
}

.custom_web_text:before {
    position: absolute;
    background: #a5a5a5;
    content: "";
    width: 120px;
    height: 1px;
    bottom: 0
}

/* .technology_all_logo:after,
.technology_all_logo:before {
    position: absolute;
    bottom: 32%;
    width: 5%;
    height: 1px;
    background: #d4d4d4;
    content: ""
} */

.technology_all_logo:before {
    left: 0
}

.technology_all_logo:after,
body.work_page.project-fix .form-slide1 {
    right: 0
}

.enterprises_page .eCommerce_banner {
    margin-top: 80px
}

.custom_web_img {
    min-height: 80px
}

.enterprieses_design_text p {
    font-size: 20px;
    color: #000;
    margin-bottom: 50px
}

.custom_web_text {
    padding-bottom: 30px;
    position: relative
}

.custom_web {
    padding: 30px 0
}

.enterprises_page .wordpress_devlopment {
    background: #13283d;
    padding-bottom: 0
}

.web_design_page .bg_grey {
    background: #be904f;
    margin-top: 30px;
    height: 800px;
    position: relative;
    padding-top: 60px
}

.magento_dev .design_text h2 span {
    display: inline-block;
    vertical-align: inherit;
    margin-left: 10px
}

.design_text h2 span {
    display: inline-block;
    margin-left: 15px
}

.eCommerce_banner {
    position: absolute;
    right: -130px;
    top: 5%;
    max-width: 860px
}

.right_content p {
    color: #fff;
    font-size: 14px;
    line-height: 22px
}

.right_content {
    position: absolute;
    right: 8%;
    max-width: 284px;
    top: 116%
}

.red_Section,
.right_contents {
    margin-top: 2px
}

.main_mobileApp.section {
    margin-top: -100px
}

nav.navbar.navbar-expand-md.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 9999;
    width: 100%;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
    border: none
}

.design_text .btn,
.heads a.btn,
.presentation_text .btn,
.yellow_box a.btn {
    transition: .5s ease-out
}

.our_Diary_box {
    margin-bottom: 1px
}

.left_contents .full_image {
    margin-top: 3px
}

.col-md-6.left_contents {
    padding-left: 3px
}

.col-md-6.business_help,
.col-md-6.remove_padding,
.experience_details .col-md-4,
.principal .col-md-7,
div#menu3 .agency_box li p {
    padding-right: 0
}

.col-md-6.right_contents {
    padding-left: 3px;
    padding-bottom: 2px
}

.business_help .full_image {
    margin-top: 2px;
    background: #0099e8
}

.col-md-6.business_help .full_image img,
.our_Diary_box.wh-clr.lal-bg img,
.project_images_box.filter-clr1 img {
    mix-blend-mode: multiply;
    background: #000
}

.design_text .btn,
.presentation_text .btn {
    margin: 0;
    width: 190px;
    height: 47px;
    border-radius: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    background: linear-gradient(to right, var(--color6d) 50%, var(--colorfc) 50%);
    background-size: 200% 110%;
    background-position: right bottom;
    border: none
}

.design_text .btn::after,
.presentation_text .btn::after,
.quote_btn .btn.getaquote::after,
.ssm-view a::after,
.start_project.section .btn:after,
.yellow_box a.btn:after {
    content: "";
    background: url(../images/right-chevron-icon.svg) 0 0/contain no-repeat;
    width: 1.1rem;
    height: 1.1rem;
    display: inline-block;
    margin-left: 1rem;
    position: relative;
    top: 1px
}

.ecommerce_development.section .design_text ul li:first-child .btn,
.presentation_text a.btn.know_btn,
a.btn.getaquote {
    padding-inline: 2rem;
    padding-block: 1.2rem;
    text-decoration: none;
    color: #000;
    font-size: var(--font-14);
    font-family: var(--dm-sans);
    font-weight: 700;
    letter-spacing: 1.4px;
    border: 1px solid grey;
    background: linear-gradient(to right, var(--color6d) 50%, #ffffff00 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: .5s ease-out;
    width: fit-content
}

.ecommerce_development.section .design_text ul li:first-child .btn:hover,
.experience_years a:hover,
.presentation_text a.btn.know_btn:hover,
.start_project a:hover,
a.read_btn:hover {
    color: #fff;
    background-position: left bottom
}

.aap_banner-content .quote_btn .btn.getaquote::after,
.contact_form .btn:hover:after,
.design_text .btn:hover::after,
.ecommerce_development.section .design_text ul li:first-child .btn:hover:after,
.enterprise-app .btn.getaquote:after,
.experience_years a:hover:after,
.footer.section .digital2 a img,
.footer.section .digital2 a:hover::after,
.interactive.paid_marketing.sem-panel1.section .quote_btn .btn.getaquote::after,
.interactive.paid_marketing.smm-section1.section .quote_btn .btn.getaquote::after,
.our_Diary.section.desktop-dairy .view-portfolio a:hover:after,
.presentation_text .btn:hover::after,
.presentation_text a.btn.know_btn:hover:after,
.project_images.section .load_more_btn a:hover::after,
.project_images.section .load_more_btn a:hover:after,
.quote_btn .btn.getaquote:hover::after,
.ssm-view a:hover::after,
.start_project.section .btn:hover:after,
.tab_part .yellow_box a.btn:after,
.tab_part .yellow_box.first_tab1 a.btn:hover:after,
.yellow_box a.btn:hover:after,
.yellow_box.redB a.btn.getaquote:after,
a.read_btn:hover:after {
    filter: invert(1) brightness(100)
}

.img-logo,
.presentation_text p {
    margin-bottom: 40px
}

.project_box h3,
.project_box p {
    margin-bottom: 0;
    font-weight: 700
}

.work_page .menu {
    right: 20px;
    top: 33px
}

.work_page li.nav-item.project_button {
    margin-right: 40px;
    padding: 0 15px
}

.work_page .menu span,
.work_page .menu span::after,
.work_page .menu span::before {
    background: #211316
}

.menu.clicked span::after,
.menu.clicked span::before,
span.mobile-menu-nav.clicked:after,
span.mobile-menu-nav.clicked:before {
    background: #fff !important
}

.our_Diary_box.wh-clr p,
.our_projects.news_panel.section .col-sm-7:nth-child(4) .project_images_box.clr_b p,
.our_projects.news_panel.section .col-sm-7:nth-child(4) .project_images_box.clr_b strong,
.sideMenu.show a {
    color: #fff !important
}

.hybird_box {
    padding: 0 0 40px;
    margin-bottom: 50px;
    position: relative;
    height: 94%
}

.hybird_box:before {
    position: absolute;
    content: "";
    width: 120px;
    background: #b7b7b7;
    height: 1px;
    left: 0;
    bottom: 0
}

.work_page .owl-carousel .owl-nav.disabled {
    display: flex !important;
    position: absolute;
    bottom: -55px;
    left: 1rem;
    gap: 20px;
}
.project_box h3 {
    font-size: var(--font-100);
    color: var(--color18);
    margin-top: 5px;
    font-family: var(--dm-serif);
    line-height: 85px
}

.project_box p {
    max-width: 219px;
    font-size: 16px;
    color: var(--color4d);
    min-height: 50px
}

.project_box small {
    color: #333;
    font-size: var(--font-24);
    display: block;
    font-weight: 700
}

.project_box {
    padding-bottom: 25px;
    border-bottom: 1px solid #a0a0a0;
    margin-right: 40px
}

.dev_solution {
    margin-top: 40px;
    font-size: 16px;
    color: #4d4d4d;
    font-weight: 400
}

.project_color_box.bg_red {
    background: #ce6325
}

.project_color_box.bg_blue1 {
    background: #0099c6
}

.project_color_box.bg_darkBlue {
    background: #2e4c6f
}

.project_color_box.bg_yellow {
    background: #caa033
}

.color_boxes.project_mobiles h3 {
    font-size: 38px;
    font-weight: 800;
    line-height: 20px
}

.project_color_box p {
    font-size: 14px;
    line-height: 20px;
    min-height: 60px
}

.color_boxes.project_mobiles h4 {
    padding: 20px;
    font-size: 22px;
    color: #4d4d4d
}

.color_boxes.project_mobiles {
    display: none;
    padding-top: 0
}

.color_boxes.project_mobiles .dev_solution {
    padding: 40px 20px 0;
    margin-top: 40px;
    overflow: hidden;
    font-weight: 400
}

.project_color_box small {
    font-size: 20px;
    font-weight: 600
}

.project_color_box {
    float: left;
    width: 50%;
    max-width: 100%;
    height: 210px;
    color: #fff;
    padding: 30px
}

.main_record.section {
    padding-top: 50px;
    padding-bottom: 50px
}

.company_text h1 {
    position: relative;
    display: inline-block;
    padding-bottom: 25px;
    font-size: 48px;
    line-height: 40px;
    font-weight: 700
}

.company_text h1:after {
    position: absolute;
    background: #fcd430;
    content: "";
    width: 50%;
    height: 3px;
    bottom: -10px;
    right: 0
}

.company_text h1:before {
    position: absolute;
    background: #536497;
    content: "";
    width: 50%;
    height: 3px;
    bottom: -10px;
    left: 0
}

.company_text img {
    max-width: 50%;
    display: block;
    margin: 70px 0 5px
}

.company_img {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0
}

.trained_tab h2 {
    color: #182c41;
    margin-bottom: 35px;
    font-size: 40px;
    font-weight: 600
}

.company_banner {
    padding-bottom: 215px;
    background: #fff;
    position: relative;
    padding-top: 0;
    margin-top: 50px;
    overflow: hidden
}

.second_menu li a:hover {
    color: #2b4456 !important
}

ul.agency_box.eLearning_box li {
    padding: 0 40px;
    margin: 0;
    overflow: hidden
}

.bottom_para {
    padding: 50px 50px 50px 0;
    background: #fff;
    position: absolute;
    width: 100%;
    z-index: 1
}

.record p {
    position: relative;
    padding-bottom: 40px;
    color: #4d4d4d;
    font-weight: 500
}

.bottom_para p {
    margin: 0;
    font-size: 18px;
    font-weight: 300
}

.record p:before {
    position: absolute;
    bottom: 0;
    content: "";
    width: 50px;
    height: 2px;
    background: #555
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #fff0
}

.tab_part.section {
    background: #f5fbff;
    position: relative;
    padding-bottom: 0
}

#slider,
.technology_all_logo.section {
    padding: 100px 0
}

.tab_para p {
    font-size: 20px;
    text-align: center;
    margin-top: 45px;
    color: #1a1a1a
}

.tab_para {
    max-width: 880px;
    margin: 20px auto 60px
}

ul.nav.nav-pills.navtop {
    text-align: center;
    margin: auto;
    display: block;
/*     border-bottom: 1px solid #dddd; */
}

ul.nav li.nav-item img {
    max-width: 70px
}

.tab_part.section .nav-link.active img.dark,
ul.nav.nav-pills.navtop a.nav-link.active img.dark {
    display: block;
    margin: auto
}

ul.nav.nav-pills.navtop p {
    color: #191919;
    margin-top: 0;
    font-family: var(--dm-serif);
    margin-bottom: 15px;
    font-weight: 700
}

.agency_box li {
    display: inline-block;
    width: 49%;
    padding: 5px
}

.agency_box li h3 {
    display: block;
    min-height: 40px;
    font-size: 60px;
    color: var(--color18);
    font-weight: 700
}

.yellow_box.redB.blueB p {
    color: #fff;
    font-size: 15px
}

.lead_base_boxes p,
.yellow_box a {
    color: #4d4d4d
}

.technology_text p,
.yellow_box p {
    color: #4c4c4c;
    font-size: 15px;
    font-family: var(--dm-sans)
}

.agency_box li p {
    padding: 0 40px 0 0;
    float: left;
    width: 100%;
    font-size: 16px;
    color: #333 !important;
    font-weight: 600
}

.yellow_box.redB.blueB {
    background: #4c77c2
}

.yellow_box.redB {
    background: #8f3939
}

.yellow_box.redB li {
    color: #fff;
    border-bottom: 1px solid
}

.yellow_box {
    padding: 20px;
    background: #eacd57
}

.yellow_box ul {
    padding: 0;
    margin: 0;
    max-width: 260px
}

.yellow_box ul li {
    line-height: 30px;
    border-bottom: 1px solid #70707029;
    padding: 8px 0;
    font-size: 16px;
    color: #4d4d4d
}

.aap_banner-content .quote_btn .btn.getaquote:hover,
.btn-outline.getaquote:hover,
.enterprise-app .btn.getaquote:hover,
.marketing_text.seoMarketing a:hover,
.paid_marketing .quote_btn .btn.getaquote:hover,
.tab_part .yellow_box a.btn:hover,
.yellow_box a.btn:hover,
a.getaquote.view2:hover,
a.start_btn:hover {
    background-position: left bottom
}

.yellow_box.redB a:hover,
.yellow_box.redB.blueB a:hover {
    opacity: .8
}

.yellow_box a.btn {
    border: 1px solid var(--colorfc);
    background: linear-gradient(to right, var(--color6d) 50%, var(--colorfc) 50%);
    margin-top: 40px;
    border-radius: 0;
    padding: 8px 15px;
    background-size: 201% 110%;
    background-position: right bottom;
    color: #000;
    font-size: 14px;
    font-weight: 700
}

.color_boxes .btn,
.color_boxes .btn:hover {
    border: 0 !important
}

ul.agency_box {
    padding: 60px 0 0 85px
}

.technology_logo ul li {
    vertical-align: top;
    display: inline-block;
    max-width: 100%;
    width: 160px;
    height: 140px;
    line-height: 140px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin: -3px;
    text-align: center
}

.technology_logo ul li img {
    max-width: 90px;
    text-align: center;
    margin: auto
}

.technology_text {
    padding-right: 50px;
    background: #fff;
    padding-bottom: 70px
}

.technology_text p {
    line-height: 26px;
    margin-top: 20px;
    padding-right: 0
}

.marketing_text h1,
.testimonials_page h1 {
    display: inline-block;
    font-size: 48px;
    font-weight: 700
}

.interactive.video_serivces.section {
    background: #004bae;
    margin-top: 30px;
    padding-top: 40px
}

.interactive.video_serivces.section .making_brands p {
    max-width: 315px
}

.corporate_video.media_page .presentation_text {
    max-width: 879px
}

.testimonials_page h1 {
    color: #000;
    position: relative;
    padding: 5px 0 20px
}

.gallery_tittle:before,
.testimonials_page h1:before {
    position: absolute;
    background: #2c407f;
    content: "";
    width: 65px;
    height: 3px;
    bottom: 0
}

.gallery_tittle:after,
.testimonials_page h1:after {
    position: absolute;
    background: #fcca01;
    content: "";
    width: 65px;
    height: 3px;
    bottom: 0;
    left: 65px
}

.interactive.video_serivces.section h3:before,
.marketing_text h1:before,
.wp-pagenavi li.active a {
    background: var(--colorfc)
}

.marketing_text h1 {
    color: #fff;
    position: relative;
    padding: 25px 0 35px;
    font-family: var(--dm-serif);
    margin-bottom: 4rem
}

.making_brands h2,
.marketing_solution h2 {
    font-weight: 600;
    font-family: var(--dm-serif)
}

.main_headingnew.digitalmarketingagency h2 {
    font-size: 38px;
    line-height: 1.6;
    color: #fff !important
}

.main_headingnew.digitalmarketingagency p {
    font-size: 28px;
    position: inherit;
    padding-bottom: 0
}

.marketing_text h1:before {
    position: absolute;
    content: "";
    width: 70px;
    height: 3px;
    bottom: 0
}

.main_headingnew p::after,
.marketing_text h1:after {
    position: absolute;
    content: "";
    width: 70px;
    height: 3px;
    background: #fff;
    bottom: 0;
    left: 70px !important
}

.making_brands h2 {
    margin: 0 0 50px;
    font-size: 55px;
    line-height: 56px
}

.making_brands {
    margin: 30px 0;
    color: #fff;
    max-width: 1000px
}

.digital_marketing.section {
    position: relative;
    background: #024c9f;
    height: 760px;
    padding: 40px 0;
    margin-top: 30px
}

.seo_img {
    position: absolute;
    bottom: -130px;
    left: 0
}

.seo_img img {
    max-width: 990px
}

.color_boxes .btn {
    background: 0 0 !important
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: inherit
}

.seo_right_text {
    position: absolute;
    right: 4%;
    width: 414px;
    color: #fff;
    top: 54%;
    max-width: 1200px;
    opacity: .95;
    font-weight: 300
}

.marketing_solution.section {
    padding-top: 180px
}

.marketing_solution h2 {
    font-size: 50px;
    color: var(--color18);
    margin-bottom: 65px;
    line-height: 1
}

.marketing_box h3 {
    color: var(--color18);
    font-size: 60px;
    margin-bottom: 0;
    font-family: var(--dm-serif);
    font-weight: 700
}

.marketing_box p {
    color: #333;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 25px;
    font-family: var(--dm-sans)
}

.color_boxes p,
.red_box h2 {
    max-width: 355px;
    color: #fff
}

.digital_experience.section h2,
.red_box h2 {
    font-family: var(--dm-serif);
    margin-bottom: 35px
}

.marketing_box {
    border-bottom: 1px solid #b7b7b7;
    margin-right: 55px
}

.red_box {
    float: left;
    width: 50%;
    background: #c45d60;
    padding: 60px 0 0 60px;
    position: relative;
    height: 400px
}

.red_box h2 {
    font-size: 38px;
    font-weight: 600
}

.searc_image {
    position: absolute;
    right: 0;
    bottom: 0
}

.color_boxes p {
    line-height: 26px;
    font-weight: 300;
    font-size: 16px;
    position: relative;
    z-index: 1;
    font-family: var(--dm-sans)
}

.red_box.green_box {
    background: #6fa29d
}

.red_box.yellow_box {
    background: #999967
}

.red_box.black_box {
    background: #5e5a5c
}

.red_box a.btn img {
    max-width: 25px
}

.red_box a.btn {
    padding: 0;
    position: absolute;
    bottom: 40px
}

.red_box.green_box img {
    max-width: 410px
}

.red_box.yellow_box img {
    max-width: 430px
}

.red_box.black_box img {
    max-width: 334px
}

.red_box.black_box p {
    max-width: 294px
}

.red_box.black_box h2 {
    max-width: 250px
}

.digital_experience.section h2 {
    font-size: 50px;
    color: #182c41;
    line-height: 50px;
    font-weight: 700
}

.heads {
    max-width: 860px;
    text-align: center;
    margin: auto auto 40px
}

.heads a.btn {
    margin: 0 auto;
    width: 190px;
    height: 47px;
    border-radius: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    background: linear-gradient(to right, var(--color6d) 50%, var(--colorfc) 50%);
    background-size: 200% 110%;
    background-position: right bottom;
    border: none
}

.color_boxes.section,
.interactive_presentation.section {
    padding-top: 0;
    padding-bottom: 0
}

.digital_experience.section {
    background: #ebe0d6;
    padding-bottom: 20px
}

.experience_details {
    max-width: 100%;
    margin: 70px auto
}

.wht_box {
    padding: 60px 20px 60px 17px;
    background: #fff;
    margin-bottom: 15px;
    min-height: 270px;
    text-align: center
}

.wht_box h4 {
    margin-top: 15px;
    color: #1a1a1a;
    font-size: 28px;
    font-weight: 600
}

.slide2 {
    background: #fff5f1
}

.slider_right {
    float: right;
    width: 1140px
}

.interactive {
    background: #b27917;
    position: relative;
    padding-top: 50px;
    padding-bottom: 0;
    margin-top: 10px
}

.interactive .marketing_text h1:after {
    left: 21%
}

.making_img {
    position: relative;
    top: 50px
}

.corporate_text p {
    font-size: 15px;
    color: #000
}

.corporate_text {
    max-width: 645px
}

.presentation_text h2 {
    font-size: 45px;
    color: #182c41;
    margin-bottom: 35px;
    font-weight: 600
}

.presentation_text p {
    font-size: 18px;
    color: #1a1a1a;
    max-width: 780px;
    margin-top: 20px
}

.branding_Solutions .branding_text p {
    max-width: 460px;
    font-weight: 300;
    font-size: 16px;
    margin-top: 50px
}

.interactive_presentation .presentation_text {
    max-width: 1080px
}

.video_page .making_brands p {
    font-size: 16px;
    letter-spacing: 0
}

.corporate_video .presentation_text {
    max-width: 1000px
}

.power_presentation .presentation_text {
    max-width: 923px
}

.corporate_video .slider_right,
.interactive_presentation .slider_right,
.power_presentation .slider_right {
    float: right;
    max-width: 93.2%;
    margin-top: 50px;
    width: 100%
}

.power_presentation {
    background: #eff0f9;
    padding-bottom: 0;
    padding-top: 90px
}

.corporate.section {
    padding-bottom: 60px
}

.video_page {
    background: #093f7b;
    padding-bottom: 70px
}

.video_img {
    position: absolute;
    top: -300px;
    right: -183px
}

.video_page .making_brands {
    margin-top: 210px;
    max-width: 920px
}

.video_img img {
    max-width: 1050px;
    mix-blend-mode: multiply
}

.branding_Solutions {
    background: #959f02
}

.branding_img {
    position: absolute;
    right: 0;
    bottom: -89px
}

.branding_text h2 {
    font-size: 48px;
    color: #fff;
    margin-top: 50px
}

.branding_text p {
    color: #fff;
    font-size: 18px;
    margin: 30px 0
}

.branding_text,
.company_banner.section.edu {
    padding-bottom: 50px
}

.branding_img img {
    max-width: 830px
}

.new_media_Image {
    position: absolute;
    right: -54px;
    bottom: -153px;
    text-align: right
}

.new_media_Image img {
    max-width: 753px
}

a.btn.know_btn .fa {
    margin-left: 10px;
    font-size: 12px
}

.media_page p {
    max-width: 890px
}

.paid_market_Image {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 550px
}

.paid_marketing .making_brands {
    padding-bottom: 30px
}

.paid_marketing,
.share-this a:hover,
.step.step-2 {
    background: #6dacde
}

.lead_base.section {
    background: #f6f3e8
}

.lead_base_boxes ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0
}

.lead_base_boxes li {
    width: 18%;
    background: #f9f7ef;
    margin: 10px;
    padding: 25px 25px 15px;
    display: inline-block;
    box-shadow: 0 0 4px rgb(0 0 0 / 2%)
}

.lead_base_boxes li img {
    max-width: 45px;
    margin-bottom: 45px;
    object-fit: contain
}

.lead_base h2 {
    text-align: center;
    font-size: 50px;
    color: #182c41;
    margin-bottom: 50px;
    font-weight: 600
}

.principal_text p {
    font-size: var(--font-16);
    line-height: 26px;
    color: #000
}

.principal_text {
    background: #fcca01;
    padding: 50px 40px
}

.principal_img {
    padding: 100px 0 50px
}

.faq .accordion-body ul,
.principal .col-md-5 {
    padding-left: 0
}

.principal_text strong {
    font-weight: 700;
    color: #000;
    font-size: 20px
}

.principal_text h2 {
    color: #000;
    margin-bottom: 40px;
    margin-top: 10px;
    font-size: 36px;
    font-weight: 600
}

.seo_page {

    padding-bottom: 70px
}

.interactive.paid_marketing.smm-section1.section h1::before,
.seo_page.section .marketing_text h1:before {
    background: #d5b111
}

.seo_page h2 {
    font-size: 42px;
    color: #fff;
    margin-top: 50px
}

.seo_projects_box h2 {
    font-size: 45px;
    color: #182c41;
    margin: 0;
    font-weight: 700
}

.seo_projects_box p {
    font-weight: 700;
    color: #333;
    margin: 0;
    font-size: 20px;
    line-height: 28px
}

.seo_projects_box {
    border-bottom: 1px solid #a0a0a0;
    min-height: 110px;
    margin-right: 35px
}

.img_box img {
    max-width: 180px
}

.process_box.boxTwo .img_box {
    padding-bottom: 88px;
    position: relative;
    border-bottom: 5px solid #c9d7ee;
    margin-bottom: 50px
}

.process_box.boxThree {
    margin-left: 94px;
    position: relative;
    margin-top: 34px;
    border-top: 5px solid #c9d7ee
}

.process_box.boxThree:after {
    position: absolute;
    top: -4px;
    content: "";
    left: -95px;
    background: url(../images/line.png) no-repeat;
    width: 206px;
    height: 250px
}

.process_box.boxOne:before,
.process_box.boxThree:before,
.process_box.boxTwo .img_box:before {
    background: #fff;
    width: 50px;
    font-size: 25px;
    color: #000;
    text-align: center
}

.process_box.boxOne {
    border-bottom: 5px solid #c9d7ee;
    position: relative;
    margin-left: 50px;
    padding-right: 1px
}

.process_box.boxThree:before {
    position: absolute;
    content: "3";
    height: 50px;
    left: -10px;
    z-index: 999;
    top: -25px;
    border-radius: 100%;
    line-height: 42px;
    border: 5px solid #c9d7ee;
    font-family: var(--dm-sans)
}

.card:first-child .process_seo1:before,
.process_box.boxOne:before,
.process_box.boxTwo .img_box:before {
    height: 50px;
    left: -2px;
    z-index: 999;
    line-height: 42px
}

.process_box.boxOne:before {
    position: absolute;
    content: "1";
    bottom: -25px;
    border-radius: 100%;
    border: 5px solid #c9d7ee
}

.process_box.boxTwo .img_box:before {
    position: absolute;
    content: "2";
    bottom: -25px;
    border-radius: 100%;
    border: 5px solid #c9d7ee
}

.process_box.boxTwo {
    padding: 59px 0 0 97px
}

.process_box,
.seo_projects.section.edu1 {
    padding-top: 50px
}

.process_box h3 {
    font-size: 24px;
    margin-bottom: 30px;
    color: #333;
    font-family: Montserrat, sans-serif
}

.process_box.boxOne:after {
    position: absolute;
    bottom: -4px;
    content: "";
    right: -210px;
    background: url(../images/line.png) no-repeat;
    width: 206px;
    height: 250px
}

.img_box {
    padding: 50px;
    text-align: center
}

.why_choose {
    background: #2b4456;
    color: #fff;
    padding-top: 90px;
    padding-bottom: 80px
}

.maintain_box p {
    padding: 0 0 0 35px;
    border-left: 1px solid;
    font-size: 15px;
    font-weight: 600;
    line-height: 28px;
    font-family: var(--dm-sans)
}

.solutions p {
    font-size: 20px;
    max-width: 1020px;
    margin-top: 30px;
    line-height: 35px;
    font-weight: 300
}

.maintain_box {
    padding: 30px 40px;
    position: relative
}

.maintain_box:before {
    position: absolute;
    left: 0;
    color: #6dacde;
    font-size: 18px;
    top: 30px;
    font-weight: 600;
    font-family: var(--dm-sans)
}

.col-md-4:first-child .maintain_box:before {
    content: "01"
}

.col-md-4:nth-child(2) .maintain_box:before {
    content: "02"
}

.col-md-4:nth-child(3) .maintain_box:before {
    content: "03"
}

.col-md-4:nth-child(4) .maintain_box:before {
    content: "04"
}

.col-md-4:nth-child(5) .maintain_box:before {
    content: "05"
}

.nav-tabs {
    border-bottom: 0;
    margin-top: 50px
}

.trained.section {
    position: relative;
    background: #f9f9f9;
    margin-top: 90px;
    z-index: -1;
    padding-top: 0
}

.trained_tab {
    padding: 0;
    max-width: 820px
}

.trained.section:before {
    position: absolute;
    background: #fff;
    content: "";
    width: 100%;
    height: 321px;
    z-index: -1
}

.responsive-tabs-container .tab-content {
    padding: 10px 20px;
    border: 0;
    margin-top: 20px
}

.responsive-tabs-container[class*=accordion-] .tab-pane,
.work-slide-bg h5 {
    margin-bottom: 15px
}

.responsive-tabs-container[class*=accordion-] .accordion-link {
    display: none;
    margin-bottom: 10px;
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-radius: 3px;
    border: 1px solid #ddd;
    color: #333
}

.responsive-tabs-container[class*=accordion-] .accordion-link.active {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color: #f60
}

@media (max-width:767px) {
    .jquery-accordion-menu .submenu-indicator {
        right: 0
    }

    .responsive-tabs-container.accordion-xs .nav-tabs {
        display: none
    }

    .responsive-tabs-container.accordion-xs .accordion-link {
        display: block
    }

    .responsive-tabs-container .tab-content {
        border: none
    }

    .responsive-tabs-container[class*=accordion-] .tab-pane {
        border: 1px solid #ddd;
        border-top: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-width: medium 1px 1px;
        margin-bottom: 10px;
        margin-top: -10px;
        padding: 10px 10px 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .responsive-tabs-container.accordion-sm .nav-tabs {
        display: none
    }

    .responsive-tabs-container.accordion-sm .accordion-link {
        display: block
    }

    .responsive-tabs-container .tab-content {
        border: none
    }

    .responsive-tabs-container[class*=accordion-] .tab-pane {
        border: 1px solid #ddd;
        border-top: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-width: medium 1px 1px;
        margin-bottom: 10px;
        margin-top: -10px;
        padding: 10px 10px 0
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .responsive-tabs-container.accordion-md .nav-tabs {
        display: none
    }

    .responsive-tabs-container.accordion-md .accordion-link {
        display: block
    }
}

@media (min-width:1200px) {
    .responsive-tabs-container.accordion-lg .nav-tabs {
        display: none
    }

    .responsive-tabs-container.accordion-lg .accordion-link {
        display: block
    }
}

ul.nav.nav-tabs a {
    color: #000;
    padding: 10px 25px
}

ul.nav.nav-tabs li.active a {
    background: #6dacde;
    color: #fff !important
}

@media (min-width:1721px) and (max-width:1919px) {

    .corporate_video .slider_right,
    .interactive_presentation .slider_right,
    .power_presentation .slider_right {
        max-width: 79%
    }

    .presentation_text p {
        max-width: 100%
    }
}

@media (min-width:1651px) and (max-width:1720px) {

    .corporate_video .slider_right,
    .interactive_presentation .slider_right,
    .power_presentation .slider_right {
        max-width: 83%
    }
}

@media (min-width:1551px) and (max-width:1650px) {

    .corporate_video .slider_right,
    .interactive_presentation .slider_right,
    .power_presentation .slider_right {
        max-width: 85%
    }
}

@media (min-width:1501px) and (max-width:1550px) {

    .corporate_video .slider_right,
    .interactive_presentation .slider_right,
    .power_presentation .slider_right {
        max-width: 87%
    }
}

@media (min-width:1391px) and (max-width:1500px) {

    .corporate_video .slider_right,
    .interactive_presentation .slider_right,
    .power_presentation .slider_right {
        max-width: 90%
    }
}

@media (min-width:1300px) and (max-width:1390px) {

    .corporate_video .slider_right,
    .interactive_presentation .slider_right,
    .power_presentation .slider_right {
        max-width: 92%
    }
}

@media (min-width:1201px) and (max-width:1250px) {

    .corporate_video .slider_right,
    .interactive_presentation .slider_right,
    .power_presentation .slider_right {
        max-width: 96%
    }
}

.hybird_appdevelopment.section {
    padding-bottom: 0;
    padding-top: 60px
}

ul.industry_type select.form-control {
    padding-inline: 3rem;
    padding-block: 1rem;
    border: 0;
    -webkit-appearance: none;
    height: auto;
    box-shadow: 0 0 10px rgb(218 218 218 / 63%);
    border-radius: 20px;
    font-size: var(--font-16);
    font-family: var(--dm-sans)
}

.work_page2 h2 {
    font-size: 50px;
    color: #2b4456;
    font-weight: 600;
    line-height: 1
}

.our_projects.section {
    padding-top: 0;
    float: none;
    clear: both
}

.clients_logo .img_box2 img {
    max-width: 130px;
    margin: auto;
    text-align: center
}

.work_page2 {
    padding-bottom: 0
}

.clients_logo .img_box2 {
    width: 180px;
    height: 180px;
    line-height: 180px;
    text-align: center;
    margin: auto
}

.clients_logo .owl-dots button.owl-dot {
    background: #6dacde;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 100%
}

.clients_logo .owl-dots,
.our_Diary.section.mobile-dairy .owl-dots {
    display: block;
    text-align: center
}

li.nav-item.project_button {
    margin-top: 0;
    padding: 0
}

.digital5 {
    max-width: 100%;
    margin: auto
}

li.nav-item.project_button a {
    padding: 4px
}

.line-bg1 {
    position: fixed;
    background: #71aedd;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    z-index: 9;
    top: 127px
}

.work_page .header_section:after {
    position: fixed;
    content: "";
    width: 50px;
    height: 1px;
    top: 125px;
    right: 0;
    z-index: 9999
}

.second_menu li.active a {
    color: #2b4456 !important;
    font-weight: 700
}

.eCommerce_banner2 {
    position: relative;
    top: 5%
}

.project_images_box img {
    width: 100%;
    height: auto;
    transition: 1.1s;
    max-width: 100%
}

.home_page nav.navbar.navbar-expand-md.fixed a.navbar-brand img {
    max-width: 60px
}

.work_page nav.navbar.navbar-expand-md.bg-green.bg-grey.desktop_menu {
    padding: 15px 10px
}

a.youTube_btn {
    position: absolute;
    bottom: 14%;
    right: 30px
}

.solutions_company.row {
    text-align: center;
    margin: auto
}

.banner-content-ecommerce h2 {
    color: #fff;
    font-size: 48px;
    position: relative;
    padding-bottom: 35px;
    margin-bottom: 40px;
    font-family: var(--dm-serif);
    font-weight: 700
}

.banner-content-ecommerce h2:before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100px;
    height: 3px;
    background: #2c407f
}

.banner-content-ecommerce h2:after {
    position: absolute;
    bottom: 0;
    left: 100px;
    content: "";
    width: 100px;
    height: 3px;
    background: #fff
}

.app_text p {
    color: #4c4c4c;
    font-size: 16px;
    padding-right: 40px;
    line-height: 30px
}

.corporate_video.digitalSlider.section {
    background: #fff5f1;
    padding-bottom: 75px;
    padding-top: 60px
}

.roohAfza.section {
    background-size: cover;
    background-position: center;
    position: relative;
    background-repeat: no-repeat;
    height: inherit;
    padding: 0
}

.campaign-boxes {
    max-width: 300px;
    position: absolute;
    right: 50px;
    background: #fff;
    padding: 56px;
    top: 0;
    height: 100%
}

.impression,
.roohAfza.section .container {
    padding: 0;
    max-width: 100%
}

.impression {
    position: relative;
    right: 0;
    background: #fff;
    bottom: 0;
    top: 0;
    height: inherit;
    float: right
}

.exp-year,
.read-m {
    bottom: 30px;
    position: absolute
}

.impression h4 {
    font-size: 25px;
    font-weight: 800;
    color: #000;
    letter-spacing: .5px;
    margin-bottom: 20px
}

.viws_box small {
    display: block;
    font-size: 14px;
    color: #333
}

.viws_box {
    padding: 12px 0
}

.viws_box h2 {
    font-weight: 800;
    color: #000;
    font-size: 45px
}

.work_page .impression .owl-carousel .owl-nav.disabled {
    display: block;
    position: absolute;
    bottom: 8px;
    right: 250px;
    top: inherit;
    z-index: 999;
    left: inherit
}

.work_page .impression .owl-nav.disabled button {
    display: inline-block;
    border: 0 !important
}

.work_page .impression .owl-nav.disabled span {
    font-size: 54px;
    opacity: .3
}

.seo_page.section {
    padding-top: 40px;
/*     margin-top: 15px */
}

.interactive.paid_marketing.section h3:before {
    background: #2c407f
}

.paid_marketing .making_brands p:last-child {
    max-width: 490px
}

.banner.bg_blue.section .enterpriesesBanner {
    position: absolute;
    right: 40px;
    max-width: 810px;
    bottom: -42px
}

.work_page .desktop_menu.fixed {
    padding-top: 6px !important;
    padding-bottom: 10px !important;
    -ms-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

.work_page .line:before {
    top: 72px;
    display: none
}

.work_page .line:after {
    top: 72px
}

.work_page .desktop_menu.fixed .second_menu {
    margin-top: 22px
}

#slider {
    width: 100%;
    height: 400px;
    position: relative;
    margin: auto
}

#slider .slides {
    position: absolute;
    width: 100%;
    height: 400px
}

#slider .slides .slide {
    width: 33.33333333%;
    float: left;
    opacity: .7
}

#slider .arrow label {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 0;
    width: 100px;
    height: 45px;
    margin-top: -22.5px;
    text-align: center;
    display: none
}

#slider .next-arrow label {
    right: 0;
    left: auto
}

#slider .arrow label:hover .thumb {
    -webkit-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transition: transform .5s ease-in;
    transition: transform .5s ease-in
}

#slider .arrow label i {
    display: block;
    width: 40%;
    height: 45px;
    background-color: rgb(122 184 0 / .8);
    color: #fff;
    line-height: 45px
}

#slider .arrow label .thumb {
    display: block;
    width: 60%;
    height: 45px
}

#slider .prev-arrow label i {
    float: left
}

#slider .prev-arrow label .thumb {
    float: right;
    -webkit-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

#slider .next-arrow label i,
.work_page .blog-slider button.owl-next {
    float: right
}

#slider .next-arrow label .thumb {
    float: left;
    -webkit-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
}

#slide-1-radio:checked~.slides .slide:first-child {
    position: relative;
    z-index: 1;
    box-shadow: 0 1px 20px rgb(255 255 255 / .7);
    opacity: 1;
    -webkit-transform: translateX(100%) scale(1.2);
    -ms-transform: translateX(100%) scale(1.2);
    transform: translateX(100%) scale(1.2);
    -webkit-transition: transform .7s ease-in-out;
    transition: transform .7s ease-in-out
}

#slide-1-radio:checked~.slides .slide:nth-child(2) {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out
}

#slide-2-radio:checked~.slides .slide:nth-child(2) {
    position: relative;
    z-index: 1;
    box-shadow: 0 1px 20px rgb(255 255 255 / .7);
    opacity: 1;
    -webkit-transform: translateX(0) scale(1.2);
    -ms-transform: translateX(0) scale(1.2);
    transform: translateX(0) scale(1.2);
    -webkit-transition: transform .7s ease-in-out;
    transition: transform .7s ease-in-out
}

#slide-2-radio:checked~.slides .slide:first-child {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out
}

#slide-3-radio:checked~.slides .slide:last-child {
    position: relative;
    z-index: 1;
    box-shadow: 0 1px 20px rgb(255 255 255 / .7);
    opacity: 1;
    -webkit-transform: translateX(-100%) scale(1.2);
    -ms-transform: translateX(-100%) scale(1.2);
    transform: translateX(-100%) scale(1.2);
    -webkit-transition: transform .7s ease-in-out;
    transition: transform .7s ease-in-out
}

#slide-3-radio:checked~.slides .slide:nth-child(2) {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out
}

.marketing_text.seoMarketing a,
.ssm-view a {
    transition: .5s ease-out;
    text-decoration: none
}

@media screen and (max-width:768px) {

    #slider,
    #slider .slides {
        height: 175px
    }

    #slider {
        width: 100%
    }

    #slider .arrow label {
        width: 80px
    }
}

.home-news-title {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #fff;
    font-size: 12px;
    padding: 4px 20px;
    color: #000;
    font-weight: 500;
    z-index: 1
}

.icon1-bg,
.menu-pos {
    z-index: 0;
    position: absolute
}

.col-md-6.right_contents .our_Diary_date {
    max-width: 239px
}

.digital_contennt img {
    margin-left: 5px;
    filter: brightness(.5)
}

.col-md-6.left_contents .little_tag_content p,
.faq .accordion-item .accordion-button.collapsed {
    font-weight: 500
}

.logo_brand {
    position: absolute;
    top: 30px;
    left: 30px
}

.col-md-6.business_help .full_image .logo_brand img,
.our_Diary_box.wh-clr.lal-bg .logo_brand img,
.project_images_box.filter-clr1 .logo_brand img {
    mix-blend-mode: inherit
}

.our_diary_text p {
    color: #333;
    font-size: var(--font-16)
}

.home_page nav.navbar.navbar-expand-md a.navbar-brand {
    padding: 20px 10px;
    position: relative;
    z-index: 999999
}

.header_section.section .navbar-expand-md .navbar-collapse {
    margin-top: 0
}

.header_section.section nav.navbar.navbar-expand-md.fixed .navbar-collapse,
.sub-menu ul {
    margin: 0
}

.work_page .header_section.section .navbar-expand-md .navbar-collapse {
    margin: 18px 0;
    justify-content: end
}

.work_page .owl-nav span {
    font-size: 30px;
    border: 0;
    width: 56px;
    height: 54px;
    line-height: 30px;
    background: url(../images/arrow-slide.svg) no-repeat;
    display: inline-block;
    text-indent: -9999px
}

.read-m {
    right: 30px
}

.work_page li.nav-item.project_button:hover {
    border-color: #6dacde
}

.making_brands p {
    line-height: 28px;
    font-weight: 300;
    font-size: 15px
}

.seo_right_text p {
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 24px
}

.red_box.yellow_box p {
    max-width: 290px
}

.red_box.green_box p {
    max-width: 222px
}

.experience_details p {
    font-size: 14px;
    color: #4d4d4d
}

.compaining {
    background: #fff5f1;
    clear: both
}

.compaining h3 {
    margin: 0;
    padding-bottom: 60px;
    font-size: 50px;
    color: #182c41;
    font-weight: 600
}

.work_page .roohAfza.section .owl-nav span {
    border: 0;
    width: 13px;
    height: 27px;
    background: url(../images/arrow-group.svg) no-repeat;
    display: inline-block;
    text-indent: -9999px
}

.work_page .roohAfza.section .owl-nav .owl-next span {
    border: 0;
    width: 13px;
    height: 27px;
    background: url(../images/arrow-group.svg) top right no-repeat;
    display: inline-block;
    text-indent: -9999px;
    margin-left: 20px
}

.aap_banner-content p strong {
    display: inline-block;
    font-weight: 600
}

.design_devlopment.section .design_text {
    margin-top: 0;
    margin-bottom: 20px
}

.hybird_content .design_text {
    margin-top: 50px;
    margin-bottom: 20px
}

.menu_service h3,
.wordpress_devlopment .design_text .btn {
    margin-bottom: 20px
}

.design_devlopment.e-com-top2.section,
.design_devlopment.section.erp-manfacturing {
    padding-top: 80px
}

.appy-box.row .i-human,
.design_devlopment.section.erp-manfacturing .slider_right,
.interactive.branding_Solutions.section,
.interactive.new-interactive.section,
.interactive.paid_marketing.sem-panel1.section,
.seo_page.section.seo-panel1 {
/*     margin-top: 120px */
}

.wordpress_devlopment.web_App.section {
    padding-top: 110px
}

.wordpress_devlopment.web_App.section .slider_right {
    margin-top: 15px
}

.work_page .owl-nav button.owl-next span {
    background: url(../images/arrow-slide.svg) 0 -55px no-repeat
}

.tab_part.section li.nav-item {
    margin: 0 25px
}

div#menu2 .tab_para p {
    color: #1a1a1a
}

.icon1-bg {
    width: 44%;
    left: -235px;
    top: 0;
    opacity: .8
}

div#menu2 .icon1-bg {
    top: 120px
}

div#menu3 .icon1-bg {
    top: 78px;
    width: 44%;
    left: -235px
}

ul.agency_box.eLearning_box li:nth-child(2n) {
    position: relative;
    top: -15px
}

.down-arrow {
    position: absolute;
    right: 10px;
    top: 9px;
    pointer-events: none
}

.marketing_text.seoMarketing p {
    color: #fff;
    font-weight: 300;
    font-size: 15px;
    margin: 40px 0;
    line-height: 26px;
    font-family: var(--dm-sans)
}

.ssm-view a,
.why_choose.section.smm-why-choose p strong {
    font-weight: 700
}

.marketing_text.seoMarketing a {
    border: 1px solid #fff;
    padding: 8px 30px;
    border-radius: 0;
    letter-spacing: 2px;
    font-size: 13px;
    margin: 25px 0 0;
    display: inline-block;
    padding-inline: 2rem;
    padding-block: 1.2rem;
    color: #fff;
    font-size: var(--font-14);
    font-weight: 700;
    letter-spacing: 1.4px;
    background: linear-gradient(to right, var(--color6d) 50%, #ffffff00 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    width: fit-content
}

.seo_projects.section,
.why-stratgey {
    padding-bottom: 70px
}

.smm-wht-we-do,
body.work_page.hover1 nav.navbar.navbar-expand-md.bg-green.bg-grey.desktop_menu.fixed .menu-pos {
    padding: 90px 0 0
}

.trained.section ul.nav.nav-tabs li a {
    font-size: 14px;
    font-weight: 600
}

.trained_tab p {
    color: #000;
    line-height: 28px
}

.trained.section .nav-tabs {
    border-bottom: 0;
    margin-top: 51px
}

.carrer-name p,
.process_box p {
    font-size: 14px;
    line-height: 26px
}

.why_choose.section h2 {
    font-size: 40px;
    margin-bottom: 45px
}

.design_text p strong,
.dev_solution p strong,
.sitemap-menu ul li a,
.why_choose.section p small,
div#collapsibleNavbar .sideMenu ul li a.active3 {
    font-weight: 600
}

.paid_marketing .making_brands p.font14 {
    font-size: var(--font-16);
    margin: 35px 0 0
}

.interactive.new-interactive.section h2 {
    font-size: 50px;
    line-height: 50px
}

.power_presentation.section h2,
.smm-wht-we-do .col-md-4,
.work-section-3 .col-md-4 {
    margin-bottom: 25px
}

.power_presentation.section p strong {
    margin-bottom: 40px;
    display: block
}

.corporate_video .presentation_text p {
    line-height: 30px
}

.banner.bg_blue.section.e-com-top {
    padding-top: 60px;
    padding-bottom: 80px
}

.banner.bg_blue.section.e-com-top h1 {
    padding-right: 30px
}

.banner.bg_blue.section.e-com-top p {
    max-width: 385px;
    margin-bottom: 25px
}

.design_devlopment.e-com-top2.section .design_text {
    max-width: 970px
}

.interactive.paid_marketing.smm-section1.section {
    background: #2b85cc;
    margin-top: 30px;
    padding-top: 40px
}

.interactive.paid_marketing.smm-section1.section h2 {
    font-size: 50px
}

.interactive.paid_marketing.smm-section1.section .paid_market_Image {
    max-width: 765px;
    bottom: -18px;
    right: 0
}

.interactive.paid_marketing.smm-section1.section p {
    padding-right: 66px
}

.smm-wht-we-do {
    clear: both
}

.green-bg-smm {
    background: #ebfafe;
    padding: 35px;
    height: 100%
}

.green-bg-smm img {
    max-width: 100%;
    margin-bottom: 31px
}

.smm-wht-we-do .green-bg-smm h2 {
    font-size: var(--font-24);
    font-family: var(--dm-serif);
    color: var(--color18);
    margin-bottom: 3rem
}

.green-bg-smm p {
    font-size: 14px;
    line-height: 24px;
    color: #4c4c4c
}

.ssm-view a {
    margin: 0;
    width: 190px;
    height: 47px;
    border-radius: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 14px;
    line-height: 1;
    background: linear-gradient(to right, var(--color6d) 50%, var(--colorfc) 50%);
    background-size: 200% 110%;
    background-position: right bottom;
    border: none
}

.compaining.smm-companing,
.header_section.section span.mobile-menu-nav.clicked,
.header_section.section.line span.mobile-menu-nav.clicked,
body.home_page.project-fix nav.navbar.navbar-expand-md.fixed,
body.work_page.add1 .menu span,
body.work_page.add1 .menu span::after,
body.work_page.add1 .menu span::before {
    background: 0 0
}

.corporate_video.digitalSlider.smm-corporate.section {
    background: 0 0;
    padding-top: 0;
    padding-bottom: 90px
}

.why_choose.section.smm-why-choose {
    background: 0 0;
    padding: 0 0 89px
}

.why_choose.section.smm-why-choose h2 {
    color: #000;
    margin-bottom: 60px;
    font-weight: 600
}

.why_choose.section.smm-why-choose p {
    color: #707070;
    border-color: #707070;
    padding-left: 23px;
    font-weight: 400
}

.news-content2,
.share-us {
    border-bottom: 1px solid #ddd
}

.our_clients.section .load_more_btn.clearfix,
.why_choose.section.smm-why-choose .maintain_box {
    padding-top: 0
}

.our-process-content8,
.why_choose.section.smm-why-choose .maintain_box:before {
    top: 0
}

.work-slide-bg {
    background: #fcca01;
    padding: 35px 15px 35px 50px;
    border-radius: 35px
}

.work-slide-bg .quote {
    position: absolute;
    top: -70px;
    left: 80px
}

.work-slide-bg h3 {
    margin-top: 50px;
    font-weight: 300;
    margin-bottom: 40px;
    font-size: 22px;
    line-height: 31px
}

.employe-img {
    border-bottom-right-radius: 10px;
    max-width: 149px;
    margin-bottom: 28px;
    border-top-right-radius: 10px;
    overflow: hidden
}

.work-section1 {
    clear: both;
    padding: 150px 0 90px
}

.work-slide-bg h4 {
    font-size: 22px;
    margin-bottom: 12px
}

.work-slide-bg h5 {
    font-size: 14px
}

.work-slide-bg .owl-dots {
    display: block;
    position: absolute;
    top: -40px;
    right: -15px
}

.work-career h2 {
    margin-bottom: 35px;
    font-size: var(--font-25);
    font-weight: 700
}

.work-career {
    padding-left: 40px
}

.work-career h3 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 400;
    margin-bottom: 30px
}

.work-career p {
    font-size: 14px;
    line-height: 23px
}

.work-section-2 {
    background: #6dacde;
    padding: 100px;
    text-align: center
}

.work-section-2 p {
    color: #fff;
    font-size: 21px;
    line-height: 32px
}

.work-section-2 a {
    background: #fcca01;
    padding: 5px 22px;
    display: inline-block;
    color: #000;
    border-radius: 30px;
    margin: 18px 0 0;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none
}

.work-section-3 {
    padding: 90px 0
}

.work-section-3 h2 {
    text-align: center;
    margin-bottom: 40px;
    font-size: var(--font-48)
}

.work-section-3 h3 {
    text-align: center;
    margin-bottom: 40px;
    font-size: 24px;
    color: #202020
}

.work-section-3 p {
    text-align: center;
    margin-bottom: 60px;
    color: #4c4c4c;
    padding: 0 50px
}

.work-section-3 .green-bg2 {
    background: #dafafa;
    padding: 30px;
    min-height: 270px
}

.work-section-3 .green-bg2 h4 {
    font-size: 24px;
    font-family: var(--dm-sans);
    font-weight: 700
}

.work-section-3 .green-bg2 h1 {
    font-size: 18px;
    font-family: Montserrat, sans-serif;
    font-weight: 700
}

.work-section-3 .green-bg2 h5 {
    font-family: var(--dm-sans);
    font-size: 21px;
    font-weight: 400
}

.green-bg2 .read-m {
    bottom: 40px
}

.work-section-4 {
    background: url(../images/life-bg.svg) center no-repeat #ecf8f9;
    width: 100%;
    padding: 90px;
    text-align: center
}

.work-section-4 h2 {
    margin-bottom: 35px;
    text-align: center;
    font-size: var(--font-48)
}

.work-section-4 p {
    margin-bottom: 60px;
    color: #333;
    padding: 0 70px;
    font-family: var(--dm-sans)
}

.work-section-4 .col-md-6:first-child,
.work-section-4 .col-md-6:nth-child(2) .col-md-6 {
    padding: 5px
}

.contact-panel-1,
.privacy-policy-section {
    clear: both;
    padding: 50px 0
}

.office-1 {
    background: #616bc9;
    padding: 35px
}

.office-2 {
    background: #6dacde;
    padding: 30px;
    height: 100%
}

.contact-panel-1 h2 {
    color: #fff;
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 600;
    font-family: var(--dm-sans)
}

.contact-panel-1 p {
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    font-family: var(--dm-sans)
}

.contact-panel-1 ul {
    padding: 0;
    width: 100%
}

.contact-panel-1 ul li a {
    color: #fff;
    font-size: 14px;
    font-family: var(--dm-sans)
}

.contact-panel-1 ul li span:first-child {
    margin-right: 14px
}

.contact-panel-1 ul li {
    margin: 0 0 10px
}

span.phone-icon {
    display: inline-block;
    vertical-align: top
}

.request-quote {
    background: #f9f9f9;
    box-shadow: 1px 1px 1px rgb(0 0 0 / 16%);
    padding: 35px
}

.request-quote h3 {
    font-size: 24px;
    margin-bottom: 22px;
    font-weight: 400
}

.request-quote h4 {
    font-size: var(--font-16);
    margin-bottom: 31px;
    line-height: 22px;
    font-weight: 700;
    font-family: var(--dm-sans)
}

.contact_form .form-control {
    font-size: 14px;
    border: 0;
    background: 0 0;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    border-radius: 0;
    height: inherit;
    box-shadow: inherit;
    outline: 0;
    color: #333;
    font-weight: 500;
    margin-bottom: 10px;
    font-family: var(--dm-sans)
}

.contact_form .btn {
    background: #6dacde;
    font-size: 14px;
    border-radius: 0;
    margin: 20px 0
}

.project_images_box .our_Diary_date {
    max-width: 292px
}

.project_images_box .our_Diary_date p {
    margin: 10px 0;
    font-family: var(--dm-sans);
    color: #191919
}

.project_images_box.filter-clr img {
    mix-blend-mode: luminosity
}

.our_Diary_box.wh-clr.lal-bg,
.project_images_box.filter-clr1 {
    background: #0099e8
}

.our_projects.news_panel.section select.form-control {
    box-shadow: 0 2px 7px rgb(0 0 0 / 6%);
    border-radius: 20px;
    padding: 0 34px 0 20px;
    color: #4c4c4c;
    font-size: 14px
}

.hybird_appdevelopment .getaquote,
.our_projects.news_panel.section ul.industry_type,
.sub-menu li:first-child {
    margin-top: 0
}

.our_projects.news_panel.section .container {
    padding: 0 30px
}

.our_projects.news_panel.section .down-arrow {
    right: 13px
}

.our_projects.news_panel.section .project_images_box {
    margin: 0 0 8px
}

.menu-pos {
    overflow: hidden;
    width: 100%;
    padding: 127px 0 50px;
    background: #6dacde;
    display: block !important;
    top: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    transition-timing-function: ease;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow: 0 1px 8px rgb(218 218 218 / 54%);
    min-height: 550px
}

li.nav-item.menu-hover:hover .menu-pos {
    opacity: 1;
    visibility: visible;
    transform: rotateX(0);
    -webkit-transform: rotateX(0);
    -o-transform: rotateX(0);
    -ms-transform: rotateX(0);
    z-index: 9999
}

div#collapsibleNavbar .menu_service h3 a {
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 15px;
    letter-spacing: inherit;
    text-decoration: none;
    padding: 0 56px 0 0
}

div#collapsibleNavbar .menu_service p {
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 43px;
    padding-right: 36px
}

div#collapsibleNavbar .menu_service ul li a {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: inherit;
    padding: 0;
    text-transform: capitalize;
    margin-bottom: 15px;
    text-decoration: none
}

div#collapsibleNavbar .menu_service ul {
    padding: 0;
    margin-bottom: 54px
}

.menu_service {
    padding-block: 15rem 2rem;
    padding-inline: 15rem 10rem;
    background: #fff
}

.appy-box.row .form-group,
.branding-quote,
.branding-stratgey,
div#collapsibleNavbar .menu_service.three-menu ul {
    margin-bottom: 30px
}

div#collapsibleNavbar .menu_service ul li a:after {
    background: url(../images/right-arrow1.svg) no-repeat;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 5px
}

.sitemap-menu ul ul li a,
div#collapsibleNavbar .menu_service ul li ul li a {
    font-weight: 400
}

h3.brd-none {
    border: 0
}

body.home_page div#collapsibleNavbar li.nav-item.project_button a {
    background: #6dacde;
    border: 1px solid #fff;
    padding: 8px 15px;
    margin: 0 10px
}

.home_page.hover1 div#collapsibleNavbar li.nav-item.menu-hover a.nav-link {
    border: 1px solid #fff
}

body.home_page.hover1 div#collapsibleNavbar li.nav-item.project_button a,
body.work_page.hover1 div#collapsibleNavbar li.nav-item.project_button a {
    background: #6ea0d2;
    border: 1px solid #fff0
}

.work_page nav.navbar.navbar-expand-md.bg-green.bg-grey.desktop_menu.fixed .menu {
    top: 7px
}

.header_section.section.line .line-bg1 {
    top: 110px;
}

body.work_page nav.navbar.navbar-expand-md.desktop_menu .col-md-10,
body.work_page nav.navbar.navbar-expand-md.desktop_menu .col-md-10 .col-md-12 {
    position: static
}

body.work_page.hover1 div#collapsibleNavbar .nav-item.menu-hover a.nav-link {
    color: #fff;
    border: 1px solid #fff
}

body.work_page.hover1 a.navbar-brand.scroll-logo {
    display: block;
    z-index: 999999;
    position: relative
}

.mobile_device2 span.mobile-menu-nav {
    margin-bottom: 9px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: 50%;
    right: 0;
    margin-left: -15px;
    margin-top: -4.5px
}

span.mobile-menu-nav.clicked {
    z-index: 999;
    background: 0 0
}

.sidenav.show {
    overflow-y: scroll;
    width: 100% !important;
    opacity: 1
}

.work_page .mobile_device2 span.mobile-menu-nav,
.work_page .mobile_device2 span.mobile-menu-nav::after,
.work_page .mobile_device2 span.mobile-menu-nav::before {
    background: #000
}

.design_devlopment.end-to-endterprise-app2.section .custom_web_text h4 {
    color: #333;
    font-size: 22px;
    margin-top: 30px;
    font-weight: 700;
    font-family: var(--dm-sans)
}

.design_devlopment.end-to-endterprise-app2.section .custom_web {
    padding: 30px 0 50px
}

.interactive.paid_marketing.sem-panel1.section .paid_market_Image {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 650px
}

.interactive.branding_Solutions.section .col-md-6.branding_text p {
    max-width: 76%
}

.interactive.branding_Solutions.section .branding_img img {
    max-width: 835px
}

.interactive.new-interactive.section .col-md-6.making_img img {
    max-width: 622px;
    margin-top: 25px
}

.corporate.section.new-interactive2,
.our_projects.news_panel.section {
    padding-top: 60px
}

.interactive.video_page.section {
    overflow: hidden;
    margin-top: 30px
}

.tab-panel2 .process_box.boxOne:before {
    content: "4"
}

.tab-panel2 .process_box.boxTwo .img_box:before {
    content: "5"
}

.process_box.boxThree.six:before,
.tab-panel2 .process_box.boxThree:before {
    content: "6"
}

.tab-panel3 .process_box.boxOne:before {
    content: "7"
}

.tab-panel3 .process_box.boxTwo .img_box:before {
    content: "8"
}

.tab-panel3 .process_box.boxThree:before {
    content: "9"
}

.tab-panel4 .process_box.boxOne:before {
    content: "10"
}

.tab-panel4 .process_box.boxTwo .img_box:before {
    content: "11"
}

.tab-panel4 .process_box.boxThree:before {
    content: "12"
}

.tab-panel2 .process_box.boxOne .img_box {
    padding: 50px 50px 101px;
    text-align: center
}

.company_img.desktop-mobile-img {
    max-width: 62%
}

.banner.stratgey-bg.section {
    background: url(../images/stratgey.png) 0 0/100% no-repeat;
    width: 100%;
    height: 520px;
    margin-top: 30px;
    position: relative;
    mix-blend-mode: multiply;
    padding-top: 50px
}

.banner.stratgey-bg.section:before {
    mix-blend-mode: multiply;
    content: "";
    background: #5d75b7;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

.banner.stratgey-bg.section .banner-content-ecommerce h1 {
    position: absolute;
    bottom: -300px
}

.digital-stratgey,
.news-panel-section {
    padding: 70px 0;
    clear: both
}

.owl-carousel5 .item img {
    width: auto
}

.owl-carousel5 {
    float: right;
    width: 100%;
    padding-top: 130px
}

.owl-carousel5 .item h3 {
    font-size: 32px;
    font-weight: 200;
    padding-bottom: 25px
}

.owl-carousel5 .item {
    font-size: 14px;
    font-weight: 300;
    position: relative
}

.our-process-content2 {
    position: absolute;
    width: 50%;
    bottom: 0
}

.owl-carousel5 .owl-stage-outer {
    overflow: initial
}

.our-process2-main {
    margin-left: -160px;
    margin-top: -124px
}

.our-process3-main,
.our-process4-main,
.our-process5-main {
    margin-left: 0;
    margin-top: 0
}

.owl-item.active .our-process2-main,
.owl-item.active .our-process3-main,
.owl-item.active .our-process4-main,
.owl-item.active .our-process5-main,
.owl-item.active .our-process6-main,
.owl-item.active .our-process7-main,
.owl-item.active .our-process8-main,
.owl-item.active .our-process9-main {
    margin-left: 0
}

.our-process-bg3 {
    margin-top: -20px
}

.owl-carousel5:before {
    height: 100%;
    content: "";
    width: 100%;
    position: static;
    z-index: 9;
    right: 0;
    top: 0
}

.our-process-content4 {
    width: 100%;
    margin-left: 0
}

.our-process-content5 {
    position: absolute;
    top: 100px;
    mar: 0;
    margin-left: 0;
    th: 100%
}

.our-process-content5 span,
.our-process-content7 span,
.our-process-content9 span {
    display: block;
    margin-top: 30px
}

.our-process6-main {
    margin-left: -170px;
    margin-top: -100px
}

.our-process-content6,
.our-process-content9 {
    width: 50%;
    margin-left: 70px
}

.our-process7-main {
    margin-left: -180px;
    margin-top: -133px
}

.our-process-content7,
.our-process-content8 {
    width: 50%;
    margin-left: 70px;
    position: absolute
}

.our-process-content7 {
    top: 90px
}

.our-process8-main {
    margin-left: -155px;
    margin-top: -99px
}

.our-process-content8 span {
    display: block;
    margin-bottom: 30px
}

.our-process9-main {
    margin-left: -160px;
    margin-top: -130px
}

.owl-carousel5 .owl-dots .owl-dot:before {
    content: "Technical SEO Audit";
    font-size: 15px;
    color: #58595b;
    padding-bottom: 12px;
    display: block
}

.owl-carousel5 .owl-dots .owl-dot:nth-child(2):before {
    content: "Keyword Research"
}

.owl-carousel5 .owl-dots .owl-dot:nth-child(3):before {
    content: "On Page SEO"
}

.owl-carousel5 .owl-dots .owl-dot:nth-child(4):before {
    content: "Off Page SEO"
}

.owl-carousel5 .owl-dots .owl-dot:nth-child(5):before {
    content: "Link Building"
}

.owl-carousel5 .owl-dots .owl-dot:nth-child(6):before {
    content: "Analytics and Tracking"
}

.owl-carousel5 .owl-dots {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 91;
    display: block;
    width: 100%
}

.owl-carousel5 .owl-dots .owl-dot {
    display: inline-block;
    width: auto;
    margin: 0 20px
}

.owl-carousel5 .owl-dots .owl-dot.active:before {
    color: #e09425
}

.owl-carousel5 .owl-dots .owl-dot span {
    background: rgb(0 0 0 / .39);
    position: absolute;
    bottom: -140px;
    right: -250px
}

.owl-carousel5 .owl-dots .owl-dot:nth-child(2) span {
    right: -265px
}

.owl-carousel5 .owl-dots .owl-dot:nth-child(3) span {
    right: -279px
}

.owl-carousel5 .owl-dots .owl-dot:nth-child(4) span {
    right: -293px
}

.owl-carousel5 .owl-dots .owl-dot:nth-child(5) span {
    right: -307px
}

.owl-carousel5 .owl-dots .owl-dot:nth-child(6) span {
    right: -321px
}

.owl-carousel5 .owl-dots .owl-dot:nth-child(7) span {
    right: -335px
}

.owl-carousel5 .owl-dots .owl-dot:nth-child(8) span {
    right: -349px
}

.owl-carousel5 .owl-dots .owl-dot:nth-child(9) span {
    right: -364px
}

.owl-carousel5 .owl-dots .owl-dot.active span,
.owl-carousel5 .owl-dots .owl-dot:hover span {
    background: #e09425
}

.home-sec6 {
    width: 100%;
    padding: 80px 0;
    max-width: 1370px;
    overflow: hidden;
    margin: 0 auto
}

.digital-stratgey h2,
.why-digital-stratgey h2 {
    margin-bottom: 50px;
    color: #182c41;
    font-size: 40px;
    font-weight: 600
}

.digital-content-panel h3 {
    color: #182c41;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 100px;
    line-height: 30px;
    font-family: var(--dm-sans);
    position: relative
}

.digital-content-panel p,
.stratgey-panel1 p {
    font-size: 15px;
    line-height: 28px;
    font-family: var(--dm-sans)
}

.digital-content-panel {
    padding: 25px 7px
}

.digital-content-panel h3:after {
    background: #000;
    width: 109%;
    height: 1px;
    position: absolute;
    content: "";
    bottom: -50px;
    left: -70px;
    z-index: -1
}

.digital-content-panel p {
    padding-right: 74px;
    color: #4d4d4d
}

.stratgey-panel1 p {
    color: #4c4c4c;
    margin-bottom: 30px
}

.stratgey-panel1 p strong {
    display: block;
    margin: 45px 0 0
}

.digital-list ul li span {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: #6dacde;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    line-height: 40px;
    font-family: 'Roboto Slab', serif;
    font-size: 18px
}

.digital-list ul li:nth-child(3) span {
    background: #2b4456
}

.digital-list ul li p {
    font-family: var(--dm-serif);
    display: inline-block;
    width: 66%;
    vertical-align: top;
    margin-left: 30px;
    font-size: 21px;
    color: #191919
}

.digital-list ul li {
    display: block;
    padding-bottom: 15px
}

.digital-list ul:after {
    background: #024c9f;
    width: 2px;
    height: 79%;
    content: "";
    position: absolute;
    left: 20px;
    top: 0;
    z-index: -1
}

.digital-list {
    padding-left: 50px
}

.how-digital-stratgey {
    background: #2b4456;
    clear: both;
    padding: 70px 0 50px;
    margin-top: 70px
}

.how-digital-stratgey .slider_right {
    float: none
}

.how-digital-stratgey h2 {
    margin-bottom: 80px;
    color: #fff;
    font-size: 55px;
    font-weight: 400
}

.stratgey-slider p {
    display: inline-block;
    width: 61%;
    color: #fff;
    font-size: 14px;
    margin: 4px 0
}

.stratgey-slider img {
    max-width: 100%;
    display: inline-block !important;
    vertical-align: top;
    margin-right: 20px
}

.work_page .stratgey-slider .owl-carousel .owl-nav.disabled {
    display: inline-block;
    position: absolute;
    top: 120px;
    left: 0
}

.work_page .stratgey-slider .owl-nav span {
    font-size: 30px;
    border: 0;
    width: 56px;
    height: 54px;
    line-height: 30px;
    background: url(../images/d-left-arrow.svg) no-repeat;
    display: inline-block;
    text-indent: -9999px
}

.work_page .stratgey-slider .owl-nav button.owl-next span {
    background: url(../images/d-right-arrow.svg) no-repeat
}

.branding-stratgey .col-md-7 img {
    position: absolute;
    left: -70px
}

.branding-stratgey-content {
    padding: 70px 0
}

.branding-quote h3 {
    font-size: 18px;
    color: #191919;
    margin-left: -140px;
    border-top: 1px solid #000;
    padding-top: 40px
}

.branding-quote h6 {
    font-family: Montserrat, sans-serif;
    text-align: right;
    margin: 20px 0;
    font-weight: 700;
    font-size: 15px
}

.branding-stratgey-content p {
    font-size: 15px;
    line-height: 24px
}

.branding-stratgey-content h2 {
    margin-bottom: 35px;
    color: #2b4456;
    font-size: 40px;
    font-weight: 600
}

.branding-bg1 {
    background: #fcca01;
    border-radius: 28px;
    padding: 50px
}

.branding-bg1 ul li {
    display: inline-block;
    width: 34%;
    padding: 5px 0;
    color: #191919;
    font-family: 'Roboto Slab', serif;
    position: relative;
    font-size: 18px
}

.branding-bg1 h2 {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 40px
}

.branding-bg1 ul li:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    top: 6px;
    left: -40px;
    background: url(../images/w-arrow.svg) no-repeat
}

.blog-content2,
.new-branding-content,
.our-client-logo ul {
    padding: 50px 0
}

.new-branding-content p,
.our-four-step .step p {
    font-size: 15px;
    line-height: 28px
}

.new-branding-img {
    position: absolute;
    top: -323px;
    width: 530px
}

.digital-transformation h2 {
    margin-bottom: 50px;
    color: #2b4456;
    font-size: 40px;
    font-weight: 600
}

.digital-content1 h3 {
    font-size: 55px;
    color: #2b4456;
    line-height: 60px;
    font-weight: 600
}

.digital-content1 p {
    font-size: 15px;
    line-height: 28px;
    margin: 56px 18px 0
}

.our-four-step {
    margin: 50px 0
}

.our-four-step h4 {
    font-weight: 800;
    font-size: 24px;
    margin-bottom: 70px
}

.our-four-step .step {
    background: #e9e4ce;
    border-radius: 16px;
    padding: 40px
}

.our-four-step .step h6 {
    position: absolute;
    top: -41px;
    font-size: 60px
}

.our-four-step .step h5 {
    font-size: 22px;
    margin: 18px 0 25px;
    font-family: Montserrat, sans-serif;
    font-weight: 700
}

.our-four-step .col-md-6 {
    margin-bottom: 60px
}

.step.step-3 {
    background: #c8cbe4
}

.step.step-4 {
    background: #fad334
}

.blog-head,
.news-head {
    clear: both;
    padding: 30px 0 80px
}

.blog-head .date,
.news-head .date {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 25px
}

.blog-head h2,
.news-head h2 {
    color: #2b4456;
    font-size: 48px;
    font-weight: 700;
    padding-right: 180px;
    margin-bottom: 65px
}

.red-bg {
    background: #ed1c24;
    padding: 50px
}

.red-bg p {
    font-size: 14px;
    color: #fff;
    line-height: 28px
}

.img-new-1 {
    display: inline-block;
    width: 39%;
    vertical-align: top;
    margin-top: -303px
}

.img-new-2 {
    display: inline-block;
    width: 60%;
    margin-top: -370px
}

.news-content2 p {
    font-size: 15px;
    line-height: 26px
}

.news-content2 {
    margin: 100px 0 66px;
    width: 640px;
    padding-bottom: 38px
}

.share-this {
    display: inline-block;
    margin: 0 20px
}

.bacl-listing a {
    background: #6dacde;
    padding: 7px 20px;
    font-size: 14px;
    text-decoration: none
}

.share-this a {
    background: #2b4456;
    color: #fff;
    padding: 7px 30px;
    border-radius: 20px;
    font-size: 14px;
    text-decoration: none
}

.bacl-listing img {
    margin-right: 10px
}

.blog-detail-1 .blue-bg {
    background: #183346;
    padding: 70px 30px 90px
}

.blog-detail-1 .blue-bg p {
    color: #fff;
    font-size: 21px;
    font-family: 'Roboto Slab', serif;
    font-weight: 200;
    line-height: 35px
}

.blog-detail-1 .blue-bg h5 {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    position: relative;
    font-weight: 600;
    display: inline-block;
    margin-top: 20px
}

.img-blog-1 {
    margin-top: -240px
}

.blog-content2 p {
    font-size: 15px;
    line-height: 26px;
    padding-right: 30px
}

.blog-detail-1 .blue-bg h5:after {
    content: "";
    background: #fcca01;
    width: 47%;
    height: 1px;
    position: absolute;
    bottom: -17px;
    left: 0
}

.blog-detail2 h2 {
    font-size: 24px;
    font-family: Montserrat, sans-serif;
    font-weight: 800;
    margin: 50px 0
}

.blog-detail2 h3 {
    font-size: 30px
}

.blog-detail2 p {
    font-size: 15px;
    line-height: 27px;
    padding-right: 50px;
    color: #000
}

.blog-3 {
    margin: 80px 10px 50px
}

.blog-3 h4 {
    font-size: 27px;
    margin-bottom: 30px;
    font-weight: 700;
    color: #2b4456
}

.blue-quote h5,
.blue-quote p {
    color: #fff;
    font-family: 'Roboto Slab', serif
}

.faq .accordion-item p,
.img-blog-2 {
    text-align: left
}

.blue-quote {
    text-align: center;
    margin: 70px 0 80px;
    background: #616bc9;
    padding: 70px
}

.blue-quote p {
    font-size: 21px;
    font-weight: 100
}

.blue-quote h5 {
    font-size: 16px;
    margin: 20px 0 0
}

.share-us {
    border-top: 1px solid #ddd;
    padding: 50px 0
}

.share-us h1 {
    font-size: 24px;
    font-weight: 700
}

.share-us p {
    margin-left: 15px;
    font-style: italic
}

.share-us .button-back {
    margin-top: 50px
}

.blog-slider {
    background: #dafafa;
    padding: 90px 0
}

.blog-slider a {
    color: #333;
    text-decoration: none
}

.blog-slider .date {
    margin: 20px;
    font-weight: 700;
    font-size: 14px
}

.blog-slider h3 {
    font-size: 16px;
    font-weight: 300;
    margin: 0 20px
}

.work_page .blog-slider .owl-carousel .owl-nav.disabled {
    display: inline-block;
    position: absolute;
    top: -33px;
    left: 0;
    width: 100%
}

.work_page .blog-slider .owl-nav span {
    font-size: 30px;
    border: 0;
    width: auto;
    height: inherit;
    line-height: 8px;
    background: url(../images/blog-left-arrow.svg) no-repeat;
    display: inline-block;
    text-indent: 0
}

.work_page .blog-slider .owl-nav button.owl-next span {
    background: url(../images/blog-right-arrow.svg) no-repeat
}

.work_page .blog-slider .owl-nav button.owl-next span:after {
    content: "Next Article";
    font-size: 12px;
    position: absolute;
    right: 17px;
    top: 4px;
    font-weight: 500
}

.work_page .blog-slider .owl-nav button.owl-prev span:after {
    content: "Previous Article";
    font-size: 12px;
    position: absolute;
    left: 15px;
    top: 5px;
    font-weight: 500
}

.form-slide.clicked,
.project-fix .form-slide1.clicked1 {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    right: 0
}

.form-slide,
.form-slide1 {
    background: rgb(249 249 249 / 97%);
    position: fixed;
    z-index: 99999;
    top: 0;
    right: -100%;
    height: 100%;
    max-width: 810px;
    width: 100%;
    padding: 47px 70px;
    overflow-y: auto;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.form-slide .request-quote,
.form-slide1 .request-quote {
    position: static;
    padding: 0;
    border: 0;
    box-shadow: inherit;
    background: 0 0
}

.c-hamburger,
.formbg_grey .request-quote {
    box-shadow: none
}

.form-slide h2,
.form-slide1 h2 {
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 50px
}

.form-slide .request-quote h4,
.form-slide1 .request-quote h4 {
    font-size: 28px;
    font-weight: 400;
    line-height: 38px;
    font-family: 'Roboto Slab', serif;
    color: #191919;
    padding-right: 85px
}

.form-slide.clicked li.nav-item.project_button,
.form-slide1.clicked1 li.nav-item.project_button {
    position: fixed;
    z-index: 99999999
}

body.home_page.project-fix li.nav-item,
body.work_page.project-fix li.nav-item.project_button {
    pointer-events: none
}

body.home_page.project-fix li.nav-item.project_button {
    pointer-events: inherit
}

.contact_form .form-control::placeholder {
    color: #333
}

body.work_page.project-fix .second_menu {
    opacity: 0;
    pointer-events: none
}

.work_page.hover1 .inner-pan .c-hamburger,
.work_page.hover1 .logo_box,
body.work_page.project-fix .line-bg1,
nav.sub-menu.open a {
    opacity: 0
}

body.work_page.project-fix li.nav-item {
    pointer-events: none;
    opacity: .1
}

body.work_page.project-fix nav.navbar.navbar-expand-md.bg-green.bg-grey.desktop_menu.fixed {
    background: 0 0;
    box-shadow: inherit
}

.our-client-logo ul li {
    float: left;
    border: 1px solid #ddd;
    width: 25%;
    border-top: 0;
    border-left: 0;
    text-align: center
}

.our-client-logo h4 {
    padding: 40px 0 20px;
    clear: both;
    font-size: 45px;
    color: #182c41;
    font-weight: 600
}

.our-client-logo p {
    font-size: 16px;
    color: #202020;
    padding-right: 180px;
    line-height: 28px;
    font-family: var(--dm-sans)
}

.our-client-logo {
    padding-bottom: 80px;
    clear: both
}

.slide-project a {
    background: #6dacde;
    border: 1px solid #fff;
    margin: 35px 26px;
    text-align: center
}

.our_projects.blog_panel.section {
    padding-top: 35px
}

.mobile-content {
    display: none;
    font-family: var(--dm-sans)
}

.row.work-group {
    display: block;
    margin: 0
}

.our-client-logo ul li img {
    max-width: inherit
}

.load_more_btn.clearfix {
    padding: 70px 0 10px;
    display: block
}

.close_slide {
    position: absolute;
    top: 35px;
    right: 87px
}

.humburger-slide {
    width: 290px;
    float: right;
    position: relative;
    z-index: 9
}

div#collapsibleNavbar .sideMenu ul li a {
    font-size: 14px;
    font-weight: 500;
    padding: 6px 10px
}

.humburger-location {
    margin-top: auto;
    padding-inline: 30px
}

.reash-us p.e_mail {
    margin-top: 12px;
    margin-bottom: 18px
}

div#collapsibleNavbar .reash-us p a {
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-size: 15px;
    text-transform: inherit;
    letter-spacing: inherit
}

div#collapsibleNavbar .slide-project a.nav-link {
    border: 1px solid #fff;
    margin: 0;
    font-size: 14px
}

.reash-us h4 {
    font-size: 14px;
    color: #fcca01;
    font-family: Montserrat, sans-serif;
    margin-bottom: 20px
}

.our_clients.section .load_more_btn a,
.rbox-close:focus,
.rbox-close:hover,
.rbox-next:focus,
.rbox-next:hover,
.rbox-prev:focus,
.rbox-prev:hover,
.view-portfolio a,
a.start_btn,
footer ul li a:hover {
    color: #fff;
    text-decoration: none
}

.col-md-12.i-human {
    margin: 20px 0
}

.project_images.section .view-portfolio {
    text-align: center;
    position: absolute;
    bottom: -125px;
    left: 0;
    right: 0
}

.view-portfolio a {
    background: #6dacde;
    padding: 5px 28px;
    border-radius: 0;
    font-size: 14px;
    border: 2px solid #6dacde;
    transition: .5s;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}

.view-portfolio a:hover {
    color: #6ea0d2;
    border: 2px solid #6ea0d2;
    background: 0 0
}

.clients_logo .view-portfolio {
    text-align: center;
    margin-top: 70px;
    margin-bottom: 20px
}

.our_Diary.section.desktop-dairy .view-portfolio {
    text-align: center;
    margin-top: 50px
}

.menu_service.three-menu ul ul {
    margin-left: 8px
}

.anachor-tag1 {
    position: relative;
    top: -100px;
    height: 0;
    width: 1px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

body.work_page.add1 a.navbar-brand.scroll-logo {
    display: none;
    padding: 20px 10px;
    position: relative;
    z-index: 999999
}

body.work_page.project-fix .close_slide {
    position: absolute;
    top: 30px;
    right: 84px;
    z-index: 99
}

.red_box.contant_black_box {
    background: #445ddb;
    padding: 70px 60px
}

.red_box.contant_black_box p {
    font-size: 30px;
    max-width: 100%;
    font-family: var(--dm-serif);
    line-height: 36px;
    font-weight: 600
}

a.start_btn {
    display: inline-block;
    margin: 30px 0;
    border: 1px solid #fff;
    border-radius: 0;
    padding: 5px 24px;
    letter-spacing: 2px;
    transition: .5s ease-out;
    padding-inline: 2rem;
    padding-block: 1.2rem;
    display: f;
    font-size: var(--font-14);
    font-family: var(--dm-sans);
    font-weight: 700;
    letter-spacing: 1.4px;
    background: linear-gradient(to right, var(--color6d) 50%, #ffffff00 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    width: fit-content
}

.clearfix {
    clear: both;
    width: 100%;
    display: block
}

.testimonials_clients iframe.video-size {
    width: 100%;
    height: 385px
}

.testimonials_clients .modal-body {
    padding: 6px 6px 0
}

.testimonials_clients button.close {
    position: absolute;
    background: #fff;
    width: 30px;
    height: 30px;
    z-index: 9999;
    border-radius: 30px;
    opacity: 1;
    top: -12px;
    right: -33px
}

.testimonials_clients button {
    border: 0;
    background: 0 0
}

.red-bg.green-bg {
    background: #59c55a
}

.news-content2 h3 {
    margin-bottom: 30px;
    display: block
}

.red-bg.blue-bg {
    background: #243d97
}

.red-bg.yellow-bg {
    background: #bb9a37
}

.project_images.section .more_testimonials ul li {
    float: left;
    width: 33.33%
}

.project_images.section .load_more_btn.clearfix {
    z-index: 9;
    bottom: -110px
}

.our_clients.section .clients_logo li img {
    max-width: 150px
}

.our_clients.section .more_testimonials li {
    width: 25%;
    margin-right: 0;
    max-width: 25%;
    height: inherit;
    line-height: inherit
}

.our_clients.section .more_testimonials ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0
}

.load_more_btn .btn,
.technical_Section a.btn {
    width: 163px;
    height: 49px;
    border-radius: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 14px;
    font-family: var(--dm-sans);
    font-weight: 700;
    line-height: 1;
    background: linear-gradient(to right, var(--color6d) 50%, var(--colorfc) 50%);
    background-size: 200% 110%;
    background-position: right bottom;
    transition: .5s ease-out;
    border: none;
    margin: auto
}

.slider-nav-thumbnails.slick-initialized .slick-slide img {
    opacity: 0;
    height: 41px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
    left: 0;
    padding: 10px 15px;
    overflow: hidden;
    font-family: var(--dm-sans)
}

.slider-nav-thumbnails.slick-initialized .slick-slide {
    position: relative;
    padding: 10px 14px;
    font-size: var(--font-14);
    color: #000;
    font-weight: 600;
    text-align: center;
    font-family: var(--dm-sans)
}

.slider-nav-thumbnails .slick-slide.slick-active {
    opacity: 1;
    background: #6dacde;
    text-align: center;
    color: #fff
}

.seo-analysis-panel button.slick-next,
.seo-analysis-panel button.slick-prev {
    display: none !important
}

.seo-analysis-panel {
    margin-top: 59px
}

.slider.slick-initialized.slick-slider {
    padding: 25px 0
}

.seo-analysis-panel h3 {
    font-size: 24px;
    font-family: var(--dm-serif);
    margin-bottom: 20px
}

.seo-analysis-panel p {
    font-size: var(--font-14);
    line-height: 26px;
    color: #000
}

.process_box.boxThree.four {
    padding-left: 64px;
    margin-left: 0
}

.process_box.boxThree.four:before {
    content: "4";
    left: 53px
}

.process_box.boxThree.four:after {
    position: absolute;
    top: -3px;
    content: "";
    right: -206px;
    background: url(../images/line1.png) no-repeat;
    width: 206px;
    height: 250px;
    left: inherit
}

.faq .accordion-item .accordion-button.collapsed::before,
.faq .accordion-item .accordion-button::before {
    right: 10px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute
}

.card:first-child .process_seo1:before,
.card:nth-child(2) .process_seo1:before,
.card:nth-child(3) .process_seo1:before,
.card:nth-child(4) .process_seo1:before,
.card:nth-child(5) .process_seo1:before,
.card:nth-child(6) .process_seo1:before {
    width: 50px;
    font-size: 25px;
    background: #fff;
    position: absolute;
    text-align: center;
    color: #000
}

.process_box.boxTwo.five {
    padding-bottom: 0;
    position: relative;
    margin-top: 54px;
    border: 0
}

.process_box.boxTwo.five .img_box {
    border: 0;
    border-bottom: 5px solid #c9d7ee;
    margin-top: -41px
}

.process_box.boxTwo.five .img_box:before {
    bottom: -20px;
    content: "5"
}

.slider-nav-thumbnails.slick-initialized.slick-slider {
    height: 40px
}

.card:first-child .process_seo1:before {
    content: "1";
    top: -50px;
    border-radius: 100%;
    border: 4px solid #c9d7ee
}

.card:nth-child(2) .process_seo1:before,
.card:nth-child(3) .process_seo1:before {
    top: -50px;
    border-radius: 100%;
    line-height: 42px;
    height: 50px;
    left: -2px;
    z-index: 999
}

.card:nth-child(2) .process_seo1:before {
    content: "2";
    border: 4px solid #c9d7ee
}

.card:nth-child(3) .process_seo1:before {
    content: "3";
    border: 4px solid #c9d7ee
}

.card:nth-child(4) .process_seo1:before {
    content: "4";
    height: 50px;
    left: -2px;
    z-index: 999;
    top: 0;
    border-radius: 100%;
    line-height: 42px;
    border: 4px solid #c9d7ee
}

.card:nth-child(5) .process_seo1:before,
.card:nth-child(6) .process_seo1:before {
    height: 50px;
    left: -2px;
    z-index: 999;
    top: -50px;
    line-height: 42px
}

.card:nth-child(5) .process_seo1:before {
    content: "5";
    border-radius: 100%;
    border: 4px solid #c9d7ee
}

.card:nth-child(6) .process_seo1:before {
    content: "6";
    border-radius: 100%;
    border: 4px solid #c9d7ee;
    font-weight: 600;
    font-family: Montserrat, sans-serif
}

.mobile-seo-panel.mobile-content a.card-link.collapsed:after {
    background: url(../images/plus-1.svg) no-repeat;
    content: "";
    position: absolute;
    top: 17px;
    right: 20px;
    width: 20px;
    height: 20px;
    display: inline-block
}

.mobile-seo-panel.mobile-content a.card-link:after {
    background: url(../images/close.png) no-repeat;
    content: "";
    position: absolute;
    top: 17px;
    right: 23px;
    width: 16px;
    height: 16px;
    display: inline-block
}

.company_text.col-md-6 .owl-carousel {
    width: 256px
}

.our_Diary.section.desktop-dairy .view-portfolio a {
    margin: 0 6px
}

.carrer-name {
    clear: both;
    padding: 50px 0;
    display: block
}

.carrer-name h1 {
    margin-bottom: 24px;
    font-size: 1.75rem
}

.carrer-name h4 {
    margin: 50px 0 24px
}

.carrer-name ul li {
    list-style: disc;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 10px
}

.carrer-name ul {
    padding: 10px 20px
}

.ap-btn a {
    background: #6dacde;
    display: inline-block;
    padding: 5px 30px;
    margin: 28px 0;
    border: 1px solid #6dacde;
    text-decoration: none;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: 600
}

body.home_page.noContent1 .project_images.section .load_more_btn button {
    display: inline-block;
    text-align: center
}

.company_img.desktop-mobile-img video {
    max-width: 100%;
    width: 100%
}

.appy-box.row {
    padding: 0;
    margin: 50px 0
}

.appy-box.row .form-control {
    height: inherit;
    padding: 12px 0;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 14px;
    border: 0;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    box-shadow: inherit;
    outline: 0
}

.appy-box.row textarea {
    width: 100%;
    display: block;
    font-size: 14px;
    padding: 20px;
    border: 1px solid #ddd;
    height: 175px
}

.appy-box.row .col-md-6.form-group label {
    font-size: 14px;
    text-align: center
}

.appy-box.row [type=file]+label {
    border-radius: 3px;
    padding: 10px;
    width: 100%;
    margin: 0 0 30px;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    left: 0;
    top: 0;
    background: #333;
    color: #fff;
    border: none;
    cursor: pointer
}

.appy-box.row p {
    color: #b0b0b0;
    margin: 0 0 10px
}

.appy-box.row [type=file] {
    position: absolute;
    opacity: 0;
    z-index: 9;
    cursor: pointer
}

.appy-box.row span {
    color: red
}

.apply-now-panel h4 {
    margin: 50px 0;
    font-size: 35px
}

.appy-box.row button.btn.btn-primary {
    background: #6dacde;
    border: 0;
    padding: 8px 50px;
    font-size: 15px;
    margin: 50px 0;
    letter-spacing: 2px;
    font-weight: 600
}

.apply-now-panel h6 {
    margin: 20px 0 0;
    display: block
}

.appy-box.row input::placeholder {
    color: #333
}

body.home_page .our_clients.section .clients_logo li {
    background: rgb(255 255 255 / 18%);
    margin-right: 13px;
    width: 19%;
    padding: 0;
    margin-bottom: 13px
}

.news-bg {
    background: #ddd;
    width: 540px;
    height: 343px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px
}

.new-top-detail h3 {
    font-size: 20px;
    font-weight: 300;
    line-height: 30px
}

.news-date {
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    margin-bottom: 20px
}

.col-md-12 .new-top-detail h3 {
    font-weight: 500;
    margin-bottom: 20px;
    color: #191919
}

.news-panel-section .col-md-12 {
    border-bottom: 1px solid #ddd;
    padding: 30px 0;
    margin: 0 20px 15px
}

.new-top-detail p {
    font-size: 16px;
    line-height: 28px;
    color: #4c4c4c
}

.strgey-number ul li {
    width: 30%;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 30px;
    margin-right: 28px
}

.stratgey-slider .strgey-number ul li img {
    width: 45px;
    height: 45px;
    object-fit: contain;
    text-align: center
}

.strgey-number ul li p {
    width: 70%;
    display: inline-block;
    padding: 8px 0;
    font-size: 15px
}

.wordpress_devlopment.web_App.section.erp-web {
    background: #13283d
}

.work-slide-bg .owl-carousel .owl-item h6 img {
    max-width: 100%;
    width: auto;
    display: inline-block;
    margin-right: 8px
}

.work-slide-bg h5 span:first-child {
    font-weight: 700;
    width: 33%;
    display: inline-block
}

.work-slide-bg h6 a {
    color: #000;
    font-size: 12px;
    display: inline-block
}

.work-slide-bg h6 {
    border-top: 1px solid;
    padding: 15px 0;
    margin: 25px 0 0
}

.contact_form .request-btn {
    margin: 30px 0;
    display: inline-block;
    border: 0;
    background: #6dacde;
    padding: 7px 37px;
    color: #fff;
    border-radius: 29px
}

.col-md-12.career-all button {
    background: #2b4456;
    border-radius: 25px;
    padding: 6px 30px
}

.work-section-4 .load_more_btn.clearfix {
    padding: 20px 0 0
}

.work-section-4 h3 {
    text-align: left;
    font-size: 24px
}

.service-col {
    width: 33%;
    display: inline-block;
    vertical-align: top
}

.service-col label.css-label span {
    display: inline-block;
    font-size: 14px;
    vertical-align: text-bottom;
    cursor: pointer;
    font-family: var(--dm-sans)
}

.service-col label.css-label {
    width: 90%;
    display: flex;
    gap: 14px
}

.service-col input.css-checkbox {
    display: inline-block;
    width: 4%
}

.service-col h5 {
    margin: 20px 0;
    font-weight: 600
}

.tab-content .yellow_box ul {
    max-width: 30rem
}

.tab-content .yellow_box ul li a:after {
    mix-blend-mode: difference
}

.tab-content .yellow_box ul li {
    padding: 8px 15px 8px 0;
    max-width: 100%
}

.yellow_box li {
    position: relative;
    max-width: 260px
}

.yellow_box li a:after {
    background: url(../images/right-arrow1.svg) no-repeat;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 20px
}

.new-icon {
    display: inline-block;
    border: 1px solid #f7f7f7;
    width: 225px;
    vertical-align: top;
    margin: 0 40px 0 0
}

.new-top-detail {
    width: 75%;
    display: inline-block;
    vertical-align: top
}

.work_page2.testimonials_page.case-studies-det.section .news-content2 h3 {
    font-size: 30px;
    padding-bottom: 30px;
    margin-bottom: 0
}

.img-new-2.dr-lal-img img {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px
}

.img-new-2.dr-lal-img {
    width: 60%;
    margin-top: -303px;
    text-align: center
}

.tab_part.section li.nav-item:first-child.active {
    background: #eacd58;
    border-radius: 15px
}

.tab_part.section li.nav-item:nth-child(2).active {
    background: #8f3939;
    border-radius: 15px
}

.tab_part.section li.nav-item:nth-child(3).active {
    background: #4c77c2;
    border-radius: 15px
}

.tab_part.section .nav-pills .nav-link {
    padding: 15px 40px;
    border: none;
    background: 0 0
}

ul.custom-navbar li.active a:after {
    content: "";
    width: 30px;
    height: 30px;
    position: relative;
    left: 0;
    top: -3px;
    display: inline-block;
    vertical-align: top
}

ul.custom-navbar li:first-child.active a:after {
    background: url(../images/all-hover.png)
}

ul.custom-navbar li:nth-child(2).active a:after {
    background: url(../images/web-icon-hover.png)
}

ul.custom-navbar li:nth-child(3).active a:after {
    background: url(../images/cart-icon-hover.png)
}

ul.custom-navbar li:nth-child(4).active a:after {
    background: url(../images/d-media-icon-hover.png)
}

ul.custom-navbar li:nth-child(5).active a:after {
    background: url(../images/wordpress-icon-hover.png)
}

ul.custom-navbar li:nth-child(6).active a:after {
    background: url(../images/application-icon-hover.png)
}

ul.custom-navbar li:nth-child(7).active a:after {
    background: url(../images/mobile-app-hover.png)
}

ul.custom-navbar li:nth-child(8).active a:after {
    background: url(../images/media-icon-hover.png)
}

.sitemap-menu ul ul:after,
.sitemap-menu.second-pages ul:after {
    position: absolute;
    top: 0;
    height: 100%;
    width: 1px;
    background: rgb(109 172 222 / 4%);
    border-left: 2px solid;
    content: ""
}

.digital-transformation {
    padding: 80px 0 0
}

.sideMenu .reash-us span {
    display: inline-block;
    margin-right: 7px;
    margin-top: 10px
}

.work-slide-bg span:nth-child(2) {
    width: 63%;
    display: inline-block;
    vertical-align: top
}

.privacy-policy-section p strong {
    margin-bottom: 60px;
    display: block
}

.privacy-policy-section h3 {
    margin: 30px 0;
    font-weight: 600
}

.privacy-policy-section ul li {
    list-style: disc;
    margin-bottom: 20px;
    font-size: 14px
}

.privacy-policy-section ul {
    padding: 0 20px 20px
}

.privacy-policy-section ul ul {
    padding: 20px 20px 0
}

a#\37 {
    border: 1px solid
}

a.query-btn.continue.thnk_u {
    margin-bottom: 70px
}

body.work_page.noContent11 a.view_btn {
    display: inline-block;
    background: #66acdc;
    border-radius: 25px;
    color: #fff;
    padding: 5px 30px;
    border: 2px solid #66acdc;
    font-size: 14px;
    text-decoration: none
}

body.work_page.noContent11 a.view_btn:hover {
    color: #66acdc;
    border: 2px solid #66acdc;
    background: 0 0
}

.work-detail-structure p strong {
    font-family: 'Roboto Slab', serif;
    font-size: 1rem;
    font-weight: 600
}

.sitemap {
    padding: 70px 200px;
    clear: both
}

.sitemap h2 {
    margin-bottom: 26px
}

.sitemap ul li a {
    font-size: 14px;
    color: #000
}

.sitemap ul {
    margin: 15px 0;
    padding: 0
}

.sitemap ul li {
    margin: 10px 0
}

.sitemap ul ul {
    padding: 0 10px
}

.sitemap-menu ul li a:hover {
    color: #6dacde
}

.sitemap-menu {
    border-left: 10px solid #6dacde;
    padding-left: 36px
}

.sitemap-menu ul ul {
    position: relative;
    margin-left: 7px
}

.sitemap-menu ul ul:after {
    left: -5px
}

.sitemap-menu ul ul li {
    list-style: circle
}

.sitemap-menu.second-pages {
    border-left: 0;
    margin-left: 100px
}

.sitemap-menu.second-pages ul li {
    list-style: circle;
    padding: 5px 10px
}

.sitemap-menu.second-pages ul {
    position: relative;
    margin-left: 20px
}

.sitemap-menu.second-pages ul:after {
    left: -15px
}

.social_icons ul {
    display: flex;
    justify-content: center;
    padding: 0;
    float: none
}

.copyright .row,
.custom-navbar {
    align-items: center
}

.social_icons ul li a {
    border: 0;
    padding: 0;
    margin: 30px 8px 0
}

ul.industry_type.pull-right.dig_market {
    width: 100%;
    margin-top: 12px
}

.main_location,
.ncr_text {
    border-top: 1px solid #505050
}

.sticky_menu {
    position: sticky;
    top: 100px;
    background: #fff;
    width: 100%;
    margin: 69px 0 20px;
    z-index: 9;
    padding: 10px 0;
    float: left
}

.custom-navbar {
    margin: 0;
    display: flex
}

.ncrInside_text h1 {
    font-size: 31px;
    color: #fff;
    margin: 40px 0 50px
}

ul.footer-list li {
    color: #fff;
    font-size: 14px;
    padding: 10px 0;
    list-style: disc
}

ul.footer-list {
    padding-left: 20px;
    padding-bottom: 20px
}

li.nav-item.project_button1 {
    position: fixed;
    right: -63px;
    top: 60%;
    transform: rotate(-90deg)
}

li.nav-item.project_button1 a {
    background: #2664ae;
    box-shadow: 0 0 6px rgb(204 204 204 / 28%);
    color: #fff !important;
    border: 1px solid #2664ae !important
}

.ncr_boxes p,
p.web_services {
    text-align: left !important
}

.ncr_boxes h4 {
    color: #fff;
    margin: 40px 0 25px;
    display: block
}

.ncr_boxes h5 {
    color: #fff;
    font-size: 18px;
    margin: 24px 0 20px
}

.ncrLinks.e-com-full {
    width: 40%
}

.ncrLinks a {
    color: #fff;
    font-size: 12px;
    padding: 6px 0;
    display: block
}

.ncrLinks {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    margin-right: 31px
}

.ncrLinks h6 {
    color: #fff;
    margin: 20px 0
}

.main_location {
    margin-top: 50px;
    padding-top: 30px
}

.education-panel1 h2 {
    clear: both;
    padding: 50px 0 20px
}

.education-panel1 ul li {
    display: inline-block;
    list-style: disc;
    padding: 18px 0;
    width: 29%;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    margin-right: 40px
}

.seo_projects.section.edu1 h3 {
    font-size: 2rem;
    margin-bottom: 50px;
    padding-top: 0
}

.seo_projects.section.edu1 .seo_projects_box p {
    font-size: 18px;
    line-height: 25px;
    min-height: 90px;
    margin-top: 10px
}

ul.industry_type.pull-right.dig_market li {
    width: 100%;
    float: none
}

.digital2 p {
    color: #fff;
    font-size: var(--font-16)
}

.faq {
    padding: 0;
    clear: both
}

.faq_wrapper {
    background: #fff;
    padding: 100px 0
}

.faq_wrapper .faq h2 {
    font-size: 48px;
    color: #182c41;
    text-align: center;
    margin-bottom: 40px
}

.comn_list li,
.faq .accordion-item p {
    color: #4c4c4c;
    font-size: 16px;
    font-family: var(--dm-sans)
}

.faq .accordion-item {
    margin-bottom: 16px
}

.faq .accordion-item p a {
    font-weight: 500;
    text-decoration: none
}

.faq .accordion-item .accordion-button {
    width: 100%;
    background: #eef4f9;
    border: 0;
    padding: 20px 50px 20px 20px;
    color: var(--color18);
    font-family: var(--dm-sans);
    font-size: 21px;
    line-height: 30px;
    text-align: left;
    font-weight: 500;
    position: relative
}

.faq .accordion-item .accordion-button::before {
    background-image: url(../images/faq-icon-open.svg);
    content: "";
    top: 17px
}

.faq .accordion-item .accordion-button.collapsed::before {
    background-image: url(../images/faq-icon-close.svg);
    content: "";
    top: 17px
}

.faq .accordion-body {
    padding: 20px 20px 50px
}

.comn_list li {
    position: relative;
    line-height: 26px;
    padding-left: 30px;
    margin: 10px 0
}

.comn_list li::before {
    width: 6px;
    height: 6px;
    content: "";
    left: 0;
    top: .9rem;
    position: absolute;
    background: #4c4c4c;
    border-radius: 100%
}

footer {
    background: #0d0d0d;
    width: 100%;
    height: auto;
    padding-block: 3rem
}

.all_linkwrap ul,
footer ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0;
    margin: 0
}

footer ul li {
    width: 21%;
    margin-bottom: 65px
}

.all_linkwrap ul li:nth-of-type(4),
footer ul li:nth-of-type(4) {
    width: 15%
}

footer ul li p,
footer ul li p a {
    color: #78abdc;
    margin-bottom: 30px;
    font-size: var(--font-16)
}

footer ul li a {
    color: #8b8b8b;
    font-size: var(--font-12);
    margin-bottom: 14px;
    display: block
}

.copyright {
    max-width: 920px;
    margin: auto
}

.copyright ul li {
    width: auto;
    color: #fff;
    margin: 0 10px;
    font-size: var(--font-12)
}

.copyright ul li a {
    color: #fff;
    margin: 0
}

.copyright ul li a:hover {
    color: #78abdc
}

.copyright .ftsocial_icons li a {
    width: 35px;
    height: 35px;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin: 0
}

.all_linkwrap {
    padding: 100px 0 0;
    background: #fff;
    width: 100%;
    height: auto;
    margin-top: 100px
}

.all_linkwrap ul li {
    width: 28%;
    margin-bottom: 65px
}

.all_linkwrap ul li p {
    color: #78abdc;
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 500
}

.all_linkwrap ul li a {
    color: #8b8b8b;
    font-size: 14px;
    margin-bottom: 14px;
    display: block
}

.all_linkwrap ul li a:hover {
    color: #000;
    text-decoration: none
}

.life_gallery {
    display: grid;
    grid-gap: 30px
}

.life_gallery figure img {
    width: 100%;
    height: auto;
    min-height: 316px;
    object-fit: cover
}

.life_gallery p {
    padding: 20px 15px;
    text-align: center;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: #202020;
    background: #fff
}

.main_headingnew p,
.main_headingnew p~h2 {
    color: #fff;
    line-height: 1.2;
    margin-bottom: .5rem
}

.life_gallery li {
    position: relative;
    background: #fff
}

.life_gallery a {
    text-decoration: none;
    position: absolute;
    inset: 0
}

.life_gallery a::after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    z-index: 1
}

.lifegelry_details {
    padding: 80px 0;
    margin-top: 100px
}

.lifegelry_details ul {
    display: grid;
    grid-gap: 20px;
    padding: 0;
    margin-top: 40px
}

.lifegelry_details ul li {
    cursor: pointer;
    border-radius: 15px;
    overflow: hidden;
    height: 330px
}

.lifegelry_details ul li a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
    object-position: top
}

.lifegelry_details ul li:hover img {
    transform: scale(1.1);
    transition: .5s
}

.rbox {
    padding: 10px 10px 5px
}

.rbox-caption {
    padding: 10px 0 5px;
    font-size: 16px;
    font-weight: 500
}

.rbox-close {
    right: -14px;
    top: -14px;
    font-size: 16px;
    border-radius: 100%;
    background: #fff
}

.gallery_tittle,
.main_headingnew p {
    font-size: 48px;
    display: inline-block;
    font-weight: 600;
    position: relative
}

.our_diarynew {
    width: 100%;
    height: auto
}

.img_fit,
.img_fit img {
    height: 100%;
    width: 100%
}

.img_fit img {
    object-fit: cover
}

.our_diarynew .row {
    margin-bottom: 6px
}

.our_diarynew .row .col-lg-5,
.our_diarynew .row .col-lg-7 {
    padding-left: 3px;
    padding-right: 3px
}

.our_diarynew .diary_imgwrap {
    display: grid;
    height: 100%;
    width: 100%;
    position: relative
}

.our_diarynew .diary_imgwrap a {
    position: absolute;
    inset: 0
}

.our_diarynew .diary_imgwrap .img_content {
    padding: 35px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.our_diarynew .diary_imgwrap .date_details p {
    font-size: 14px;
    margin-bottom: 21px
}

.our_diarynew .diary_imgwrap .date_details blockquote {
    font-size: 21px;
    line-height: 31px;
    margin: 0;
    font-family: 'Roboto Slab', Light;
    font-weight: 300
}

.gallery_tittle {
    color: #000;
    padding: 5px 0 20px;
    margin-bottom: 25px
}

.main_headingnew p {
    padding: 25px 0 35px;
    font-family: var(--dm-sans)
}

.main_headingnew p::before {
    position: absolute;
    content: "";
    width: 70px;
    height: 3px;
    background: #3c4280;
    bottom: 0
}

.main_headingnew p~h1 {
    padding: 15px 0 0
}

.main_headingnew p~h2 {
    display: inline-block;
    position: relative;
    padding: 10px 0 0;
    font-size: 40px;
    font-family: 'Roboto Slab', serif;
    font-weight: 500
}

.digital_marketing .seo_img img {
    max-width: 1250px
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .seo_right_text {
        right: 14%
    }
}

.formbg_grey {
    background-color: #f9f9f9
}

.formbg_grey .request-quote h4 {
    font-weight: 600;
    line-height: 38px;
    color: #182c41;
    padding-right: 85px;
    font-size: 35px;
    margin-bottom: 20px;
    font-family: var(--dm-serif)
}

.top-part a.btn,
p.entry-title.default-max-width {
    padding: 3px 12px
}

@media (min-width:1920px) and (max-width:4000px) {
    .herobanner .owl-nav {
        max-width: 1700px
    }

    .formbg_grey .request-quote h4 {
        margin-bottom: 45px;
        font-size: 48px
    }
}

@media only screen and (max-width:990px) {
    .education-panel1 ul li {
        width: 100%;
        margin-right: 0
    }

    .ncrLinks {
        display: inline-block;
        width: 44%;
        vertical-align: top;
        margin-right: 14px
    }

    .ncrLinks h6 {
        color: #fff;
        margin: 20px 0;
        font-size: 14px
    }

    .ncrLinks.e-com-full {
        width: 100%
    }

    .video_section {
        background: url(../images/sterco-mobile-banner.webp) 0 0/cover no-repeat;
        height: 100vh
    }

    .video_section video {
        display: none
    }

    .video_section figure img {
        display: block;
        object-fit: cover;
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        z-index: 0;
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

    .hybird_appdevelopment .design_text .getaquote {
        margin-top: 0
    }
}

.quote_btn {
    margin-top: 35px
}

.quote_btn .btn.getaquote {
    width: 190px;
    height: 47px;
    border-radius: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    background: linear-gradient(to right, var(--color6d) 50%, var(--colorfc) 50%);
    background-size: 200% 110%;
    background-position: right bottom;
    transition: .5s ease-out;
    border: none
}

.aap_banner-content .quote_btn .btn.getaquote,
.btn-outline.getaquote,
.enterprise-app .btn.getaquote,
.paid_marketing .quote_btn .btn.getaquote {
    border: 1px solid #fff;
    padding: 8px 30px;
    border-radius: 0;
    margin: 25px 0 0;
    padding-inline: 2rem;
    padding-block: 1.2rem;
    text-decoration: none;
    color: #fff;
    font-size: var(--font-14);
    font-family: var(--dm-sans);
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    background: linear-gradient(to right, var(--color6d) 50%, #ffffff00 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: .5s ease-out;
    width: fit-content;
    display: flex
}

.main_mobileApp .quote_btn {
    padding-left: 30px
}

.aap_banner-content {
    position: relative;
    z-index: 10
}

@media(max-width:767px) {
    .quote_btn .btn.getaquote {
        margin: 20px auto
    }

    .main_mobileApp .quote_btn {
        padding-left: 20px;
        margin-top: 0;
        margin-bottom: 40px
    }
}

.whatsapp-icon img {
    width: 14px;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1)
}

.office-1 .btn {
    background: #6dacde;
    border: 2px solid #6dacde;
    font-size: 14px;
    border-radius: 25px;
    padding: 5px 25px;
    margin: 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px
}

.office-1 .btn:hover {
    border: 2px solid #fff;
    background: 0 0;
    color: #fff
}

.office-1 h5 {
    font-size: 18px;
    color: #fff;
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-weight: 600
}

.contact_form textarea.form-control {
    min-height: 160px
}

.floating {
    position: fixed;
    z-index: 99
}

.whatsapp-link {
    left: 10px;
    bottom: 10px;
    width: 60px;
    height: 60px;
    display: grid;
    background: #25d366;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    filter: drop-shadow(0 0 10px rgb(0 0 0 / .15));
    -webkit-filter: drop-shadow(0 0 10px rgb(0 0 0 / .15))
}

.whatsapp-link .whatsapp-icon img {
    width: 2.3rem
}

.footer footer .container {
    display: block !important
}

@media (max-width:991.98px) {
    .whatsapp-link {
        bottom: 5rem
    }
}

.col-md-4.border-1 .top-part {
    margin: 5px auto;
    padding: 12px;
    min-height: 447px;
    background: #fff;
    border: 1px solid #ddd;
    position: relative;
    box-shadow: 0 0 7px 0 #e4e4e4
}

.top-part-date-title {
    color: #212529;
    font-weight: 800;
    padding: 26px 10px 0;
    font-size: 12px
}

.entry-title.default-max-width {
    font-size: 18px;
    margin: 10px 0;
    font-weight: 400;
    text-transform: initial
}

.top-part a.btn {
    position: absolute;
    left: 20px;
    font-weight: 500;
    border: 1px solid #ccc;
    bottom: 20px;
    background: #ddd;
    color: #000;
    font-size: 15px;
    border-radius: 3px
}

.wp_Widget {
    background-color: #eff8ff;
    padding: 15px;
    margin-bottom: 25px
}

.wp_SideBar h2 {
    color: #212529;
    font-size: 20px;
    letter-spacing: 1px;
    padding: 12px 0;
    margin-bottom: 15px;
    position: relative
}

.wp_SideBar ul li {
    line-height: 20px;
    margin-bottom: 8px;
    position: relative;
    padding-left: 15px;
    list-style: none
}

.wp_SideBar ul li a {
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
    color: #212529
}

.wp_SideBar ul li:after {
    position: absolute;
    content: "\f054";
    font-family: FontAwesome;
    font-size: 10px;
    left: 0;
    top: 0;
    color: #2b4456
}

.wp-pagenavi {
    clear: both;
    margin: 13px
}

.wp-pagenavi a {
    text-decoration: none;
    border: 1px solid #bfbfbf;
    padding: 3px 5px;
    margin: 2px;
    color: #2f4246
}

.author .page-header.alignwide .page-title,
.category .page-header.alignwide .page-title,
.single-post.work_page header.entry-header.alignwide h1 {
    font-size: 34px;
    color: #2b4456;
    font-family: 'Roboto Slab', serif;
    font-weight: 800;
    padding-right: 249px
}

.entry-header.alignwide .entry-title {
    border-bottom: 3px solid #2b4456;
    padding-bottom: 20px
}

#primary p {
    text-align: initial
}

p.float-right.display_name {
    margin: -68px 0;
    font-weight: 600
}

.entry-content {
    margin-bottom: 58px;
    border-bottom: 1px solid #dde;
    padding-bottom: 2.5rem;
    text-align: justify;
    word-wrap: break-word;
    line-height: 1.7
}

.entry-content img {
    max-width: 100%;
    width: 100%;
    height: auto;
    aspect-ratio: auto 1920/960
}

body,
html {
    font-size: 62.5%
}

.sub-menu {
    top: 0;
    right: 100%;
    transition: .5s;
    height: 100%;
    position: fixed;
    border-radius: 0;
    z-index: 99;
    overflow: hidden;
    width: 100%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    background: var(--unnamed-color-000000) 0 0 no-repeat padding-box;
    background: no-repeat padding-box #000000b3;
    opacity: 1;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px)
}

.menu_nav.hembbgr_wrap {
    background: #1c2c40;
    margin: 1.9rem auto;
    width: 98%
}

.menu_service.two-menu {
    background: var(--color18);
    height: 100%
}

.sub-menu.oppenned {
    right: 0;
    opacity: 1
}

.sub-menu li {
    display: block;
    list-style: none;
    height: auto;
    margin-left: 0;
    transition: .5s cubic-bezier(.68, -.55, .265, 1.55)
}

.c-hamburger span,
.c-hamburger span:after {
    display: block;
    height: 1px;
    position: absolute
}

.sub-menu li a {
    color: #fff;
    width: 100%;
    display: flex;
    line-height: 35px
}

.banner_caption p b,
.sub-menu li a:hover {
    color: var(--colorfc)
}

.c-hamburger {
    text-align: right;
    display: block;
    /* position: fixed; */
    top: 47px;
    overflow: hidden;
    width: 27px;
    height: 36px;
    z-index: 999;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border-radius: none;
    border: none;
    transition: .5s;
    cursor: pointer;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.c-hamburger span {
    top: 20px;
    left: 0;
    right: 0;
    background: var(--color6d);
    text-align: right
}

.c-hamburger span:after,
.c-hamburger span:before {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--color6d);
    content: ""
}

.c-hamburger span:after {
    right: -6px;
    width: 70%;
    background-color: var(--color6d);
    content: "";
    left: inherit;
    display: flex;
    margin: auto;
    bottom: -10px
}

.c-hamburger span:before {
    top: -10px
}

.c-hamburger--htx span {
    -webkit-transition: background 0s .3s;
    transition: background 0s .3s
}

.c-hamburger--htx span:after,
.c-hamburger--htx span:before {
    -webkit-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s;
    -webkit-transition-delay: 0.3s, 0s;
    transition-delay: 0.3s, 0s
}

.c-hamburger--htx span:before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform
}

.c-hamburger--htx span:after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform
}

.c-hamburger--htx.is-active span {
    background: 0 0
}

.c-hamburger--htx.is-active span:after,
.c-hamburger--htx.is-active span:before {
    -webkit-transition-delay: 0s, 0.3s;
    transition-delay: 0s, 0.3s;
    background: #fff
}

.c-hamburger--htx.is-active span:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-hamburger--htx.is-active span:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 100%;
    right: inherit
}

.menu_block {
position: relative; 
display: flex; 
align-items: 
center; gap: 6.5rem; 
padding-block: 3rem; 
transition: .5s; 
-webkit-transition: .5s; 
-moz-transition: .5s; 
-ms-transition: .5s; 
-o-transition: .5s; 
z-index: 99;
}

.slide_left_menu {
    align-items: center;
    justify-content: center
}

.top_nav .container-fluid {
    padding-inline: 5.5rem
}

.slideshow-custom {
    background: 0 0;
    /* margin-top: -11.4rem */
}

.slideshow-container {
    padding-bottom: 64px
}

.section-header h1 {
    color: #fff;
    font-family: Lyon Display;
    font-size: 48px;
    font-style: italic;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 17px
}

.slideshow-main {
    overflow: visible
}

.slideshow-main .swiper-slide img {
    display: block;
    object-fit: cover;
    object-position: left top
}

.swiper-horizontal>.swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -37px
}

.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    background-color: #eee;
    opacity: 0;
    width: 10px;
    height: 10px;
    margin: 0 6px
}

.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
    width: 14px;
    height: 14px;
    background: #db7b51
}

.swiper-custom-pagination {
    color: #fff;
    position: static;
    z-index: 2;
    padding: 0;
    transform: translateY(10%);
    width: 100%
}

.swiper-custom-pagination h1,
.swiper-custom-pagination h2 {
    color: var(--color18);
    font-family: var(--dm-serif);
    font-size: var(--font-36);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-block: 0 4.5rem
}

.swiper-custom-pagination .vertical-line {
    display: none;
    width: 1px;
    height: 48px;
    background-color: #fff;
    margin: 3px 0
}

.swiper-custom-pagination .collection-title,
.swiper-custom-pagination .collection-title h2 {
    color: var(--color4d);
    font-family: "DM Sans", serif;
    font-size: var(--font-70);
    font-style: normal;
    font-weight: 200;
    line-height: 70px;
    cursor: pointer;
    margin-block: 0 0rem
}

.swiper-custom-pagination .collection-title.active h2 {
    color: var(--color6d);
    font-weight: 300
}

.swiper-custom-pagination .collection-title svg {
    display: inline-flex;
    width: 42px;
    height: 28px;
    margin-left: 15px;
    opacity: 0
}

.swiper-custom-pagination .collection-title.active svg {
    opacity: 1;
    transition: opacity .3s ease-in-out
}

.swiper-custom-pagination .collection-title.active svg :is(circle, line) {
    stroke: #fff
}

.swiper-custom-pagination .collection-title.active svg circle+circle {
    fill: #fff
}

.swiper.slideshow-main.js-main-slideshow {
    display: block;
    grid-template-columns: 41.5% 58%;
    gap: 10rem;
    width: 100%;
/*     padding-block: 0 5rem */
}

.swiper-custom-pagination ul {
    padding: 0;
    margin-block: 0 5rem;
    min-height: 37rem
}

@media (min-width:990px) {
    .slideshow-main {
        max-width: 100%;
        margin-left: 0
    }

    .slideshow-custom {
        padding-top: 0
    }

    .section-header,
    .slideshow-container {
        max-width: 100%
    }

    .section-header {
        padding: 0 60px
    }

    .slideshow-container {
        padding: 0
    }

    .slideshow-main .swiper-slide img {
        height: 85dvh;
        width: 100%
    }

    .swiper-counter {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -50px;
        color: #fff;
        gap: 22px;
        flex-direction: column;
        align-items: center;
        display: none
    }

    .swiper-counter :is(.count, .total) {
        transform: rotate(90deg);
        color: #fff;
        font-family: Euclid Triangle;
        font-size: 21.695px;
        font-style: normal;
        font-weight: 400;
        line-height: normal
    }

    .swiper-counter .line {
        width: 2px;
        height: 100px;
        background: #fff
    }

    .swiper-navigation {
        position: absolute;
        top: -75px;
        right: 0;
        background-color: #000;
        display: flex;
        gap: 30px
    }

    .swiper-button-disabled {
        opacity: .5
    }

    .swiper-horizontal>.swiper-pagination {
        bottom: 51px
    }

    .swiper-custom-pagination .vertical-line {
        width: 1px;
        height: 121px
    }

    .swiper-custom-pagination .collection-title.active svg {
        width: 52px;
        height: 35px
    }
}

.link_name a {
    font-size: var(--font-16);
    padding-right: 1.5rem;
    color: var(--color02);
    line-height: 16px;
    position: relative;
    font-weight: 600;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.link_name a:after {
    content: "";
    background: var(--color6d);
    width: 1px;
    height: 90%;
    position: absolute;
    right: 0;
    top: 5px
}

.link_name {
    margin-top: -2rem;
    display: none;
    position: relative;
    transition: .5s;
    padding-block: 0 2rem;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.link_name:after {
    content: "";
    width: 61rem;
    height: 1px;
    position: absolute;
    bottom: 0;
    background: #ddd;
    left: 0
}

section.new_home_banner .container-fluid {
    padding-inline: 13.5rem .5rem
}

@media (min-width:1200px) and (max-width:1600px) {
    section.new_home_banner .container-fluid {
        padding-right: 2rem
    }
}

section.new_home_banner .top_banner_group {
    display: grid;
    align-items: end;
    position: relative;
    width: 100%;
}

.banner_caption,
.logo_group ul {
    display: flex;
    align-items: center
}

.banner_caption:after {
    content: "";
    width: 100%;
    height: 50rem;
    background: linear-gradient(180deg, #00000000 0, #000 100%) no-repeat padding-box;
    position: absolute;
    bottom: 0;
    opacity: 70%
}

.swiper-slide-active .banner_caption {
    color: #fff;
    opacity: 1
}

.banner_caption p {
    position: relative;
    z-index: 9;
    padding-inline: 8rem;
    padding-block: 8rem 12rem;
    font-weight: 700;
    font-family: var(--dm-sans);
    font-size: var(--font-24);
    line-height: 34px
}

.slideshow-main .swiper-slide .logo_group ul li img {
    max-width: inherit;
    min-height: inherit;
    height: 74px;
    object-fit: cover
}

.logo_group ul {
    padding: 0;
    gap: 5.2rem;
    margin-right: 10rem;
    margin-bottom: 0
}

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

.banner_caption {
    opacity: 0;
    justify-content: space-between;
    margin-top: -16rem;
    transform: translate(0, 50px);
    transition: 1.5s;
    width: 100%
}

.view_work {
    margin-block: 4rem 0
}

.hom_num h2 {
    font-size: var(--font-58);
    font-family: var(--dm-serif);
    color: var(--color18);
    line-height: 58px;
    margin: 0 0 1rem;
    font-weight: 600
}

.hom_num p {
    font-size: var(--font-16);
    font-family: var(--dm-sans);
    color: var(--color4d)
}

.start_project a,
.view_work a {
    font-size: var(--font-14);
    font-family: var(--dm-sans)
}

.view_work a {
    color: var(--color18);
    font-weight: 700;
    border-bottom: 2px dotted var(--color18);
    padding-block: 0 .5rem;
    display: inline-flex;
    align-items: center;
    transition: .2s
}

.brand_images h2,
.home_profoilo h2 {
    font-family: var(--dm-serif);
    font-weight: 700
}

.hom_num {
    margin-block: 3rem 3rem
}

.top_banner_group .line_panel {
    bottom: 9rem;
    left: 8.2rem;
    position: absolute;
    z-index: 999;
    width: 100%;
    height: auto
}

.top_banner_group .line_panel span.side-line,
.top_banner_group .line_panel span.side-line:after {
    height: 8px
}

.top_banner_group .start_project {
    position: absolute;
    top: 2rem;
    right: -2rem;
    z-index: 9
}

.swiper-slide.swiper-slide-active .banner_caption {
    transform: translate(0, 0)
}

.top_banner_group span.side-line.image.reveal-image {
    opacity: 0;
    animation-name: none
}

.swiper-slide.swiper-slide-active .top_banner_group span.side-line.image.reveal-image {
    opacity: 1;
    animation-name: reveal-image
}

.brand_images h2 {
    font-size: 16rem;
    line-height: 190px;
    letter-spacing: -5px;
    background: url(../images/banner/mask_group.webp) center/cover no-repeat padding-box text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0
}

.brand_images {
    position: relative;
    height: 100%
}

.experience_years.section .container {
    width: auto;
    max-width: 100%
}

.experience_years.section {
    padding-inline: 11.5rem
}

.home_profoilo {
    text-align: center;
    padding-block: 5rem;
    display: block;
    clear: both
}

.home_profoilo h2 {
    font-size: var(--font-48);
    color: var(--color4d)
}

.digital5.desktop-view {
    background: #f9f9f9;
    padding-inline: 13.6rem;
    padding-block: 10rem
}

.text_wrapper {
    text-align: left;
    padding-inline: 0;
    width: fit-content
}

.experience_years a:hover img {
    filter: invert(1);
    mix-blend-mode: color-dodge
}

.project_images.section .load_more_btn a:after {
    content: "+";
    font-weight: 200;
    font-size: var(--font-24);
    align-items: center;
    justify-content: center
}

.start_project a {
    box-shadow: 0 9px 34px #00000029;
    padding-inline: 2rem;
    padding-block: 1rem;
    color: #000;
    font-weight: 700;
    letter-spacing: 1.4px;
    background: linear-gradient(to right, var(--color6d) 50%, var(--colorfc) 50%);
    background-size: 200% 110%;
    background-position: right bottom;
    transition: .5s ease-out;
    text-transform: uppercase
}

.contact_form .btn,
.experience_years a,
.our_Diary.section.desktop-dairy .view-portfolio a,
.project_images.section .load_more_btn a {
    padding-inline: 2rem;
    color: #000;
    font-size: var(--font-14);
    font-family: var(--dm-sans);
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    border: 1px solid grey;
    background: linear-gradient(to right, var(--color6d) 50%, #ffffff00 50%);
    transition: .5s ease-out;
    text-decoration: none
}

.experience_years a {
    padding-block: 1.2rem;
    display: inline-block;
    background-size: 200% 100%;
    background-position: right bottom
}

.contact_form .btn,
.our_Diary.section.desktop-dairy .view-portfolio a,
.project_images.section .load_more_btn a {
    padding-block: .8rem;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    background-size: 200% 100%;
    background-position: right bottom
}

.contact_form .btn {
    background-size: 201% 100%
}

.project_images.section .load_more_btn a:hover {
    color: #fff;
    background-position: left bottom;
    background-image: linear-gradient(to right, var(--color6d) 50%, #ffffff00 50%)
}

.hembbgr_wrap,
nav.sub-menu.open>ul {
    height: a;
    padding-block: 0rem 0;
    padding-inline: 0rem
}

@media (max-width:1399px) {

    .hembbgr_wrap,
    nav.sub-menu.open>ul {
        padding-block: 0;
        padding-inline: 0
    }
}

@media (min-width:1100px) {

    .jquery-accordion-menu>ul>li.active>a,
    .jquery-accordion-menu>ul>li:hover>a,
    ul.submenu ul {
        background: 0 0
    }

    li.main_title_head.Media_Services {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column
    }

    li.main_title_head.Media_Services ul {
        display: flex;
        flex-direction: column;
        margin-block: 2rem
    }

    li.main_title_head ul.submenu ul {
        padding-block: 2rem 2rem !important;
        clear: both;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column
    }

    li.main_title_head ul.submenu ul li {
        clear: both
    }

    .menu_nav ul ul li a {
        text-transform: capitalize;
        padding-inline: 0
    }

    button.c-hamburger.c-hamburger--htx.is-active {
        /* position: fixed; */ top: 0;
       position: relative;z-index:999;
    }

    .menu_nav {
        text-align: left;
        max-height: 100%;
        overflow-y: auto;
        width: 100%;
        overflow: hidden
    }

    .menu_nav ul,
    .menu_nav ul li,
    .menu_nav ul li a {
        padding: 0
    }

    .menu_nav ul {
        border: 0
    }

    ul.submenu ul {
        padding-inline: 0
    }

    .jquery-accordion-menu ul ul.submenu {
        background: 0 0;
        padding-inline: 3rem
    }

    .jquery-accordion-menu ul ul.submenu li a {
        padding-block: 5px;
        padding-inline: 0
    }

    .jquery-accordion-menu ul ul.submenu li ul li a {
        border: 0;
        padding: 0;
        text-transform: capitalize;
        font-size: var(--font-14)
    }

    div#jquery-accordion-menu1 ul {
        padding-block: 1rem
    }

    .menu_nav ul li a.ser-pad {
        padding-block: 0;
        display: inline-block;
        padding-inline: 0
    }

    .menu_nav::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px #1c2c40;
        border-radius: 10px;
        background-color: #f5f5f5
    }

    .menu_nav::-webkit-scrollbar {
        width: 2px;
        background-color: var(--color18)
    }

    .menu_nav::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px var(--color18);
        background-color: var(--color18)
    }
}

@media (min-width:1000px) {
/*     .sub-menu ul {
        margin: 0;
        padding: 0
    } */
}

@media (min-width:2499px) {
    .swiper-custom-pagination {
        width: 115rem;
        margin-left: auto
    }

    section.new_home_banner .container-fluid {
        padding-inline: 0rem 1rem
    }

    .top_nav .container-fluid {
        padding-inline: 6rem
    }

    .slideshow-main .swiper-slide img,
    section.new_home_banner .swiper-slide {
        height: 100dvh;
        width: 100%
    }

    .experience_years.section .container {
        width: auto;
        max-width: 2000px;
        margin: auto
    }

    .digital_contennt {
        max-width: 100%;
        margin: auto;
        padding-left: 3rem;
        padding-top: 0;
        padding-right: 11rem
    }

    .menu_nav {
        overflow-y: auto;
        max-height: 100%;
        overflow-x: hidden
    }

    div#jquery-accordion-menu1 {
        margin-block: 0 2rem
    }

    .top_nav.home_header.line {
        background: #fff;
        left: 0;
        right: 0
    }
}

.footer.section .digital2 a,
div#collapsibleNavbar li.nav-item.project-button a {
    line-height: 1;
    background: linear-gradient(to right, var(--color6d) 50%, var(--colorfc) 50%)
}

@media (max-width:600px) {
    .link_name a {
        font-size: var(--font-12)
    }

    .link_name a:after {
        top: 2px
    }

    .swiper-custom-pagination .collection-title,
    .swiper-custom-pagination .collection-title h2 {
        line-height: normal
    }
}

.swiper-custom-pagination li {
    opacity: 1;
    transition: opacity .5s .5s, background-color .5s .5s, width .5s
}

.swiper-custom-pagination li.active {
    opacity: 1;
    transition-delay: 0s
}

.swiper-custom-pagination .collection-title {
    margin-block: 2rem
}

.inner-pan .top_nav.for-desktop {
/*     position: fixed; */
    width: auto;
    z-index: 99999;
		width: max-content;
}

.inner-pan .header_section.section.line a.navbar-brand {
    padding: 0;
    /* margin: -.8rem 0 0; */
    width: 8rem;
	display:block;
}

.inner-pan a.navbar-brand {
    padding: 0;
    margin: 0;
    transition: .5s
}

.work_page div#collapsibleNavbar li.nav-item.project-button {
    margin-right: 0 !important;
    padding: 0 0 0 15px !important
}

@media (max-width:1000px) {

     .home_profoilo, footer ul {
        text-align: left;
        flex-flow: row;
    }
    body .mobile_device2 {;
		flex-flow: column;
        display: block;
        background: #fff
    }

    section.new_home_banner {
/*         overflow: hidden; */
padding-block: 11.5rem 0;
    }
	
	section.new_home_banner .container-fluid {
    padding-inline: 2.5rem .5rem;
}

    body .swiper-custom-pagination .collection-title {
        margin-block: 1rem
    }

    .swiper-custom-pagination {
        transform: translateY(8%);
        width: 100%
    }
/* 
    section.new_home_banner .container-fluid {
        padding-inline: 2rem
    }

    .swiper.slideshow-main.js-main-slideshow {
        display: grid;
        grid-template-columns: 100%;
        gap: 0;
        width: 100%;
        height: 100%;
        overflow: visible
    } */

    .c-hamburger,
    .digital5.desktop-view .col-md-5,
    body .our_work.btn {
        display: none;
    }
	
    .experience_years.section,
    .top_nav .container-fluid {
        padding-inline: 0
    }
	

    .menu_block {
        display: flex;
        align-items: center;
        gap: 0;
        padding-block: 0;
        justify-content: center
    }

    .digital5.desktop-view {
        background: #f9f9f9;
        padding-inline: 2.6rem;
        padding-block: 4rem
    }

    footer ul li {
        width: 100%;
        margin-bottom: 0
    }

    body footer .col-lg-12 ul li p,
    body footer .col-lg-12 ul li p a {
        display: block;
        margin-block: 1rem
    }

    footer ul li p {
        color: #78abdc;
        margin-bottom: 15px
    }

    footer ul li:nth-of-type(4) {
        width: 100%
    }

    body footer {
        padding: 30px 0 50px
    }

    .copyright ul li {
        width: auto;
        color: #fff;
        margin: 0 10px;
        font-size: var(--font-12)
    }

    a.ser-pad {
        font-size: var(--font-16);
        padding-bottom: 0;
        text-transform: uppercase
    }

    .brand_images h4 {
        text-align: left
    }

    .digital5.mobile-view .brand_images h2 {
        line-height: 100px
    }

    .home_profoilo {
        padding-block: 2rem
    }

    .swiper-custom-pagination ul {
        padding: 0;
        margin-block: 0 4rem;
        min-height: inherit
    }

    .link_name:after {
        content: "";
        width: 100%
    }

    .slideshow-custom {
        background: 0 0;
        margin-top: 0
    }

    .logo_box {
        width: 100%;
        display: none
    }

    body .inner-pan .mobile_device2 {
        display: block;
        background: 0 0;
        overflow-x: hidden
    }
}

@media (min-width:2399px) {
    .swiper-custom-pagination .collection-title {
        margin-block: 4rem
    }

    .hom_num {
        margin-block: 7rem 3rem
    }

    .swiper-custom-pagination ul {
        padding: 0;
        margin-block: 0 0rem;
        min-height: 42rem
    }

    .banner_caption p {
        line-height: 40px
    }

    .digital_contennt h2 {
        line-height: 74px
    }

    .banner_caption:after {
        content: "";
        width: 100%;
        height: 45rem;
        background: linear-gradient(180deg, #00000000 0, #000 100%) no-repeat padding-box;
        position: absolute;
        bottom: 0;
        opacity: 87%
    }

    .hembbgr_wrap,
    nav.sub-menu.open>ul {
        margin-inline: auto
    }

    .wrapper.inner-pan .menu_block {
        padding-inline: 3rem
    }

    .second_menu li a {
        font-size: 15px
    }

    .second_menu {
        margin-top: 16px;
        margin-right: 39px
    }

    .work_page .desktop_menu.fixed .second_menu {
        margin-top: 19px
    }
}

@media (max-width:1200px) and (min-width:1000px) {

    .link_name,
    .logo_group {
        display: none
    }

    .experience_years.section {
        padding-inline: .5rem;
        padding-block: 10rem 2rem
    }

    .link_name:after {
        content: "";
        width: 35rem
    }

/*     .swiper.slideshow-main.js-main-slideshow {
        display: grid;
        grid-template-columns: 45% 57%;
        gap: 0;
        width: 100%
    } */

    .banner_caption p {
        position: relative;
        z-index: 9;
        padding-inline: 4rem
    }

    .top_banner_group .line_panel {
        bottom: 9rem;
        left: 4.2rem
    }

    .swiper-custom-pagination .collection-title {
        margin-block: .5rem
    }

/*     .swiper-custom-pagination ul {
        padding: 0;
        margin-block: 0 2rem;
        min-height: 31rem
    } */

    .link_name {
        margin-top: -2rem;
        position: relative;
        padding-block: 0 1rem
    }

    .brand_images h2 {
        line-height: normal
    }

    .brand_images h4 {
        text-align: left;
        margin-top: -2rem
    }

    .digital5.desktop-view {
        background: #f9f9f9;
        padding-inline: 10.6rem;
        padding-block: 6rem
    }

    .digital_contennt {
        max-width: 100%;
        margin: auto;
        padding-left: 0;
        padding-top: 0
    }

    .digital_contennt h2 {
        color: var(--color4d);
        line-height: normal
    }
}

@media (min-width:1400px) and (max-width:1799px) {
    .top_banner_group .start_project {
        position: absolute;
        top: 2rem;
        right: 14rem;
        z-index: 9
    }
}

@media (min-width:1300px) and (max-width:1399px) {
    .top_banner_group .start_project {
        position: absolute;
        top: 2rem;
        right: 24rem;
        z-index: 9
    }

    .link_name:after {
        content: "";
        width: 49rem;
        height: 1px;
        position: absolute;
        bottom: 0;
        background: #ddd;
        left: 0
    }
}

.data_group {
    display: grid
}

.data-num .hom_num {
    background: #fff;
    position: relative;
    opacity: 0;
    visibility: hidden
}

.data-num.active .hom_num {
    opacity: 1;
    visibility: visible
}

.swiper-custom-pagination .collection-title,
.swiper-custom-pagination .collection-title h2 a {
    color: #3c3c3cbf;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.swiper-custom-pagination .collection-title,
.swiper-custom-pagination .collection-title.active h2 a {
    color: var(--color6d);
    font-weight: 200
}

.swiper-custom-pagination .collection-title.active h2 a {
    font-weight: 300
}

.inner-pan .c-hamburger {
    top: 45px
}

.inner-pan .header_section.section.line .c-hamburger,
.top_nav.home_header.line .c-hamburger {
    top:0px
}
/* .top_nav.home_header.line .menu_block {
    height: 100px;
} */

.inner_header.line .menu_block {
    height: auto;
}
@media(max-width:990px) {

    .swiper-custom-pagination .collection-title,
    .swiper-custom-pagination .collection-title h2 a {
        color: var(--color4d);
        pointer-events: auto
    }

    footer ul li p,
    footer ul li p a {
        pointer-events: auto
    }

    .jquery-accordion-menu ul ul.submenu li a {
        font-family: Montserrat, sans-serif
    }

    .sidenav a {
        font-size: var(--font-14)
    }

    .jquery-accordion-menu>ul>li.active>a,
    .jquery-accordion-menu>ul>li:hover>a {
        background: 0 0
    }

    .slideshow-container {
        padding-bottom: 0
    }

    .hom_num h2 {
        margin: 0
    }
}

.hembbgr_wrap .menu_service h3,
.hembbgr_wrap .menu_service h3 a {
    font-size: var(--font-36);
    color: var(--color02);
    font-family: var(--dm-sans);
    font-weight: 400
}

@media only screen and (min-width:1150px) and (max-width:1290px) {
    .owl-carousel5 {
        width: 100%
    }

    .home-sec6 {
        max-width: 1150px
    }

    .swiper-custom-pagination .collection-title {
        margin-block: 1rem 0rem
    }

    .link_name:after {
        width: 45rem
    }

    .link_name {
        margin-top: -3rem;
        padding-block: 0rem 1rem
    }

    .swiper-custom-pagination ul {
        padding: 0;
        margin-block: 0 2rem;
        min-height: 33rem
    }

    .swiper-custom-pagination h1 {
        margin-block: 0 2.5rem
    }

    .swiper-custom-pagination .collection-title,
    .swiper-custom-pagination .collection-title h2 {
        line-height: 5.5rem
    }
}

.top_nav.home_header .start_project {
    margin-left: auto;
    position: relative;
    /* z-index: 9999; */
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    display: flex;
    gap: 3px;
}

.top_nav.home_header.line .start_project {

}

.top_nav.home_header {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.top_nav.home_header.line {
    position: fixed;
    top: 0;
    background: #fff;
    width: 100%;
    left: 0;
    z-index: 99;
    border-bottom: 1px solid
}

.inner_header a.navbar-brand,
.top_nav.home_header a.navbar-brand {
    width: 82px
}

.inner_header.line .menu_block,
.top_nav.home_header.line .menu_block {
    padding-block: 1rem
}

.interLinking.d-flex.bg-white.mt-5.flex-wrap small a {
    font-size: 13px;
    font-family: var(--dm-sans)
}

.wp-pagenavi {
    margin-left: auto
}

.wp-pagenavi a {
    font-size: 14px;
    font-family: var(--dm-sans);
    min-width: 3rem;
    display: flex;
    text-align: center;
    justify-content: center;
    padding-inline: 1rem
}

.hembbgr_wrap .menu_service h3 {
    padding-bottom: 0;
    margin-bottom: 3rem
}

.hembbgr_wrap .menu_service h3 a {
    text-transform: capitalize;
    margin-bottom: 15px;
    text-decoration: none
}

.hembbgr_wrap .menu_service p {
    color: var(--color18);
    font-size: var(--font-16);
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 2.2rem;
    padding-right: 0
}

.hembbgr_wrap .menu_service ul li a {
    font-size: var(--font-16);
    line-height: 2;
    font-weight: 500;
    letter-spacing: inherit;
    padding: 0 0 0 20px;
    text-transform: capitalize;
    margin-bottom: .5rem;
    text-decoration: none;
    color: var(--color4d);
    font-family: var(--dm-sans);
    position: relative;
    display: flex;
    align-items: center
}

.hembbgr_wrap .menu_service ul li a:after {
    background: url(../images/right-chevron-icon1.svg) no-repeat;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0
}

.hembbgr_wrap .menu_service h3:hover a,
.hembbgr_wrap .menu_service ul li a:hover,
.link_name a:hover,
.swiper-custom-pagination .collection-title h2 a:hover,
div#collapsibleNavbar a:hover {
    color: var(--color6d)
}

.hembbgr_wrap .menu_service.two-menu .start_project {
    position: static;
    margin-top: 4rem
}

@media (max-width:1199px) {
    .menu_service {
        padding-right: 0
    }

    .hembbgr_wrap .menu_service p {
        padding-right: 5rem
    }
}

.tab-content .yellow_box.redB ul li {
    border-bottom: 1px solid
}

.tab-content .yellow_box.redB li a:after {
    mix-blend-mode: normal
}

@media (min-width:992px) {

    button.c-hamburger.c-hamburger--htx .cross_icon,
    button.c-hamburger.c-hamburger--htx.is-active .hemburger_icon {
        display: none
    }

    button.c-hamburger.c-hamburger--htx.is-active .cross_icon {
        display: block
    }

    footer {
        transition: .5s ease-out;
        -webkit-transition: .5s ease-out;
        -moz-transition: .5s ease-out;
        -ms-transition: .5s ease-out;
        -o-transition: .5s ease-out;
        position: relative;
        overflow: hidden
    }

    footer .icon.toggle_icon {
        border: none;
        color: #000;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        left: 50%;
        position: absolute;
        background: #fff;
        width: 6rem;
        height: 6rem;
        top: -3.1rem;
        clip-path: polygon(46% 50%, 100% 50%, 50% 100%, 0% 50%);
        opacity: .3
    }

    footer .icon.toggle_icon.active,
    footer .icon.toggle_icon:hover {
        opacity: 1
    }

    footer .icon.toggle_icon p {
        font-size: 16px;
        margin-bottom: 2rem;
        font-weight: 700
    }

    footer .icon.toggle_icon i {
        cursor: pointer;
        font-size: 2rem;
        font-weight: 300;
        padding-top: 2.6rem
    }

    footer .icon.toggle_icon.active i {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        padding-top: 0;
        margin-top: 2rem;
        color: var(--color02)
    }

    footer .collapfoter_menu {
        height: 0;
        opacity: 0
    }

    footer .collapfoter_menu.active {
        height: auto;
        opacity: 1
    }

    footer:has(.collapfoter_menu.active) {
        padding-top: 8rem
    }

    .totggleft_wrap .icon.toggle_icon.active {
        color: var(--color02)
    }
}

.wp_Widget label {
    font-size: 16px;
    display: block;
    font-family: var(--dm-sans)
}

.request-quote.position-relative .service-col h5 {
    font-size: 2rem;
    font-family: var(--dm-serif)
}

@media (min-width:2100px) {
    .inner_header.line .menu_block,
.top_nav.home_header.line .menu_block {
    padding-block: 1rem
}
    .inner_header nav.navbar.navbar-expand-md.bg-green.bg-grey.desktop_menu .container-fluid {
        max-width: 2000px;
        margin-inline: auto
    }

    .top_nav.home_header a.navbar-brand {
        width: 100px;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s
    }

    .top_nav.home_header.line a.navbar-brand,
    .top_nav.inner_header.line a.navbar-brand {
        width: 82px
    }

    section.new_home_banner .top_banner_group {
        padding-right: 2rem
    }

    /* .slideshow-custom {
        margin-top: -12.5rem
    } */

    section.new_home_banner .top_banner_group .swiper-slide,
    section.new_home_banner .top_banner_group .swiper-slide img {
        height: calc(100dvh - 2rem)
    }

    section.new_home_banner .top_banner_group .swiper-slide img {
        width: 100%;
        height: calc(100dvh - 2rem);
        object-fit: cover
    }

    .swiper-custom-pagination {
        transform: translateY(19%)
    }

    .top_nav.home_header .start_project a {
        font-size: 1.8rem
    }
}

@media (min-width:2800px) {
    .inner_header nav.navbar.navbar-expand-md.bg-green.bg-grey.desktop_menu .container-fluid {
        max-width: 2000px;
        margin-inline: auto
    }

    .inner_header .top_nav.for-desktop .container-fluid {
        margin-left: 61rem
    }
        .inner_header.line .menu_block,
.top_nav.home_header.line .menu_block {
    padding-block: 1rem;
}
}

@media (min-width:3000px) {
    .inner_header nav.navbar.navbar-expand-md.bg-green.bg-grey.desktop_menu .container-fluid {
        max-width: 2000px;
        margin-inline: auto
    }

    .inner_header .top_nav.for-desktop .container-fluid {
        margin-left: 77rem
    }

    .c-hamburger {
        width: 4rem;
        height: 4rem
    }

    .c-hamburger img,
    .top_nav.home_header a.navbar-brand img {
        width: 100%
    }

    .top_nav .container-fluid {
        padding-inline: 8rem
    }
}

@media (min-width:5000px) {
    .inner_header nav.navbar.navbar-expand-md.bg-green.bg-grey.desktop_menu .container-fluid {
        max-width: 2000px;
        margin-inline: auto
    }

    .inner_header .top_nav.for-desktop .container-fluid {
        margin-left: 219rem
    }
}

@media (min-width:7000px) {
    .inner_header nav.navbar.navbar-expand-md.bg-green.bg-grey.desktop_menu .container-fluid {
        max-width: 2000px;
        margin-inline: auto
    }

    .inner_header .top_nav.for-desktop .container-fluid {
        margin-left: 315rem
    }
}

@media (min-width:1921px) {
    .swiper.slideshow-main.js-main-slideshow {
        grid-template-columns: 42.5% 58%
    }

    .link_name:after {
        width: 70%
    }

}

@media (min-width:2300px) {
    .top_nav.home_header .start_project a {
        font-size: 2rem
    }
/*
    .top_nav.home_header.line .start_project {
        top: 3.2rem
    } */

    .swiper.slideshow-main.js-main-slideshow {
        grid-template-columns: 43.5% 58%
    }
}

@media (min-width:2499px) {
    .swiper.slideshow-main.js-main-slideshow {
        grid-template-columns: 53.2% 58%
    }

    .link_name a {
        font-size: 2.1rem
    }

    :root {
        --font-70: 9.5rem
    }

    .swiper-custom-pagination .collection-title,
    .swiper-custom-pagination .collection-title h2 {
        line-height: 8rem
    }

    .hom_num p,
    .view_work a {
        font-size: 1.8rem
    }

    .menu_block {
        gap: 8rem
    }

    .swiper-custom-pagination {
        width: 116rem
    }

    /* .top_nav.home_header.line .start_project {
        top: 2.8rem
    } */
}

@media (min-width:2800px) {
    /* .slideshow-custom {
        margin-top: -12.5rem
    } */

    .swiper.slideshow-main.js-main-slideshow {
        grid-template-columns: 54% 58%
    }

    /* .top_nav.home_header .start_project {
        top: 7.2rem
    } */

    /* .top_nav.home_header.line .start_project {
        right: 32px
    } */

    :root {
        --font-70: 10.5rem
    }

    .swiper-custom-pagination .collection-title,
    .swiper-custom-pagination .collection-title h2 {
        line-height: 9rem
    }

    .hom_num p,
    .view_work a {
        font-size: 2rem
    }

    .swiper-custom-pagination {
        width: 130rem;
        margin-left: auto
    }

    .top_nav.home_header a.navbar-brand {
        width: 130px
    }

    .banner_caption p {
        line-height: 1.2;
        font-size: 3.5rem
    }

    @media (min-width:1100px) {
        .inner_header button.c-hamburger.c-hamburger--htx.is-active {
            left: 100px
        }
    }
}

@media (min-width:3800px) {
    .top_nav.home_header a.navbar-brand {
        width: 150px
    }

    .top_nav.home_header a.navbar-brand img img {
        width: 100%
    }

    /* .slideshow-custom {
        margin-top: -17rem
    } */

    /* .top_nav.home_header .start_project {
        top: 9rem
    } */

    .swiper-custom-pagination {
        width: 180rem
    }

    :root {
        --font-70: 13rem;
        --font-70: 15.5rem
    }

    .swiper-custom-pagination h1 {
        margin-bottom: 7rem;
        font-size: 4rem
    }

    .link_name a {
        font-size: 3.1rem
    }

    .hom_num p,
    .view_work a {
        font-size: 3rem
    }

    .inner_header .top_nav.for-desktop .container-fluid {
        margin-left: 109rem
    }

    .swiper-custom-pagination .collection-title,
    .swiper-custom-pagination .collection-title h2 {
        line-height: 15rem
    }

    .link_name {
        margin-top: -6rem
    }

    .top_nav.home_header .start_project a {
        font-size: 3.4rem
    }

    .banner_caption p {
        line-height: 1.2;
        font-size: 4.5rem
    }

    /* .top_nav.home_header.line .start_project {
        top: 2.1rem
    } */
}

@media (min-width:5000px) {
    .top_nav.home_header.line .start_project {
        right: 52px
    }

    /* .slideshow-custom {
        margin-top: -20.5rem
    } */

    /* .top_nav.home_header .start_project {
        top: 12rem
    } */

    .swiper-custom-pagination {
        width: 241rem
    }

    .top_nav.home_header a.navbar-brand {
        width: 200px
    }

    .swiper-custom-pagination h1 {
        font-size: 6rem
    }

    :root {
        --font-70: 19rem;
        --font-58: 12.8rem
    }

    .swiper-custom-pagination .collection-title,
    .swiper-custom-pagination .collection-title h2 {
        line-height: 20rem
    }

    .link_name a {
        font-size: 3.2rem
    }

    .hom_num p,
    .view_work a {
        font-size: 3.5rem;
        line-height: 13rem
    }

    .top_nav.home_header.line a.navbar-brand,
    .top_nav.inner_header.line a.navbar-brand {
        width: 130px
    }

    section.new_home_banner .container-fluid {
        padding-inline: 0rem 2rem
    }

    .top_nav .container-fluid {
        padding-inline: 12.5rem
    }

    .inner_header .top_nav.for-desktop .container-fluid {
        margin-left: 175rem
    }

    .link_name {
        margin-top: -9rem
    }

    .top_nav.home_header .start_project a {
        font-size: 5rem
    }

    .banner_caption p {
        line-height: 1.2;
        font-size: 7rem
    }
}

@media (min-width:7000px) {
    .top_nav.home_header.line .start_project {
        right: 76px
    }

    .top_nav .container-fluid {
        padding-inline: 15rem
    }

    .swiper-custom-pagination {
        width: 370rem
    }

    .swiper-custom-pagination h1 {
        font-size: 8rem;
        margin-bottom: 18rem
    }

    :root {
        --font-70: 28rem;
        --font-58: 20rem
    }

    .swiper-custom-pagination .collection-title,
    .swiper-custom-pagination .collection-title h2 {
        line-height: 31rem
    }

    .link_name a {
        font-size: 5.2rem
    }

    .hom_num p,
    .view_work a {
        font-size: 5rem;
        line-height: 13rem
    }

    .hom_num h2 {
        line-height: 1
    }

    section.new_home_banner .swiper-custom-pagination .side-line {
        width: 53rem
    }

    .side-line,
    span.side-line:after {
        height: .8rem
    }

    .banner_caption p {
        line-height: 1;
        font-size: 9.4rem
    }
}

.office-1 ul,
.smm-wht-we-do h2 {
    margin-bottom: 4rem
}

@media (min-width:3000px) and (max-width:3299px) {
    .swiper-custom-pagination {
        width: 147rem
    }

    :root {
        --font-70: 12.5rem
    }

    .swiper-custom-pagination .collection-title,
    .swiper-custom-pagination .collection-title h2 {
        line-height: 11rem
    }

    /* .slideshow-custom {
        margin-top: -15.2rem
    } */

    .link_name a,
    .top_nav.home_header .start_project a {
        font-size: 2.4rem
    }

    .link_name {
        margin-top: -5rem
    }
}

@media (min-width:3300px) and (max-width:3499px) {
    .swiper-custom-pagination {
        width: 158rem
    }

    .inner_header .top_nav.for-desktop .container-fluid {
        margin-left: 87rem
    }

    /* .slideshow-custom {
        margin-top: -14.9rem
    } */

    :root {
        --font-70: 13.5rem
    }

    .swiper-custom-pagination .collection-title,
    .swiper-custom-pagination .collection-title h2 {
        line-height: 12rem
    }

    .link_name a {
        font-size: 2.8rem
    }

    .link_name {
        margin-top: -4.2rem
    }
}

a.read_btn,
div#collapsibleNavbar li.nav-item.project-button a {
    font-size: var(--font-14);
    letter-spacing: 1.4px;
    transition: .5s ease-out;
    text-transform: uppercase;
    font-weight: 700;
    color: #000
}

.footer.section .digital2 a,
div#collapsibleNavbar li.nav-item.project-button a {
    display: flex;
    font-size: 14px;
    background-size: 200% 110%;
    background-position: right bottom
}
/*
@media (min-width:1200px) and (max-width:1800px) {
    .top_nav.home_header.line .start_project {
        right: 20px;
        top: 3.4rem
    }
} */

.contact_form .btn,
.experience_years a,
.our_Diary.section.desktop-dairy .view-portfolio a,
.project_images.section .load_more_btn a {
    padding-inline: 2.3rem;
    padding-block: 1.3rem
}

.contact_form .btn::after,
.experience_years a::after,
.footer.section .digital2 a::after,
.our_Diary.section.desktop-dairy .view-portfolio a::after,
.project_images.section .load_more_btn a::after,
.project_images.section .load_more_btn a:after,
a.read_btn:after {
    content: "";
    background: url(../images/right-chevron-icon.svg) 0 0/contain no-repeat;
    width: 1.1rem;
    height: 1.1rem;
    display: inline-block;
    margin-left: .7rem
}

.footer.section .digital2 a {
    margin-top: 0;
    width: 163px;
    height: 49px;
    border-radius: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
    color: #000;
    font-weight: 700;
    transition: .5s ease-out;
    border: none
}

.footer.section .digital2 p {
    margin-block: 38px 47px
}

section.new_home_banner .swiper.slideshow-main.js-main-slideshow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -4px;
    margin-left: 3px;
    width: auto;
    gap: 0
}

section.new_home_banner .swiper-wrapper {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

@media (min-width:2499px) {
    section.new_home_banner .swiper-wrapper {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 48%
    }
}

.hembbgr_wrap .menu_service blockquote {
    color: var(--color18);
    font-size: var(--font-36);
    font-weight: 500;
    margin-bottom: 5rem;
    padding-inline: 3rem;
    font-family: var(--dm-serif);
    background: var(--colorfc);
    box-decoration-break: clone;
    position: relative;
    display: inline
}

a.read_btn {
    padding-inline: 2rem;
    padding-block: 1.2rem;
    display: block;
    text-decoration: none;
    border: 1px solid grey;
    background: linear-gradient(to right, var(--color6d) 50%, #ffffff00 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    width: fit-content
}

.stratgy_block1 a.read_btn {
    margin-top: 3rem
}

img.quote_icon1 {
    position: absolute;
    left: -20px;
    top: 8px
}

img.quote_icon2 {
    position: absolute;
    right: -20px;
    bottom: 8px
}

.hembbgr_wrap .menu_service .stratgy_block2 ul,
.stratgy_block1 {
    margin-bottom: 6rem
}

.hembbgr_wrap .menu_service .stratgy_block2 h3 {
    margin-bottom: 1.5rem;
    position: relative
}

.hembbgr_wrap .menu_service .stratgy_block2 h3 a:after {
    content: "";
    background: url(../images/right-chevron-icon1.svg) 0 0/contain no-repeat;
    width: 1.7rem;
    height: 1.7rem;
    display: inline-block;
    margin-left: 1.9rem
}

.hembbgr_wrap .menu_service .contact_b1 h3 a:after,
.hembbgr_wrap .menu_service .list_menu1 li a:after {
    width: auto;
    height: 1px;
    -webkit-text-fill-color: #fff0;
    transition: .5s ease-in-out;
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    content: ""
}

.hembbgr_wrap .menu_service ul.list_menu1 li a {
    font-size: var(--font-25);
    color: #fff;
    padding: 0;
    font-weight: 400;
    margin: 0 0 1rem
}

.hembbgr_wrap .menu_service .contact_b1 h3 a {
    border: 0;
    color: #fff;
    position: relative;
    background: linear-gradient(var(--colorff), var(--colorff)) left no-repeat, var(--color6d);
    background-size: 0 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0
}

.hembbgr_wrap .menu_service .contact_b1 h3 a:hover,
.hembbgr_wrap .menu_service .contact_b1 h3 a:hover:after,
.hembbgr_wrap .menu_service .list_menu1 li a:hover,
.hembbgr_wrap .menu_service .list_menu1 li a:hover:after {
    background-size: 100% 100%
}

.hembbgr_wrap .menu_service .contact_b1 h3 a:after {
    background: linear-gradient(var(--colorff), var(--colorff)) left no-repeat, #ffffff00;
    background-size: 0 100%;
    bottom: 5px
}

.hembbgr_wrap .menu_service .contact_b1 h3 {
    border: 0;
    color: var(--color6d)
}

.other_menu_link {
    margin-bottom: 5rem;
    margin-top: 7rem
}

.hembbgr_wrap .menu_service .contact_b1 li a {
    font-size: var(--font-16);
    letter-spacing: .8px;
    color: #fff;
    margin: 0;
    text-transform: none
}

.hembbgr_wrap .menu_service .list_menu1 li a {
    color: #fff;
    position: relative;
    background: linear-gradient(var(--color6d), var(--color6d)) left no-repeat, #fff;
    background-size: 0 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0
}

.hembbgr_wrap .menu_service .list_menu1 li a:after {
    background: linear-gradient(var(--color6d), var(--color6d)) left no-repeat, #ffffff00;
    background-size: 0 100%;
    bottom: -5px
}

.stratgy_block1 p {
    font-size: var(--font-16)
}

div#collapsibleNavbar li.nav-item.project-button a {
    align-items: center;
    padding: 0;
    box-shadow: 0 9px 34px #00000029;
    margin: 0;
    width: 170px;
    height: 47px;
    border-radius: 0;
    align-items: center;
    justify-content: center;
    border: none
}

.smm-wht-we-do h2 {
    font-size: var(--font-24);
    font-weight: 600
}

div#collapsibleNavbar li.nav-item.project-button a:hover {
    background-position: left bottom !important;
    color: #fff
}

.view_work a:after {
    content: "";
    background: url(../images/banner/right-chevron-icon2.svg) 0 0/contain no-repeat;
    width: 1.1rem;
    height: 1.1rem;
    display: inline-block;
    margin-left: -1rem;
    opacity: 0;
    transition: .2s
}

.view_work a:hover {
    color: var(--color6d);
    border-bottom: 2px dotted var(--color6d);
    padding-block: 0 .7rem
}

.view_work a:hover:after {
    margin-left: .7rem;
    opacity: 1
}

.marketing_text.seoMarketing a:after,
a.btn-outline.getaquote:after {
    content: "";
    background: url(../images/right-chevron-icon.svg) 0 0/contain no-repeat;
    width: 1.1rem;
    height: 1.1rem;
    display: inline-block;
    margin-left: 1rem;
    position: relative;
    filter: invert(1) brightness(100)
}

.marketing_text.seoMarketing a:after {
    top: 1px
}

.principal_text .quote_btn .btn.getaquote {
    border: 1px solid #000
}

a.btn-outline.getaquote:after {
    top: 5px
}

.yellow_box a.btn.getaquote {
    height: auto;
    padding: 8px 15px;
    color: #fff;
    border: 1px solid #fff
}

ul.nav.nav-pills.navtop li.nav-item.active p {
    color: #fff;
    transform: translate(0, 0)
}

@media (min-width:2199px) {
    .menu_service {
        padding-block: 15rem 15rem;
        padding-inline: 15rem 10rem;
        background: #fff
    }

    .view_work a:after {
        width: 1.3rem;
        height: 1.3rem
    }
}

@media (min-width:2999px) {
    .menu_service {
        padding-block: 25rem 25rem;
        padding-inline: 25rem 10rem
    }

    .view_work a:after {
        width: 1.5rem;
        height: 1.5rem
    }

    .hembbgr_wrap .menu_service .contact_b1 li a,
    .hembbgr_wrap .menu_service p,
    .hembbgr_wrap .menu_service ul li a {
        font-size: var(--font-21)
    }

    .hembbgr_wrap .menu_service h3 {
        margin-bottom: 5rem
    }

    .hembbgr_wrap .menu_service p {
        margin-bottom: 4.2rem
    }

    .hembbgr_wrap .menu_service .stratgy_block2 ul,
    .other_menu_link,
    .stratgy_block1 {
        margin-bottom: 10rem
    }
}

@media (max-width:1599px) {
    .menu_nav {
        overflow-y: auto;
        max-height: 100%;
        overflow-x: hidden
    }
}

@media (max-width:1899px) {
    .menu_service {
        padding-block: 12rem 2rem;
        padding-inline: 11rem 7rem
    }
}

@media (max-width:1600px) {
    .menu_service {
        padding-block: 12rem 2rem;
        padding-inline: 8rem 5rem
    }
}

@media (max-width:1356px) {
    .hembbgr_wrap .menu_service .stratgy_block2 h3 a:after {
        margin-left: 1.2rem
    }
}

@media (max-width:1400px) {
    .menu_service {
        padding-block: 10rem 2rem;
        padding-inline: 7rem 4rem
    }
}

@media (max-width:1199px) and (min-width:1000px) {
    .menu_service {
        padding-block: 10rem 2rem;
        padding-inline: 4rem 4rem
    }

    div#collapsibleNavbar li.nav-item.project-button a {
        font-size: var(--font-14);
        width: 155px;
        height: 39px
    }

    .menu_block {
        padding-block: 2rem
    }

    .inner-pan .c-hamburger {
        top: 38px
    }

    .work_page .clear {
        margin-top: 114px
    }

    .hembbgr_wrap .menu_service .stratgy_block2 h3 a:after {
        width: 1.2rem;
        height: 1.2rem;
        margin-left: 1rem
    }

    .hembbgr_wrap .menu_service ul li a {
        font-size: var(--font-14)
    }

    .hembbgr_wrap .menu_service h3 a {
        font-size: 1.8rem
    }

    img.quote_icon1 {
        position: absolute;
        left: -20px;
        top: -4px
    }

    img.quote_icon2 {
        position: absolute;
        right: -20px;
        bottom: -2px
    }

    a.read_btn {
        padding-inline: 1.2rem;
        padding-block: 1rem
    }

    .c-hamburger {
        top: 36px
    }
}

@media (max-width:406px) {

    .design_text .btn,
    .presentation_text .btn {
        width: auto;
        font-size: var(--font-14)
    }

    .paid_marketing .quote_btn .btn.getaquote {
        margin: auto
    }
}

@media (max-width:384px) {

    .design_text .btn,
    .presentation_text .btn {
        width: auto;
        font-size: var(--font-14)
    }

    body .design_text .btn {
        padding-left: 14px;
        padding-right: 14px
    }
}

@media (max-width:350px) {

    .design_text .btn,
    .presentation_text .btn {
        width: auto;
        font-size: var(--font-12)
    }

    a.btn.getaquote {
        font-size: var(--font-12)
    }
}

.faq .accordion-body ul li a,
.faq .accordion-item .accordion-body p a {
    color: #4c4c4c;
    font-weight: 700
}

.tab_part .yellow_box a.btn.getaquote:after {
    filter: inherit !important
}

.tab_part .yellow_box a.btn.getaquote:hover:after {
    filter: invert(1) brightness(100) !important
}

.tab_part .yellow_box.first_tab1 a.btn {
    border: 1px solid #000;
    color: #000
}

.tab_part .yellow_box.first_tab1 a.btn:after {
    filter: inherit
}

.tab_part .yellow_box a.btn {
    border: 1px solid #fff;
    color: #fff;
    background: linear-gradient(to right, var(--color6d) 50%, #ffffff00 50%);
    background-size: 201% 110%;
    background-position: right bottom
}

.tab_part .yellow_box a.btn.getaquote {
    background: linear-gradient(to right, var(--color6d) 50%, var(--colorfc) 50%);
    background-size: 200% 110%;
    color: #000;
    border: 1px solid var(--colorfc);
    background-position: right bottom
}

.design_devlopment.e-com-top2.section h2,
.wordpress_devlopment.magento_dev.section.woo-com h2 {
    display: flex;
    align-items: end
}

.wordpress_devlopment.magento_dev.section.woo-com h2 img {
    width: 33rem;
    max-width: inherit
}

a.getaquote.view2 {
    background-size: 200% 110%;
    background-position: right bottom
}

.carrer-name.blog_details,
.work-detail-structure.work_detail_full {
    font-size: var(--font-14)
}

.ap-btn a,
.appy-box.row button.btn.btn-primary,
.bacl-listing a {
    background: linear-gradient(to right, var(--color6d) 50%, var(--colorfc) 50%);
    background-size: 201% 110%;
    background-position: right bottom;
    transition: .5s ease-out;
    border-radius: 0;
    padding-inline: 3rem;
    padding-block: 1.2rem;
    color: #000;
    font-family: var(--dm-sans);
    border: 1px solid var(--colorfc)
}

.ap-btn a:hover,
.appy-box.row button.btn.btn-primary:hover,
.bacl-listing a:hover {
    background-position: left bottom;
    color: #fff;
    border: 1px solid var(--color6d)
}

.bacl-listing a img {
    filter: invert(1)
}

.bacl-listing a:hover img {
    filter: invert(0)
}

.digital5.desktop-view button {
    background: linear-gradient(to right, var(--color6d) 50%, #ffffff00 50%) !important;
    background-size: 200% 100% !important;
    background-position: right bottom !important;
    transition: .5s ease-out
}

.digital5.desktop-view button:hover {
    background-position: left bottom !important
}

.digital5.desktop-view button:hover span {
    color: #fff;
    filter: invert(1)
}

ul.list_menu2 .whatsapp-link {
    background: 0 0;
    width: auto;
    height: auto;
    border-radius: 0;
    padding: 0;
    margin: 0;
    position: static !important
}

a.floating.whatsapp-link span.whatsapp-icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.sticky_menu ul.custom-navbar a#\37 {
    border: 1px solid #ddd
}

@media (min-width:991px) {
/*     section.new_home_banner {
        height: 100vh
    } */

    .experience_years.section {
        height: 762px
    }
}

@media (max-width:990px) {
    .paid_marketing .quote_btn .btn.getaquote {
        margin: auto
    }

    .wordpress_devlopment.magento_dev.section.woo-com h2 {
        flex-wrap: wrap
    }

    .top_nav.for-desktop.home_header {
        display: none
    }

    .project_images.section .view-portfolio {
        display: flex;
        position: static;
        margin-top: 3rem;
        align-items: center;
        justify-content: center
    }

    .swiper.mobile_portfolio {
        height: 309px
    }

    .project_images.section {
        float: none;
        clear: both
    }
}



/*----UIKA14041994-25-04-2025-start---*/

.seonew_pagewrap {
    padding: 8rem 0;
}

.seonew_pagewrap h2, .seonew_pagewrap h3, .presentation_text.your_business h2 {
    margin-bottom: 10px;
    color: #182c41;
    font-size: 30px;
    font-weight: 600;
}

.seonew_pagewrap blockquote,
.seonew_pagewrap .heading {
    font-size: 20px;
    color: #1a1a1a;
    line-height: 32px;
    margin-bottom: 3rem;
    font-weight: 500;
}

.seonew_pagewrap .quote_btn .btn.getaquote {
    margin-bottom: 5rem;
}

.seonew_pagewrap .heading {
    font-weight: bold;
    margin-bottom: 2rem;
}

.seonew_pagewrap p,
.seonew_pagewrap .listwrap li,
.presentation_text.your_business p,
.extracontent_wrap .extra_content p {
    font-size: 16px;
    line-height: 28px;
}

.seonew_pagewrap .boxh3, .seonew_pagewrap .boxh2 {
    margin-bottom: 2rem;
}

.seonew_pagewrap .listwrap {
    background-color: #f9f9f9;
    padding-block: 5rem;
    margin-bottom: 7rem;
}

.seonew_pagewrap .listwrap ul {
    padding: 0;
    margin-top: 2rem;
}

.seonew_pagewrap .listwrap .tow_column {
    display: flex;
    flex-wrap: wrap;
}

.seonew_pagewrap .listwrap .tow_column li {
    width: 50%;
}

.seonew_pagewrap .listwrap li {
    position: relative;
    padding-left: 2rem;
}

.seonew_pagewrap .listwrap li::before {
    position: absolute;
    left: 0;
    top: 1rem;
    width: .6rem;
    height: .6rem;
    background: #FCCA01;
    content: "";
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.seonew_pagewrap .listwrap li:not(:last-child) {
    margin-bottom: 2rem;
}



.seonew_pagewrap .boxh3_wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 3rem;
    margin-bottom: 7rem;
}

/* .seonew_pagewrap .boxh3_wrap .boxh3:last-child {
    grid-column: 1 / -1;
} */

.seonew_pagewrap .boxh3_wrap .boxh3 {
    background-color: #f9f9f9;
    padding: 2rem;
    margin: 0;
    border: 1px solid #ddd;
}

.seonew_pagewrap .boxh3_wrap .boxh3 h3 {
    font-size: 24px;
    margin-bottom: 1.5rem;
}

.presentation_text.your_business p {
    max-width: 100%;
}

.seonew_pagewrap h2:has(+ .services_noidagrid),
.seonew_pagewrap h2:has(+ .seo_services_delhi_grid) {
    margin-bottom: 3rem;
}
.nospan{grid-column: auto !important;}


.extracontent_wrap {
    width: 100%;
    padding-top: 5rem;
    clear: both;
}

.extracontent_wrap .extra_content p:not(:last-child) {
    margin-bottom: 2rem;
}

.seo_services_india_banner {
    background: url(../images/seoservise-india.webp) bottom / cover no-repeat;
}

.seo_services_delhincr_banner {
    background: url(../images/seo-services-delhi-ncr.webp) center / cover no-repeat;
}

.seo_services_noidabanner {
    background: url(../images/seo-services-noida.webp) center / cover no-repeat;
}



@media (max-width:1649px) {

    .seonew_pagewrap .boxh3_wrap .boxh3 h3 {
        font-size: 21px;
        margin-bottom: 1.5rem;
    }

    .seonew_pagewrap h2,
    .seonew_pagewrap h3,
    .presentation_text.your_business h2 {
        margin-bottom: 20px;
    }

    .seo_page.section.seo-panel1.seo_services_delhincr_banner,
    .seo_page.section.seo-panel1.seo_services_india_banner,
    .seo_page.section.seo-panel1.seo_services_noidabanner {
        background-position: right;
    }

}

@media (max-width:1399px) {

    .seonew_pagewrap .boxh3_wrap {
        grid-gap: 2rem;
    }

}



@media (max-width:1199px) {

    .seonew_pagewrap h2,
    .seonew_pagewrap h3,
    .presentation_text.your_business h2 {
        font-size: 30px;
        margin-bottom: 1.5rem;
    }

    .seonew_pagewrap .listwrap {
        margin-bottom: 5rem;
    }

}

@media (max-width:991px) {

    .seonew_pagewrap h2,
    .seonew_pagewrap h3,
    .presentation_text.your_business h2 {
        font-size: 24px;
        margin-bottom: 1.5rem;
    }

    .seo_projects.section {
        margin-bottom: 2rem;
    }

    .seonew_pagewrap {
        padding: 3rem 0;
    }

    .seonew_pagewrap blockquote,
    .seonew_pagewrap .heading {
        font-size: 18px;
        line-height: 1.6;
        margin-bottom: 3rem;
    }

    .seonew_pagewrap .quote_btn .btn.getaquote {
        margin-bottom: 4rem;
    }

    .seonew_pagewrap .boxh3,
    .seonew_pagewrap .boxh2 {
        margin-bottom: 3rem;
    }

    .seonew_pagewrap p,
    .seonew_pagewrap .listwrap li,
    .presentation_text.your_business p,
    .extracontent_wrap .extra_content p {
        font-size: 15px;
        line-height: 1.6;
    }

    .seonew_pagewrap .listwrap .tow_column li {
        width: 100%;
    }

    .seonew_pagewrap .boxh3 .heading,
    .seonew_pagewrap .boxh2 .heading {
        margin-bottom: 1.5rem;
    }

    .extracontent_wrap {
        padding-top: 3rem;
    }

    .seonew_pagewrap .heading {
        font-weight: 500;
    }

    .seonew_pagewrap h2:has(+ .services_noidagrid),
    .seonew_pagewrap h2:has(+ .seo_services_delhi_grid) {
        margin-bottom: 2rem;
    }

    .boxh3_wrap.seo_services_delhi_grid {
        margin-bottom: 4rem;
    }

    .seo_page.section.seo-panel1.seo_services_delhincr_banner,
    .seo_page.section.seo-panel1.seo_services_india_banner,
    .seo_page.section.seo-panel1.seo_services_noidabanner {
        background-position: left;
    }

}

@media (max-width:767px) {

    .seonew_pagewrap h2,
    .seonew_pagewrap h3,
    .presentation_text.your_business h2 {
        font-size: 24px;
        margin-bottom: 1.5rem;
    }

    .seonew_pagewrap blockquote,
    .seonew_pagewrap .heading {
        font-size: 16px;
        line-height: 1.6;
    }

    .seonew_pagewrap blockquote {
        margin-bottom: 2rem;
    }

    .seonew_pagewrap .quote_btn .btn.getaquote,
    .presentation_text.your_business .quote_btn .btn.getaquote {
        margin-inline: inherit;
    }

    .seonew_pagewrap .boxh3_wrap {
        grid-template-columns: repeat(1, 1fr);
    }

    .seonew_pagewrap .boxh3_wrap {
        margin-bottom: 5rem;
    }
	
	    footer ul li {
        margin-bottom: 0;
        width: 100%;
    }

}



@media (max-width:575px) {

    .seonew_pagewrap .quote_btn .btn.getaquote {
        margin: 2rem 0;
    }

    .seonew_pagewrap .listwrap {
        padding-block: 3rem;
        margin-bottom: 4rem;
    }

    .marketing_text h1 {
        margin-bottom: 2rem;
    }

    .seonew_pagewrap h2,
    .seonew_pagewrap h3,
    .presentation_text.your_business h2 {
        font-size: 22px;
    }

    .seonew_pagewrap .boxh3_wrap .boxh3 h3 {
        font-size: 18px;
    }

    .boxh3_wrap.seo_services_delhi_grid {
        margin-bottom: 3rem;
    }

}

/*----UIKA14041994-25-04-2025-end---*/

.marketing_text.seoMarketing{position: relative; z-index: 1;}
.seo_services_india_banner{position: relative;}
.visit_wrapper { position: absolute; right: 0; top: 0; width: 100%; height: 100%;display: flex;align-items: center; }
.visit_wrapper .container-fluid{position: relative;}
.visit_form { background: rgb(0 0 0 / 73%); height: 50rem; width: 50rem;margin-inline: auto 2.5%;position: relative;z-index: 10;}

@media (min-width: 2100px) {
    .visit_wrapper .container-fluid { max-width: 2000px; margin-inline: auto; }
}
@media (min-width: 2800px) {
    .visit_wrapper .container-fluid { max-width: 2000px; margin-inline: auto; }
}

.enquiry_float { font-size: var(--font-14); font-family: var(--dm-sans); position: fixed; writing-mode: sideways-lr;-webkit-writing-mode: sideways-lr; -ms-writing-mode: sideways-lr; right: 0; z-index: 99; top: 30%; box-shadow: 0 9px 34px #00000029; padding-inline: 2rem; padding-block: 1rem; color: #000; font-weight: 700; letter-spacing: 1.4px; background: linear-gradient(to right, var(--color6d) 50%, var(--colorfc) 50%); background-size: 200% 110%; background-position: right bottom; transition: .5s ease-out; text-transform: uppercase;  }






/*----UIKA14041994-13-05-2025-end---*/


.thankyouPage {padding: 5rem 0;min-height:75vh; display: flex; justify-content: center; align-items: center; text-align: center; }
.thankyouPage h1 { font-size: var(--font-58); margin-bottom: 4rem; }
.thankyouPage p { color: #000; }
.thankyouPage a.query-btn.continue.thnk_u {margin-block: 3rem 0;}