/*!
Theme Name: vinprotoday
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vinprotoday
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

vinprotoday is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */
     @charset "utf-8";

     /*
             Resets
     */
     
     body,
     div,
     dl,
     dt,
     dd,
     ul,
     ol,
     li,
     h1,
     h2,
     h3,
     h4,
     h5,
     h6,
     pre,
     form,
     fieldset,
     input,
     textarea,
     p,
     blockquote,
     th,
     td {
         margin: 0;
         padding: 0
     }
     
     table {
         border-collapse: collapse;
         border-spacing: 0
     }
     
     fieldset,
     img {
         border: 0
     }
     
     address,
     caption,
     cite,
     code,
     dfn,
     em,
     strong,
     th,
     var {
         font-style: normal;
         font-weight: normal
     }
     
     caption,
     th {
         text-align: left
     }
     
     q:before,
     q:after {
         content: ''
     }
     
     abbr,
     acronym {
         border: 0
     }
     
     :focus {
         outline: 0
     }
     
     ins {
         text-decoration: none
     }
     
     del {
         text-decoration: line-through
     }
     
     .clear {
         clear: both;
     }
     
     
     /*
             body Structure
     */
     
     html,
     body {
         height: 100%;
     }
     
     body {
         background: #fff;
         font-family: 'Poppins', sans-serif;
         font-size: 14px;
         line-height: 22px;
         font-weight: 400;
         color: #222;
     }
     
     
     /*
             Typography
     */
     
     div,
     p,
     a,
     li,
     td {
         -webkit-text-size-adjust: none;
     }
     
     html,
     html a {
         -webkit-font-smoothing: antialiased !important;
     }
     
     h1,
     h2,
     h3,
     h4,
     h5,
     h6 {
         font-family: 'Poppins', sans-serif;
         margin: 0 0 15px 0;
         line-height: normal !important;
     }
     
     h1 {
         font-size: 54px !important;
         font-weight: 800;
     }
     
     h2 {
         font-size: 40px;
         font-weight: 800;
     }
     
     h3 {
         font-size: 26px;
         font-weight: 700;
     }
     
     h4 {
         font-size: 22px;
         font-weight: 400;
     }
     
     h5 {
         font-size: 18px;
         font-weight: 400;
     }
     
     h6 {
         font-size: 14px;
         font-weight: 400;
     }
     
     p {
         font-family: 'Poppins', sans-serif;
         font-size: 14px;
         font-weight: 400;
         margin: 0 0 15px 0;
     }
     
     p span,
     p strong {
         font-weight: 800;
     }
     
     img {
         border: none;
         max-width: 100%;
     }
     
     a {
         text-decoration: none;
         color: #333;
     }
     
     a:hover,
     a:focus,
     a:active {
         text-decoration: none;
         outline: none;
         color: #000;
     }
     
     .fancybox-custom .fancybox-skin {
         box-shadow: 0 0 50px #222;
     }
     
     
     /*  navbarSection*/
     
     .navbarSection {
         position: absolute;
         width: 100%;
         left: 0;
         right: 0;
         height: auto;
         z-index: 99;
     }
     
     .tophead {
         display: block;
         width: 100%;
         height: auto;
         padding: 8px 0;
         border-bottom: solid 1px #eee;
         background: linear-gradient(299deg, #9d06ee, #620d90);
     }
     
     .tophead .tophead-menu-left,
     .tophead .tophead-menu-right,
     .tophead-menu-social {
         display: inline-block;
     }
     
     .tophead .tophead-menu-left ul,
     .tophead .tophead-menu-right ul,
     .tophead-menu-social ul {
         display: block;
         margin: 0;
         padding: 0;
     }
     
     .tophead .tophead-menu-left ul li,
     .tophead .tophead-menu-right ul li {
         display: inline-block;
         list-style-type: none;
         margin-right: 15px;
         font-size: 14px;
     }
     
     .tophead .tophead-menu-left ul li:last-child,
     .tophead .tophead-menu-right ul li:last-child,
     .tophead-menu-social ul li:last-child {
         margin-right: 0;
     }
     
     .tophead .tophead-menu-left ul li i,
     .tophead .tophead-menu-right ul li i {
         padding-right: 3px;
         color: #fff;
     }
     
     .tophead .tophead-menu-left ul li a,
     .tophead .tophead-menu-right ul li a {
         font-size: inherit;
         color: #fff;
     }
     
     .tophead .tophead-menu-left ul li a:hover,
     .tophead .tophead-menu-right ul li a:hover {
         text-decoration: underline;
         color: #d22720;
     }
     
     .tophead-right-menu {
         text-align: right;
     }
     
     
     /*tophead-menu-social*/
     
     .tophead-menu-social {
         margin-right: 20px;
         display: inline-block;
     }
     
     .tophead-menu-social ul li {
         display: inline-block;
         list-style-type: none;
     }
     
     .tophead-menu-social ul li a {
         display: inline-block;
     }
     
     .tophead-menu-social ul li a i {
         display: block;
         width: 25px;
         height: 25px;
         line-height: 23px;
         font-size: 13px;
         border-radius: 50%;
         border: solid 1px #ddd;
         text-align: center;
         color: #fff;
     }
     
     .tophead-menu-social ul li a:hover i {
         background: #d22720;
         color: #fff;
         border-color: transparent;
     }
     
     .loginButton {
         color: #005ca1;
     }
     
     .loginButton a {
         background: #eee;
         margin: 0px;
         padding: 5px 17px;
         border-radius: 5px;
         cursor: pointer;
         color: #000 !important;
     }
     
     .loginButton a i {
         color: #005ca1 !important;
     }
     
     /*navigationBar*/
     
     .navigationBar {
         display: block;
         width: auto;
         position: relative;
         top: 0;
         left: 0;
         right: 0;
         z-index: 200;
         height: 100px;
         padding: 0;
         background: rgba(255, 255, 255, 1);
         box-shadow: 0 5px 50px rgba(0, 0, 0, 0.15);
         transition: all 400ms;
     }
     
     
     /*navigationBarContent*/
     
     .navigationBarContent {
         position: relative;
         height: auto;
     }
     
     .navbar {
         min-height: 40px;
     }
     
     .navbar-brand {
         display: inline-block;
         margin-top: 14px;
         height: auto;
         padding: 0;
         position: relative;
         top: 0;
     }
     
     .navbar-brand img {
         height: 70px;
         position: relative;
         transition: all 400ms;
     }
     
     .navbar-nav {
         margin-top: 0;
         position: relative;
         transition: all 400ms;
     }
     
     .navbar-collapse {
         float: right;
         padding-right: 0;
     }
     
     .navbar-default {
         background: transparent;
         border: none;
         margin: 0;
     }
     
     
     /*navbar-collapse*/
     
     .navbar-collapse>ul>li {
         margin: 0 1px;
         color: #000;
         height: 100px;
         line-height: 100px;
         padding: 0;
         position: relative;
         transition: all 400ms;
     }
     
     .navbar-collapse>ul>li:before {
         content: '';
         display: block;
         position: absolute;
         height: 100%;
         bottom: 10px;
         left: 0;
         right: 0;
         background: #f3f3f3;
         border-bottom: solid 5px solid 5px #9e06f0;
         transition: all 400ms;
         visibility: hidden;
         opacity: 0;
     }
     
     .navbar-collapse>ul>li:hover:before,
     .navbar-collapse>ul>li.active:before {
         bottom: 0;
         visibility: visible;
         opacity: 1;
         border-radius: 0;
     }
     
     .navbar-collapse>ul>li:last-child {
         border: none;
     }
     
     .navbar-collapse>ul>li>a {
         display: block;
         color: inherit !important;
         padding: 0 15px;
         margin: 0 0;
         height: inherit;
         color: #ba0ae6 !important;
         line-height: inherit;
         font-size: 18px;
         font-weight: 600;
         font-family: 'Roboto Condensed', sans-serif;
         position: relative;
         text-transform: capitalize;
         z-index: 2;
         border-radius: 0 0 30px 30px;
     }
     
     .navbar-collapse>ul>li:hover:before,
     .navbar-collapse>ul>li.active:before {
         /*width: 100%;
         left: 0;*/
         bottom: 0;
         height: 100%;
         visibility: visible;
         opacity: 1;
     }
     
     .navbar-collapse>ul>li:hover>a,
     .navbar-collapse>ul>li.active>a {
         /*background: #0b3695 !important;
         color: #fff !important;*/
         background: transparent !important;
         color: #000000 !important;
         border-radius: 0;
     }
     
     .navbar-collapse.in {
         overflow-y: initial !important;
     }
     
     
     /*drop down menu*/
     
     .navbar-collapse>ul>li>ul {
         /*display: block;*/
         width: 250px;
         height: auto;
         position: absolute;
         top: 100%;
         left: 0;
         margin: 0;
         background: #fff;
         z-index: 10;
         box-shadow: 0 6px 30px rgba(0, 0, 0, 0.15);
         transition: all 300ms ease-in-out;
         padding: 0;
         border-radius: 0;
         border: none;
     }
     
     .navbar-default .navbar-nav>.open>a,
     .nav .open>a {
         background: transparent !important;
     }
     
     .navbar-collapse>ul>li>ul>li {
         display: block;
         border-bottom: solid 1px #ddd;
         transition: all 300ms ease-in-out;
         position: relative;
         line-height: normal;
         height: auto;
     }
     
     .navbar-collapse>ul>li>ul>li>a {
         display: block;
         padding: 10px 15px;
         color: #222;
         font-family: 'Roboto Condensed', sans-serif;
         font-size: 16px;
         text-transform: uppercase;
         height: auto;
         white-space: normal;
         line-height: normal;
         transition: all 300ms ease-in-out;
     }
     
     .navbar-collapse>ul>li>ul>li:hover {
         background: #0b3695;
     }
     
     .navbar-collapse>ul>li>ul>li:hover>a {
         color: #fff;
         background: transparent;
     }
     
     .navbar-collapse>ul>li>ul>li>span.separator {
         display: block;
         padding: 5px 0;
         text-transform: uppercase;
         text-align: center;
     }
     
     .navbar-collapse>ul>li>ul>li:hover>span.separator {
         color: #fff;
     }
     
     .navbar-collapse>ul>li>ul>li>a>.fa-angle-right {
         display: inline-block;
         float: right;
         position: relative;
         top: 5px;
     }
     
     .navbar-collapse>ul>li>ul>li:last-child {
         border-bottom: none;
     }
     
     
     /*double dropdown*/
     
     .navbar-collapse>ul>li>ul>li>ul {
         display: block;
         width: 180px;
         height: auto;
         position: absolute;
         left: 100%;
         line-height: normal;
         top: 0;
         background: #fff;
         box-shadow: 0 6px 30px rgba(0, 0, 0, 0.15);
         transition: all 300ms;
         visibility: hidden;
         opacity: 0;
     }
     
     .navbar-collapse>ul>li>ul>li:hover>ul {
         visibility: visible;
         opacity: 1;
     }
     
     .navbar-collapse>ul>li>ul>li>ul>li {
         display: block;
         border-bottom: solid 1px #ddd;
         font-size: 13px;
         transition: all 300ms ease-in-out;
         position: relative;
     }
     
     .navbar-collapse>ul>li>ul>li>ul>li>a {
         display: block;
         padding: 5px 15px;
         color: #222;
         font-size: 15px;
         font-size: inherit;
         transition: all 300ms ease-in-out;
     }
     
     .navbar-collapse>ul>li>ul>li>ul>li:hover {
         background: #0b3695;
     }
     
     .navbar-collapse>ul>li>ul>li>ul>li:hover>a {
         color: #fff;
     }
     
     
     /*navigationBarScroll*/
     
     .navigationBarScroll {
         height: 50px;
     }
     
     .navigationBarScroll .navbar-brand {
         margin-top: 8px;
     }
     
     .navigationBarScroll .navbar-brand img {
         height: 35px;
     }
     
     .navigationBarScroll .navbar-collapse>ul {
         margin-top: 0;
     }
     
     .navigationBarScroll .navbar-collapse>ul>li {
         height: 50px;
         line-height: 50px;
     }
     
     @media (min-width: 768px) {
         .navbar-collapse>ul>li>ul {
             display: block;
             visibility: hidden;
             opacity: 0;
         }
     
         .navbar-collapse>ul>li:hover>ul {
             left: 0;
             visibility: visible;
             opacity: 1;
         }
     }
     
     
     /*bannerSection*/
     
     .bannerSection {
         background-image: url(assets/images/banner\ victor.png);
         background-color: #272142;
         background-repeat: no-repeat;
         background-position: center bottom;
         animation: animatedBackground 10s linear infinite alternate;
         background-size: 105% !important;
         height: 700px;
         width: 100%;
     }
     
     
     .bannerSection .bannerSectionContainer {
         display: block;
         position: absolute;
         top: 100px;
         left: 0;
         right: 0;
         bottom: 0;
     }
     
     #bannerSlider,
     #bannerSlider .owl-wrapper-outer,
     #bannerSlider .owl-wrapper-outer .owl-wrapper,
     #bannerSlider .owl-wrapper-outer .owl-wrapper .owl-item,
     #bannerSlider .owl-wrapper-outer .owl-wrapper .owl-item .item {
         height: 100%;
     }
     
     #bannerSlider .owl-wrapper-outer .owl-wrapper .owl-item .item {
         width: 100%;
         overflow: hidden;
     }
     
     
     
     .bannerSection .bannerSlideBlock,
     .bannerSection .bannerSlideImg {
         width: 100%;
         height: 100%;
     }
     
     .bannerSection .bannerSlideImg {
         display: block;
         position: relative;
         background-size: cover !important;
     }
     
     .bannerSection .bannerSlideBlock {
         display: table;
         position: absolute;
         z-index: 2;
     }
     
     .bannerSection .bannerSlideBlock .bannerSlideCaption {
         display: table-cell;
         width: 100%;
         height: 100%;
         vertical-align: middle;
         overflow: hidden;
     }
     
     .bannerSection .bannerSlideBlock .bannerSlideCaption .bannerSlideCaptionInner {
         display: block;
         width: 66%;
         color: #fff;
         position: relative;
         z-index: 2;
         text-align: center;
         margin: 0px auto;
     }
     
     .bannerSection .bannerSlideBlock .bannerSlideCaption .bannerSlideCaptionInner>h2 {
         display: inline-block;
         font-weight: 550 !important;
         font-family: 'Roboto Condensed', sans-serif;
         text-transform: uppercase;
         font-size: 55px;
         position: relative;
         line-height: 70px !important;
         transition: all 900ms;
         padding: 15px 50px 15px 25px;
         margin: 0;
         color: #ffffff;
     
     }
     
     .bannerSection .bannerSlideBlock .bannerSlideCaption .bannerSlideCaptionInner>h2 strong {
         display: block;
         font-size: 55px;
         font-weight: 800;
         position: relative;
         transition: all 800ms;
         line-height: 55px;
         color: #000;
     }
     
     .bannerSection .bannerSlideBlock .bannerSlideCaption .bannerSlideCaptionInner>h2:before {
         content: '';
         display: block;
         position: absolute;
         top: 0;
         left: 0;
         right: 50%;
         bottom: 0;
         border-radius: 0px;
         /*    opacity: 0.2;*/
         z-index: -1;
         /*    transform: skew(40deg);*/
         transition: all 1000ms;
     }
     
     .bannerSection .owl-item.active .bannerSlideBlock .bannerSlideCaption .bannerSlideCaptionInner>h2:before {
         right: 0;
         /*    transform: skew(0deg);*/
         opacity: 1;
     }
     
     .bannerSection .bannerSlideBlock .bannerSlideCaption .bannerSlideCaptionInner>.btn {
         height: 50px;
         line-height: 50px;
         padding: 0 35px;
         background: #0b3695 !important;
         font-size: 18px;
         text-transform: uppercase;
         font-weight: 700;
         text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
     }
     
     .bannerSection .bannerSlideBlock .bannerSlideCaption .bannerSlideCaptionInner>.btn:hover {
         background: #fff !important;
         color: #000 !important;
         text-shadow: none;
     }
     
     /* arrow */
     
     .bannerSection .owl-theme .owl-pagination {
         display: block;
         position: absolute;
         z-index: 1;
         left: 0;
         right: 0;
         width: 300px;
         bottom: 20px;
         margin: 0 auto;
     }
     
     .bannerSection .owl-theme .owl-pagination .owl-page span {
         background: #eee !important;
         width: 16px;
         height: 16px;
         opacity: 0.7;
         position: relative;
     }
     
     .bannerSection .owl-theme .owl-controls .owl-page.active span {
         background: #9d06ee !important;
     }
     
     /* .bannerSection .owl-theme .owl-pagination .owl-page span::after {
         content: "";
         position: absolute;
         height: 22px;
         width: 22px;
         border: 2px solid #eee;
         border-radius: 200px;
         background: transparent;
         left: -3px;
         top: -3px;
     } */
     
     .bannerSection .owl-theme .owl-controls {
         display: block;
         position: absolute;
         bottom: 0;
         left: 0;
         right: 0;
         margin: 0 auto;
     }
     
     .bannerSection .owl-theme .owl-buttons>div {
         display: block;
         position: absolute;
         bottom: 40vh;
         z-index: 2;
         width: 40px;
         height: 40px;
         line-height: 40px;
         background: #fff !important;
         font-size: 36px !important;
         padding: 0 !important;
         margin: 0 !important;
         color: #00589b !important;
         /*color: #fff !important;*/
         opacity: 0.9 !important;
         border-radius: 0px !important;
         text-align: center;
     }
     
     .bannerSection .owl-theme .owl-buttons>div:hover {
         opacity: 0.7 !important;
         /* background: #fff !important; */
         /*box-shadow: 0 0 30px rgba(0,0,0,0.3);*/
     }
     
     .bannerSection .owl-theme .owl-buttons>div i {
         height: inherit;
         line-height: inherit;
         color: inherit;
     }
     
     .bannerSection .owl-theme .owl-buttons>div.owl-prev {
         /*left: 67px;*/
         left: 0px;
     }
     
     .bannerSection .owl-theme .owl-buttons>div.owl-next {
         right: 0px;
     }
     
     /*carouselWithArrows*/
     
     .carouselWithArrows.owl-theme .owl-controls {
         margin: 0;
     }
     
     .carouselWithArrows.owl-theme .owl-controls .owl-buttons {
         position: absolute;
         top: 15px;
         left: 15px;
         z-index: 2;
     }
     
     .carouselWithArrows.owl-theme .owl-controls .owl-buttons div {
         width: 50px;
         height: 50px;
         line-height: 50px;
         text-align: center;
         padding: 0;
         margin: 2px;
         border-radius: 0;
         background: rgba(0, 102, 179, 0.9) !important;
         opacity: 1;
         font-size: 30px;
     }
     
     .carouselWithArrows.owl-theme .owl-controls .owl-buttons div:hover {
         background: #00589b !important;
     }
     
     /*aboutSection*/
     
     .aboutSection {
         display: block;
         clear: both;
         width: 100%;
         height: auto;
         position: relative;
         overflow: hidden;
     }
     
     .aboutSection .containerWrapper {
         padding-left: 0;
         padding-right: 0;
     }
     
     .aboutsliderBlock {
         display: block;
         width: 50%;
         position: absolute;
         left: 0;
         top: 0;
         bottom: 0;
         float: left;
     }
     
     .aboutsliderBlock .aboutsliderBlockImg {
         display: block;
         width: 100%;
         height: 100%;
         position: relative;
         overflow: hidden;
     }
     
     .aboutsliderBlock .aboutsliderBlockImg>div {
         display: block;
         width: 100%;
         height: 100%;
         background-size: cover !important;
         position: relative;
     }
     
     
     /*aboutsliderDescBlock*/
     
     .aboutsliderDescBlock {
         display: block;
         width: 50%;
         height: 600px;
         float: right;
         position: relative;
         z-index: 2;
         background: #ffffff;
         color: #000;
     }
     
     .aboutsliderDescBlock .aboutsliderDescBlockInner {
         display: block;
         padding: 100px 100px 100px 70px;
         position: relative;
         z-index: 2;
     }
     
     .aboutsliderDescBlock .aboutsliderDescBlockInner .heading {
         color: #0b3695;
     }
     
     /* .aboutsliderDescBlock .aboutsliderDescBlockInner .heading:after {
         bottom: initial;
         top: 20px;
         left: -131px;
         width: 124px;
     } */
     
     .aboutSection .owl-item.active .aboutsliderBlock:before {
         left: -75px;
         opacity: 0.7;
     }
     
     .aboutSection .owl-item.active .aboutsliderDescBlock:before {
         left: -120px;
     }
     
     .aboutSection .owl-item.active .aboutsliderDescBlock:after {
         left: -50px;
     }
     
     .aboutsliderDescBlock .aboutsliderDescBlockInner .btn {
         border: none;
     }
     
     
     /* bg-theme */
     
     .bg-theme {
         position: relative;
         clear: both;
         width: 100%;
         padding: 80px 0px;
         background: #fafafa;
     }
     
     article.post.style2 {
         border-bottom: none;
         padding-bottom: 0;
         box-shadow: 0px 12px 13px 0px rgba(0, 0, 0, 0.15);
         background: #fff;
     }
     
     article.post.clearfix {
         padding-bottom: 0px;
         border-bottom: 1px solid #e5e5e5;
         -webkit-transition: all 0.4s ease-in-out;
         -moz-transition: all 0.4s ease-in-out;
         -ms-transition: all 0.4s ease-in-out;
         -o-transition: all 0.4s ease-in-out;
         transition: all 0.4s ease-in-out;
         margin-bottom: 50px;
         width: 96%;
     }
     
     article.post.bg-view {
         background: url(./images/bg-pofolio.jpg);
         padding: 10px;
     }
     
     article.post.style2:hover {
         -webkit-transform: translateY(-10px);
         -moz-transform: translateY(-10px);
         -ms-transform: translateY(-10px);
         -o-transform: translateY(-10px);
         transform: translateY(-10px);
     }
     
     article.post.style2:hover .featured-post img {
         opacity: 0.5;
     }
     
     .post.style2 .featured-post {
         margin-bottom: 0px;
         background-color: #1688d3;
         border-top-left-radius: 5px;
         border-top-right-radius: 5px;
     }
     
     .post.style2 .content-post {
         padding: 24px 29px 18px 29px;
     }
     
     .post.style2 .featured-post img {
         width: 100%;
         height: auto;
         -webkit-transition: all 0.3s ease-in-out;
         -moz-transition: all 0.3s ease-in-out;
         -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
         transition: all 0.3s ease-in-out;
     }
     
     .post.style2 .content-post h5.title-post {
         font-size: 16px;
         margin-bottom: 5px;
         font-weight: 600;
     }
     
     .post.style2 .content-post h5.title-post a {
         color: #3c3a42;
     }
     
     .post.style2.column .content-post p {
         line-height: 24px;
         margin-bottom: 5px;
         color: #646a7c;
     }
     
     .post.style2.column .content-post .readmore {
         position: relative;
         font-size: 12px;
         font-weight: 700;
         color: #9d06ef;
     }
     
     
     
     
     
     /* requesttocallbackSec */
     
     .requesttocallbackSec {
         background-image: url('../images/bg-home.jpg') !important;
         background-position: center !important;
         background-repeat: no-repeat !important;
         background-size: cover !important;
         padding: 80px 0px;
         position: relative;
         clear: both;
         color: #fff;
     }
     
     .requesttocallbackSec .btn {
         transition: all 0.3s linear;
         -webkit-transition: all 0.3s linear;
         -moz-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
         -ms-transition: all 0.3s linear;
         border-radius: 2px;
         -webkit-border-radius: 2px;
         -moz-border-radius: 2px;
         font-size: 12px;
         padding: 13px 33px 13px 33px;
         line-height: 1.42857143;
         display: inline-block;
         margin-bottom: 0;
         text-decoration: none;
         text-transform: uppercase;
         white-space: nowrap;
         vertical-align: middle;
         font-family: "Montserrat", sans-serif;
         font-weight: 800;
         text-align: center;
         background: #0b3695;
         cursor: pointer;
         border: 1px solid transparent;
         color: #fff;
         outline: none;
         min-height: 45px;
         min-width: 135px;
     }
     
     .requesttocallbackSec .btn:hover,
     .requesttocallbackSec .btn:focus {
         background: transparent;
         border-color: #005ca1;
     }
     
     .requesttocallbackSec input[type=text],
     .requesttocallbackSec input[type=email],
     .requesttocallbackSec input[type=url],
     .requesttocallbackSec input[type=password],
     .requesttocallbackSec input[type=search],
     .requesttocallbackSec input[type=number],
     .requesttocallbackSec input[type=tel],
     .requesttocallbackSec input[type=range],
     .requesttocallbackSec input[type=date],
     .requesttocallbackSec input[type=month],
     .requesttocallbackSec input[type=week],
     .requesttocallbackSec input[type=time],
     .requesttocallbackSec input[type=datetime],
     .requesttocallbackSec input[type=datetime-local],
     .requesttocallbackSec input[type=color],
     .requesttocallbackSec textarea {
         color: #000;
         border: 1px solid #e2e2e2;
         border-radius: 2px;
         -webkit-border-radius: 2px;
         -moz-border-radius: 2px;
         padding: 11px 20px;
         box-sizing: border-box;
         outline: none;
         max-width: 100%;
         transition: all 0.3s linear;
         -webkit-transition: all 0.3s linear;
         -moz-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
         -ms-transition: all 0.3s linear;
     }
     
     .requesttocallbackSec select {
         border: 1px solid #e2e2e2;
         height: 46px;
         padding: 10px 18px;
         outline: none;
         border-radius: 2px;
         -webkit-border-radius: 2px;
         -moz-border-radius: 2px;
     }
     
     .requesttocallbackSec button,
     .requesttocallbackSec input,
     .requesttocallbackSec select,
     .requesttocallbackSec optgroup,
     .requesttocallbackSec textarea {
         color: #252525;
         font-family: "Open Sans", sans-serif;
         font-size: 14px;
         line-height: 1.5714285714;
         font-weight: 400;
         -ms-word-wrap: break-word;
         word-wrap: break-word;
         box-sizing: border-box;
     }
     
     .wpcf7 .wpcf7-form-control:not(.btn) {
         width: 100%;
     }
     
     .wpcf7 .wpcf7-form-control-wrap {
         display: block;
         margin-bottom: 20px;
     }
     
     
     /*key indicators*/
     
     /* .keyIndicatorsSection {
         display: block;
         clear: both;
         position: relative;
         width: 100%;
         height: auto;
         padding: 30px 0px;
         overflow: hidden;
         color: #fff;
         background: #0b3695;
     } */
     .keyIndicatorsSection {
         display: block;
         clear: both;
         position: relative;
         width: 100%;
         height: auto;
         padding: 30px 0px;
         background: url('assets/images/slide2.jpg') no-repeat fixed 100% 0;
         backface-visibility: hidden;
         background-size: cover;
         overflow: hidden;
         color: #fff;
     }
     
     .keyIndicatorsSection::before {
         content: '';
         display: block;
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background: #000;
         opacity: 0.8;
     }
     
     .project-fig {
         text-align: center;
         padding: 20px 10px;
         margin-bottom: 20px;
         transition: all 0.4s ease-in 0s;
         -webkit-transition: all 0.4s ease-in 0s;
         -moz-transition: all 0.4s ease-in 0s;
         -ms-transition: all 0.4s ease-in 0s;
     }
     
     .project-fig i {
         padding: 12px;
         border-radius: 50%;
         margin-bottom: 15px;
         width: 80px;
         height: 80px;
         line-height: 57px;
         box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
         background-color: transparent;
         border: 2px solid #eee;
         color: #9d06ef;
         font-size: 38px;
     }
     
     .project-fig h3 {
         color: #fff;
         font-size: 36px;
         font-weight: 600;
         margin: 0px;
     }
     
     .project-fig h4 {
         color: #fff;
         font-size: 16px;
         font-family: 'Montserrat';
         text-transform: uppercase;
         font-weight: 500;
         margin: 0px;
     }
     
     
     /*testimonial-section*/
     
     .testimonial-section {
         display: block;
         padding: 80px 0px;
         position: relative;
         clear: both;
         background: #e5eef6;
     }
     
     .testimonial-section .heading small,
     .bg-theme .heading small {
         display: block;
         font-size: 14px;
         text-transform: uppercase;
         letter-spacing: 4px;
         padding-bottom: 0;
         font-weight: 600;
     }
     
     .testimonial-block {
         display: block;
         position: relative;
     }
     
     .testimonial-block .testimonial-description {
         display: block;
         float: left;
         position: relative;
         padding: 20px 20px 20px 20px;
         box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
         margin: 10px;
         background: #fff;
         color: #333;
     }
     
     .testimonial-block .testimonial-description>p>i {
         margin: 0px 5px;
         color: #0b3695;
         font-size: 18px;
         opacity: 0.5;
     }
     
     .testimonial-block .testimonial-description h5 {
         display: block;
         padding: 0px 0 10px 0px;
         /* border-bottom: solid 1px rgba(0, 0, 0, 0.2); */
         font-weight: 600;
         margin-bottom: 0px;
         font-size: 16px;
     }
     
     .testimonial-block .testimonial-description h5>span {
         font-weight: 400;
         font-size: 16px;
     }
     
     .testimonial-block .testimonial-description h5>span>strong {
         font-weight: 600;
         font-size: 20px;
         color: #21489f;
     }
     .testimonial-description img{
         width: 25%;
     }
     .testimonial-section .owl-controls .owl-page span {
         background: #0b3695 !important;
     }
     
     
     /*carouselWithArrows*/
     
     .testimonial-section .carouselWithArrows.owl-theme .owl-controls .owl-buttons {
         left: initial;
         right: 10px;
         top: -65px;
     }
     
     .carouselWithArrows.owl-theme .owl-controls {
         margin: 0;
     }
     
     .carouselWithArrows.owl-theme .owl-controls .owl-buttons {
         position: absolute;
         top: 15px;
         left: 15px;
         z-index: 2;
     }
     
     .carouselWithArrows.owl-theme .owl-controls .owl-buttons div {
         width: 45px;
         height: 45px;
         line-height: 45px;
         text-align: center;
         padding: 0;
         margin: 2px;
         border-radius: 0;
         background: transparent !important;
         opacity: 1;
         font-size: 30px;
         border: 1px solid #d3d8dd;
         color: #333;
     }
     
     .carouselWithArrows.owl-theme .owl-controls .owl-buttons div:hover {
         background: #0095DA !important;
         color: #fff;
     }
     
     
     /* End Testimonials */
     
     /* Technology */
     
     .Technology {
         position: relative;
         width: 100%;
         clear: both;
         padding: 50px 0px;
         border-bottom: 1px solid rgb(206, 206, 206);
     }
     
     .Technology h2 {
         font-weight: 700;
         text-align: center;
         padding-bottom: 30px;
     }
     
     .Technology .item .image img {
         border: 1px solid rgb(255 200 0);
         border-radius: 13px;
         padding: 10px;
     }
     
     
     .Technology .owl-theme .owl-controls .owl-page span {
         display: block;
         width: 12px;
         height: 12px;
         margin: 5px 7px;
         filter: Alpha(Opacity=50);
         opacity: 0.5;
         -webkit-border-radius: 20px;
         -moz-border-radius: 20px;
         border-radius: 20px;
         background: #8c12d3a9 !important;
     }
     
     .Technology .owl-pagination {
         position: absolute;
         top: 88px;
     
         left: 0;
         right: 0;
     }
     
     
     
     /* our client */
     .Client {
         position: relative;
         width: 100%;
         clear: both;
         padding: 50px 0px;
         border-bottom: 1px solid rgb(206, 206, 206);
     }
     
     .Client h2 {
         font-weight: 700;
         text-align: center;
         padding-bottom: 30px;
     }
     
     .Client .item .image img {
         border: 1px solid rgb(255 200 0);
         border-radius: 13px;
         padding: 10px;
     }
     
     .Client .item {
         margin: 5px;
     }
     
     .Client .owl-theme .owl-controls .owl-page span {
         display: block;
         width: 12px;
         height: 12px;
         margin: 5px 7px;
         filter: Alpha(Opacity=50);
         opacity: 0.5;
         -webkit-border-radius: 20px;
         -moz-border-radius: 20px;
         border-radius: 20px;
         background: #8c12d3a9 !important;
     }
     
     .Client .owl-pagination {
         position: absolute;
         bottom: -51px;
         left: 0;
         right: 0;
     }
     
     .bannerSection .bannerSlideCaptionInner span {
         color:#9d06ee;
         font-weight: bold;
         font-size: 42px;
     }
     
     
     .call-us {
         width: 65px;
         height: 65px;
         line-height: 75px;
         text-align: center;
         opacity: 1;
         position: fixed;
         bottom: 98px;
         border-radius: 50%;
         right: 9px;
         color: #000;
         font-size: 26px;
         background: #fbc118;
         box-shadow: 0px 0px 17px -5px #000;
         z-index: 200;
     }
     
     .call-us i {
         font-size: 30px;
     }
     
     
     #whatsapp-icon {
         position: fixed;
         bottom: 90px;
         left: 10px;
         z-index: 9999;
     }
     
     #whatsapp-icon img {
         width: 65px;
         height: 65px;
         border-radius: 50%;
         box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
         transition: transform 0.3s;
     }
     
     /*footerSection*/
     
     .footerSection {
         display: block;
         clear: both;
         width: 100%;
         height: auto;
         position: relative;
         padding: 80px 0 0 0;
         background: #9d06ee;
         color: #fff;
         display: block;
         overflow: hidden;
     }
     
     .vc_column-inner {
         margin-top: 30px;
     }
     
     .vc_custom_heading {
         color: white;
         font-size: 50px;
     
     }
     
     
     /* .footerSection:before {
         content: '';
         display: block;
         position: absolute;
         background: url('../images/dividerfooter.png') no-repeat;
         background-size: 100% 100%;
         height: 110px;
         width: 100%;
         top: -105px;
         left: 0;
         right: 0;
         opacity: 1;
         z-index: 99;
     } */
     
     .footerSection .heading {
         display: block;
         border-bottom: solid 1px #eee;
         color: #fff;
         margin-bottom: 10px;
     }
     
     .footerSection p {
         font-size: 18px;
     }
     
     .footerSection p .fa {
         padding-right: 5px;
         font-size: 25px;
     }
     
     .footerSection .heading:before,
     .footerSection .heading:after {
         display: none;
     }
     
     .logofooter {
         display: block;
         text-align: center;
         width: 100%;
     }
     
     .logofooter img {
         width: 66%;
         background: white;
         padding: 16px;
         border-radius: 10%;
     }
     
     .footerMenu {
         display: block;
     }
     
     .footerMenu ul {
         margin: 0 0 0 16px;
         padding: 0;
     }
     
     .footerMenu ul li {
         list-style-type: square;
     }
     
     .footerMenu ul li a {
         display: inline-block;
         font-size: 18px;
         margin: 3px 0;
         color: #fff;
     }
     
     .footerMenu ul li a:hover {
         color: #eee;
         text-decoration: underline;
     }
     
     
     /*copyright*/
     
     .copyright {
         display: block;
         padding: 0;
         width: 100%;
         float: left;
         margin-top: 50px;
         padding: 20px 0px;
         margin-bottom: 0px;
         border-top: 1px solid #eee;
     }
     
     .copyright p {
         margin-bottom: 0;
     }
     
     
     /*footerSocial*/
     
     .footerSocial {
         display: block;
         clear: both;
         width: 100%;
     }
     
     .footerSocial ul {
         display: block;
         margin: 0;
         padding: 0 0 0 0;
     }
     
     .footerSocial ul li {
         list-style-type: none;
         display: inline-block;
         margin: 0 3px;
     }
     
     .footerSocial ul li a {
         display: inline-block;
         width: 35px;
         height: 35px;
         line-height: 35px;
         text-align: center;
         color: #9d06ee;
         font-size: 16px;
         background: #fff;
         border-radius: 50%;
         text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
         transition: all 400ms;
     }
     
     .footerSocial ul li a:hover {
         background: #c83637;
         color: #ffffff;
         border-color: transparent;
         text-shadow: none;
     }
     
     





/*-----------extra-feature------------------*/

.extra-feature {
    position: relative;
    padding: 50px 0px 100px;
    position: relative;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-items: center;
    text-align: center;
    overflow: hidden;
}

/* .extra-head {
    text-align: left;
} */

.extra-head1 {
    text-align: left;
}

.extra-head2 {
    text-align: right;
}

.extra-feature-head .col-md-12 {
    /* display: flex; */
    align-items: end;
    align-content: center;
    justify-content: space-between;
    justify-items: center;
    text-align: center;
}

.extra-feature-head h3 {
    color: #34414b;
    font-size: 39px;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0;
}

/* .extra-feature-head h2 {
    color: #34414b;
    font-size: 35px;
    font-weight: 700;
    padding: 0;
    margin-bottom: 0;
    font-family: 'Poppins', sans-serif;
} */

.extra-feature-head a {
    font-size: 21px;
    font-weight: 500;
    fill: #fff;
    color: #fff;
    background-color: #00a2f0;
    border-radius: 0 0 0 0;
    position: relative;
    top: -30px;
    font-family: 'Poppins', sans-serif;
}

.extra-feature-head a:hover {
    color: #fff;
    background-color: #b3b6b8;
}


.extra-block .col-md-3 {
    padding: 0;
}


.extra-block .extra img {
    width: 22%;
    margin-bottom: 15px;
}
.extra h5{
   font-weight: 600;
    font-size: 18px;
    border-bottom: solid 2px rgba(0, 0, 0, 0.2);
    padding: 0px 0 10px 0px;
}
.extra h5 span {
     font-weight: 400;
     font-size: 15px;
}

.extra {
    text-align: left;
    padding: 15px 15px;
    height: 330px;
    margin-bottom: 35px;
    background-color: white;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.extra h1 {
    padding-top: 15px;
    margin-bottom: 15px;
    color: #4f4f4f;
    font-family: 'Poppins', sans-serif;
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 50px;
   
}

.extra p {
    color: #494848;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: normal;

}

.extra a {
    padding: 0;
    color: #00a2f0;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding-top: 20px;
}

.extra a:hover {
    color: #b3b6b8;
}













     
     /*misc*/
     
     .containerWrapper {
         position: relative;
         width: auto;
         padding: 0 100px;
         z-index: 10;
     }
     
     .containerWrapper:after {
         content: '';
         display: block;
         clear: both;
     }
     
     .heading-center {
         display: block;
         text-align: center;
         position: relative;
         text-transform: capitalize;
         padding-bottom: 10px;
         margin-bottom: 20px;
     }
     
     .heading-center h2 {
         margin-bottom: 0;
     }
     
     .heading,
     .heading2 {
         display: inline-block;
         position: relative;
         padding-bottom: 10px;
     }
     
     .heading small,
     .heading2 small {
         font-size: 18px;
         color: #a006f3;
     }
     
     .heading small a,
     .heading2 small a {
         color: inherit;
     }
     
     .heading:after,
     .heading-center:after,
     .heading2:after {
         content: "";
         display: block;
         width: 100px;
         height: 3px;
         background: linear-gradient(299deg, #9d06ee, #620d90);
         position: absolute;
     }
     
     .heading-center:after {
         margin: 0 auto;
         left: 0%;
         right: 0%;
         bottom: 0;
     }
     
     .heading2:after {
         left: -120px;
         top: 10px;
     }
     
     .heading:after {
         bottom: 0;
         left: 0;
     }
     
     .heading small {
         display: block;
         font-size: 26px;
         text-transform: uppercase;
         letter-spacing: 10px;
         padding-bottom: 15px;
         font-weight: 300;
     }
     
     .heading span,
     .heading-center span,
     .heading2 span {
         color: #0b3695;
     }
     
     .btn-transparent {
         display: inline-block;
         padding: 8px 15px;
         border: solid 2px #fff;
         color: #fff;
         font-size: 18px;
         font-weight: bold;
         transition: all 300ms ease-in-out;
     }
     
     .btn-transparent:hover,
     .btn-transparent:focus,
     .btn-transparent:active,
     .btn-default:hover,
     .btn-default:focus,
     .btn-default:active {
         background: #005ca1 !important;
         border-color: transparent !important;
         color: #fff;
     }
     
     .btn {
         transition: all 300ms ease-in-out;
         border-radius: 0 !important;
     }
     
     .btn:hover,
     .btn:focus,
     .btn:active {
         box-shadow: 0 6px 50px rgba(0, 0, 0, 0.2);
     }
     
     .btn-primary {
         background: #0b3695 !important;
         color: #fff;
         border: none;
         border-color: transparent;
     }
     
     .btn-primary:hover,
     .btn-primary:focus,
     .btn-primary:active {
         background: #005ca1 !important;
         color: #fff;
     }
     
     .btn-rounded {
         border-radius: 50px !important;
     }
     
     .space5 {
         display: block;
         clear: both;
         padding: 5px 0;
     }
     
     .space10 {
         display: block;
         clear: both;
         padding: 10px 0;
     }
     
     .space50 {
         display: block;
         padding: 50px 0;
         clear: both;
     }
     
     .space30 {
         display: block;
         padding: 30px 0;
         clear: both;
     }
     
     .space15 {
         display: block;
         padding: 15px;
         clear: both;
     }
     
     .centertext,
     .center {
         text-align: center;
     }
     
     .white {
         color: white;
     }
     
     .container {
         position: relative;
         z-index: 10;
     }
     
     
     /**********scrollUp**********/
     
     .scrollup {
         width: 40px;
         height: 40px;
         line-height: 36px;
         text-align: center;
         opacity: 0.9;
         position: fixed;
         bottom: 50px;
         right: 20px;
         color: #fff;
         font-size: 26px;
         display: none;
         background: #0b3695;
         z-index: 200;
     }
     
     .scrollup:hover {
         background: #005ca1;
         opacity: 1;
         color: #fff;
     }
     
     
/* InnerPage  */
.innerPageSection{
    padding:0px 0px;
    position: relative;
}
.innerBannerSection{
    width: 100%;
    position: relative;
    height: 350px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.innerBannerSection:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 30%);
}
.innerbanner{
    height: 368px;
    background-size: cover;
}
.innerBannerSection h1{
    font-size: 30px !important;
    letter-spacing: 2px;
    color:#fff;
    font-weight: bold;
}
.innerBannerSection .head{
    position: absolute;
    top: 273px;
}
.innerBannerSection .head h3{
    color: #ff7700;
    font-size: 30px;
}
.innerBannerSection .innerBannerImg{
    background-size: cover !important;
    height: 100%;
    /*    background-attachment: fixed !important;*/
    position: relative;
}
.innerBannerSection .innerBannerImg:before{
    position: absolute;
    content:'';
    top:0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.3);
}
.InnerBannerHeading{
    position: absolute;
    top: -60px;
    color: #fff;
}
.InnerBannerHeading h1{
    font-size: 36px !important;
}
.breadcrumb span {
    font-weight: normal;
    color: #fff;
}
.breadcrumb span a {
    font-weight: normal;
    color: #fff;
}
.breadcrumb {
  position: relative;
    left: 0;
    right: 0;
    bottom: 0;
  background: linear-gradient(299deg, #9d06ee, #620d90);
    color: #000;
    margin-bottom: 0px;
    border-radius: 0;
    border-bottom: solid 1px #ccc;
    padding: 5px 10px;
}
.breadcrumb_last{
    font-weight: 600 !important;
}

.table a{
    color: blue;
}
.table a:hover{
    color:#ffcc2a ;
}
/*innerPageSection */




     /*media queries*/
     
     @media (max-width: 1400px) {
         .scroll-down-arrow {
             bottom: 30px;
         }
     }
     
     @media (max-width: 1280px) {}
     
     @media (max-width: 1200px) {
         .container {
             width: auto;
             padding: 0 40px;
         }
     
     }
     
     @media (max-width: 1024px) {
         .aboutsliderDescBlock .aboutsliderDescBlockInner {
             padding-right: 30px;
         }
     
         .containerWrapper {
             padding-left: 20px;
             padding-right: 20px;
         }
     }
     
     @media (max-width: 991px) {
         .overviewBlockContainer {
             margin-bottom: 30px;
         }
     
         .overviewSectionLeft {
             width: 100%;
             float: none;
             clear: both;
             position: relative;
             height: auto;
         }
     
         .overviewSectionRight {
             width: 100%;
             float: none;
             clear: both;
         }
     }
     
     @media (max-width: 875px) {
         .navigationBar {
             height: auto;
         }
     
         .navbar-brand {
             margin-bottom: 12px;
         }
     
         .navbar-collapse {
             float: none;
             clear: both;
             width: 100%;
             padding: 0;
             border-top: solid 1px rgba(0, 0, 0, 0.3);
         }
     
         .navbar-collapse>ul>li {
             height: 40px;
             line-height: 40px;
         }
     
         .aboutsliderDescBlock .aboutsliderDescBlockInner {
             padding-left: 30px;
         }
     
         .aboutsliderDescBlock {
             height: auto;
             min-height: 400px;
         }
     
         .aboutSection .carouselWithArrows.owl-theme .owl-controls .owl-buttons {
             top: initial;
             bottom: 15px;
         }
     
         .aboutSection .carouselWithArrows.owl-theme .owl-controls .owl-buttons div {
             box-shadow: 0 10px 50px rgba(0, 0, 0, 0.3);
         }
     
         .tophead-menu-left {
             display: none !important;
         }
     
     }
     
     @media (max-width: 768px) {

         .bannerSection .bannerSectionContainer {
    top: 0px;
    bottom: 384px;
}
     
         .bannerSection .bannerSlideCaptionInner span {
     
             font-size: 19px;
         }
     
         .bannerSection .bannerSlideBlock .bannerSlideCaption .bannerSlideCaptionInner {
             width: 75%;
         }
     
         .navbar-collapse {
             border-top: none;
         }
     
         .navbar-nav {
             margin-top: 0;
         }
     
         .navigationBarContent {
             padding-bottom: 0;
         }
     
         .aboutsliderBlock::before {
             display: none;
         }
     
         .aboutsliderBlock {
             width: 100%;
             height: 400px;
             margin: 0;
         }
     
         .aboutsliderBlock .aboutsliderBlockImg,
         .aboutsliderBlock .aboutsliderBlockImg>div {
             transform: skew(0deg);
         }
     
         .aboutsliderBlock .aboutsliderBlockImg>div {
             width: 100%;
             height: 100%;
             left: 0;
         }
     
         .aboutsliderDescBlock {
             width: 100%;
         }
     
         .aboutsliderDescBlock .aboutsliderDescBlockInner {
             padding: 50px;
         }
     
         article.post.clearfix {
             margin-bottom: 20px !important;
             width: 90%;
             margin: 0px auto;
         }
     }
     
     @media (max-width: 767px) {
         .navbar-collapse>ul>li>ul {
    width: 100%;
}

h2 {
    font-size: 24px;
    font-weight: 800;
}

         .Technology .item .image{
         width: 50%;
        margin: 0px auto !important;
         }

       .Technology .item .image img {

        width: 100%;
         }

         .Client .Client .owl-pagination {
             position: absolute;
             bottom: -50px !important;
             left: 0;
             right: 0;
         }
     
         .vc_custom_heading {
             font-size: 40px;
         }
     
         .requesttocallbackSec {
             padding: 30px 0px;
         }
     
         .navbar-brand img {
             height: 58px;
         }
     
         .Technology .owl-pagination {
     
             top: 120px;
     
         }
     
         .navbar-nav::before {
             display: none;
         }
     
         .navbar-collapse>ul>li {
             color: #222;
         }
     
         .navigationBar {
             position: relative;
         }
     
         .navbar-toggle {
             border-radius: 0;
             margin-right: 0;
             border: none;
             margin-top: 20px;
         }
     
         .bannerSection .owl-theme .owl-buttons>div.owl-prev {
             display: none;
         }
     
         .bannerSection .owl-theme .owl-buttons>div.owl-next {
             display: none;
         }
     
         .navbar-collapse {
             overflow: hidden;
         }
     
         .navbar-nav {
             margin: 0;
         }
     
         .navbar-collapse>ul>li::before {
             display: none;
         }
     
         .navbar-collapse>ul>li {
             border-bottom: solid 1px #ddd;
             height: auto;
             line-height: normal;
         }
     
         .navbar-collapse>ul>li>a {
             padding: 15px;
         }
     
         .navbar-collapse>ul>li:hover>a,
         .navbar-collapse>ul>li.active>a {
             color: #0b3695 !important;
         }
     
         .tophead-right-menu {
             text-align: center;
         }
     
         .tophead .tophead-menu-left ul li,
         .tophead .tophead-menu-right ul li {
             margin-right: 6px;
         }
     
         .bannerSection {
             height: 38%;
     
         }
     
         .bannerSection .bannerSlideBlock .bannerSlideCaption .bannerSlideCaptionInner>h2 strong {
             font-size: 22px;
             line-height: 28px;
         }
     
         .bannerSection .bannerSlideBlock .bannerSlideCaption .bannerSlideCaptionInner>h2 {
            font-size: 22px;
            line-height: 30px !important;
            padding: 0;
         }
     
         .tophead {
             padding: 5px 0;
         }
     
         .loginButton {
             margin-right: 0px !important;
         }
     
         .loginButton a {
             font-size: 13px;
             padding: 2px 5px;
         }
     
         .container {
             padding: 0 20px;
         }
     
         .scrollup {
             right: 0;
             bottom: 0;
         }
     
         .footerMenu ul li {
             margin: 10px 0;
         }
     
         .overviewBlock {
             border-bottom: solid 1px rgba(255, 255, 255, 0.3);
         }
     
         .containerWrapper {
             padding-left: 15px;
             padding-right: 15px;
         }
     
         .aboutsliderDescBlock .aboutsliderDescBlockInner .heading::after {
             display: none;
         }
     
         .carouselWithArrows.owl-theme .owl-controls .owl-buttons {
             position: relative;
             top: initial !important;
             bottom: initial !important;
         }
     
         .project-fig {
             text-align: center;
             padding: 20px 10px;
             margin-bottom: 0;
             transition: all 0.4s ease-in 0s;
             -webkit-transition: all 0.4s ease-in 0s;
             -moz-transition: all 0.4s ease-in 0s;
             -ms-transition: all 0.4s ease-in 0s;
             border-bottom: 1px solid rgba(255, 255, 255, 0.5);
         }
     }
     
     @media (max-width: 650px) {
     
         .aboutsliderDescBlock .aboutsliderDescBlockInner {
             padding: 30px 15px;
         }
     
         .no-border {
             border: none;
         }
     }
     
     @media (max-width: 500px) {}