body {font-family: 'Montserrat', sans-serif;}
/*--this add by khurseed ahmad--*/
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 rgb(255 255 255 / 0%)
}

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
}

.video_inside h1 {
    color: #fff;
    font-size: 72px;
    line-height: 70px;
    margin-bottom: 30px
}

.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: 26px;
    margin-top: 10px;
    font-weight: 800;
    margin-bottom: 20px
}

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

.digital_contennt h2 {
    font-size: 45px
}

.digital_contennt {
    max-width: 680px;
    margin: auto;
    padding-left: 40px;
    padding-top: 0
}

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

.digital_contennt h2 {
    color: #333;
    font-weight: 700;
    line-height: 1
}

.experience_years a {
    border: 1px solid grey;
    padding: 3px 15px;
    border-radius: 25px;
    display: inline-block;
    text-decoration: none;
    color: #000;
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    font-weight: 500
}

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

.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;
    right: 10px;
    bottom: -60px
}

.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: 14px;
    font-family: Montserrat, sans-serif;
    color: #1a1a1a
}

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

.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: rgba(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: 30px;
    margin-bottom: 30px;
    font-weight: 700
}

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

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

.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;
    /* background: #2b4456; */
    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;
}

/* .footer .fa {
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border: 1px solid #fff;
    border-radius: 100%
} */

.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: 0 0 5px 0 #8e8888; */
    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: 14px;
    background: #0f507d;
    border-top: none;
    position: relative;
    -o-transition: border .2s linear;
    -moz-transition: border .2s linear;
    -webkit-transition: border .2s linear;
    transition: border .2s linear;
    padding: 15px;
    border-bottom: 1px solid rgb(255 255 255 / 11%)
}

.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: rgba(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: transparent transparent #000 transparent
}

.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 transparent;
    -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: transparent
}

.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: 100%;
    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
}

.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 0 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: normal;
    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: transparent
}

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

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

.interactive.video_serivces.section h3:before {
    background: #3c4280
}

.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-right: 33px;
    border: 0;
    -webkit-appearance: none;
    padding-left: 30px;
    box-shadow: 0 0 10px rgb(218 218 218 / 63%);
    border-radius: 20px
}

.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: 990px;
    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
}

.more_testimonials .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: rgba(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 rgba(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 rgba(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 rgba(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
}

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

/* .footer.section p {
    font-size: 14px
} */

.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: Montserrat, sans-serif;
    color: #333
}

.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: 7px;
    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: normal;
}
.why_choose.section.smm-why-choose p strong{font-weight: bold;}
.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 rgb(255 255 255 / 0%)
}

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

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 transparent;
    -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: rgb(93 117 183);
    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: rgba(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
}

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

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

.reash-us {
    position: absolute;
    bottom: 20px;
    right: 77px;
    z-index: 99
}

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

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

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

body.home_page .view_btn {
    background: #66acdc;
    display: none;
    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: none;
    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
}

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

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(../images/all-hover.png)
}

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

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

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

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

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

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

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

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

@media only screen and (min-width:1150px) and (max-width:1280px) {
    .owl-carousel5 {
        width: 100%
    }

    .home-sec6 {
        max-width: 1150px
    }
}

.main_location,
.ncr_text {
    border-top: 1px solid rgb(80 80 80)
}

figure {
    margin-bottom: 0
}

.video_section figure img {
    display: none
}

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

.sticky_menu {
    position: sticky;
    top: 108px;
    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: 14px;
}
/*---UI14041994-Khurseed Ahmad--15-06-2023-faq-css-start--*/
.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: 0.9rem;position: absolute;background: #4c4c4c;border-radius: 100%;}
/*---UI14041994-15-06-2023-faq-css-end--*/

/*---UI14041994-16-06-2023-footer-css-end--*/
/* footer{padding: 115px 0 50px;background: #111111;width: 100%;height: auto;} */
footer{padding:30px 0;background: #111111;width: 100%;height: auto;}
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%;margin-bottom: 65px;}
footer ul li:nth-of-type(4){width: 15%;}
footer ul li p{color: #78abdc;margin-bottom: 30px;font-size: 16px;}
footer ul li a{color: #8b8b8b;font-size: 14px;margin-bottom: 14px;display: block;}
footer ul li a:hover{color: #fff;text-decoration: none;}

.copyright{max-width: 750px;margin: auto;}
.copyright .row{align-items: center;}
.copyright ul li{width: auto;color: #fff;margin: 0 10px;}
.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;}
/*---UI14041994-16-06-2023-footer-css-end--*/
.all_linkwrap{padding:100px 0 0px;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;}
/*---UI14041994-01-07-2023-all-links-css-end--*/

.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;}
/*---UI14041994-13-07-2023--css-end--*/
.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;}
/*---UI14041994-26-07-2023--css-end--*/

/* .work_page nav.navbar.navbar-expand-md.bg-green.bg-grey.desktop_menu {background: #fff;} */
/*--uncomment upper line for header glitch ----*/

.main_headingnew p{color: #fff;display: inline-block;position: relative;padding: 25px 0 35px;font-size: 48px;font-family: 'Roboto Slab', serif;margin-bottom: 0.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 0px;}
.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 0px;font-size: 40px;font-family: 'Roboto Slab', serif;margin-bottom: 0.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%;
    }
}

/*---UI14041994-04-09-2023--css-end--*/