/*
Theme's main style.

@author Vee W.
*/
@import 'flexvideo.css';


.pagination {
    margin: 0;
}
.pagination-center {
    text-align: center;
}
.pagination-row {
    margin-bottom: 20px;
}

/*
.page-header {
    margin-bottom: 20px;
}
*/

.page-header-top-right {
    margin-top: 10px;
}


.post-view-attachment .entry-attachment .attachment {
    text-align: center;
}
.post-view-attachment .entry-attachment .attachment .card {
    margin: 0 auto;
    width: 400px;
}
.post-view-attachment .entry-attachment .attachment .wp-video {
    margin: 0 auto;
}


.row-with-vspace {
    margin-bottom: 20px;
}


.site-footer {
    background-color: #f5f5f5;
    border-top: 3px solid #ddd;
    font-size: 12px;
    padding: 10px;
}


.site-main .format-aside {
    background: #f5f5f5;
}
.site-main .format-image {
    background: url('../img/content-post-format-image.png') left top no-repeat;
}
.site-main .format-link {
    background: url('../img/content-post-format-link.png') left top no-repeat;
}
.site-main .format-quote {
    background: url('../img/content-post-format-quote.png') left top no-repeat;
}
.site-main .format-video {
    background: url('../img/content-post-format-video.png') left top no-repeat;
}


.site-title {
    margin-bottom: 0;
    margin-top: 10px;
}
.site-title > a {
    text-decoration: none;
}
.site-title > div {
    height: auto;
    line-height: 18px;
}
.site-title .site-description {
    color: #999;
    font-size: 16px;
}
.site-title .site-title-heading {
    margin: 0;
}


.widget_calendar .calendar_wrap table {
    font-size: 14px;
    margin: 0;
}
.widget_calendar .calendar_wrap table caption {
    caption-side: top;
}
.widget_calendar .calendar_wrap .table td,
.widget_calendar .calendar_wrap .table th {
    padding: 8px;
}
.widget_calendar .calendar_wrap .table #next {
    text-align: right;
}


#comments .comment-navigation,
#comments .comment-navigation-below {
    margin-bottom: 20px;
    margin-top: 15px;
}
#comments .comment-navigation {
    list-style: none;
    margin-top: 0;
    padding: 0;
}
#comments .comment-respond {
    margin-top: 20px;
}
#comments .media-list li .media {
    margin-top: 15px;
}
#comments .media-list li .media .media-body {
    border: 1px solid #eee;
    padding: 10px;
}
#comments .media-list li .media .media-body .comment-author {
    font-size: 12px;
    margin-bottom: 10px;
}
#comments .media-list ul.children {
    list-style: none;
    margin-left: 4em;
    padding-left: 0;
}


#main .wp-video-shortcode {
    display: block;
    height: auto;
    max-width: 100%;
}
#main .attachment .entry-content {
    margin-bottom: 20px;
}
#main .attachment .entry-content .attachment {
    text-align: center;
}
#main .attachment .entry-meta {
    margin-bottom: 20px;
}
/* fix auto img responsive */
#main .post .entry-content img {
    height: auto;
    max-width: 100%;
}
#main .post,
#main .page {
    border: 1px solid #eee;
    margin-bottom: 20px;
    overflow-x: auto;
    padding: 10px;
}
#main .post .entry-header .entry-meta {
    color: #999;
    font-size: 0.8rem;
}
#main .post .entry-header .entry-meta a {
    color: inherit;
}
#main .post .entry-header .entry-meta .posted-on .updated {
    display: none;
}
#main .post .entry-meta .categories-icon {
    cursor: default;
}
#main .post .entry-meta .comments-link a {
    color: #333;
}
#main .post .entry-meta .comments-link a .comment-total,
#main .page .entry-meta .comments-link a .comment-total {
    color: #555;
}
#main .attachment .edit-post-link a, 
#main .attachment .entry-meta .edit-post-link a, 
#main .post .entry-meta .edit-post-link a,
#main .page .entry-meta .edit-post-link a {
    color: #333;
}
#main .post .entry-meta .tags-icon {
    cursor: default;
}
#main .attachment .entry-title, 
#main .post .entry-title,
#main .page .entry-title {
    margin-top: 0;
    word-wrap: break-word;
}


#sidebar-left .widget,
#sidebar-right .widget {
    border: 1px solid #eee;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 10px;
}
#sidebar-left .widget ul,
#sidebar-right .widget ul {
    padding-left: 20px;
}
#sidebar-left .widget .widget-title,
#sidebar-right .widget .widget-title {
    font-size: 18px;
    margin-top: 0;
}


/* Fix Bootstrap 4 */
.navbar {
    min-height: 54px;/* With this, we can use navbar without navbar-brand */
}




.about-vision .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.about-vision--left {
    width: 320px;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    padding-top: 100px;
}
.about-vision--left ul {
    opacity: 1;
}
.about-vision--left ul li a.vision-link-1.active {
    color: red;
}

.about-vision--left ul li a {
    font-size: 48px;
    color: pink;
    line-height: 1;
    font-family: 'Satoshi';
    font-weight: 900;
    text-transform: capitalize;
}
.about-vision--left ul li {
    margin-bottom: 25px;
}
.about-vision--right {
    max-width: 630px;
    flex: 1;
}
.ab-vm-cont {
    padding-top: 100px;
    padding-bottom: 200px;
    min-height: 100vh;
}
.ab-vm-cont h3 {
    display: none;
}
.ab-vm-cont h4 {
    color: var(--myClrDark);

    font-size: 48px;
    line-height: 1.3;
    margin-bottom: 13px;
}
.about-vision--left ul li a.vision-link-3.active {
	
    color: blue;
}
.about-vision--left ul li a.vision-link-2.active {
    color: green;
}
.about-vision--left ul li a.vision-link-1.active {
    color: red);
}
@media (max-width:1132px){
	#banner .about_cont.cont.pb-2 {
    font-size: 4rem;
}
	
#banner h2 {
    font-size: 11rem;
}
	nav.navbar.navbar-expand-lg.navbar-light.top-nav ul li a {
    font-size: 13px;
}
	h3.heading-three {
    font-size: 20px;
}
.pera p {
    font-size: 14px;

}
.Our-expertise-cont.pera {
    width: auto;
}
.about_left_image img {
    width: 100%;
}
#about-banner {
    padding: 3rem 0rem 0rem;
}
#about-banner h2 .exp {
    font-size: 5rem;

}
#about-banner h2 {
    font-size: 48px;
}
#our-founder .col-md-4 img {
    width: 100%;
}
}










@media (max-width:820px){
	.page-header-top-right {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
	}
	.navbar-toggler-icon {
		width: 25px !important;
		height: 25px !important;
	}
	a.navbar-brand {
		padding-left: 0;
		position: relative;
		z-index: 99;
	}
	nav.navbar {
		padding: 0;
	}
	nav.navbar.navbar-expand-lg.navbar-light.top-nav .contact-us-btn a::before {
		left: 10%;
		top: 36%;
	}
	nav.navbar.navbar-expand-lg.navbar-light.top-nav .contact-us-btn a {
		width: 38%;
	}
	nav.navbar.navbar-expand-lg.navbar-light.top-nav .contact-us-btn a {
		margin-left: 10px;
	}
	.page-header {
    margin-bottom: 20px;
    position: relative;
    z-index: 99;
}
#header-sroll img {
    width: 75%;
    padding-bottom: 10px;
}
#header-sroll ul.navbar-nav {
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    width: 100%;
    margin: 19px 0 0;
	display:none;
}
.nav-menu-toggle {
    padding: 0;
}
.page-header-top-right button {
    margin-right: 15px;
}
#header-sroll ul.navbar-nav li a {
    padding: 12px 19px;
    border-bottom: 1px solid #e7e7e7;
}
#header-sroll ul.navbar-nav li:last-child {
    padding: 0;
    margin: 0;
}
.Our-expertise .col-md-4 {
    padding-top: 42px;
    max-width: 100%;
}
#header-sroll ul.navbar-nav li:last-child a {
    padding: 14px 44px;
    width: auto;
    margin: 0;
    border-radius: 0;
    position: relative;
}
nav.navbar.navbar-expand-lg.navbar-light.top-nav .contact-us-btn a::before {
    left: 21px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 16px;
}
#banner .heading-two {
    padding-top: 0;
    font-size: 5rem;
    font-weight: 800;
}
.container.page-container {
    width: 90%;
}
#banner .about_cont.cont.pb-2 br{display:block}
#banner .about_cont.cont.pb-2 {
    font-size: 3rem;
    line-height: 63px;
    padding: 19px 0 0;
}
#banner {
    padding-bottom: 50px;
}
.heading-two {
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0 0 24px;
}
.cont p {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}
.text-holder br {
    display: none;
}

.spacing {
    padding: 38px 0;
}
h3.heading-three {
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 10px;
}
.pera p {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    color: #101011;
}
#Our-expertise .row {
    display: block;
}
#client_Review .container-testi::before {
    left: 3%;
    top: 13%;
    background-size: 100%;
}
#client_Review .container-testi::after {
    right: 3%;
    top: 13%;
    background-size: 100%;
}
#Our-Partners br {
    display: none;
}

#Our-process h2 {
    padding-bottom: 7px;
}
#Our-process .cont p {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}
.scroll-reveal-section .item .image-holder {
    position: static;
    top: 0;
    float: right;
    overflow: hidden;
    width: 100%;
    height: 100vh;
}
.scroll-reveal-section .item .text-holder {
    display: initial;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-height: 120vh;
    padding: 1em;
}
#Case-study .custom_btn {
    padding-top: 20px;
}
.footer-sec.spacing .row {
    display: block;
}
.custom_btn a {
    font-size: 12px;
    font-weight: 600;
    border: 2px solid #116BCE;
    padding: 9px 22px 9px 22px;
    border-radius: 40px;
}
#Our-process .custom_btn {
    padding-top: 10px;
}	
.Our-expertise-cont.pera {
    width: 100%;
}
h3.heading-three {
    font-size: 20px;
}
.about-img-left img {
    width: 100%;
    padding-top: 70px;
}
#Our-Partners .owl-dots {
    display: none;
}
.card-header a {
    font-size: 17px;
} 
.card-header a.collapsed {
    font-size: 17px;
}
.apps-faq-img img {
    width: 100%;
}
.adress-sec img {
    width: 50%;
}
#blog a {
    font-size: 20px;
}
#blog .owl-dots {
    display: none;
}
.footer-sec .pera {
    width: 100%;
    max-width: 100%;
}
.footer-sec h4 {
    font-size: 20px;
}
.footer-sec .row {
    margin-left: 0;
    margin-top: 35px;
}
.copy-right .copy {
    text-align: center;
    display: block;
}
.copy-right .col-md-4.pera {
    max-width: 100%;
}
.copy-right a {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    color: #101011;
}
.text-right {
    text-align: center !important;
}
.footer-sec {
    background-size: 100%;
}

#about-banner h2 .exp {
    font-size: 4rem;
}
#about-banner h2 {
    font-size: 38px;
}
}