.chatboat_parent .nav_scroll_spy {
    background-color: #0061b8;
    z-index: 11;
}
.chatboat_parent .nav_scroll_spy a.nav-link {
	color: #fff;
}

.chatboat_parent .nav_scroll_spy .nav-pills .nav-link.active, .chatboat_parent .nav_scroll_spy .nav-pills .nav-link:hover, 
.chatboat_parent .nav_scroll_spy .nav-pills .show>.nav-link {
	color: #000;
    background-color: var(--light_green);
}

.chatboat_parent .banner {
	background-image: linear-gradient(152deg, #2777e2 0%, #6cbce0 100%);
	border-radius: 0px 0px 0px 175px;
	position: relative;
}
.chatboat_parent .banner .section_text { padding-bottom: 35px; }
.chatboat_parent .banner .design_1 { top: 0px; left: 30px; }
.chatboat_parent .banner .design_2 { top: 28%; left: 50%; }
.chatboat_parent .banner .design_3 { top: 28%; right: 0px; }
.chatboat_parent .banner .design_4 { top: 80%; left: 50px; }
.chatboat_parent .banner .design_5 { top: 85%; left:45%; }
.chatboat_parent .banner .design_6 { top: 85%; right:0px; }
.chatboat_parent .banner .section_text { text-align: center; }
.chatboat_parent .banner .section_text h1 { color: #fff; filter: drop-shadow(0 0 6.5px rgba(0,0,0,0.13)); }
.chatboat_parent .banner .section_text p {
	text-align: center;
	margin: auto;
	max-width: 60ch;
	filter: drop-shadow(0 0 6.5px rgba(0,0,0,0.13));
	color:#fff;
}
.chatboat_parent .banner .btn_div { width: 224px; padding: 14px 10px; }

/*what is section */
.chatboat_parent .what_is { padding-top: 40px; }
.chatboat_parent .what_is .section_p { letter-spacing: 1px; }
.chatboat_parent .what_is .section_p span{ font-weight: 700; }
.chatboat_parent .what_is .section_img img { width: 100%; }
.chatboat_parent .what_is .section_img { padding-top:15px; }
.chatboat_parent .what_is .section_text { padding-bottom: 90px; }
.i_center { display: flex; flex-direction: column; justify-content: center; }
.chatboat_parent .what_is .design_1 { top: 0px; left: 0px; }
.chatboat_parent .what_is .design_2 { top:40px; right: -45px; }
.chatboat_parent .what_is .design_3 { top:80%; left: 10px; }
.chatboat_parent .what_is .design_4 { top:80%; right: 50%; }
.chatboat_parent .what_is { position: relative; overflow: hidden; }

/*how it works css*/
.chatboat_parent .how_it_works { background-image: linear-gradient(228deg, #1466d5 0%, #5cc2f1 100%); }
.chatboat_parent .how_it_works .section_title_1 { max-width: 33ch; margin: auto; }
.chatboat_parent .how_it_works { padding: 60px 0 30px; }
.chatboat_parent .how_it_work_card {
	background-color: #0061b8;
	border:none;
	border-radius: 24px;
	max-width: 519px;
}
.chatboat_parent .how_it_work_card p {
	max-width:421px;
	letter-spacing: 1px;
	font-size: 20px;
	font-weight: 500;
}

/*visitor section*/
.c_visitor { padding: 100px 0px 10px; }
.v_container {
	max-width: 1090px;
	margin:auto;
	width: 100%;
}
.v_container .section_text .section_p {
	font-size: 16px;
	letter-spacing: 1px;
	color: #2b3650;
	font-weight: 500;
	padding-right: 15px;
}
.v_container .section_title_1 {
	max-width: 410px;
	font-size: 35px;
	letter-spacing: 1px;
	line-height: 45px;
	color: #2b3650;
	font-weight: 500;
	text-align: left;
}
.chatboat_parent .m_service .section_title_1 { margin-bottom: 5px; }
.chatboat_parent .section_title_2 {
	max-width: 58%;
	font-size: 15px;
	letter-spacing: 1px;
	color: #2b3650;
}
.chatboat_parent .m_service .card_1 {
	max-width: 395px;
	height: 336px;
	border-radius: 10px;
	background-color: #ffffff;
	filter:none;
}
.chatboat_parent .m_service .card_1:hover {
    border-radius: 10px;
	filter: drop-shadow(6.472px 4.702px 9px rgba(0,0,0,0.09));
	background-color: #ffffff;
	box-shadow: none;
}

/*ebbok*/
.chatboat_parent .gradient_bg_1 {
	background-image: linear-gradient( -42deg , #a9e1fb 0%, #006bfd 100%);
	overflow: hidden;
	padding-bottom: 90px;
	padding-top: 70px;
}
.chatboat_parent .right_eboo { right: 0px; left: 100%; }
.chatboat_parent .e_book .section_title_1 {
	text-align: center;
	font-size: 40px;
	letter-spacing: 2px;
	line-height: 50px;
	color: #ffffff;
	font-weight: 500;
}
.chatboat_parent .e_book p{
	max-width: 560px;
	font-size: 23px;
	letter-spacing: 1px;
	color: #ffffff;
	font-weight: 300;
	text-align: center;
	margin: auto;
}
.chatboat_parent .e_book .section_text { text-align: center; }
.chatboat_parent .e_book .btn_div { margin-top: 15px; }


/*features section*/
.chatboat_parent .feature .card_1 {
	max-width: 395px;
	min-height: 336px;
	padding-bottom: 20px;
	height: 100%;
	border-radius: 10px;
	border: 2px solid transparent;
	filter: drop-shadow(6.472px 4.702px 9px rgba(0,0,0,0.09));
	background-color: #ffffff;
}
.chatboat_parent .feature .card_1:hover {
	border-radius: 10px;
	background-color: #ffffff;
	border: 2px solid #56a5e1;
}
.chatboat_parent .feature .card_1 .img_div_1 {
	margin-left: auto;
    margin-right: auto;
}

.chatboat_parent .how_it_work_card:hover .count_1 { background-color:rgb(129, 222, 118); }


@media only screen and (min-width: 1024px) { .chatboat_parent .how_it_works .row { padding: 30px 50px 60px 50px; } }
@media only screen and (max-width: 1024px) { .chatboat_parent .m_service .card_1 { height: 100%; } }
@media only screen and (min-width:1024px) and (max-width:1100px) { .chatboat_parent .how_it_works .section_img img { width:100%; } }
@media only screen and (max-width: 768px) {
	.chatboat_parent .m_service .card_1 { max-width: 100%; }
	.chatboat_parent .m_service  .card_1 p { text-align: center; }
	.v_container .section_title_1 { max-width: 100%; text-align: center; }
	.v_container .section_text .section_p { padding-right: 0px; text-align: center; }
	.chatboat_parent .e_book .section_title_1 { font-size: 18px; line-height: 1.5; }
	.v_container .section_text .section_p { font-size: 14px; }
	.chatboat_parent .e_book p { font-size: 14px; }
	.v_container .section_title_1 { font-size: 18px; line-height: 1.5; }
	.chatboat_parent .what_is .section_img { padding-top: 0px; }
	.chatboat_parent .banner { border-radius: 0px 0px 0px 65px; }
	.chatboat_parent .banner .section_text { padding-top: 35px; padding-bottom: 30px; }
	.c_visitor  { padding: 50px 0px 10px; }
	.chatboat_parent .how_it_work_card p { font-size: 14px; font-weight: 400; }
	.chatboat_parent .feature .card_1 { min-height: auto; }
	.chatboat_parent .what_is .section_p { margin-bottom: 20px; }
	.chatboat_parent .what_is .section_img img { margin: auto; }
	.chatboat_parent  .what_is .btn_div { width: 160px; margin: auto; }
	.chatboat_parent .what_is .section_text { padding-bottom: 30px; }
	.chatboat_parent .section_title_2 { max-width:90%; }
	.chatboat_parent .banner .design_5 { top: 79%; }
	.chatboat_parent .what_is .design_2 { top: 40px; right: 0px; left: 90%; }
	.chatboat_parent .banner .design { width:80px; }
	.chatboat_parent .banner .design_2 { width:40px; }
	.chatboat_parent .banner .design_4 { width:50px; }
	.chatboat_parent .banner .design_6 { width:150px; }
}
@media only screen and (min-width:768px) and (max-width:770px) { .v_container .section_title_1 { font-size:30px; } }
@media only screen and (max-width:767px) {
	.chatboat_parent .what_is .section_p { letter-spacing:0px; }
	.v_container .section_text .section_p { letter-spacing:0px; }
	.chatboat_parent .m_service .card_1 .img_div_1 { height:32px; }
}