/*
Theme Name: Viva Insight Child Theme
Theme URI: https://divi-vivainsight.duogeeks.com/
Description: Viva Insight divi child theme based on business consulting
Author: Divi Awesome
Author URI: https://diviawesome.com
Template: Divi
Version: 1.0
*/


/*-------------------HOME PAGE CSS STRAT--------------------*/
.line-text::before {
	content: "";
	position: absolute;
	left: 0;
	width: calc(100% + 6px);
	background: linear-gradient(90deg,#3f37c9 0,transparent 100%);
	width: 100%;
	bottom: 14px;
	height: 20px;
	z-index: -1;
}
.line-text {
	position: relative;
}
.team-info .et_pb_image_wrap {
	position: absolute;
	right: -10px;
}
.team-info .et_pb_blurb_container {
	margin-top: -20%;
}
.btn-arrow svg {
	width: 100%;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	position: relative;
	-webkit-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	will-change: transform;
	margin-left: -15px;
}
.btn-arrow {
	width: 50px;
	height: 20px;
	overflow: hidden;
	position: relative;
	display: block;
margin-top: 20px;
}
.services-styl ul {
	padding-left: 0px !important;
}
.services-styl li {
	padding: 15px 30px;
	background: #3f38c8;
	border-radius: 10px;
	margin-bottom: 10px;
	list-style: none;
}
.services-styl li a {
font-size: 20px !important;
  color: #fff;	
}
.et-pb-contact-message p {
	background: #fff;
	padding: 20px !important;
	border-radius: 10px;
}
#service-box-sidebar:hover .et_pb_blurb_description .btn-arrow path {
	fill: #fff;
}
#service-box-sidebar .et_pb_blurb_description .btn-arrow {
	margin:0 auto;
}
.arrow:hover .btn-arrow svg {
	margin-left: 0;
}
.et_pb_accordion .et_pb_accordion_item {
	margin-bottom: 20px !important;
}
#service-box:hover path {
	fill: #fff;
}
.line-head h5.et_pb_module_heading {
	position: relative;
	width: fit-content;
	margin: 0 auto;
}
#left.line-head h5.et_pb_module_heading {
	position: relative;
	width: fit-content;
	margin: inherit;
}
.line-head h5.et_pb_module_heading::before {
	content: "";
	position: absolute;
	left: 0;
	width: calc(100% + 6px);
	background: linear-gradient(90deg,#3f37c9 0,transparent 100%);
	width: 100%;
	bottom: 10px;
	height: 8px;
	opacity: .2;
	z-index: 1;
}
.blog-list .et_pb_post {
	display: inline-flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 20px;
	margin-bottom: 0px;
}
.blog-list .et_pb_post .entry-featured-image-url {
	width: 40%;
	margin-bottom: 10px;
}
.blog-list .et_pb_post .entry-title {
	width: 54%;
}
.mobile_menu_bar, .mobile_menu_bar::before {
	color: #3f37c9 !important;
}
.et_pb_slide_description {
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 10px !important;
}
footer .et_pb_blurb_container {
	padding-left: 0px !important;
}
.et_pb_column.foot-col-1 {
	width: 21.6% !important;
}
.et_pb_column.foot-col-2 {
	width: 17.6% !important;
}
.et_pb_column.foot-col-3 {
	width: 12.6% !important;
}
.et_pb_column.foot-col-4 {
	width: 15.6% !important;
}
.et_pb_column.foot-col-5 {
	width: 20.6% !important;
}



.et_mobile_menu .first-level > a:after {
content: '\4c' !important;
}
.et_mobile_menu .first-level > .icon-switch:after{
content: '\4d' !important;
}
.et_pb_widget_area_left {
	border: none;
	padding: 0px;
}
#block-7 {
	margin-bottom: 0px;
}
.wp-block-categories-list.wp-block-categories li {
	padding: 25px 30px;
	background: #f5f7fc;
	border-radius: 30px 0 30px 0;
}
.wp-block-categories-list.wp-block-categories li a {
	font-size: 20px !important;
	color: #000;
}
.social-field .et_pb_module_header {
	max-width: 340px;
	margin-top: 15px;
}
/*-------------------HOME PAGE CSS END--------------------*/
/*-------------------MENU CSS STRAT--------------------*/
.et_mobile_menu li a:hover, .nav ul li a:hover {
	opacity: 1;
}
.top-header .et_pb_image_wrap {
	margin-top: 2px;
}
#et_pb_contact_form_1 .et-pb-contact-message p {
	padding: 15px; color:#000;
}
.et_mobile_menu .menu-item-has-children > a {
	font-weight: 500 !important;
}
.et_mobile_menu li a:hover {
	background-color: #f6f6f6 !important;
}

.sub-menu li:hover {
	background: #4038c8;
	transition: .7s;
	padding-left: 30px;
	padding-right: 10px;
}
#menu-main-menu .sub-menu li:hover a, #mobile_menu2 .sub-menu li:hover a {
	color:#fff !important;
}
#menu-main-menu .sub-menu li:hover a, #menu-main-menu .sub-menu li a, #mobile_menu2 .sub-menu li:hover a, #mobile_menu2 .sub-menu li a {
	background:transparent !important
}
.sub-menu li {
	transition: .7s;
}
#menu-main-menu .sub-menu li {
	padding: 0px;
	width: 100%;
}
#menu-main-menu .sub-menu li a {
	width: 100%;
	padding: 12px 20px;
}
#menu-main-menu .sub-menu {
	padding: 0px;
	width:280px;
}
#menu-main-menu .sub-menu li:hover a, #menu-main-menu .sub-menu li.current_page_item a, #menu-main-menu .sub-menu li.current-menu-item a {
	color: #fff !important;
	opacity: 1;
}
#menu-main-menu .sub-menu li.current_page_item, #menu-main-menu .sub-menu li.current-menu-item {
	background: #4038c8;
}
.et_mobile_menu li li {
	padding-left: 0% !important;
}
/*-------------------MENU CSS END--------------------*/

/*-------------------MENU CSS STRAT--------------------*/
#menu-services-menu li, #menu-post-categories li {
	display: inline-block;
	width: 100%;margin-bottom: 5px;
}
#menu-services-menu li.current_page_item a, #menu-post-categories li.current-menu-item a {
	background: #0a2fa6;
}
#menu-services-menu li a, #menu-post-categories li a {
	padding: 25px 30px;
	background: #f5f7fc;
	border-radius: 30px 0 30px 0;
}
/*-------------------MENU CSS END--------------------*/
.et_pb_contact_submit.et_pb_button, .et_contact_bottom_container {
	width: 100%;
}

.light-contact-form .et-pb-contact-message, .contact-form-sidebar .et-pb-contact-message {
	color: #000;
}
.contact-form .et_contact_bottom_container, .contact-form .et_pb_contact_submit.et_pb_button, .contact-form-sidebar .et_contact_bottom_container, .contact-form-sidebar .et_pb_contact_submit.et_pb_button {
	width: 100%;margin-left: 15px;
}
.contact-form-sidebar .et_pb_contact_submit.et_pb_button {
  margin-left: 10px;
}
/*-------------------HEADER CSS STRAT--------------------*/
.et_pb_team_member_description {
	padding: 10px 20px 20px 20px;
}
.top-header .et_pb_blurb_container {
	padding-left: 0px;
}
.top-header .et_pb_blurb_container .et_pb_module_header {
	padding-bottom: 0px;
}
.et_pb_column.top-col-1 {
	width: 20% !important;
	margin-top: 8px;
}
.et_pb_column.top-col-2 {
	width: 16% !important;
	margin-top: 8px;
}
.et_pb_column.top-col-3 {
	width: 35% !important;
	margin-top: 8px;
}
.et_pb_column.top-col-4 {
	width: 19% !important;
	margin-top: 8px;
}
.et_pb_column.top-col-5 {
	width: 10% !important;
}

.footer-post .et_pb_post {
	margin-bottom: 20px;
}
.et_pb_menu .et_pb_menu__wrap {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.footer-form .et_pb_contact_field.et_pb_contact_field_0_tb_footer.et_pb_contact_field_half {
	margin-bottom: 0px !important;
}
/*-------------------HEADER CSS END--------------------*/
/*-------------------BLOG CSS STRAT--------------------*/
.single-post-styl .et_pb_post {
	background: #fff;
	box-shadow: 0px 6px 42px 0px rgba(110,130,208,0.17);
	padding: 20px;
	border-radius: 20px;
}
.single-post-styl .et_pb_post .more-link {
	color: #ff6d00;
	margin-top: 20px;
}
.et_pb_title_featured_container {
	margin-bottom: 30px;
}
.list-blog .et_pb_post {
	display: inline-flex;
	width: 100%;
	margin-bottom: 30px;
	background: #fff;
	box-shadow: 0px 6px 42px 0px rgba(110,130,208,0.17);
	padding: 20px;
	border-radius: 20px;
	align-items: center;
	justify-content: center;
}
.list-blog .et_pb_post .entry-title {
	width: 66%;
	padding-bottom: 0px;
}
.list-blog .et_pb_post .entry-featured-image-url {
	width: 33%;
	margin-right: 20px;
	margin-bottom: 0px;
}
.et_pb_module.single-post.et_pb_posts {
	border-radius: 20px;
}
.et_pb_module.single-post.et_pb_posts .et_pb_post {
	margin-bottom: 0px;
}
.col-hover-use:hover::before {
	opacity: 0.9;
	visibility: visible;
}
.col-hover-use::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0A2FA6;
	background-color: #0A2FA6;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease 0s;
}


.col-hover-use:hover .text-over-col , .text-over-col {
	transition: all 0.4s ease 0s;
}
footer .et_pb_post {
	margin-bottom: 20px;
}
/*-------------------BLOG CSS END--------------------*/


/*-------------------GENERAL CSS STRAT--------------------*/
.wp-block-categories-list.wp-block-categories li {
	padding: 15px 30px;
	background: #f5f7fc;
	border-radius: 10px;
}
#block-8 {
	margin-bottom: 10px;
}
.wp-block-search__button.wp-element-button {
	background: #3f37c9;
	color: #fff;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.et_pb_widget .wp-block-search__input {
	border-radius:10px;
}
live-demo {
	background: #fff;
	color: #0b2fa6;
	padding: 15px 30px;
	border-radius: 6px;
	box-shadow: 0px 5px 30px 1px rgba(211,220,232,0.54);
	font-weight: 700;
	text-transform: uppercase;
	opacity: 0;
}
.da-page-image:hover live-demo {
	opacity: 1;
	-webkit-animation: fade-in-bottom 0.5s cubic-bezier(0.390,0.575,0.565,1.000) both !important;
	animation: fade-in-bottom 0.5s cubic-bezier(0.390,0.575,0.565,1.000) both !important;
}
.col-hover-use:hover .text-over-col , .text-over-col {
	transition: all 0.4s ease 0s;
}
.et_pb_scroll_top.et-pb-icon {
background: #FF6D00 !important;
}
.et-pb-contact-message {
	color: #000;
	font-size: 25px;
}
.et-pb-contact-message p, .et-pb-contact-message ul li {
	font-size: 18px;
}
#et_pb_submit {
	padding: 15px 40px !important;
	width: 100%;
}
#commentform input {
	width: 100% !important;
}
.comment-form-cookies-consent #wp-comment-cookies-consent {
	width: auto !important;
}
/*-------------------GENERAL CSS STRAT--------------------*/

@media screen and (max-width:1440px){
.et_pb_row {
	width: 95%;
}
}
@media screen and (max-width:1280px){
.et_pb_column.blue-col-padding {
	padding: 60px;
}
.et_pb_column.testi-column {
	padding: 100px 50px !important;
}
.et_pb_column.testi-column .et_pb_testimonial_content p {
	font-size: 20px !important;
}
}
@media screen and (max-width:1180px){
.et_pb_column.testi-column {
	padding: 80px 40px !important;
}
.top-header .et_pb_module_header span {
	font-size: 12px;
}
.top-header .et_pb_image_wrap span {
	font-size: 13px;
	margin-top: 3px;
}
.top-header .et_pb_main_blurb_image {
	width: 25px;
}
.bottom-header #menu-main-menu li a {
	font-size: 13px;
}
.bottom-header .et_pb_button.et_pb_button_0_tb_header.et_pb_bg_layout_light {
	font-size: 14px;
}
.et_pb_social_media_follow_0_tb_header li a.icon::before {
	font-size: 12px !important;
	line-height: 33px !important;
	height: 25px !important;
	width: 25px !important;
}
#menu-main-menu li a {
	font-size: 14px;
}
}

@media screen and (max-width:1130px){
.et_pb_column.foot-col-5 {
	display: none;
}
.et_pb_column.foot-col-1 {
	width: 30% !important;
}
	.et_pb_column.foot-col-2 {
	width: 25% !important;
}
	.et_pb_column.foot-col-3 {
	width: 12.6% !important;
}
	.et_pb_column.foot-col-4 {
	width: 20.6% !important;
}
.et_pb_column.foot-col-4 {
	width: 20.6% !important;
	margin-right: 0px !important;
}
.top-header .et_pb_column.top-col-4 {
	display: none;
}
.top-header .et_pb_column.top-col-1 {
	width: 22% !important;
}
.top-header .et_pb_column.top-col-2 {
	width: 18% !important;
}
.top-header .et_pb_column.top-col-3 {
	width: 46% !important;
}
.top-header .et_pb_column.top-col-5 {
	width: 14% !important;
}
#menu-main-menu li a {
	font-size: 13px;
}
.et_pb_menu .et-menu > li {
	padding-left: 9px;
	padding-right: 9px;
}
}


@media screen and (max-width:1040px){
.bottom-header #menu-main-menu li a {
	font-size: 12px;
}
.bottom-header .et_pb_button.et_pb_button_0_tb_header.et_pb_bg_layout_light {
	font-size: 13px;
	padding: 12px 30px !important;
}
}

@media screen and (max-width:980px){
.et_pb_column.foot-col-1 {
	width: 47% !important;
}
	.et_pb_column.foot-col-2 {
	width: 47% !important;
}
	.et_pb_column.foot-col-3 {
	width: 47% !important;
}
	.et_pb_column.foot-col-4 {
	width: 47% !important;
}
#center-arrow .btn-arrow {
	margin: 0 auto;
}
.top-header .et_pb_column.top-col-1 {
	width: 83% !important;
}
.top-header .et_pb_column.top-col-5 {
	width: 17% !important;
}
.service-menu .et_mobile_nav_menu {
	display: none;
}
.service-menu .et_pb_menu__menu {
	display: block;
}
.et_contact_bottom_container {
	margin-top: -0.9%;
}
.logo-client .et_pb_column {
	margin: 2% 2% !important;
	width: 29% !important;
}
.logo-client .et_pb_column .et_pb_module.et_pb_image {
	text-align: center;
}
}

@media screen and (max-width:767px){
.et_pb_column.testi-column .et_pb_testimonial_content p {
	font-size: 18px !important;
}
footer .et_contact_bottom_container .et_pb_contact_submit.et_pb_button {
	width: 100%;
}
footer .et_contact_bottom_container {
	width: 98%;
}
.sunscribe-form .et_contact_bottom_container {
	width: 100%;
}
.sunscribe-form .et_contact_bottom_container .et_pb_contact_submit.et_pb_button {
	width: 100%;
}
.sunscribe-form #et_pb_contact_email_0 {
	margin-top: -10px;
	margin-bottom: 15px;
}
.et_pb_row {
	width: 90%;
}
.social-field .et_pb_module_header {
	margin-top: 0px;
}
}

@media screen and (max-width:750px){
.top-header .et_pb_column.top-col-1 {
	width: 80% !important;
}
.top-header .et_pb_column.top-col-5 {
	width: 20% !important;
}
.et_pb_column.foot-col-1, .et_pb_column.foot-col-2, .et_pb_column.foot-col-3, .et_pb_column.foot-col-4 {
	width: 100% !important;
}
}

@media screen and (max-width:575px){
.top-header .et_pb_column.top-col-1 {
	width: 75% !important;
}
.top-header .et_pb_column.top-col-5 {
	width: 25% !important;
}
.logo-client .et_pb_column {
	margin: 4% 3% !important;
	width: 44% !important;
}
}

@media screen and (max-width:479px){
.top-header .et_pb_column.top-col-1 {
	width: 67% !important;
	margin-top: 8px !important;
}
.top-header .et_pb_column.top-col-5 {
	width: 33% !important;
}
.et_pb_module.et_pb_team_member .et_pb_team_member_image {
	width: 100%;
	max-width: 100%;
}
.et_pb_module.et_pb_team_member .et_pb_team_member_image img {
	width: 100%;
	max-width: 100%;
}
.et_pb_contact_reset, .et_pb_contact_submit {
	margin: 0 0 0 10px !important;
}
.et_pb_column.blue-col-padding {
	padding: 60px 30px;
}
.team-member-grid .et_pb_main_blurb_image {
	margin-bottom: 70px;
}
}



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

.team-member-grid .et_pb_main_blurb_image {
	margin-bottom: 50px;
}
}