:root {

    --dm-serif: "DM Serif Display", serif;
    --dm-sans: "DM Sans", serif;
    --montserrat: "Montserrat", serif;

    --color6d: #6DACDE;
    --color02: #024C9F;
    --color4d: #4D4D4D;
    --color18: #182C41;
    --colorfc: #FCCA01;
    --font-216: 21.6rem;
    --font-70: 7rem;
    --font-58: 5.8rem;
    --font-56: 5.6rem;
    --font-48: 4.8rem;
    --font-30: 3rem;
    --font-24: 2.4rem;
    --font-21: 2.1rem;
    --font-16: 1.6rem;
    --font-14: 1.4rem;
    --font-12: 1.2rem;
}


@media (min-width:2399px) {
    :root {
        --font-216: 21.6rem;
        --font-70: 8.5rem;
        --font-58: 7.8rem;
        --font-56: 7rem;
        --font-48: 6rem;
        --font-30: 3.5rem;
        --font-24: 3rem;
        --font-21: 2.5rem;
        --font-16: 1.8rem;
        --font-14: 1.6rem;
        --font-12: 1.4rem;
    }

}
@media (min-width:1680px) and (max-width:1800px) {
    :root{--font-216:14rem;}
}
@media (max-width:1700px) {
    :root {
        --font-216: 14rem;
        --font-70: 5.5rem;
        --font-58: 4.8rem;
        --font-56: 3.5rem;
        --font-48: 4rem;
        --font-30: 2.5rem;
        --font-24: 2rem;
        --font-21: 1.8rem;
        --font-16: 1.4rem;
        --font-14: 1.3rem;
        --font-12: 1rem;
    }


}


@media (max-width:1280px) {
    :root {
        --font-216: 11.5rem;
        --font-216: 8.5rem;
        --font-70: 3.5rem;
        --font-48: 3rem;

    }


}

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


}

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




body {
    font-family: 'Montserrat', sans-serif;

}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto Slab', serif
}

p {
    font-size: 16px
}

ul.navbar-nav.ml-auto a {
    font-family: Montserrat, sans-serif;
    letter-spacing: 2px
}

.design_text p {
    font-family: Montserrat, sans-serif
}

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
}

.copy_wright li a:hover {
    color: #6ea0d2
}

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

.banner_images img {
    width: 100%
}

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

.project_images.section {
    padding: 0;
    position: relative
}

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

.project_images .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)
}

.header_section {
    position: relative;
    padding: 0
}

.bottom_menu li a:hover {
    color: #6ea0d2
}

.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: #fff;
    text-transform: uppercase;
    font-size: 13px;
    display: block;
    font-weight: 600;
    position: relative;
    z-index: 99999;
    padding: 8px 12px;
    border: 1px solid #fff0
}

li.nav-item {
    margin: 0 5px
}

li.nav-item:last-child {
    margin-right: 0
}

.bottom_menu li:last-child {
    margin-right: 0
}

.video_inside {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 100%;
    max-width: 1122px;
    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 all;
    -webkit-transition: 2s all;
    -moz-transition: 2s all;
    -ms-transition: 2s all;
    -o-transition: 2s all;
    transition-delay: 1s;
}

.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%;
    max-width: 1122px;
    position: absolute;
    bottom: 5rem;
    left: 50%;
    display: flex;
    translate: -50% 0;
    justify-content: flex-end;
    column-gap: .5rem;
}

.herobanner .owl-nav span {
    font-size: 30px;
    border: 0;
    width: 55px;
    height: 54px;
    line-height: 30px;
    display: block;
    background: url(../images/left-arrow.svg) no-repeat;
    display: inline-block;
    text-indent: -9999px;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.herobanner {
    overflow-x: clip;
}

/* .herobanner .owl-nav button.owl-next span {
    background: url(../images/right-arrow.svg) no-repeat;
    background-size: contain;
} */
.herobanner .owl-nav button:hover {
    background: #6aa0d0;
}

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

/* @media (min-width: 1920px) and (max-width: 2000px) {
    .herobanner .owl-nav{
        max-width: 1700px;
    }
}*/
@media (min-width: 1920px) and (max-width: 4000px) {
    .herobanner .owl-nav {
        max-width: 1700px;
    }
}



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

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

.bottom_menu li a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px
}

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

.experience_years.section li {
    list-style: none
}

.digital_contennt h2 {
    font-size: var(--font-56);
    font-family: var(--dm-serif);
    line-height: 60px;
    font-weight: normal;
}

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

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

.digital_contennt h2 {
    color: var(--color4d);
}



.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 a:hover,
.experience_years a:hover .fa {
    /* background: #6aa0d0; */
    /* color: #fff; */
    /* border: 1px solid #6aa0d0; */
}

.bottom_menu li a {
    font-size: 13px
}

.experience_years p {
    margin: 40px 0
}

.experience_years p span {
    color: #6aa0d0
}

.experience_years .owl-dots {
    display: none
}

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

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

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

.experience_years .col-md-3 {
    position: relative
}

.experience_years button:focus {
    outline: 0
}

.experience_years .owl-nav :last-child span {
    border-left: 0
}

.img_box1 img {
    max-width: 100%
}

.project_images .col-md-4.col-sm-6 {
    padding: 0
}

.img_box1 {
    position: relative;
    overflow: hidden
}

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

.footer.section h2 {
    font-weight: normal;
    font-size: var(--font-56);
    margin-bottom: 20px;
    color: #fff;
    font-family: var(--dm-serif);
}

.our_Diary strong {
    font-size: 14px;
    display: block;
    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 {
    opacity: 1
}

.img_box1 img {
    width: 100%;
    height: auto;
    transition: all 1.1s ease 0s
}

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

.img_box1: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 {
    display: inline-block;
    max-width: 200px;
    width: 200px;
    height: 170px;
    line-height: 170px;
    margin-bottom: 5px
}

.clients_logo li img {
    max-width: 50%
}

.clients_logo {
    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: normal;
    font-family: var(--dm-serif);
}

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

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

.our_Diary_box {
    position: relative
}

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

.our_Diary_date strong {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    color: #000
}

.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: 'Roboto Slab', serif;
    font-size: 16px;
    font-weight: 300;
    color: #191919
}

.full_image {
    position: relative
}

.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
}

.little_tag_content p,
.little_tag_content strong {
    color: #fff
}

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

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

.copy_wright li {
    font-size: 14px
}

.copy_wright li {
    color: #fff;
    margin: 5px;
    font-size: 12px;
    font-family: Montserrat, sans-serif
}

.footer_details li {
    display: inline-block
}

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

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

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

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

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

.digital2 a {
    text-decoration: none;
    color: #fff;
    text-align: center;
    display: inline-block;
    margin: auto;
    border: 1px solid #fff;
    padding: 4px 30px;
    border-radius: 25px;
    margin-top: 30px;
    font-family: Montserrat, sans-serif;
    letter-spacing: 2px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600
}

li.nav-item.project_button {
    padding: 0 15px;
    transition: .2s
}

div#menu2 p.development_services {
    color: #000
}

.navbar .container-fluid {
    display: block
}

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

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

div#menu1 {
    position: relative
}

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 {
    padding-top: 30px
}

.agency_boxes {
    margin: 0 0 50px 0
}

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

.technology_Works:before {
    position: absolute;
    top: 50%;
    background: #b3b3b3;
    content: "";
    width: 39%;
    left: 0;
    height: 1px
}

.technology_Works:after {
    position: absolute;
    background: #b3b3b3;
    content: "";
    width: 23%;
    right: 0;
    height: 1px;
    bottom: 20%
}

.technology_Works {
    position: relative
}

.technical_Section h4 {
    font-size: 21px
}

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

p.development_services {
    line-height: 28px
}

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

.technical_Section li {
    list-style: none
}

.load_more_btn .btn,
.technical_Section a.btn {
    background: #66acdc;
    border-radius: 25px;
    color: #fff;
    padding: 5px 30px
}

.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: ""
}

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

.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
}

.partners_logo.desktop_device_logo {
    text-align: center
}

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

.technology_Works.section li:nth-child(1),
.technology_Works.section li:nth-child(13),
.technology_Works.section li:nth-child(5),
.technology_Works.section li:nth-child(9) {
    border-left: 0
}

nav.navbar.navbar-expand-md.bg-grey {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99
}

.partners_logo.desktop_device_logo .owl-carousel.owl-theme {
    display: block
}

div#menu1 {
    padding: 0
}

.new_media li.nav-item {
    display: inline-block;
    width: 180px;
    height: 170px;
    border: 1px solid #ddd;
    padding: 15px 0;
    margin: 0
}

.new_media li.nav-item {
    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 {
    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
}

.new_media ul.nav.nav-fill.navtop a.nav-link img.bg_yellowImage {
    display: none
}

.new_media a.nav-link.active img.bg_blackImage {
    display: none
}

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

.work_page div#collapsibleNavbar a {
    color: #2b4456;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 2px
}

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

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

.second_menu li:last-child {
    margin-right: 0
}

.second_menu li a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-family: Montserrat, sans-serif
}

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

.second_menu {
    margin-top: 27px;
    margin-right: 39px
}

.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 {
    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
}

div#jquery-accordion-menu ul {
    padding: 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
}

.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: none;
    border-top: none;
    position: relative;
    -o-transition: border .2s linear;
    -moz-transition: border .2s linear;
    -webkit-transition: border .2s linear;
    transition: .5s ease all;
    padding: 15px;
    border-bottom: 1px solid rgb(255 255 255 / 11%);
    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 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #6ea0d2;
    z-index: 99
}

.mobile_device2 span {
    color: #fff
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    background-color: #6ea0d2;
    overflow-x: inherit;
    transition: .8s;
    width: 0% !important;
    opacity: 0
}

.sidenav a {
    text-decoration: none;
    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
}

div#jquery-accordion-menu li:first-child {
    border-bottom: 0
}

ul.list-group.list-group-flush li.nav-item.project_button {
    border: 1px solid rgb(255 255 255 / 24%);
    padding: 0 15px;
    margin-top: -1px;
    text-align: center
}

ul.submenu li:last-child {
    border-bottom: 0
}

.mobile_device2 {
    display: none
}

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

.headings {
    margin-bottom: 10px
}

.work_all_images {
    margin: 20px
}

.work_testify h2 {
    font-size: 48px;
    color: #2b4456;
    margin-bottom: 50px
}

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

ul.icons_section li {
    display: inline-block
}

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

.custom-navbar {
    margin-top: 60px;
    padding: 0;
    position: relative
}

.custom-navbar li {
    text-decoration: none;
    list-style: none;
    padding: 12px 0;
    display: inline-block;
    list-style-type: none;
    letter-spacing: 1.2px;
    margin-right: 20px
}

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

.titletip {
    position: relative;
    display: inline-block
}

.titletip .textTop {
    visibility: hidden;
    background-color: #fff;
    color: #000;
    text-align: center;
    border-radius: 3px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    left: 50%;
    opacity: 0;
    transition: opacity .3s;
    box-shadow: 0 0 5px 0 #757575;
    top: 0;
    transform: translate(-50%, -130%);
    font-size: 12px;
    letter-spacing: 0
}

.titletip .textBottom {
    visibility: hidden;
    min-width: 120px;
    max-width: 150px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    top: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity .3s
}

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

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

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

ul.industry_type li {
    display: inline-block
}

ul.industry_type li {
    font-weight: 600;
    color: #000;
    margin-right: 20px;
    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 {
    margin-left: 10px
}

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

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

div#menu2 h3,
div#menu2 p {
    color: #fff
}

.work_page .second_menu a {
    color: #000
}

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

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

.testimonialsText h4 {
    color: #fff
}

.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%
}

.home_page div#collapsibleNavbar a {
    color: #fff
}

.menu {
    width: 50px;
    height: 38px;
    position: absolute;
    z-index: 21;
    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 {
    position: relative;
    margin-top: 9px;
    margin-bottom: 9px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -1.5px
}

.menu span,
.menu span::after,
.menu span::before {
    display: block;
    width: 30px;
    right: 0;
    height: 3px;
    background-color: #fff;
    outline: 1px solid #fff0;
    -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 {
    position: absolute;
    content: ""
}

.menu span::before {
    top: -9px;
    width: 30px
}

.menu span::after {
    top: 9px;
    width: 20px
}

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

.menu.clicked span::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 {
    -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: #294152;
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    height: 100vh;
    max-width: 300px;
    width: 350px;
    padding: 100px 40px 60px 40px;
    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);
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* padding-bottom: 6rem; */

}

.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 0
    }
}

.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: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    float: none;
    color: #fff
}

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

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

.sideMenu ul.main 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: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

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

.sideMenu ul.sub li:last-of-type {
    margin-bottom: 0
}

.sideMenu ul.sub li a {
    color: #fff;
    font-family: Raleway, sans-serif;
    letter-spacing: 1px;
    font-size: .9rem;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

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

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

.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
}

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

.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 {
    margin-top: 40px
}

.app_text h4 {
    margin-bottom: 30px;
    font-weight: 800;
    font-size: 24px;
    min-height: 56px;
    color: #333;
    font-family: Montserrat, sans-serif
}

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

.start_project.section {
    background: #2b4456;
    color: #fff;
    padding: 60px 0
}

.start_project.section .btn {
    color: #fff;
    border: 1px solid#fff;
    padding: 6px 24px;
    margin-top: 20px;
    border-radius: 25px;
    font-size: 13px;
    letter-spacing: 2px
}

.shopify_dev span {
    vertical-align: sub
}

.start_project.section .btn:hover {
    background: #6ea0d2
}

.start_project.section h2 {
    font-size: 50px;
    line-height: 1
}

.design_text a {
    background: #6dacde;
    padding: 5px 28px;
    color: #fff;
    border-radius: 25px;
    text-decoration: none;
    font-size: 14px;
    border: 2px solid #6dacde
}

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

.design_text a:hover {
    color: #6ea0d2;
    border: 2px solid #6ea0d2;
    background: 0 0
}

.design_text ul {
    padding: 0
}

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

li {
    list-style: none
}

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

.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 {
    background: #fff
}

.banner.bg_blue.section {
    background: #546f8f;
    position: relative;
    overflow: hidden
}

.banner.bg_blue.section {
    margin-top: 30px
}

.banner-content-ecommerce h1 {
    color: #fff;
    font-size: 55px;
    line-height: 62px;
    margin-bottom: 40px
}

.banner-content-ecommerce p {
    color: #fff;
    max-width: 1000px;
    font-size: 16px;
    line-height: 26px;
    font-family: Montserrat, sans-serif
}

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

.design_text h2 {
    font-size: 55px;
    color: #2b4456;
    margin-bottom: 35px;
    font-weight: 700
}

.shopify_dev.section .design_text h2 {
    margin-bottom: 50px
}

.design_text p {
    font-size: 20px;
    color: #1a1a1a;
    line-height: 32px
}

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

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

.design_text img {
    max-width: 300px
}

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

.maintence_boxes {
    display: flex
}

.maintence_boxes span {
    margin-left: 26px;
    display: inline-block;
    font-size: 24px;
    color: #2b4456;
    max-width: 145px;
    vertical-align: middle;
    line-height: 30px;
    font-weight: 700
}

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

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

.technology h2 {
    font-size: 55px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #333
}

.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 solid#ddd;
    border-right: 1px solid#ddd;
    height: 150px;
    line-height: 150px;
    margin: -3px;
    width: 25%
}

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

.partners_logo li:nth-child(12),
.partners_logo li:nth-child(4),
.partners_logo li:nth-child(8) {
    border-right: 0
}

.partners_logo li:nth-child(10),
.partners_logo li:nth-child(11),
.partners_logo li:nth-child(12),
.partners_logo li:nth-child(9) {
    border-bottom: 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.section {
    position: relative;
}

.technology_all_logo:before {
    position: absolute;
    bottom: 32%;
    left: 0;
    content: "";
    width: 5%;
    height: 1px;
    background: #d4d4d4
}

.technology_all_logo:after {
    position: absolute;
    bottom: 32%;
    right: 0;
    content: "";
    width: 5%;
    height: 1px;
    background: #d4d4d4
}

.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_App h2 {
    color: #fff
}

.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
}

.magento_dev {
    background: #dde2e9
}

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

.right_content p {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    line-height: 22px
}

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

.design_text a {
    margin: 20px
}

.owl-dots {
    display: none
}

.red_Section {
    margin-top: 2px
}

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

nav.navbar.navbar-expand-md.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #6ea0d2;
    z-index: 9999;
    width: 100%
}

nav.navbar.navbar-expand-md.fixed {
    -webkit-transition: all .5s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all .5s ease
}

nav.navbar.navbar-expand-md.fixed {
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    transition: background-color .2s linear;
    border: none
}

.our_Diary_box {
    margin-bottom: 1px
}

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

.right_contents {
    margin-top: 2px
}

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

.col-md-6.remove_padding {
    padding-right: 0
}

.col-md-6.business_help {
    padding-right: 0
}

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

.our_Diary_box img {
    width: 100%
}

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

.col-md-6.business_help .full_image img {
    mix-blend-mode: multiply;
    background: #000
}

.design_text .btn {
    margin: 0;
    margin-top: 35px
}

.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 {
    background: #fff !important
}

.hybird_box {
    position: relative
}

.sideMenu.show a {
    color: #fff !important
}

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

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

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

.work_page .owl-carousel .owl-nav.disabled {
    display: block;
    position: absolute;
    top: 0;
    left: -5%
}

.work_page .owl-nav.disabled button {
    display: block
}

button:focus {
    outline: 0;
    outline: 0
}

.project_box h3 {
    font-size: 60px;
    font-weight: 800;
    color: #2b4456;
    margin-bottom: 0;
    margin-top: 5px
}

.project_box p {
    margin-bottom: 0;
    max-width: 219px;
    font-size: 16px;
    color: #4d4d4d;
    min-height: 50px;
    font-family: Montserrat, sans-serif
}

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

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

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

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

.enterprises_page .wordpress_devlopment span {
    color: #fff
}

.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
}

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

.color_boxes.project_mobiles {
    padding-top: 0
}

.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
}

ul.owl-carousel.owl-theme.owl-loaded.owl-drag {
    margin: 0;
    padding: 0
}

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

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

.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 0
}

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

.trained_tab h2 {
    color: #2b4456;
    margin-bottom: 35px;
    font-size: 40px
}

.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
}

.bottom_para p {
    margin: 0
}

.record {
    position: relative
}

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

.bottom_para p {
    font-size: 18px;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    line-height: 28px
}

.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
}

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

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

ul.nav.nav-pills.navtop {
    text-align: center;
    margin: auto;
    display: block
}

ul.nav.nav-pills.navtop li {
    display: inline-block
}

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

a.nav-link.active img.noraml {
    display: none
}

ul.nav.nav-pills.navtop a.nav-link img.dark {
    display: none
}

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

ul.nav.nav-pills.navtop {
    border-bottom: 1px solid #dddd
}

ul.nav.nav-pills.navtop p {
    color: #191919;
    font-weight: 600;
    margin-top: 15px;
    font-family: 'Roboto Slab', serif;
    margin-bottom: 0
}

.agency_box {
    padding: 0;
    margin: 0
}

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

.agency_box li h3 {
    display: block;
    min-height: 40px;
    font-size: 60px;
    color: #2b4456 !important;
    font-weight: 700
}

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

.yellow_box a {
    text-decoration: none;
    color: #4d4d4d
}

.yellow_box a:hover {
    color: #000
}

.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 rgb(255 255 255 / 18%)
}

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

.yellow_box p {
    font-size: 15px;
    line-height: 28px;
    color: #4c4c4c
}

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

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

.yellow_box a.btn:hover {
    background: 0 0;
    border: 2px solid #fff
}

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

.yellow_box.redB.blueB a {
    color: #fff
}

.yellow_box.redB a {
    color: #fff
}

.yellow_box a.btn {
    border: 2px solid #6ea0d2;
    background: #6ea0d2;
    margin-top: 40px;
    color: #fff !important;
    border-radius: 75px;
    padding: 5px 25px;
    font-size: 14px
}

.yellow_box ul {
    max-width: 260px
}

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

.agency_box li:nth-child(1),
.agency_box li:nth-child(2) {
    margin-bottom: 50px
}

.tab_part.section {
    padding-bottom: 0
}

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

.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_logo ul li:nth-child(1),
.technology_logo ul li:nth-child(2),
.technology_logo ul li:nth-child(3),
.technology_logo ul li:nth-child(4) {
    border-top: 0
}

.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
}

.technology_all_logo.section {
    padding: 100px 0
}

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

.technology_text p {
    color: #4c4c4c;
    font-size: 15px;
    line-height: 26px;
    margin-top: 20px;
    padding-right: 48px
}

.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 {
    font-size: 48px;
    color: #000;
    font-weight: 600;
    position: relative;
    padding: 5px 0 20px;
    display: inline-block
}

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

.testimonials_page h2 {
    margin-top: 40px
}

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

.marketing_text h1 {
    color: #fff;
    display: inline-block;
    position: relative;
    padding: 25px 0 35px;
    font-size: 48px
}

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

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

.marketing_text h1:before {
    position: absolute;
    content: "";
    width: 70px;
    height: 3px;
    background: var(--colorfc);
    bottom: 0
}

.interactive.video_serivces.section h3:before {
    background: var(--colorfc)
}

.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 0;
    font-size: 55px;
    line-height: 56px
}

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

.digital_marketing.section {
    position: relative;
    padding-bottom: 0
}

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

.seo_img img {
    max-width: 990px
}

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

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

.color_boxes .btn {
    background: 0 0 !important;
    border: 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: #2b4456;
    margin-bottom: 65px;
    line-height: 1;
    font-weight: 700
}

.marketing_box h3 {
    color: #2b4456;
    font-size: 52px;
    font-weight: 700;
    margin-bottom: 0
}

.marketing_box p {
    color: #333;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 25px
}

.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;
    max-width: 355px;
    color: #fff;
    margin-bottom: 35px
}

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

.color_boxes p {
    max-width: 355px;
    color: #fff;
    line-height: 26px;
    font-weight: 300;
    font-size: 16px;
    position: relative;
    z-index: 1
}

.heads a.btn:hover {
    background: #000;
    color: #fff
}

.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.green_box p {
    max-width: 266px
}

.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: #2b4456;
    font-weight: 600;
    line-height: 50px;
    margin-bottom: 35px
}

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

.heads a.btn {
    border: 2px solid #3780ba;
    border-radius: 25px;
    padding: 8px 35px;
    margin-top: 20px;
    text-transform: uppercase;
    color: #000;
    font-weight: 800;
    font-size: 12px;
    letter-spacing: 2px
}

.color_boxes.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
}

.experience_details .col-md-4 {
    padding-right: 0
}

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

.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:before {
    background: #6098c4
} */

.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
}

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

.presentation_text h2 {
    font-size: 45px;
    color: #2b4456;
    font-weight: 700;
    margin-bottom: 35px
}

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

.presentation_text a.btn {
    background: #6dacde;
    color: #fff;
    border-radius: 25px;
    padding: 5px 28px;
    margin-top: 30px;
    font-size: 14px;
    margin-bottom: 30px;
    border: 2px solid #6dacde
}

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

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

li.nav-item.project_button a.nav-link {
    letter-spacing: 2px
}

.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
}

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

.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 {
    padding-bottom: 50px
}

.branding_img img {
    max-width: 830px
}

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

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

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

.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 {
    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: 42px;
    color: #2b4456;
    font-weight: 700;
    margin-bottom: 50px
}

.principal_text p {
    font-size: 14px;
    line-height: 26px;
    color: #000
}

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

.principal_img {
    padding: 100px 0 50px 0
}

.principal .col-md-7 {
    padding-right: 0
}

.principal .col-md-5 {
    padding-left: 0
}

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

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

.seo_page {
    background: url(../images/seo-banner.png);
    background-position: center;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 70px
}

.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: 42px;
    font-weight: 800;
    color: #2b4456;
    margin: 0
}

.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.boxOne {
    padding-right: 55px
}

.process_box h3 {
    font-size: 24px;
    margin-bottom: 20px
}

.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);
    width: 206px;
    height: 250px;
    background-repeat: no-repeat
}

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

.process_box.boxThree:before {
    position: absolute;
    background: red;
    content: "3";
    width: 50px;
    height: 50px;
    left: -10px;
    z-index: 999;
    top: -25px;
    border-radius: 100%;
    text-align: center;
    line-height: 42px;
    color: #000;
    font-size: 25px;
    background: #fff;
    border: 5px solid #c9d7ee
}

.process_box.boxOne:before {
    position: absolute;
    background: red;
    content: "1";
    width: 50px;
    height: 50px;
    left: -2px;
    z-index: 999;
    bottom: -25px;
    border-radius: 100%;
    text-align: center;
    line-height: 42px;
    color: #000;
    font-size: 25px;
    background: #fff;
    border: 5px solid #c9d7ee
}

.process_box.boxTwo .img_box:before {
    position: absolute;
    background: red;
    content: "2";
    width: 50px;
    height: 50px;
    left: -2px;
    z-index: 999;
    bottom: -25px;
    border-radius: 100%;
    text-align: center;
    line-height: 42px;
    color: #000;
    font-size: 25px;
    background: #fff;
    border: 5px solid #c9d7ee
}

.process_box.boxOne {
    padding-right: 1px
}

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

.process_box {
    padding-top: 50px
}

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

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

.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 rgb(255 255 255 / 22%);
    font-size: 15px;
    font-weight: 600;
    line-height: 28px
}

.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
}

.col-md-4:nth-child(1) .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: 1px solid #ddd;
    border-top: none
}

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

.responsive-tabs-container[class*=accordion-] .tab-pane {
    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: medium 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;
    text-decoration: none
}

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);
}

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

.our_projects.section {
    padding-top: 0
}

.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 button.owl-dot.active {
    background: #024c9f
}

.clients_logo .owl-dots {
    display: block;
    text-align: center
}

li.nav-item.project_button {
    margin-top: 0;
    padding: 0 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:hover img {
    transform: scale(1.1)
}

.project_images_box img {
    width: 100%;
    height: auto;
    transition: all 1.1s ease 0s
}

.project_images_box img {
    max-width: 100%
}

.project_images_box {
    position: relative;
    overflow: hidden
}

.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
}

.our-client-logo .more_clients {
    display: none
}

.solutions_company .solutions_box {
    display: none
}

.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
}

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

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

.start_project.section a {
    text-transform: uppercase
}

.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%
}

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

.impression {
    position: relative;
    right: 0;
    background: #fff;
    padding: 0;
    bottom: 0;
    top: 0;
    height: inherit;
    max-width: 100%;
    float: right
}

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

.roohAfza .container {
    position: relative
}

.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: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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: 30px
}

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

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

#slider input {
    display: none
}

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

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

#slider .arrow label {
    display: inline-block;
    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 {
    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-1-radio:checked~.next-arrow #next-2-arrow,
#slide-1-radio:checked~.prev-arrow #prev-3-arrow {
    display: inline-block
}

#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-2-radio:checked~.next-arrow #next-3-arrow,
#slide-2-radio:checked~.prev-arrow #prev-1-arrow {
    display: inline-block
}

#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
}

#slide-3-radio:checked~.next-arrow #next-1-arrow,
#slide-3-radio:checked~.prev-arrow #prev-2-arrow {
    display: inline-block
}

@media screen and (max-width:768px) {
    #slider {
        width: 100%;
        height: 175px
    }

    #slider .slides {
        height: 175px
    }

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

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

.diary_box_right {
    position: relative
}

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

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

.col-md-6.left_contents .little_tag_content p {
    font-weight: 500
}

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

.col-md-6.business_help .full_image .logo_brand img {
    mix-blend-mode: inherit
}

.home_page div#collapsibleNavbar li.nav-item.project_button:hover a {
    color: #fff
}

.our_diary_text p {
    font-family: var(--dm-sans);
    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
}

nav.navbar.navbar-expand-md.fixed a.navbar-brand {
    padding: 0
}

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

.header_section.section nav.navbar.navbar-expand-md.fixed .navbar-collapse {
    margin-top: 0;
    margin-bottom: 0
}

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

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

.read-m {
    position: absolute;
    bottom: 30px;
    right: 30px
}

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

.work_page div#collapsibleNavbar li.nav-item.project_button:hover a {
    color: #fff
}

.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: 40px;
    color: #2b4456;
    font-weight: 600
}

.work_page .roohAfza.section .owl-nav span {
    border: 0;
    width: 13px;
    height: 27px;
    display: block;
    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;
    display: block;
    background: url(../images/arrow-group.svg) no-repeat;
    display: inline-block;
    text-indent: -9999px;
    background-position: top right;
    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
}

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

.design_devlopment.section.erp-manfacturing {
    padding-top: 80px
}

.design_devlopment.section.erp-manfacturing .design_text h2 {
    margin-bottom: 0
}

.design_devlopment.section.erp-manfacturing .slider_right {
    margin-top: 30px
}

.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) no-repeat;
    background-position: 0 -55px
}

.corporate_video.media_page .presentation_text a.btn {
    margin-top: 25px;
    margin-bottom: 30px
}

.company_img img {
    width: 100%
}

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

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

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

.icon1-bg img {
    width: 100%
}

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

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

div#menu3 .agency_box li p {
    padding-right: 0
}

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
}

.marketing_text.seoMarketing a {
    border: 1px solid #fff;
    padding: 8px 30px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    margin: 25px 0 0;
    display: inline-block
}

.marketing_text.seoMarketing a:hover {
    background: #fff;
    color: #6dacde
}

.seo_projects.section {
    padding-bottom: 70px
}

.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
}

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

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

.why_choose.section p small {
    font-weight: 600
}

.paid_marketing .making_brands p.font14 {
    font-size: 13px;
    margin: 35px 0 0
}

.lead_base_boxes p {
    color: #4d4d4d
}

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

.power_presentation.section h2 {
    margin-bottom: 25px
}

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

.corporate_video .presentation_text h2 {
    font-size: 48px
}

.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 h1::before {
    background: #d5b111
}

.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;
    padding: 90px 0 0
}

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

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

.green-bg-smm h2 {
    font-size: 20px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    margin-bottom: 30px
}

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

.smm-wht-we-do h1 {
    margin-bottom: 50px
}

.smm-wht-we-do .col-md-4 {
    margin-bottom: 25px
}

.ssm-view {
    margin: 40px 0
}

.ssm-view a {
    background: #6dacde;
    padding: 5px 28px;
    color: #fff;
    border-radius: 25px;
    text-decoration: none;
    font-size: 14px;
    border: 2px solid #6dacde
}

.ssm-view a:hover {
    color: #6ea0d2;
    border: 2px solid #6ea0d2;
    background: 0 0
}

.compaining.smm-companing {
    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
}

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

.why_choose.section.smm-why-choose p strong {
    font-weight: 700
}

.why_choose.section.smm-why-choose .maintain_box {
    padding-top: 0
}

.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_page .work-slide-bg .owl-nav.disabled {
    display: none
}

.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-family: Montserrat, sans-serif;
    font-size: 22px;
    margin-bottom: 12px
}

.work-slide-bg h5 {
    font-family: Montserrat, sans-serif;
    font-size: 14px
}

.work-slide-bg .owl-dots button.owl-dot.active {
    background: #024c9f
}

.work-slide-bg .owl-dots button.owl-dot {
    background: #6dacde;
    width: 10px;
    height: 10px;
    margin: 5px;
    border-radius: 100%;
    margin-top: 35px
}

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

.work-career h2 {
    margin-bottom: 35px;
    font-weight: 700
}

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

.work-career h3 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    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-2 a:hover {
    background: #fff
}

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

.work-section-3 h2 {
    text-align: center;
    margin-bottom: 40px
}

.work-section-3 h3 {
    text-align: center;
    margin-bottom: 40px;
    font-family: Montserrat, sans-serif;
    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: Montserrat, sans-serif;
    font-weight: 700
}

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

.work-section-3 .col-md-4 {
    margin-bottom: 25px
}

.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: Montserrat, sans-serif;
    font-size: 21px;
    font-weight: 400
}

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

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

.work-section-4 h2 {
    margin-bottom: 35px;
    text-align: center
}

.work-section-4 p {
    margin-bottom: 60px;
    color: #333;
    padding: 0 70px
}

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

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

.contact-panel-1 {
    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-family: Montserrat, sans-serif;
    font-weight: 600
}

.contact-panel-1 p {
    color: #fff;
    font-size: 16px;
    line-height: 28px
}

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

.contact-panel-1 ul li a {
    color: #fff;
    font-size: 14px
}

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

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

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

span.phone_number {
    display: inline-block
}

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

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

.request-quote h4 {
    font-size: 15px;
    margin-bottom: 31px;
    font-family: Montserrat, sans-serif;
    line-height: 22px;
    font-weight: 700
}

.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
}

.contact_form .btn {
    background: #6dacde;
    border: 2px solid #6dacde;
    font-size: 14px;
    border-radius: 30px;
    padding: 7px 25px;
    margin: 20px 0 20px
}

.contact_form .btn:hover {
    border: 2px solid #6dacde;
    background: 0 0;
    color: #6dacde
}

.why-stratgey {
    padding-bottom: 70px
}

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

.project_images_box .our_Diary_date p {
    margin: 10px 0;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    color: #191919
}

.clr_w .our_Diary_date p {
    color: #fff
}

.clr_w .our_Diary_date strong {
    color: #fff
}

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

.project_images_box.filter-clr1 img {
    mix-blend-mode: multiply;
    background: #000
}

.project_images_box.filter-clr1 {
    background: #0099e8
}

.project_images_box.filter-clr1 .logo_brand img {
    mix-blend-mode: inherit
}

.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
}

.our_projects.news_panel.section ul.industry_type {
    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 {
    position: absolute;
    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%);
    z-index: 0;
    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;
    padding-right: 56px;
    text-transform: capitalize;
    margin-bottom: 15px;
    letter-spacing: inherit;
    text-decoration: none;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 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;
    padding-right: 23px;
    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 h3 {
    border-bottom: 1px solid rgb(255 255 255 / 12%);
    margin-bottom: 20px
}

.menu_service {
    padding-right: 20px
}

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
}

div#collapsibleNavbar .menu_service ul li ul li a:after {
    display: none
}

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 {
    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: 86px
}

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

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

body.work_page div#collapsibleNavbar .menu_service h3 a {
    color: #fff
}

body.work_page div#collapsibleNavbar .menu_service ul li a {
    color: #fff
}

body.work_page.hover1 div#collapsibleNavbar a.nav-link {
    color: #fff
}

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

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

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

a.navbar-brand.scroll-logo {
    display: none
}

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

body.work_page.hover1 a.navbar-brand.normal-logo {
    display: none
}

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

.our_Diary.section.mobile-dairy {
    display: none
}

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

.our_Diary.section.mobile-dairy .owl-dots button.owl-dot.active {
    background: #024c9f
}

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

.mobile-slide-menu {
    display: none
}

.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: 1px solid #fff0;
    -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
}

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

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

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

.mobile_device2 span.mobile-menu-nav {
    position: relative;
    margin-top: 9px;
    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::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
}

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

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)
}

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

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

.header_section.section.line a.navbar-brand.inner-mobile-logoc {
    display: none
}

.header_section.section.line a.navbar-brand.inner-mobile-logow {
    display: block
}

a.navbar-brand.inner-mobile-logow {
    display: none
}

.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
}

.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 {
    background: #fff
}

.header_section.section.line span.mobile-menu-nav.clicked {
    background: 0 0
}

.header_section.section span.mobile-menu-nav.clicked {
    background: 0 0
}

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

.company_img.mobile-company-img {
    display: none
}

.ecom-mobile,
.mobile-app-2,
.right_content_mobile,
.web-banner-mobile {
    display: none
}

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

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

.interactive.paid_marketing.sem-panel1.section {
    margin-top: 30px
}

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

.interactive.branding_Solutions.section {
    margin-top: 30px
}

.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 {
    margin-top: 30px
}

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

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

.video_img img {
    mix-blend-mode: multiply
}

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

.seo_page.section.seo-panel1 {
    margin-top: 30px
}

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

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

.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) no-repeat;
    width: 100%;
    height: 520px;
    margin-top: 30px;
    position: relative;
    background-size: 100%;
    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 {
    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
}

.our-process-content {
    width: 100%
}

.owl-carousel5 .item {
    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 {
    margin-left: 0;
    margin-top: 0
}

.owl-item.active .our-process2-main {
    margin-left: 0
}

.owl-item.active .our-process3-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-process4-main {
    margin-left: 0;
    margin-top: 0;
    margin-top: 0
}

.owl-item.active .our-process4-main {
    margin-left: 0
}

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

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

.owl-item.active .our-process5-main {
    margin-left: 0
}

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

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

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

.owl-item.active .our-process6-main {
    margin-left: 0
}

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

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

.owl-item.active .our-process7-main {
    margin-left: 0
}

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

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

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

.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
}

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

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

.owl-item.active .our-process9-main {
    margin-left: 0
}

.owl-item.active .our-process8-main {
    margin-left: 0
}

.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.active span {
    background: #e09425
}

.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
}

.work_page .seo-analysis-panel .owl-carousel .owl-nav.disabled {
    display: none
}

.home-sec6 {
    width: 100%;
    padding: 80px 0;
    max-width: 1370px;
    overflow: hidden;
    margin: 0 auto
}

.home-sec6 .owl-dots {
    display: block
}

.home-sec6 .owl-nav {
    display: none
}

.digital-stratgey h2 {
    margin-bottom: 50px;
    color: #2b4456;
    font-size: 40px;
    font-weight: 600
}

.digital-content-panel h3 {
    color: #2b4456;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 100px;
    line-height: 30px;
    font-family: Montserrat, sans-serif;
    position: relative
}

.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;
    line-height: 28px;
    font-size: 15px
}

.why-digital-stratgey h2 {
    margin-bottom: 50px;
    color: #2b4456;
    font-size: 40px;
    font-weight: 600
}

.stratgey-panel1 p {
    color: #4c4c4c;
    font-size: 15px;
    line-height: 28px;
    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(2) span {
    background: #024c9f
}

.digital-list ul li:nth-child(3) span {
    background: #2b4456
}

.digital-list ul li p {
    font-family: 'Roboto Slab', serif;
    display: inline-block;
    width: 66%;
    vertical-align: top;
    margin-left: 30px;
    font-weight: 200;
    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 ul {
    position: relative;
    padding: 0
}

.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 img {
    max-width: 100%
}

.stratgey-slider p {
    display: inline-block;
    width: 61%;
    color: #fff;
    font-size: 14px;
    margin: 4px 0
}

.strgey-number ul {
    padding: 0
}

.stratgey-slider img {
    display: inline-block !important;
    vertical-align: top;
    margin-right: 20px
}

.work_page .stratgey-slider .owl-nav.disabled button {
    display: inline-block
}

.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-quote {
    margin-bottom: 30px
}

.branding-stratgey-content h2 {
    margin-bottom: 35px;
    color: #2b4456;
    font-size: 40px;
    font-weight: 600
}

.branding-stratgey {
    margin-bottom: 30px
}

.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
}

.new-branding-content {
    padding: 50px 0
}

.new-branding-content 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 .step p {
    font-size: 15px;
    line-height: 28px
}

.our-four-step .col-md-6 {
    margin-bottom: 60px
}

.step.step-2 {
    background: #6dacde
}

.step.step-3 {
    background: #c8cbe4
}

.step.step-4 {
    background: #fad334
}

.news-head {
    clear: both;
    padding: 30px 0 80px
}

.news-head .date {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 25px
}

.news-head h2 {
    color: #2b4456;
    font-size: 48px;
    font-weight: 700;
    padding-right: 180px;
    margin-bottom: 65px
}

.red-bg {
    background: #ed1c24;
    padding: 50px
}

.img-logo {
    margin-bottom: 40px
}

.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;
    border-bottom: 1px solid #ddd;
    padding-bottom: 38px
}

.bacl-listing {
    display: inline-block
}

.share-this {
    display: inline-block;
    margin: 0 20px
}

.bacl-listing a {
    background: #6dacde;
    padding: 7px 20px;
    border-radius: 20px;
    color: #fff;
    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
}

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

.bacl-listing img {
    margin-right: 10px
}

.bacl-listing a:hover {
    background: #2b4456
}

.share-this a:hover {
    background: #6dacde
}

.blog-head {
    clear: both;
    padding: 30px 0 80px
}

.blog-head .date {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 25px
}

.blog-head h2 {
    color: #2b4456;
    font-size: 48px;
    font-weight: 700;
    padding-right: 180px;
    margin-bottom: 65px
}

.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 {
    padding: 50px 0
}

.blog-content2 p {
    font-size: 15px;
    line-height: 26px;
    padding-right: 30px
}

.img-new-1.mobile-content {
    display: none
}

.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
}

.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;
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-weight: 100
}

.blue-quote h5 {
    font-size: 16px;
    color: #fff;
    margin: 20px 0 0;
    font-family: 'Roboto Slab', serif
}

.share-us {
    border-top: 1px solid #ddd;
    border-bottom: 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-nav.disabled button {
    display: inline-block
}

.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 button.owl-next {
    float: right
}

.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 {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    right: 0
}

.form-slide {
    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: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.form-slide .request-quote {
    position: static;
    padding: 0;
    border: 0;
    box-shadow: inherit;
    background: 0 0
}

.form-slide h2 {
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 50px
}

.form-slide .request-quote h4 {
    font-size: 28px;
    font-weight: 400;
    line-height: 38px;
    font-family: 'Roboto Slab', serif;
    color: #191919;
    padding-right: 85px
}

body.home_page.project-fix nav.navbar.navbar-expand-md.fixed {
    background: 0 0
}

.form-slide.clicked li.nav-item.project_button {
    position: fixed;
    z-index: 99999999
}

body.home_page.project-fix li.nav-item {
    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
}

body.work_page.project-fix .line-bg1 {
    opacity: 0
}

body.work_page.project-fix li.nav-item {
    pointer-events: none;
    opacity: .1
}

body.work_page.project-fix li.nav-item.project_button {
    pointer-events: none
}

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 ul {
    padding: 0
}

.our-client-logo ul li:nth-child(4n) {
    border-right: 0
}

.our-client-logo h4 {
    padding: 40px 0 20px;
    clear: both;
    font-size: 45px;
    color: #2b4456;
    font-weight: 700
}

.our-client-logo p {
    font-size: 16px;
    color: #202020;
    padding-right: 180px;
    line-height: 28px
}

.our-client-logo {
    padding-bottom: 80px;
    clear: both
}

.our-client-logo ul {
    padding: 50px 0
}

.our_Diary.section.desktop-dairy a {
    text-decoration: none
}

.slide-project a {
    background: #6dacde;
    border: 1px solid #fff;
    margin: 31px 0;
    margin: 35px 26px;
    text-align: center
}

.our_projects.blog_panel.section {
    padding-top: 35px
}

.innerBanner.mobile_appbanner {
    display: none
}

.enter-mobile-content {
    display: none
}

.img-campain {
    display: block
}

.mobile-content {
    display: none
}

.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;
    /* position: absolute;
    bottom: 20px;
    right: 77px;
    z-index: 99 */
    padding-inline: 30px;
}

.reash-us p {
    margin: 0;
    padding: 0
}

.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
}

.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 {
    text-align: center
}

.view-portfolio a {
    background: #6dacde;
    padding: 5px 28px;
    color: #fff;
    border-radius: 25px;
    text-decoration: none;
    font-size: 14px;
    border: 2px solid #6dacde;
    transition: .5s
}

.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
}

.our_projects.news_panel.section {
    padding-top: 60px
}

.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.add1 .menu span,
body.work_page.add1 .menu span::after,
body.work_page.add1 .menu span::before {
    background: 0 0
}

body.work_page.project-fix .close_slide {
    position: absolute;
    top: 30px;
    right: 84px;
    z-index: 99
}

div#collapsibleNavbar .sideMenu ul li a.active3 {
    font-weight: 600
}

.red_box.contant_black_box {
    background: #445ddb;
    padding: 70px 60px
}

.red_box.contant_black_box p {
    font-size: 30px;
    max-width: 100%;
    font-family: 'Roboto Slab', serif;
    line-height: 36px;
    font-weight: 500
}

a.start_btn {
    display: inline-block;
    margin: 30px 0;
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 5px 24px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    transition: .2s
}

a.start_btn:hover {
    background: #fff;
    color: #6dacde
}

.clearfix {
    clear: both;
    width: 100%;
    display: block
}

.work-section-4 img {
    width: 100%
}

.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
}

/* .sideMenu:before {
    content: "";
    width: 100%;
    height: 100%;
    background: 0 0;
    position: static;
    top: 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 .more_testimonials ul {
    padding: 0
}

.project_images.section .load_more_btn.clearfix {
    /* position: absolute; */
    z-index: 9;
    bottom: -110px
}

/* .our_clients.section .clients_logo li {
    display: none
} */

.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 li:nth-child(5n) {
    margin-right: 0
}

.our_clients.section .more_testimonials ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.our_clients.section .more_testimonials ul {
    padding: 0
}

.our_clients.section .load_more_btn.clearfix {
    padding-top: 0
}

.load_more_btn .btn,
.technical_Section a.btn {
    background: #66acdc;
    border-radius: 25px;
    color: #fff;
    padding: 5px 30px;
    font-size: 14px
}

.slider-nav-thumbnails .slick-slide {
    opacity: 1
}

.slider-nav-thumbnails .slick-slide.slick-active {
    opacity: 1;
    background: #6dacde;
    color: #fff;
    text-align: center
}

.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
}

.slider-nav-thumbnails.slick-initialized .slick-slide {
    position: relative;
    padding: 10px 14px;
    font-size: 13px;
    color: #000;
    font-weight: 600;
    text-align: center
}

.slider-nav-thumbnails .slick-slide.slick-active {
    color: #fff
}

.seo-analysis-panel button.slick-prev {
    display: none !important
}

.seo-analysis-panel button.slick-next {
    display: none !important
}

.seo-analysis-panel {
    margin-top: 59px
}

.slider.slick-initialized.slick-slider {
    padding: 25px 0
}

.seo-analysis-panel h3 {
    font-size: 22px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    margin-bottom: 20px
}

.seo-analysis-panel p {
    font-size: 14px;
    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);
    width: 206px;
    height: 250px;
    background-repeat: no-repeat;
    left: inherit
}

.process_box.boxTwo.five {
    padding-bottom: 0;
    position: relative;
    margin-top: 54px
}

.process_box.boxTwo.five {
    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"
}

.process_box.boxThree.six:before {
    content: "6"
}

.slider-nav-thumbnails.slick-initialized.slick-slider {
    height: 40px
}

.process_seo1 {
    position: relative
}

.card:nth-child(1) .process_seo1:before {
    position: absolute;
    content: "1";
    width: 50px;
    height: 50px;
    left: -2px;
    z-index: 999;
    top: -50px;
    border-radius: 100%;
    text-align: center;
    line-height: 42px;
    color: #000;
    font-size: 25px;
    background: #fff;
    border: 4px solid #c9d7ee
}

.card:nth-child(2) .process_seo1:before {
    position: absolute;
    content: "2";
    width: 50px;
    height: 50px;
    left: -2px;
    z-index: 999;
    top: -50px;
    border-radius: 100%;
    text-align: center;
    line-height: 42px;
    color: #000;
    font-size: 25px;
    background: #fff;
    border: 4px solid #c9d7ee
}

.card:nth-child(3) .process_seo1:before {
    position: absolute;
    content: "3";
    width: 50px;
    height: 50px;
    left: -2px;
    z-index: 999;
    top: -50px;
    border-radius: 100%;
    text-align: center;
    line-height: 42px;
    color: #000;
    font-size: 25px;
    background: #fff;
    border: 4px solid #c9d7ee
}

.card:nth-child(4) .process_seo1:before {
    position: absolute;
    content: "4";
    width: 50px;
    height: 50px;
    left: -2px;
    z-index: 999;
    top: 0;
    border-radius: 100%;
    text-align: center;
    line-height: 42px;
    color: #000;
    font-size: 25px;
    background: #fff;
    border: 4px solid #c9d7ee
}

.card:nth-child(5) .process_seo1:before {
    position: absolute;
    content: "5";
    width: 50px;
    height: 50px;
    left: -2px;
    z-index: 999;
    top: -50px;
    border-radius: 100%;
    text-align: center;
    line-height: 42px;
    color: #000;
    font-size: 25px;
    background: #fff;
    border: 4px solid #c9d7ee
}

.card:nth-child(6) .process_seo1:before {
    position: absolute;
    content: "6";
    width: 50px;
    height: 50px;
    left: -2px;
    z-index: 999;
    top: -50px;
    border-radius: 100%;
    text-align: center;
    line-height: 42px;
    color: #000;
    font-size: 25px;
    background: #fff;
    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
}

.work_page .company_banner.section .owl-carousel .owl-nav.disabled {
    display: none
}

.company_text.col-md-6 .owl-carousel {
    width: 256px
}

.company_text .brand_images img {
    max-width: 100%
}

.our_Diary.section.desktop-dairy .view-portfolio a {
    margin: 0 6px
}

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

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

.ecommerce_development.section span {
    vertical-align: sub
}

.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 p {
    font-size: 14px;
    line-height: 26px
}

.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 {
    color: #fff;
    background: #6dacde;
    display: inline-block;
    padding: 5px 30px;
    border-radius: 30px;
    margin: 28px 0;
    border: 1px solid #6dacde;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: 600
}

.ap-btn a:hover {
    background: #fff;
    color: #6dacde
}

.company_img.mobile-company-img video {
    max-width: 100%
}

.our_clients.section .load_more_btn a {
    color: #fff;
    text-decoration: none
}



body.home_page.noContent1 .load_more_btn button {
    display: none
}

body.home_page .view_btn {
    /* background: #66acdc; */
    /* display: inline-block; */
    /* border-radius: 25px; */
    color: #fff;
    /* padding: 5px 30px; */
    /* font-size: 14px; */
}

body.home_page.noContent1 .view_btn {
    display: inline-block
}

body.home_page.noContent1 .project_images.section .load_more_btn button {
    display: inline-block;
    text-align: center
}

body.home_page.noContent2 .project_images.section .load_more_btn button {
    display: none
}

body.home_page .project_images.section .view_btn {
    /* background: #66acdc; */
    /* display: inline-block; */
    /* border-radius: 25px; */
    /* color: #fff; */
    /* padding: 5px 30px; */
    /* font-size: 14px; */
}

body.home_page.noContent2 .project_images.section .view_btn {
    display: inline-block
}

.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;
    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;
    margin-bottom: 30px
}

.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
}

.appy-box.row .i-human {
    margin-top: 30px
}

.apply-now-panel h4 {
    margin: 50px 0;
    font-size: 35px
}

.appy-box.row button.btn.btn-primary {
    background: #6dacde;
    border: 0;
    border-radius: 22px;
    padding: 8px 50px;
    font-size: 15px;
    margin: 50px 0;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 600
}

.apply-now-panel h6 {
    margin: 20px 0 0;
    display: block
}

.appy-box.row .form-group {
    margin-bottom: 30px
}

.appy-box.row input::placeholder {
    color: #333
}

.work_page2.testimonials_page.section {
    display: block
}

.work_page2.testimonials_page.section.work-pan {
    display: block
}

.work_page2.testimonials_page.section.work-career-pan {
    display: block
}

.work_page2.clients-page.slient-page-pan.testimonials_page.section {
    display: block
}

.work_page2.testimonials_page.section.contact-pan {
    display: block
}

.work_page2.testimonials_page.news-name-pan.section {
    display: block
}

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
}

body.home_page .our_clients.section .clients_logo li:nth-child(5n) {
    margin-right: 0
}

body.home_page .our_clients.section .clients_logo li img {
    max-width: 100%
}

.news-bg {
    background: #ddd;
    width: 540px;
    height: 343px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px
}

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

.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:nth-child(1) {
    font-weight: 700;
    width: 33%;
    display: inline-block
}

.work-slide-bg h5 {
    margin-bottom: 15px
}

.work-slide-bg h6 a {
    color: #000;
    font-size: 12px;
    display: inline-block
}

.work-slide-bg h6 {
    border-top: 1px solid rgb(10 10 10 / 16%);
    padding: 15px 0;
    margin: 25px 0 0
}

.work_page2.testimonials_page.section.contact_sterco {
    display: block
}

.work_page2.testimonials_page.case-head.section {
    display: block
}

.our_Diary_box.wh-clr p {
    color: #fff !important
}

.our_Diary_box.wh-clr .our_Diary_date strong {
    color: #fff
}

.our_Diary_box.wh-clr.lal-bg img {
    mix-blend-mode: multiply;
    background: #000
}

.our_Diary_box.wh-clr.lal-bg {
    background: #0099e8
}

.our_Diary_box.wh-clr.lal-bg .logo_brand img {
    mix-blend-mode: inherit
}

.contact_form .request-btn {
    margin: 30px 0;
    display: inline-block;
    border: 0;
    background: #6dacde;
    padding: 7px 37px;
    color: #fff;
    border-radius: 29px
}

.work_page2.testimonials_page.case-studies-det.section {
    display: block
}

.project_images_box.clr_b.filter-clr1 p {
    color: #fff
}

.col-md-12.career-all button {
    background: #2b4456;
    border-radius: 25px;
    padding: 6px 30px
}

.project_images_box.clr_b.filter-clr1 .our_Diary_date strong {
    color: #fff
}

.work-section-4 .load_more_btn.clearfix {
    padding: 20px 0 0
}

.work_page .work-section-4 .owl-carousel .owl-nav.disabled {
    display: none
}

.work-section-4 h3 {
    text-align: left;
    font-size: 24px
}

.work-section-4 .owl-dots button.owl-dot.active {
    background: #024c9f
}

.work-section-4 .owl-dots button.owl-dot {
    background: #6dacde;
    width: 10px;
    height: 10px;
    margin: 5px;
    border-radius: 100%;
    margin-top: 35px
}

.work-section-4 .owl-dots {
    display: block
}

.service-col {
    width: 49%;
    display: inline-block;
    vertical-align: top
}

.service-col label.css-label span {
    display: inline-block;
    font-size: 14px;
    vertical-align: text-bottom;
    cursor: pointer
}

.service-col label.css-label {
    width: 90%
}

.service-col input.css-checkbox {
    display: inline-block;
    width: 4%
}

.service-col h5 {
    margin: 20px 0
}
.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
}

.col-md-6.remove_padding.jnu-class p {
    color: #fff
}

.col-md-6.remove_padding.jnu-class strong {
    color: #fff
}

.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
}

.work_page2.testimonials_page.case-studies-det.section .news-content2 h3:after {
    display: none
}

.work_page2.testimonials_page.case-studies-det.section .news-content2 h3:before {
    display: none
}

.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
}

.design_text i {
    display: none
}

.presentation_text i {
    display: none
}

.tab_part.section li.nav-item:nth-child(1) .nav-link.active {
    background: #eacd58;
    border-radius: 15px
}

.tab_part.section li.nav-item:nth-child(2) .nav-link.active {
    background: #8f3939;
    border-radius: 15px
}

.tab_part.section li.nav-item:nth-child(3) .nav-link.active {
    background: #4c77c2;
    border-radius: 15px
}

.tab_part.section li.nav-item .nav-link.active p {
    color: #fff
}

.tab_part.section .nav-pills .nav-link {
    padding: 15px 40px;
    border: none;
    background: transparent;
}

.tab_part.section .nav-link img.dark {
    display: none;
}

.tab_part.section .nav-link.active img.noraml {
    display: none;
}

.tab_part.section .nav-link.active img.dark {
    display: block;
    margin: auto;
}

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:nth-child(1).active a:after {
    background: url(../../siteassets/images/all-hover.png)
}

ul.custom-navbar li:nth-child(2).active a:after {
    background: url(../../siteassets/images/web-icon-hover.png)
}

ul.custom-navbar li:nth-child(3).active a:after {
    background: url(../../siteassets/images/cart-icon-hover.png)
}

ul.custom-navbar li:nth-child(4).active a:after {
    background: url(../../siteassets/images/d-media-icon-hover.png)
}

ul.custom-navbar li:nth-child(5).active a:after {
    background: url(../../siteassets/images/wordpress-icon-hover.png)
}

ul.custom-navbar li:nth-child(6).active a:after {
    background: url(../../siteassets/images/application-icon-hover.png)
}

ul.custom-navbar li:nth-child(7).active a:after {
    background: url(../../siteassets/images/mobile-app-hover.png)
}

ul.custom-navbar li:nth-child(8).active a:after {
    background: url(../../siteassets/images/media-icon-hover.png)
}

ul.custom-navbar li.active a {
    position: relative
}

ul.custom-navbar li.active a img {
    display: none
}

.digital-transformation {
    padding: 80px 0 0
}

.sideMenu span.skype-icon {
    display: inline-block
}

.sideMenu .reash-us span {
    display: inline-block;
    margin-right: 7px;
    margin-top: 10px
}

a.btn.know_btn:hover {
    border: 2px solid #6dacde;
    background: 0 0;
    color: #6dacde
}

a.btn:hover {
    border: 2px solid #6dacde;
    background: 0 0;
    color: #6dacde
}

.work-slide-bg span:nth-child(2) {
    width: 63%;
    display: inline-block;
    vertical-align: top
}

.privacy-policy-section {
    clear: both;
    padding: 50px 0
}

.privacy-policy-section p strong {
    margin-bottom: 60px;
    display: block
}

.privacy-policy-section h3 {
    margin: 30px 0
}

.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
}

.digital5.mobile-view .col-md-3 {
    display: none
}

a#\37 {
    border: 1px solid rgb(109 172 222 / 14%)
}

.our_work.btn {
    display: none
}

.mobile-btn-panel {
    display: none
}

a.query-btn.continue.thnk_u {
    margin-bottom: 70px
}

body.work_page.contact_hide .footer.section .container {
    display: none
}

body.work_page.contact_hide .footer.section {
    padding: 0
}

.our-client-logo.clearfix a.view_btn {
    display: none
}

body.work_page.noContent11 button#load {
    display: none
}

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
}

.project_images_box.clr_b p {
    color: #000
}

.our_projects.news_panel.section .col-sm-7:nth-child(4) .project_images_box.clr_b p {
    color: #fff !important
}

.our_projects.news_panel.section .col-sm-7:nth-child(4) .project_images_box.clr_b strong {
    color: #fff !important
}

.project_images_box.clr_b strong {
    color: #000
}

.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 {
    font-weight: 600
}

.sitemap-menu ul li a:hover {
    color: #6dacde
}

.sitemap-menu ul ul li a {
    font-weight: 400
}

.sitemap-menu {
    border-left: 10px solid #6dacde;
    padding-left: 36px
}

.sitemap-menu ul ul {
    position: relative;
    margin-left: 7px
}

.sitemap-menu ul ul:after {
    position: absolute;
    top: 0;
    height: 100%;
    width: 1px;
    background: rgb(109 172 222 / 4%);
    border-left: 2px solid rgb(109 172 222 / 8%);
    left: -5px;
    content: ""
}

.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 {
    position: absolute;
    top: 0;
    height: 100%;
    width: 1px;
    background: rgb(109 172 222 / 4%);
    border-left: 2px solid rgb(109 172 222 / 8%);
    left: -15px;
    content: ""
}

.social_icons ul {
    display: flex;
    justify-content: center;
    padding: 0;
    float: none
}

.social_icons ul li a {
    border: 0;
    padding: 0;
    margin: 30px 8px 0
}

.social_icons ul li a:hover {
    padding: 0
}

ul.industry_type.pull-right.dig_market {
    width: 100%
}

ul.industry_type.pull-right.dig_market li {
    width: 70%;
    float: right
}

.left_contents .full_image .little_tag_content.text-black strong {
    color: #000
}

.little_tag_content.text-black p {
    color: #000
}



.main_location,
.ncr_text {
    border-top: 1px solid #505050
}

figure {
    margin-bottom: 0
}

.video_section figure img {
    display: none
}

.our_projects.section {
    float: none;
    clear: both
}

.sticky_menu {
    position: sticky;
    top: 100px;
    background: #fff;
    width: 100%;
    margin: 70px 0 20px;
    z-index: 9;
    padding: 10px 0;
    float: left
}

ul.industry_type.pull-right.dig_market {
    margin-top: 12px
}

.custom-navbar {
    margin: 0
}

.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
}

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

.project-fix .form-slide1.clicked1 {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    right: 0
}

.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-slide1 .request-quote {
    position: static;
    padding: 0;
    border: 0;
    box-shadow: inherit;
    background: 0 0
}

.form-slide1 h2 {
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 50px
}

.form-slide1 .request-quote h4 {
    font-size: 28px;
    font-weight: 400;
    line-height: 38px;
    font-family: 'Roboto Slab', serif;
    color: #191919;
    padding-right: 85px
}

body.home_page.project-fix nav.navbar.navbar-expand-md.fixed {
    background: 0 0
}

.form-slide1.clicked1 li.nav-item.project_button {
    position: fixed;
    z-index: 99999999
}

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
}

.education-panel1 ul,
.ncrLinks ul {
    padding: 0
}

.main_location {
    margin-top: 50px;
    padding-top: 30px
}

.ncrLinks:last-child {
    margin-right: 0
}

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

.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 {
    padding-top: 50px
}

.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
}

@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%)
    }
}

.digital2 p {
    color: #fff;
    font-size: var(--font-16);
    font-family: var(--dm-sans);
}

.faq {
    padding: 0;
    clear: both
}

.faq_wrapper {
    background: #fff;
    padding: 100px 0
}

.faq_wrapper .faq h2 {
    color: #000;
    font-size: 60px;
    color: #2b4456;
    text-align: center;
    margin-bottom: 40px
}

.faq .accordion-item {
    margin-bottom: 16px
}

.faq .accordion-item p {
    text-align: left;
    color: #4c4c4c;
    font-size: 16px
}

.faq .accordion-item p a {
    font-weight: 500;
    text-decoration: none
}

.faq .accordion-item span {
    display: block
}

.faq .accordion-item .accordion-button {
    width: 100%;
    background: #EEF4F9;
    border: 0;
    padding: 20px 50px 20px 20px;
    color: #000;
    font-family: 'Roboto Slab', serif;
    font-size: 21px;
    line-height: 30px;
    text-align: left;
    font-weight: 500;
    position: relative
}

.faq .accordion-item .accordion-button.collapsed {
    font-weight: 500
}

.faq .accordion-item .accordion-button:focus {
    outline: none
}

.faq .accordion-item .accordion-button::before {
    background-image: url(../images/faq-icon-open.svg);
    width: 40px;
    height: 40px;
    content: "";
    position: absolute;
    right: 10px;
    top: 17px;
    background-repeat: no-repeat;
    background-size: contain
}

.faq .accordion-item .accordion-button.collapsed::before {
    background-image: url(../images/faq-icon-close.svg);
    width: 40px;
    height: 40px;
    content: "";
    position: absolute;
    right: 10px;
    top: 17px;
    background-repeat: no-repeat;
    background-size: contain
}

.faq .accordion-body {
    padding: 20px 20px 50px
}

.faq .accordion-body ul {
    padding-left: 0
}

.faq .accordion-body ul li a {
    text-decoration: none
}

.comn_list li {
    position: relative;
    font-size: 16px;
    line-height: 26px;
    color: #4c4c4c;
    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: 10rem 5rem; */
    padding-block:3rem;
}

footer .container {
    max-width: 1650px;
    margin: auto
}

footer ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0;
    margin: 0
}

footer ul li {
    /* width: 28%; */
    width: 21%;
    margin-bottom: 65px
}

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);
    /* pointer-events: none; */
}

footer ul li a {
    color: #8b8b8b;
    font-size: var(--font-12);
    margin-bottom: 14px;
    display: block
}

footer ul li a:hover {
    color: #fff;
    text-decoration: none
}

.copyright {
    max-width: 920px;
    margin: auto
}

.copyright .row {
    align-items: center
}

.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
}

.copyright .ftsocial_icons li {
    margin: 0 5px
}

.all_linkwrap {
    padding: 100px 0 0;
    background: #fff;
    width: 100%;
    height: auto;
    margin-top: 100px
}

.all_linkwrap .container {
    max-width: 1650px;
    margin: auto
}

.all_linkwrap ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0;
    margin: 0
}

.all_linkwrap ul li {
    width: 28%;
    margin-bottom: 65px
}

.all_linkwrap ul li:nth-of-type(4) {
    width: 15%
}

.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
}

.design_text p strong,
.dev_solution p strong {
    font-weight: 600
}

.life_gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    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-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #202020;
    background: #fff
}

.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
}

.life_gallery li:hover p {
    color: #6ea0d2
}

.lifegelry_details {
    padding: 80px 0;
    margin-top: 100px
}

.lifegelry_details ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    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
}

.rbox-content:hover a {
    text-decoration: none
}

.rbox-next:hover,
.rbox-next:focus,
.rbox-prev:hover,
.rbox-prev:focus,
.rbox-close:hover,
.rbox-close:focus {
    color: #fff;
    text-decoration: none
}

.our_diarynew {
    width: 100%;
    height: auto
}

.img_fit {
    width: 100%;
    height: 100%
}

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

.our_diarynew .row {
    margin-bottom: 6px
}

.our_diarynew .row .col-lg-7,
.our_diarynew .row .col-lg-5 {
    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>* {
    grid-area: 1/1
}

.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
}

.our_diarynew .diary_imgwrap .date_details blockquote span {
    display: block
}

.gallery_tittle {
    font-size: 48px;
    color: #000;
    font-weight: 600;
    position: relative;
    padding: 5px 0 20px;
    display: inline-block;
    margin-bottom: 25px
}

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

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

.main_headingnew p {
    color: #fff;
    display: inline-block;
    position: relative;
    padding: 25px 0 35px;
    font-size: 48px;
    font-family: 'Roboto Slab', serif;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.main_headingnew p::before {
    position: absolute;
    content: "";
    width: 70px;
    height: 3px;
    background: #3c4280;
    bottom: 0
}

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

.main_headingnew p~h1 {
    padding: 15px 0 0
}

.main_headingnew p~h1::before,
.main_headingnew p~h1::after {
    display: none
}

.main_headingnew p~h2 {
    color: #fff;
    display: inline-block;
    position: relative;
    padding: 10px 0 0;
    font-size: 40px;
    font-family: 'Roboto Slab', serif;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.digital_marketing .seo_img img {
    max-width: 1250px
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .seo_right_text {
        right: 14%
    }
}

.navbar .nav-link.getaquote {
    color: #fff;
    background: #6dacde;
}

.formbg_grey {
    background-color: #f9f9f9;
}

.formbg_grey .request-quote {
    box-shadow: none;
}

.formbg_grey .request-quote h4 {
    font-size: 28px;
    font-weight: 400;
    line-height: 38px;
    font-family: 'Roboto Slab', serif;
    color: #191919;
    padding-right: 85px
}

@media (min-width: 1920px) and (max-width: 4000px) {
    .formbg_grey .request-quote h4 {
        margin-bottom: 45px;
    }
}

.hybird_appdevelopment .getaquote {
    margin-top: 0;
}

@media only screen and (max-width: 990px) {
    .hybird_appdevelopment .design_text .getaquote {
        margin-top: 0;
    }
}

.quote_btn {
    margin-top: 35px;
}

.quote_btn .btn.getaquote {
    background: #6dacde;
    padding: 5px 28px;
    color: #fff;
    border-radius: 25px;
    text-decoration: none;
    font-size: 14px;
    border: 2px solid #6dacde;
    margin: 0;
}

.quote_btn .btn.getaquote:hover {
    border-color: #6dacde;
    background: 0 0;
    color: #6dacde;
}

.paid_marketing .quote_btn .btn.getaquote,
.aap_banner-content .quote_btn .btn.getaquote,
.enterprise-app .btn.getaquote {
    border: 2px solid #fff;
    background: transparent;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 8px 30px;
    font-weight: 600;
}

.paid_marketing .quote_btn .btn.getaquote:hover,
.aap_banner-content .quote_btn .btn.getaquote:hover,
.enterprise-app .btn.getaquote:hover {
    background: #fff;
    color: #6dacde;
}

.btn-outline.getaquote {
    border: 1px solid #fff;
    padding: 8px 30px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
}

.btn-outline.getaquote:hover {
    background: #fff;
    color: #6dacde;
}

.our_Diary strong {
    display: none;
}

/* .aap_banner-content {position: relative;z-index: 1;} */

.main_mobileApp .quote_btn {
    padding-left: 30px;
}

.aap_banner-content {
    position: relative;
    z-index: 10;
}

@media(max-width:767px) {
    .quote_btn .btn.getaquote {
        margin-top: 20px;
    }

    .main_mobileApp .quote_btn {
        padding-left: 20px;
        margin-top: 0;
        margin-bottom: 40px;
    }
}

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

.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;
    font-family: Montserrat, sans-serif;
    margin-top: 2rem;
    margin-bottom: 1rem;
}




.floating {
    position: fixed;
    z-index: 99;
}

.whatsapp-link {
    left: 10px;
    bottom: 10px;
    width: 60px;
    height: 60px;
    display: grid;
    place-items: center;
    background: rgb(37, 211, 102);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, .15));
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, .15));
}

.whatsapp-link .whatsapp-icon img {
    width: 2.3rem;
}

.footer footer .container {
    display: block !important;
}

body.work_page.contact_hide .project-form {
    display: none;
}

@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;
}

p.entry-title.default-max-width {
    padding: 3px 12px;
}

.top-part-date-title {
    font-size: 14px;
    color: #2B4456;
    font-weight: 800;
    padding: 26px 10px;
    text-transform: uppercase;
}

.entry-title.default-max-width {
    font-size: 18px;
    margin: 10px 0;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    text-transform: initial;
}

.top-part a.btn {
    position: absolute;
    bottom: 15px;
    left: 20px;
    font-weight: 500;
    border: 1px solid #ccc;
    bottom: 20px;
    background: #ddd;
    color: #000;
    font-size: 15px;
    padding: 3px 12px;
    border-radius: 3px;
}

.wp_Widget {
    background-color: #eff8ff;
    padding: 15px;
    margin-bottom: 25px;
}

.wp_SideBar h2 {
    color: #2b4456;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 12px 0;
    margin-bottom: 15px;
    position: relative;
}

.wp_SideBar ul {
    padding: 0;
}

.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: #2f4246;
}

.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;
}

.single-post.work_page header.entry-header.alignwide h1,
.category .page-header.alignwide .page-title,
.author .page-header.alignwide .page-title {
    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 0px;
    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;
}



/*-------------------newmenu css start here--------------------------*/

html,
body {
    padding: 0;
    margin: 0;
    font-size: 62.5%;
}


.sub-menu {
    padding: 0;
    top: 0;
    right: 100%;
    transition: all 0.8s ease;
    height: 100%;
    width: 0%;
    position: fixed;
    margin: 0;
    background-color: var(--color18);
    border-radius: 0;
    z-index: 99;
    overflow: hidden;
    /*opacity: 95%;
    */opacity: 1;
    width: 100%;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.sub-menu.oppenned {
    right: 0;
    opacity: 1;
}

.sub-menu ul {
    margin: 0;
}

.sub-menu li {
    display: block;
    list-style: none;
    height: auto;
    margin-left: 0;
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.sub-menu li:first-child {
    margin-top: 0;
}

.sub-menu li a {
    color: #fff;
    font-size: 16px;
    width: 100%;
    display: flex;
    text-transform: uppercase;
    line-height: 35px;
}

.sub-menu li a:hover {
    color: var(--colorfc);
   text-decoration: none;
}

.c-hamburger {
    text-align: right;
    display: block;
    position: fixed;
    top: 50px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 27px;
    height: 36px;
    z-index: 999;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    box-shadow: none;
    border-radius: none;
    border: none;
    transition: .5s;
    cursor: pointer;
    /*-webkit-transition: background 0.3s;
    transition: background 0.3s;
    */
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.c-hamburger:focus {
    outline: none;
}

.c-hamburger span {
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    height: 1px;
    background: var(--color6d);
    text-align: right;
}

.c-hamburger span:before,
.c-hamburger span:after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--color6d);
    content: "";
}

.c-hamburger span:after {
    position: absolute;
    display: block;
    right: -6px;
    width: 70%;
    height: 1px;
    background-color: var(--color6d);
    content: "";
    left: inherit;
    display: flex;
    margin: auto;
}

.c-hamburger span:before {
    top: -10px;
}

.c-hamburger span:after {
    bottom: -10px;
}

.c-hamburger--htx span {
    -webkit-transition: background 0s 0.3s;
    transition: background 0s 0.3s;
}

.c-hamburger--htx span:before,
.c-hamburger--htx span:after {
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.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: none;
}

.c-hamburger--htx.is-active span:before,
.c-hamburger--htx.is-active span:after {
    -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 {
    display: flex;
    align-items: center;
    gap: 8rem;
    padding-block: 3rem;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.slide_left_menu {
    align-items: center;
    justify-content: center;
}

.top_nav .container-fluid {
    padding-inline: 5.5rem;
}

a.navbar-brand {
    padding: 0;
    margin: 0;
}



/*home banner css start here*/

.slideshow-custom {
    background: none;
    margin-top: -16rem;
}

.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;
}


.swiper-counter {
    display: none;
}

.slideshow-main .swiper-slide img {
    display: block;
    /* width: 100%; */
    /* height: 100%; */
    object-fit: contain;
    object-position: left top;
    /* min-height: 600px; */
}

.swiper-navigation {
    display: none;
}


.swiper-horizontal>.swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -37px;
}

.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    background-color: #EEEEEE;
    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;
   /* width: calc(100% - 40px);*/
    z-index: 2;
    padding: 0;
}

.swiper-custom-pagination h1 {
    color: var(--color18);
    font-family: var(--dm-serif);
    font-size: var(--font-30);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-block: 0 5.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 h4 {
    color: var(--color4d);
    font-family: "DM Sans", serif;
    font-size: var(--font-70);
    font-style: normal;
    font-weight: 1;
    line-height: 70px;
    cursor: pointer;
    margin-block: 0 0rem;
}

.swiper-custom-pagination .collection-title.active h4 {
    color: var(--color6d);
    opacity: 71%;
}

.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 0.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: grid;
    grid-template-columns: 41% 58%;
    gap: 10rem;
    width: 100%;
    padding-block: 0 5rem;
}

.swiper-custom-pagination ul {
    padding: 0;
    margin-block: 0 5rem;
    min-height: 37rem;
}

.swiper-custom-pagination {
    transform: translateY(24%);
    width: 100%;
}

@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: 0px;
    }



    .slideshow-main .swiper-slide img {
        /* min-height: 600px; */
        /* max-height: 990px; */
        /* width: 100%; */
        height: 100dvh;
        width: 100%;
    }

    .swiper-counter {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -50px;
        color: #fff;
        display: flex;
        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: 0.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(--color4d);
    line-height: 16px;
    position: relative;
}

.link_name a:after {
    content: "";
    background: var(--color6d);
    width: 1px;
    height: 13px;
    position: absolute;
    right: 0px;
    top: 5px;
}




.link_name a:last-child:after {
    display: none;
}

.link_name {
    margin-top: -2rem;
    display: none;
    position: relative;
    padding-block: 0 2rem;
}

.swiper-custom-pagination .collection-title.active .link_name {
    display: block;
}

.link_name:after {
    content: "";
    width: 61rem;
    height: 1px;
    position: absolute;
    bottom: 0;
    background: #ddd;
    left: 0;
}

section.new_home_banner .container-fluid {
    padding-inline: 14.5rem 0;
}

section.new_home_banner .top_banner_group>* {
    grid-area: 1 / 1;
}

section.new_home_banner .top_banner_group {
    display: grid;
    align-items: end;
    position: relative;
    width: fit-content;
}

.banner_caption:after {
    content: "";
    width: 100%;
    height: 50rem;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    bottom: 0;
    opacity: 70%;
}

.banner_caption {
    opacity: 0;
}

.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: bold;
    font-family: var(--dm-sans);
    font-size: var(--font-24);
    line-height: 34px;
}

.banner_caption p b {
    color: var(--colorfc);
}


/* @media (min-width:2400px) {

    .container-fluid {
        max-width: 2000px;
        margin: auto;
    }
} */

.slideshow-main .swiper-slide .logo_group ul li img {
    max-width: inherit;
    min-height: inherit;
    /* width: 78px; */
    height: 74px;
    object-fit: cover;
}

.logo_group ul {
    display: flex;
    align-items: center;
    padding: 0;
    gap: 5.2rem;
    margin-right: 10rem;
    margin-bottom: 0;
}

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

.banner_caption {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: fit-content;
    margin-top: -16rem;
}
.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;
}

.hom_num p {
    font-size: var(--font-14);
    font-family: var(--dm-sans);
    color: var(--color4d);
}

.view_work a {
    font-size: var(--font-14);
    font-family: var(--dm-sans);
    color: var(--color18);
    font-weight: bold;
    border-bottom: 2px dotted var(--color18);
    padding-block: 0 .5rem;
}

.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 {
    height: 8px;
}

.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;
}


.banner_caption {
    transform: translate(0, 50px);
    transition: 1.5s ease all;
    width: 100%;
}

.swiper-slide.swiper-slide-active .banner_caption {
    transform: translate(0, 0);
}

.top_banner_group span.side-line.image.reveal-image {
    opacity: 0;
    /* width: 0px; */
    animation-name: none;
}

.swiper-slide.swiper-slide-active .top_banner_group span.side-line.image.reveal-image {
    opacity: 1;
    /* width: 130px; */
    animation-name: reveal-image;
}




/*number slider*/

.brand_images h2 {
    font-size: var(--font-216);
    font-family: var(--dm-serif);
    line-height: 190px;
}

.brand_images {
    position: relative;
    height: 100%;
}

/* .text_wrapper {
    margin: auto;
    position: absolute;
    top: 10%;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
} */


.brand_images h2 {

    background: url("../images/banner/mask_group.jpg") no-repeat;

    background-size: cover;

    -webkit-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;

    background-position: center;
}

.experience_years.section .container {
    width: auto;
    max-width: 100%;
}

.experience_years.section {
    padding-inline: 11.5rem;
}

/*home portfolio css start here*/


.home_profoilo {
    text-align: center;
    padding-block: 5rem;
    display: block;
    clear: both;
}

.home_profoilo h2 {
    font-size: var(--font-48);
    font-family: var(--dm-serif);
    color: var(--color4d)
}


/*home digital css*/

.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;
}


/*clients box*/


.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) {
    display: none;
}

.project_images.section .load_more_btn a:after {
    content: "+";
    font-weight: 200;
    font-size: var(--font-24);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.project_images.section .load_more_btn a:hover {
    /* background: #6dacde; */
    /* color: #fff; */
}

.start_project a {
    box-shadow: 0px 9px 34px #00000029;
    padding-inline: 3rem;
    padding-block: 1.5rem;
    font-size: var(--font-14);
    color: #000;
    font-weight: bold;
    letter-spacing: 1.4px;
    font-family: var(--dm-sans);
    background: linear-gradient(to right, var(--color6d) 50%, var(--colorfc) 50%);
    background-size: 200% 110%;
    background-position: right bottom;
    transition: all .5s ease-out;
}

.start_project a:hover {
    color: #fff;
    background-position: left bottom;
}

.experience_years a {


    padding-inline: 2rem;
    padding-block: 1.2rem;
    display: inline-block;
    text-decoration: none;
    color: #000;
    font-size: var(--font-14);
    font-family: var(--dm-sans);
    font-weight: bold;
    letter-spacing: 1.4px;
    text-transform: uppercase;

    border: 1px solid #808080;
    background: linear-gradient(to right, var(--color6d) 50%, #ffffff00 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;


}

.experience_years a:hover {
    color: #fff;
    background-position: left bottom;
}

.project_images.section .load_more_btn a {
    /* text-decoration: none; */
    /* color: #fff; */
    padding-inline: 2rem;
    padding-block: .8rem;
    display: inline-flex;
    text-decoration: none;
    color: #000;
    font-size: var(--font-14);
    font-family: var(--dm-sans);
    font-weight: bold;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    align-items: center;
    gap: 9px;
    border: 1px solid #808080;
    background: linear-gradient(to right, var(--color6d) 49%, #ffffff00 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
}

.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%);
}


nav.sub-menu.open>ul, .hembbgr_wrap {
    /* width: 450px; */
    height: 100vh;
    padding-block: 21rem 0;
    padding-inline: 24rem;
}
@media (max-width:1399px) {
    nav.sub-menu.open>ul, .hembbgr_wrap {
        padding-block: 12rem 0;
        padding-inline: 6rem;
    }
}

@media (min-width:1100px) {
    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: 65px;
    }

    .menu_nav {
        text-align: left;
        width: 100%;
        max-height: 100%;
        overflow-y: auto;
    }

    .menu_nav ul {
        padding: 0;
    }

    .menu_nav ul li a {
        padding: 0;
    }

    .menu_nav ul li {
        padding: 0;
    }

    .menu_nav ul {
        border: 0;
    }

    .jquery-accordion-menu>ul>li.active>a,
    .jquery-accordion-menu>ul>li:hover>a {
        background: none;
    }

    ul.submenu ul {
        padding-inline: 0;
        background: none;
    }

    .jquery-accordion-menu ul ul.submenu {
        background: none;
        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;
    }

    .jquery-accordion-menu ul ul.submenu li ul li a {
        border: 0;
        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 #fff;
        border-radius: 10px;
        background-color: #F5F5F5;
    }

    .menu_nav::-webkit-scrollbar {
        width: 2px;
        background-color: var(--colorfc);
    }

    .menu_nav::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px var(--colorfc);
        background-color: var(--colorfc);
    }

    .menu_nav {
        /* overflow-y: inherit; */
        /* height: auto; */
        /* overflow-x: inherit; */
        width: 100%;
        overflow: hidden;
    }


}
@media (min-width:1000px) {
    .sub-menu ul {
        margin: 0;
        padding: 0;
    }
}


@media (min-width:2499px) {

    section.new_home_banner {
        max-width: 2000px;
        margin: auto;
    }

    section.new_home_banner .container-fluid {
        padding: 0;
    }

    .top_nav .container-fluid {
        padding-inline: 0;
        max-width: 2190px;
        margin: auto;
    }

    section.new_home_banner .swiper-slide,
    .slideshow-main .swiper-slide img {
        height: 86dvh;
        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%;
        height: 100%;
        overflow-x: hidden;
    }

    div#jquery-accordion-menu1 {
        margin-block: 0 2rem;
    }

    /* section.new_home_banner .swiper-slide,
 section.new_home_banner .swiper-slide img {
     height: calc(100dvh - 50rem);width:100%;
 } */
}




@media (max-width:1000px) {
    body .mobile_device2 {
        display: block;
        background: #fff;
    }

    section.new_home_banner {
        overflow: hidden;
        padding-block: 10rem 0;
    }

    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;
    }

    /* section.new_home_banner .top_banner_group {
        display: none;
    } */

    .swiper.slideshow-main.js-main-slideshow {
        display: grid;
        grid-template-columns: 100%;
        gap: 0;
        width: 100%;
        height: 100%;
        overflow: visible;
    }

    .c-hamburger {
        display: none;
    }

    .top_nav .container-fluid {
        padding-inline: 0;
    }

    .menu_block {
        display: flex;
        align-items: center;
        gap: 0;
        padding-block: 0;
        justify-content: center;
    }


    .experience_years.section {
        padding-inline: 0;
    }

    .digital5.desktop-view {
        background: #F9F9F9;
        padding-inline: 2.6rem;
        padding-block: 4rem;
    }

    .digital5.desktop-view .col-md-5 {
        display: none;
    }

    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 .col-lg-12 li a {
        display: none;
    }

    footer ul li p {
        color: #78abdc;
        margin-bottom: 15px;
    }

    footer ul li:nth-of-type(4) {
        width: 100%;
    }

    body footer {
        padding: 30px 0 50px 0px;
    }

    .copyright ul li {
        width: auto;
        color: #fff;
        margin: 0 10px;
        font-size: var(--font-12);
    }

    footer ul {
        text-align: center;
    }

    a.ser-pad {
        /* padding-top: 0 !important; */
        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;
    }

    body .our_work.btn {
        display: none;
    }

    .home_profoilo {
        text-align: center;
        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: none;
        margin-top: 0;
    }
}

@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 h4 {
        line-height: normal;
    }

}


.swiper-custom-pagination li {
    opacity: 1;
    transition: opacity 0.5s, background-color 0.5s, width 0.5s;
    transition-delay: 0.5s, 0.5s, 0s;
}



.swiper-custom-pagination li.active {
    opacity: 1;
    transition-delay: 0s;
}

.swiper-custom-pagination .collection-title {
    margin-block: 2rem;
}


@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 6rem;
        min-height: 42rem;
    }

    .banner_caption p {
        line-height: 40px;
    }

    .digital_contennt h2 {
        line-height: 74px;
    }

    .banner_caption:after {
        content: "";
        width: 100%;
        height: 45rem;
        background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
        position: absolute;
        bottom: 0;
        opacity: 87%;
    }


    nav.sub-menu.open>ul, .hembbgr_wrap {
        /* width: 450px; */
        height: 100vh;
        padding-block: 26rem 0;
        padding-inline: 39rem;
        max-width: 2400px;
        margin-inline: auto;
    }


}

nav.sub-menu.open.oppenned a {
    opacity: 1;
}

nav.sub-menu.open a {
    opacity: 0;
}



/*inner header css strt here*/


.inner-pan a.navbar-brand.normal-logo {
    display: none;
}

.inner-pan .top_nav.for-desktop {
    position: fixed;
    width: auto;
    z-index: 99999;
    /* top: -27px; */
}

.inner-pan .header_section.section.line a.navbar-brand {
    padding: 0;
    margin: 0;
    width: 8rem;
}


.inner-pan a.navbar-brand {
    padding: 0;
    margin: 0;
    transition: .5s ease all;
}

.work_page .inner-pan .menu {
    display: none;
}
.work_page div#collapsibleNavbar li.nav-item.project-button {
    margin-right: 0!important;
    padding: 0 0px 0 15px!important;
}

@media (max-width:1000px) {

    .logo_box {
        width: 100%;
        display: none;
    }

    body .inner-pan .mobile_device2 {
        display: block;
        background: none;
        overflow-x: hidden;
    }
}

@media (min-width:2399px) {

    .wrapper.inner-pan .menu_block {
        padding-inline: 3rem;
    }

}


@media (max-width:1200px) and (min-width:1000px) {

    .experience_years.section {
        padding-inline: 0.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: 0rem;
        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;
        display: none;
        position: relative;
        padding-block: 0 1rem;
    }

    .logo_group {
        display: none;
    }

    .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;
    grid-area: 1/1;
}

.data_group>* {
    grid-area: 1/1;
    background: #fff;
}

.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 h4 a {
    color: var(--color4d);
}
.swiper-custom-pagination .collection-title, .swiper-custom-pagination .collection-title.active h4 a {
    color: var(--color6d);
    font-weight: 200;
}


.inner-pan .c-hamburger{top:45px;}
.work_page.hover1 .logo_box {
    opacity: 0;
}
.inner-pan .header_section.section.line .c-hamburger {
    top: 25px;
}

@media(max-width:990px){

    .swiper-custom-pagination .collection-title, .swiper-custom-pagination .collection-title h4 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:none;}
.slideshow-container{padding-bottom:0px;}
.hom_num h2{margin:0px;}
}



@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 h4{line-height:5.5rem;}

}
.creating_digital{display: none;}
/* .top_nav.for-desktop .start_project{margin-left: auto;position: relative;z-index: 2;} */
.top_nav.for-desktop{position: relative;}
@media (min-width: 2499px) {
    /* .top_nav.for-desktop {
        max-width: 2000px;
        margin: auto;
    } */
    .top_nav.home_header .container-fluid{max-width: 2000px;margin-inline: auto;}
    .top_nav.home_header .container-fluid .menu_block{position: relative;}
    .top_nav.home_header.line{background: #fff;left: 0;right: 0;}
    .top_nav.home_header.line .container-fluid{max-width: 2000px;margin-inline: auto;}
}
.top_nav.home_header .start_project{ right: 0; position: absolute; z-index: 2; top: 32px; transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.top_nav.home_header.line .start_project{right: 23px;}
.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: white; width: 100%; left: 0; z-index: 99;border-bottom: 1px solid rgb(0 0 0 / 14%);}
.top_nav.home_header a.navbar-brand, .inner_header a.navbar-brand{width: 82px;}
/* .top_nav.home_header.line a.navbar-brand img{width: 70%;} */
.top_nav.home_header.line .menu_block, .inner_header.line .menu_block{padding-block: 1rem;}
.top_nav.home_header.line .c-hamburger{top:25px;}
.interLinking.d-flex.bg-white.mt-5.flex-wrap small a{font-size: 13px;}
 /*--- UI14041994 07-01-2025 end--- */

.footer.section .digital2 a img{display: none;}
.wp-pagenavi{margin-left: auto;}
.wp-pagenavi li:last-child a{ margin-right: 0;}
.wp-pagenavi li.active a{background: var(--colorfc);}
.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: 1.5rem;}
.hembbgr_wrap .menu_service h3 a {font-size: 24px;font-weight: 600;text-transform: capitalize;margin-bottom: 15px;text-decoration: none;color: #fff;font-family: var(--dm-sans);}
.hembbgr_wrap .menu_service p {color: #fff;font-size: 13px;font-weight: 300;line-height: 24px;margin-bottom: 43px;padding-right: 5rem;}
.hembbgr_wrap .menu_service ul li a{padding-right: 20px;}
.hembbgr_wrap .menu_service ul li a {font-size: 14px;line-height: 2; font-weight: 300;padding-right: 23px;letter-spacing: inherit;padding: 0;text-transform: capitalize;margin-bottom: .5rem;text-decoration: none;color: #fff;font-family: var(--dm-sans);position: relative;display: flex;align-items: center;padding-right: 20px;}
.hembbgr_wrap .menu_service ul li a:after {background: url(../images/right-arrow1.svg) no-repeat;content: "";width: 10px;height: 10px;position: absolute;right: 0;}
.hembbgr_wrap .menu_service ul li a:hover, .hembbgr_wrap .menu_service h3:hover a{color: var(--colorfc);}
.hembbgr_wrap .menu_service.two-menu .start_project{position: static;margin-top:4rem;}
.hembbgr_wrap .menu_service.two-menu .start_project a{text-decoration: none;}
@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 rgb(255 255 255 / 38%);}
.tab-content .yellow_box.redB li a:after{mix-blend-mode: normal;}
 /*--- UI14041994 08-01-2025 end--- */
 @media (min-width:992px) {
    footer{ transition:.5s ease-out ; transition-duration:.5s ; -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:hover{opacity: 1;}
    footer .icon.toggle_icon p{font-size: 16px;margin-bottom: 2rem;font-weight: bold;}
    /* footer .icon.toggle_icon i{animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);cursor: pointer;font-size: 3rem;} */
    footer .icon.toggle_icon i{ cursor: pointer; font-size:2rem; font-weight: 300;padding-top: 2.6rem;}
    footer .icon.toggle_icon.active{opacity: 1;}
    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);}
        /* @keyframes bounce {
            50% {
                transform: translateY(-15px);
            }
            } */
 }

 /*--- UI14041994 09-01-2025 end--- */
 .wp_Widget label{font-size:16px;display: block;}
 .wp_Widget input{width: 100%;}
 .request-quote.position-relative .service-col h5{font-size: 2rem;    font-family: 'Roboto Slab', serif;;}
 /*--- UI14041994 10-01-2025 end--- */

 @media (min-width: 2499px) {
    .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 {width: 200px;margin-left:61rem;}
}
@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 {width: 200px;margin-left:70rem;}
}
@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 {width: 200px;margin-left: 115rem;}
}
@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 {width: 200px;margin-left: 185rem;}
}
@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 {width: 200px;margin-left:280rem;}
}
 /*--- UI14041994 13-01-2025 end--- */