:host-context(body)
{font-family: 'axiformamedium'; color: #333333; font-size:14px; position:relative; overflow-x: hidden; overflow-y: hidden; display: block;}


@font-face {
  font-family: 'axiformabold';
  src: url('../fonts/axiforma-bold-webfont.eot');
  src: url('../fonts/axiforma-bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/axiforma-bold-webfont.woff2') format('woff2'),
       url('../fonts/axiforma-bold-webfont.woff') format('woff'),
       url('../fonts/axiforma-bold-webfont.ttf') format('truetype'),
       url('../fonts/axiforma-bold-webfont.svg#axiformabold') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'axiformaextrabold';
  src: url('../fonts/axiforma-extrabold-webfont.eot');
  src: url('../fonts/axiforma-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/axiforma-extrabold-webfont.woff2') format('woff2'),
       url('../fonts/axiforma-extrabold-webfont.woff') format('woff'),
       url('../fonts/axiforma-extrabold-webfont.ttf') format('truetype'),
       url('../fonts/axiforma-extrabold-webfont.svg#axiformaextrabold') format('svg');
  font-weight: normal;
  font-style: normal;

}


@font-face {
  font-family: 'axiformamedium';
  src: url('../fonts/axiforma-medium-webfont.eot');
  src: url('../fonts/axiforma-medium-webfont.eot?#iefix') format('embedded-opentype'),/
       url('../fonts/axiforma-medium-webfont.woff2') format('woff2'),
       url('../fonts/axiforma-medium-webfont.woff') format('woff'),
       url('../fonts/axiforma-medium-webfont.ttf') format('truetype'),
       url('../fonts/axiforma-medium-webfont.svg#axiformamedium') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'axiformasemibold';
  src: url('../fonts/axiforma-semibold-webfont.eot');
  src: url('../fonts/axiforma-semibold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/axiforma-semibold-webfont.woff2') format('woff2'),
       url('../fonts/axiforma-semibold-webfont.woff') format('woff'),
       url('../fonts/axiforma-semibold-webfont.ttf') format('truetype'),
       url('../fonts/axiforma-semibold-webfont.svg#axiformasemibold') format('svg');
  font-weight: normal;
  font-style: normal;

}





/*header css start*/
header {padding: 20px 30px;}
.header_section {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.menudiv .navbar-nav .nav-item{ padding: 0px 17px;}
.menudiv .navbar-nav .nav-item .nav-link {color: #333; font-size: 15px;}
.menudiv .navbar-nav .nav-item .nav-link:hover{color: #3188A3;}
.header_section .logo img {max-width: 133px;}
.header_menu {display: flex;justify-content: center;align-items: center;}
.loginsignup_link ul {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;margin: 0 -10px;}
.loginsignup_link ul li {padding: 0 10px;}
.loginsignup_link ul li a {box-shadow: 0px 8px 19px #3188A329;border-radius: 6px;height: 49px;display: flex;align-items: center;justify-content: center;min-width: 98px;color: #333;text-decoration: none; font-size: 15px;}
.loginsignup_link ul li a.loginbtn {background-color: #fff;}
.loginsignup_link ul li a.signupbtn{ background-color: #3DA092; color: #fff;}
.landing-home-page {background: transparent linear-gradient(180deg, #3188A30D 0%, #EDF5F76E 100%) 0% 0% no-repeat padding-box;max-width: 1920px;margin: auto;}
.loginsignup_link ul li a:hover{ background-color: #3188A3 !important; color: #fff !important;}
.loginsignup_link {padding-left: 22px;}
/*header css end*/


@media (min-width:1200px) and (max-width:1600px){

.loginsignup_link ul li a{height: 43px;font-size: 14px;}
.loginsignup_link ul {margin: 0 -7px;}
.loginsignup_link ul li {padding: 0 7px;}

}



ul{list-style:none; padding:0; margin:0; }
ul li{font-size:14px; position:relative; list-style: none;}
a{-moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;  outline:none;}
figure{margin:0;}
img{max-width:100%; -ms-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s }
.btn:focus, .btn.focus{outline:0; box-shadow:none;}
.btn-primary{background-color:#3188A3; border:none; outline:0; position:relative; display:inline-block; overflow:hidden; text-align:center; vertical-align:middle; padding:6px 26px; line-height:1.5; border-radius:24px; font-size: 15px; font-family: 'axiformasemibold';}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{background-color:#3DA092; box-shadow:none;}
.btn-secondary{background-color:#ffffff; border:none; outline:0; position:relative; display:inline-block; overflow:hidden; text-align:center; vertical-align:middle; padding:6px 26px; line-height:1.5; border-radius:24px; font-size:15px; font-family: 'axiformasemibold'; color:#333333; -webkit-box-shadow:0px 0px 10px 0px #0000001D; box-shadow:0px 0px 10px 0px #0000001D;}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus{background-color:#3DA092; box-shadow:none;}

/*header css start*/
header {padding: 20px 30px;}
.header_section {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.menudiv .navbar-nav .nav-item{ padding: 0px 17px;}
.menudiv .navbar-nav .nav-item .nav-link {color: #333; font-size: 15px;}
.menudiv .navbar-nav .nav-item .nav-link:hover{color: #3188A3;}
.header_section .logo img {max-width: 133px;}
.header_menu {display: flex;justify-content: center;align-items: center;}
.loginsignup_link ul {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;margin: 0 -10px;}
.loginsignup_link ul li {padding: 0 10px;}
.loginsignup_link ul li a {box-shadow: 0px 8px 19px #3188A329;border-radius: 6px;height: 49px;display: flex;align-items: center;justify-content: center;min-width: 98px;color: #333;text-decoration: none; font-size: 15px;}
.loginsignup_link ul li a.loginbtn {background-color: #fff;}
.loginsignup_link ul li a.signupbtn{ background-color: #3DA092; color: #fff;}
.landing-home-page {background: transparent linear-gradient(180deg, #3188A30D 0%, #EDF5F76E 100%) 0% 0% no-repeat padding-box;max-width: 1920px;margin: auto;}
.loginsignup_link ul li a:hover{ background-color: #3188A3 !important; color: #fff !important;}
.loginsignup_link {padding-left: 22px;}
/*header css end*/


/*Banner css*/
.banner_section {padding: 85px 30px 50px;}
.typewriter {display: flex;align-items: center;margin: auto; text-align: center;}
.typewriter h1 {font-size: 60px;color: #333;line-height: 68px;font-family: 'axiformabold';}
.bluecolor_text {color: #3188A3;}
.greencolor_text {color: #3DA092;}
.typewriter span.cursor {font-size: 30px;}
.banner_text {max-width: 910px;text-align: center;margin: auto;}
span.cursor { display: inline-block; background-color: black; width: 7px; animation: blink 0.7s infinite;height: 50px;margin-right: 8px;top: 4px; position: relative;}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.banner_text p {font-size: 18px;color: #5D5D5D;margin: 18px 0 0;line-height: 27px;}
#get_started_form { display: flex; max-width: 800px; width: 100%; margin: auto; flex-direction: row; align-items: flex-start; gap: 20px; margin-top: 20px; }
#get_started_form .fieldEmail{ width: calc(100% - 215px); }
#get_started_form .form-control {height: 68px;border: none;box-shadow: 0px 0px 12px #00000012;border-radius: 10px;padding: 6px 15px 6px 23px;font-size: 13px;width: 100%; margin-right: 15px;}
#get_started_form .form-control::placeholder{ color: #5D5D5D; }
#get_started_form .getstarted_btn {height: 67px;min-width: 215px;display: flex;align-items: center;justify-content: center;text-decoration: none;font-size: 18px;background: #3188A3;box-shadow: 0px 8px 19px #3188A329;border-radius: 6px;color: #fff;}
#get_started_form .getstarted_btn:hover{background-color: #3DA092;}
#get_started_form .getstarted_btn img {margin: 0 0 0 14px;}
#get_started_form .error { color: #ff0000; }
@media (max-width:767px){
	#get_started_form { flex-direction: column; align-items: center; }
	#get_started_form .fieldEmail{ width: 95%; }
}
.get_started_input {text-align: center;padding: 60px 0 0;}
.get_started_field {display: flex;justify-content: center;align-items: center;max-width: 800px;margin: auto;}
.get_started_field .form-control {height: 68px;border: none;box-shadow: 0px 0px 12px #00000012;border-radius: 10px;padding: 6px 15px 6px 23px;font-size: 13px;width: calc(100% - 200px); margin-right: 15px;}
.get_started_field .form-control::placeholder{ color: #5D5D5D; }
.get_started_field .getstarted_btn {height: 67px;min-width: 215px;display: flex;align-items: center;justify-content: center;text-decoration: none;font-size: 18px;background: #3188A3;box-shadow: 0px 8px 19px #3188A329;border-radius: 6px;color: #fff;}
.get_started_field .getstarted_btn:hover{background-color: #3DA092;}
.get_started_field .getstarted_btn img {margin: 0 0 0 14px;}
.get_started_input span {padding: 38px 0 20px;display: block;font-size: 16px;}
.get_started_input span a{ color: #3188A3;;}

/** Komal css (15-07-2024) typewriter animation **/
.typewriter { display: inline-block;}

/** Komal css (15-07-2024) typewriter animation **/

/*Banner css end*/


/*Heres what you can expect section css start*/

.youexpect_section {text-align: center;padding: 70px 30px 50px;max-width: 1920px; margin: auto;}
.landing_page_heading h2 {font-family: 'axiformabold';font-size: 48px;margin-bottom: 15px;}
.landing_page_heading h2 span {color: #3188A3;display: inline-block;}
.landing_page_heading span.heading_paragraph {display: block;font-size: 17px;color: #5D5D5D;}
.landing_page_heading {max-width: 1100px;margin: auto;padding: 10px 0 10px;text-align: center;}
.youexpect_image {padding: 40px 0 30px;}
.landing_page_heading2 { margin-top: 80px !important; }

/*Heres what you can expect section css end*/


/*How Pocial Works css start*/
.how_pocial_work {padding: 10px 140px 30px;max-width: 1920px;margin: auto;}
.howpocial_work_detail {display: flex;align-items: center;padding: 35px 0 35px;}
.howpocial_work_left {padding: 10px 40px 10px 0;}
.howpocial_work_right {width: 60%;text-align: right;}
.howpocial_work_left {padding: 10px 40px 10px 0;width: 40%;}
.howpocial_work_left strong {font-size: 45px;font-family: 'axiformabold';line-height: 55px;font-weight: normal;}
.howpocial_work_left ul {padding: 15px 0 5px;}
.howpocial_work_left ul li {font-size: 18px;padding: 15px 30px 15px 43px;line-height: 27px;position: relative;}
.howpocial_work_left ul li:after{background: url(../images/right-check-circle.svg) no-repeat center; position: absolute; left: 0px; top: 16px; content: "";height: 27px; width: 27px;background-size: 27px;}
.howpocial_work_left .btn-primary {box-shadow: 0px 8px 19px #3188A329;border-radius: 6px;height: 65px;display: flex;align-items: center;justify-content: center;width: 210px;font-size: 18px;padding: 0 12px;margin-top: 35px;}
.howpocial_work_left .btn-primary img {margin: 0 0 0 16px;}
.howpocial_work_left strong span {color: #3188A3;display: block;}
.howpocial_work_detail.howpocial_work_detail_direction {flex-direction: row-reverse;}
.howpocial_work_detail.howpocial_work_detail_direction .howpocial_work_left {padding: 10px 0px 10px 40px;}
.howpocial_work_detail.howpocial_work_detail_direction .howpocial_work_right {text-align: left;}

/*How Pocial Works css end*/


/*Pocial Pricing css start*/
.pocial_pricing_section {padding: 100px 140px 40px;max-width: 1920px;margin: auto;background: transparent linear-gradient(10deg, #FFFFFF00 0%, #DFEAED 100%) 0% 0% no-repeat padding-box;}
.pricing_tabing .pricingtab_ul {display: flex;flex-wrap: nowrap;margin: 0 auto; padding: 0; gap: 20px;}
@media (max-width:1024px){
	.pricing_tabing .pricingtab_ul {flex-wrap: wrap;}
}
.pricing_tabing .pricingtab_ul li {width: 25%;}
@media (max-width:1024px){
	.pricing_tabing .pricingtab_ul li {width: 100%;}	
}
.pricing_tabs {background-color: #fff;box-shadow: 0px 3px 36px #00000014;border-radius: 15px;padding: 40px 30px 30px 30px;height: 100%;transition: all .8s ease 0s;overflow: hidden; position: relative;}
.pricing_tabs .pricing_icon {height: 75px;width: 75px;border: 1px solid #3188A3;border-radius: 50%;background-color: #3188A3;margin: 0 0 20px;display: flex;align-items: center; justify-content: center;}
.pricing_tabs h3 {font-size: 23px;}
.pricing_tabs h3 span {color: #3188A3;}
.pricing_tabs strong {font-size: 36px;font-weight: normal;line-height: 36px;display: block; padding: 10px 0 10px;font-family: 'axiformasemibold';}
.getstarted_button .get_startedbtn {border: 1px solid #D1D1D1;border-radius: 6px;height: 68px;display: flex;justify-content: center;align-items: center;color: #3188A3;text-decoration: none;font-size: 18px;}
.getstarted_button .get_startedbtn:hover{ background-color: #3188A3; color: #fff;border: 1px solid #3188A3;}
.getstarted_button {padding: 13px 0 30px;}
.pricing_plan_detail span {display: block;padding: 4px 0 4px 25px;font-size: 15px; position: relative;}
.pricing_plan_detail span::before {background: url(../images/right-check-circle.svg) no-repeat center;position: absolute;left: 0px;top: 50%;content: "";height: 15px;width: 15px;background-size: 15px;transform: translateY(-50%);}
.pricing_tabs strong span {color: #5D5D5D;font-size: 16px;}
.pricing_tabs .pricing_icon .picon {filter: brightness(0) invert(1);}

.pricing_nav_tabs .nav-tabs {justify-content: center; margin: 5px auto 35px;border: none;}
.pricing_nav_tabs .nav-tabs li.nav-item {background-color:#D3E5E8; padding: 4px 4px 5px;transition: all .8s ease 0s;}
.pricing_nav_tabs .nav-tabs li.nav-item:first-child{ border-radius: 6px 0px 0px 6px;}
.pricing_nav_tabs .nav-tabs li.nav-item:last-child{ border-radius: 0px 6px 6px 0px;}
.pricing_nav_tabs .nav-tabs li.nav-item .nav-link { padding: 9px 47px; color: #333;border: none;font-size: 19px;border-radius: 6px;display: flex;align-items: center;}
.pricing_nav_tabs .nav-tabs li.nav-item .nav-link .free_plan_tag {font-size: 12px;background-color: #3188A3;color: #fff;padding: 6px 10px;display: inline-block;border-radius: 4px;margin: 0 0 0 16px;}
.pricing_nav_tabs .nav-tabs li.nav-item .nav-link.yearly_plan {padding: 9px 20px !important;}
.pricing_tabs .pricing_icon .hover_imgg {max-width: 43px;display: none;}
.getstarted_button .get_startedbtn img {margin: 0 0 0 14px;}


.pricing_tabing .pricingtab_ul li.active .pricing_tabs {background-color: #3188A3;}
.pricing_tabing .pricingtab_ul li.active .pricing_tabs h3 {color: #fff;}
.pricing_tabing .pricingtab_ul li.active .pricing_tabs h3 span{color: #fff;}
.pricing_tabing .pricingtab_ul li.active .pricing_tabs strong{color: #fff;}
.pricing_tabing .pricingtab_ul li.active .pricing_tabs strong span{color: #fff;}
.pricing_tabing .pricingtab_ul li.active  .getstarted_button .get_startedbtn {border: 1px solid #fff;background-color: #fff; color: #3188A3;}
.pricing_tabing .pricingtab_ul li.active .pricing_plan_detail span{color: #fff;}
.pricing_tabing .pricingtab_ul li.active .pricing_plan_detail span::before {filter: brightness(0) invert(1);}
.pricing_tabing .pricingtab_ul li.active .pricing_tabs .pricing_icon {border: 1px solid #fff;background-color: #fff;}
.pricing_tabing .pricingtab_ul li.active .pricing_tabs .pricing_icon .picon {filter: inherit;}
.pricing_tabing .pricingtab_ul li.active .pricing_tabs .pricing_icon img.without_hover { display: none;}
.pricing_tabing .pricingtab_ul li.active .pricing_tabs .pricing_icon .hover_imgg { display: inline-block;}

.pricing_tabing .pricingtab_ul li:hover .pricing_tabs {background-color: #3188A3;transition: all .8s ease 0s;}
.pricing_tabing .pricingtab_ul li:hover .pricing_tabs h3 {color: #fff;}
.pricing_tabing .pricingtab_ul li:hover .pricing_tabs h3 span{color: #fff;}
.pricing_tabing .pricingtab_ul li:hover .pricing_tabs strong{color: #fff;}
.pricing_tabing .pricingtab_ul li:hover .pricing_tabs strong span{color: #fff;}
.pricing_tabing .pricingtab_ul li:hover  .getstarted_button .get_startedbtn {border: 1px solid #fff;background-color: #fff; color: #3188A3;}
.pricing_tabing .pricingtab_ul li:hover .pricing_plan_detail span{color: #fff;}
.pricing_tabing .pricingtab_ul li:hover .pricing_plan_detail span::before {filter: brightness(0) invert(1);}
.pricing_tabing .pricingtab_ul li:hover .pricing_tabs .pricing_icon {border: 1px solid #fff;background-color: #fff;}
.pricing_tabing .pricingtab_ul li:hover .pricing_tabs .pricing_icon .picon {filter: inherit;}
.pricing_tabing .pricingtab_ul li:hover .pricing_tabs .pricing_icon img.without_hover { display: none;}
.pricing_tabing .pricingtab_ul li:hover .pricing_tabs .pricing_icon .hover_imgg { display: inline-block;}
.contact_sales_section {background-color: #fff;box-shadow: 0px 3px 36px #00000014;border-radius: 15px;padding: 30px 30px;display: flex;align-items: center;justify-content: space-between;margin-top: 33px;}
.contact_sales_left {display: flex;align-items: center;}
.content_email ul {display: flex;align-items: center;}
.content_email {padding: 0 0 0 140px;}
.contact_sales_left strong {font-weight: normal;padding: 0 0 0 30px;font-size: 22px;}
.contact_sales_left strong span {color: #3188A3;}
.content_email ul li {padding: 0 60px 0 32px;}
.content_email ul li:last-child{ padding-right: 0px;}
.content_email ul li::after {
	background: url(../images/right-check-circle.svg) no-repeat center;position: absolute;left: 0px;top: 1px;content: "";height: 20px;	width: 20px;background-size: 20px;}
.content_email ul li span {font-size: 17px;}
.contact_sales_right a {border: 1px solid #D1D1D1;border-radius: 6px;height: 65px;color: #3188A3;text-decoration: none;display: flex;align-items: center;padding: 0 12px;min-width: 280px;font-size: 18px;text-align: center;justify-content: center;}
.contact_sales_right a:hover{ background-color: #3188A3; color: #fff; border-color: #3188A3;}
.contact_sales_right a:hover img{ filter: brightness(0) invert(1);}
.contact_sales_right a img {margin: 0 0 0 17px;}


.signup_weekly_bulletin {padding: 120px 0 50px;}
.signup_weekly_bulletin .landing_page_heading span.signup_paragraph {color: #5D5D5D;font-size: 18px;display: block;}
.signup_weekly_bulletin .get_started_field {padding: 25px 0 40px;}
.signup_weekly_bulletin .get_started_field .getstarted_btn{min-width: 175px;}

.best-value-tag {
	transform: rotate(40deg);
	text-align: center;
}
.best-value-tag span {
	background-color: #fff;
	width: 100%;
	position: absolute;
	right: -90px;
	top: -60px;
	padding: 10px 0;
	text-align: center; color: #3188A3; font-size: 18px;
}

@media (max-width:1024px){
	.best-value-tag {
		position: absolute;
        right: -55px;
        top: 40px;
	}
	.best-value-tag span {
		position: static;
        padding: 10px 70px;
	}
}

/*Pocial Pricing css end*/

/*footer css*/
.footer_menu {max-width: 800px;margin: auto;}
.footer_menu ul {display: flex;justify-content: center;margin: 0 auto;}
.footer_menu ul li {padding: 0 45px;}
.footer_menu ul li a {color: #333;text-decoration: none;font-size: 16px;}
.footer_menu ul li a:hover{color: #3188A3;}
.footer_menu ul li a img {margin: -3px 0 0 14px;filter: brightness(0) invert(0.4);}
.footer_menu ul li a:hover img{ filter: inherit;}
.footer_logo {text-align: center;padding: 60px 0 20px;}
.footer_logo figure img {max-width: 133px;}
.footer_logo .social_media_footerr {max-width: 300px;margin: auto;display: flex;justify-content: space-between;padding: 30px 0px 0px;}
.footer_logo .social_media_footerr li a:hover img {margin-top: -14px;}
.footer_logo .social_media_footerr li a {padding: 4px;}
ul.tearm_policy_link {padding: 36px 3px 20px; margin: 0 auto; display: flex; justify-content: center; }
ul.tearm_policy_link li {padding: 0 37px;}
ul.tearm_policy_link li a {text-decoration: none;color: #333;font-size: 13px;}
.tearms_conditions {padding: 20px 0 10px;}
ul.tearm_policy_link li a:hover{color: #3188A3;}
.tearms_conditions p{color:#5d5d5d; font-size: 13px;}
/*footer css end*/




@media (min-width:1200px) and (max-width:1600px){

.typewriter h1{font-size: 45px;line-height: 55px;}
.banner_text p {font-size: 16px;line-height: 23px;margin: 12px 0 0;}
.banner_text {max-width: 800px;}
.get_started_field .form-control {height: 52px;width: calc(100% - 180px);}
.get_started_field .getstarted_btn {height: 53px;min-width: 180px;font-size: 16px;}
.landing_page_heading h2 {font-size: 38px;margin-bottom: 10px;}
.landing_page_heading span.heading_paragraph {font-size: 15px;}
.youexpect_section {padding: 40px 30px 30px;}
.banner_section {padding: 75px 30px 40px;}
.howpocial_work_left strong {font-size: 30px;line-height: 37px;}
.get_started_input {padding: 40px 0 0;}
.how_pocial_work {padding: 10px 100px 30px;}
.howpocial_work_left {padding: 10px 30px 10px 0;width: 45%;}
.howpocial_work_right {width: 55%;}  

span.cursor {height: 43px;}
.howpocial_work_left ul li {
	font-size: 15px;
	padding: 12px 15px 12px 33px;
	line-height: 22px;
}
.get_started_input span {padding: 25px 0 10px;font-size: 15px;}
.howpocial_work_left ul li::after {top: 13px;height: 23px;width: 23px;background-size: 23px;}
.howpocial_work_left .btn-primary {height: 55px;width: 190px;font-size: 16px;margin-top: 28px;background-color:#3188A3;border-color:#3188A3}
.pricing_nav_tabs .nav-tabs li.nav-item .nav-link {font-size: 16px;height: 100%;}
.pricing_tabs {padding: 23px 20px 20px 20px;}
.pricing_tabs h3 {font-size: 20px;}
.pricing_tabs strong {font-size: 27px;line-height: 27px;padding: 7px 0 7px;}
.getstarted_button {padding: 10px 0 20px;}
.getstarted_button .get_startedbtn {height: 50px;font-size: 16px;}
.pricing_plan_detail span {font-size: 13px;}
.pricing_tabs .pricing_icon {height: 60px;width: 60px;}
.pricing_tabs .pricing_icon img {max-width: 32px !important;}
.contact_sales_section {padding: 22px 20px;margin-top: 30px;}
.contact_sales_left figure img {max-width: 55px;}

.contact_sales_left strong {padding: 0 0 0 20px;font-size: 19px;}
.content_email {padding: 0 0 0 80px;}
.content_email ul li {padding: 0 50px 0 30px;}
.content_email ul li span {font-size: 15px;}
.contact_sales_right a {height: 55px;min-width: 215px;font-size: 16px;}


}

@media (min-width:1200px) and (max-width:1400px){

.pocial_pricing_section {padding: 50px 30px 40px;}
.pricing_nav_tabs .nav-tabs {margin: 5px auto 25px;}


}

@media (max-width:1024px){
	.contact_sales_section {flex-direction: column; flex-wrap: wrap;padding: 20px 20px;margin-top: 20px;}
}

@media (max-width:767px){
.get_started_field {display: block;}  
.typewriter h1 {font-size: 30px;line-height: 38px;}
span.cursor {width: 5px;height: 25px;margin-right: 5px;top: 1px;}
.banner_section {
	padding: 55px 15px 30px;
}
.banner_text p {
	font-size: 14px;
	margin: 12px 0 0;
	line-height: 21px;
}
.get_started_input span a {
	display: block;
}
.get_started_field .form-control {
	height: 60px;
	padding: 6px 10px 6px 13px;
	font-size: 12px;
	width: 100%;
	margin-right: 0px;
}
.get_started_field .getstarted_btn {
	height: 52px;
	min-width: 180px;
	font-size: 15px;
	padding: 0 6px;width: 180px; margin: 22px auto 5px;
}
.get_started_field .getstarted_btn img {
	margin: 0 0 0 8px;
	max-width: 17px;
}
.get_started_input {
	padding: 30px 0 0;
}
.get_started_input span {
	padding: 20px 0 10px;
	font-size: 13px;
}
.youexpect_section {
padding: 30px 15px 40px;
}
.landing_page_heading h2 {
	font-size: 24px;
	margin-bottom: 10px;
}
.landing_page_heading span.heading_paragraph {
	font-size: 13px;
}
.how_pocial_work {
	padding: 10px 15px 30px;
}
.howpocial_work_left strong {
	font-size: 24px;
	line-height: 30px;
}
.howpocial_work_left {
	padding: 10px 0px 30px 0;
	width: 100%;
}
.howpocial_work_right {
	width: 100%;
	text-align: center;
}
.howpocial_work_left ul li {
	font-size: 15px;
	padding: 10px 0px 10px 32px;
	line-height: 21px;
}
.howpocial_work_left ul li::after {
top: 11px;
	height: 22px;
	width: 22px;
	background-size: 22px;
}
.howpocial_work_detail {
	padding: 20px 0 25px;flex-wrap: wrap;
}
.howpocial_work_left .btn-primary {
	height: 48px;
	width: 170px;
	font-size: 15px;
	margin-top: 15px;
}
.howpocial_work_detail.howpocial_work_detail_direction .howpocial_work_left {padding: 10px 0px 30px 0px;}
.pocial_pricing_section {
	padding: 30px 15px 30px;
	}

.pricing_tabing .pricingtab_ul li {
    width: 100%;
    padding: 12px 20px;
  }  
.pricing_nav_tabs .nav-tabs li.nav-item .nav-link {
    padding: 9px 27px;
    font-size: 15px;
     }
.pricing_nav_tabs .nav-tabs li.nav-item .nav-link .free_plan_tag {
      font-size: 12px;
      padding: 5px 9px;
      margin: 0 0 0 8px;
}   
.pricing_nav_tabs .nav-tabs li.nav-item .nav-link.yearly_plan {padding: 9px 13px !important;}
.pricing_tabs {
	padding: 20px 20px 20px 20px;
}
.getstarted_button .get_startedbtn {
	height: 52px;
	font-size: 15px;
}
.pricing_tabs strong {
	font-size: 30px;
	line-height: 30px;
	padding: 5px 0 5px;
}
.pricing_tabs h3 {
	font-size: 20px;
}
.pricing_tabs .pricing_icon {
	height: 55px;
	width: 55px;
	margin: 0 0 15px;padding: 10px;
	}
.pricing_plan_detail span {font-size: 13px;}
.contact_sales_section {flex-wrap: wrap;padding: 20px 20px;margin-top: 20px;}
.contact_sales_left {
	display: block;
}
.contact_sales_left figure img {
	max-width: 65px;
}
.contact_sales_left strong {
	padding: 20px 0 0 0px;
	font-size: 18px;
}
.content_email {
	padding: 18px 0 15px 0;
	width: 100%;
}
.content_email ul {
	flex-direction: column;
	flex-wrap: wrap;
	align-items: flex-start;
}
.content_email ul li span {
	font-size: 15px;
}
.content_email ul li {
	padding: 6px 0px 6px 26px;
}
.content_email ul li::after {
 top: 9px;
	height: 15px;
	width: 15px;
	background-size: 15px;
}
.contact_sales_right a {
	height: 55px;
	font-size: 16px;
	min-width: 100%;
	}


}


.signup_weekly_bulletin {padding: 120px 0 50px;}
.signup_weekly_bulletin .landing_page_heading span.signup_paragraph {color: #5D5D5D;font-size: 18px;display: block;}
.signup_weekly_bulletin .get_started_field {padding: 25px 0 40px;}
.signup_weekly_bulletin .get_started_field .getstarted_btn{min-width: 175px;}

/*Pocial Pricing css end*/

/*footer css*/
.footer_menu {max-width: 800px;margin: auto;}
.footer_menu ul {display: flex;justify-content: center;margin: 0 auto; padding: 0;}
.footer_menu ul li {padding: 0 45px;}
.footer_menu ul li a {color: #333;text-decoration: none;font-size: 16px;}
.footer_menu ul li a:hover{color: #3188A3;}
.footer_menu ul li a img {margin: -3px 0 0 14px;filter: brightness(0) invert(0.4);}
.footer_menu ul li a:hover img{ filter: inherit;}
.footer_logo {text-align: center;padding: 60px 0 20px;}
.footer_logo figure img {max-width: 133px;}
.footer_logo .social_media_footerr {max-width: 300px;margin: auto;display: flex;justify-content: space-between;padding: 30px 0px 0px;}
.footer_logo .social_media_footerr li a:hover img {margin-top: -14px;}
.footer_logo .social_media_footerr li a {padding: 4px;}
ul.tearm_policy_link {padding: 36px 3px 20px; margin: 0 auto; display: flex; justify-content: center;}
ul.tearm_policy_link li {padding: 0 37px;}
ul.tearm_policy_link li a {text-decoration: none;color: #333;font-size: 13px;}
.tearms_conditions {padding: 20px 0 10px;}
ul.tearm_policy_link li a:hover{color: #3188A3;}
.tearms_conditions p{color:#5d5d5d; font-size: 13px;}
/*footer css end*/

.get_started_field {display: flex;justify-content: center;align-items: center;max-width: 800px;margin: auto;}
.get_started_field .form-control {height: 68px;border: none;box-shadow: 0px 0px 12px #00000012;border-radius: 10px;padding: 6px 15px 6px 23px;font-size: 13px;width: calc(100% - 200px); margin-right: 15px;}
.get_started_field .form-control::placeholder{ color: #5D5D5D; }
.get_started_field .getstarted_btn {height: 67px;min-width: 215px;display: flex;align-items: center;justify-content: center;text-decoration: none;font-size: 18px;background: #3188A3;box-shadow: 0px 8px 19px #3188A329;border-radius: 6px;color: #fff;}
.get_started_field .getstarted_btn:hover{background-color: #3DA092;}
.get_started_field .getstarted_btn img {margin: 0 0 0 14px;}

@media (min-width:1200px) and (max-width:1600px){


.get_started_field .form-control {height: 58px;}
.get_started_field .getstarted_btn {height: 59px;min-width: 215px;font-size: 16px;}


}

.landing_page_heading h2 {font-family: 'axiformabold';font-size: 48px;margin-bottom: 15px;}
.landing_page_heading h2 span {color: #3188A3;display: inline-block;}
.landing_page_heading span.heading_paragraph {display: block;font-size: 17px;color: #5D5D5D;}
.landing_page_heading {max-width: 1100px;margin: auto;padding: 10px 0 10px;text-align: center;}


@media (min-width:1200px) and (max-width:1600px){
.signup_weekly_bulletin{padding: 90px 0 40px;}
.landing_page_heading h2 {font-size: 32px;margin-bottom: 10px;}
.signup_weekly_bulletin .landing_page_heading span.signup_paragraph{font-size: 15px;}
.signup_weekly_bulletin .get_started_field {padding: 15px 0 20px;}
.footer_menu ul li {
	padding: 0 30px;
}
.footer_menu ul {
	margin: 0 -30px;
}
.footer_logo {
	padding: 50px 0 20px;
}


}

@media (max-width:1024px){
	.footer_menu ul {
		flex-wrap: wrap;
		gap: 30px;
	}
	.footer_menu ul li {
		padding: 0;
	}
	ul.tearm_policy_link {
		flex-wrap: wrap;
		gap: 30px;
	}
	ul.tearm_policy_link li {
		padding: 0 0;
	}
}

@media (max-width:767px){

.landing_page_heading h2 {
	font-size: 25px;
	margin-bottom: 15px;
	line-height: 34px;
}
.signup_weekly_bulletin .landing_page_heading span.signup_paragraph{ font-size: 13px;}



}

#newsLetterForm {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
	gap: 20px;
	max-width: 800px;
	margin: 30px auto;
}

#newsLetterForm .fieldEmail{ width: calc(100% - 235px); }
#newsLetterForm .form-control {height: 68px;border: none;box-shadow: 0px 0px 12px #00000012;border-radius: 10px;padding: 6px 15px 6px 23px;font-size: 13px;width: 100%; margin-right: 15px;}
#newsLetterForm .form-control::placeholder{ color: #5D5D5D; }

#newsLetterForm .error{ color: #FF0000; }

#newsLetterForm .getstarted_btn {height: 67px;min-width: 215px;display: flex;align-items: center;justify-content: center;text-decoration: none;font-size: 18px;background: #3188A3;box-shadow: 0px 8px 19px #3188A329;border-radius: 6px;color: #fff;}
#newsLetterForm .getstarted_btn:hover{background-color: #3DA092;}
#newsLetterForm .getstarted_btn img {margin: 0 0 0 14px;}

@media (max-width:767px){
	#newsLetterForm {
		flex-direction: column;
		flex-wrap: wrap;
		align-items: center;
	}	
	#newsLetterForm .fieldEmail {
		width: 95%;
	}
}
.mobile_menu_items { display: none !important; }
@media (max-width:991px){
	.header_menu {
		flex-direction: row-reverse;
		gap: 10px;
	}

	.navbar-nav {
		position: absolute;
		background: #fff;
		right: 0;
		top: 60px;
		z-index: 11111;
		min-width: 200px;
	}
	.menudiv .navbar-nav .nav-item .nav-link {
		text-align: right;
	}
	.mobile_menu_items { display: block !important; }
	.loginsignup_link { display: none !important; }
}

.commentCardsContainer {
	display: flex;
	gap: 40px;
	padding-left: 0;
	margin: 50px auto;
}

.commentCardsContainer .commentCardContainer {
	background: #ffffff;
	width: 50%;
	border-radius: 50px;
	box-shadow: 0 0 44px -30px rgba(0, 0, 0, 0.5);
	text-align: left;
    padding: 40px 40px;
}
.commentCardsContainer .commentCardContainer .commentCard .postUserInfoContainer{
	display: flex;
	gap: 15px;
	margin-bottom: 10px;
}
.commentCardsContainer .commentCardContainer .commentCard .postUserInfoContainer .usernameContainer{
	font-size: 21px;
	width: calc(100% - 70px);
}
.commentCardsContainer .commentCardContainer .commentCard .postUserInfoContainer .commentDate{
	font-size: 16px;
}
.commentCardsContainer .commentCardContainer .commentCard small{
	margin-bottom: 10px;
	display: block;
	font-size: 16px;
}
.commentCardsContainer .commentCardContainer .commentCard p{
	margin-bottom: 0;
	font-size: 26px;
}
.commentCardsContainer .commentCardContainer .commentCard .postUserInfoContainer .userImage{
	width: 50px;
}

@media (max-width:1600px){
	.commentCardsContainer .commentCardContainer .commentCard p{
		font-size: 23px;
	}
}

@media (max-width:800px){
	.commentCardsContainer {
		flex-direction: column;
	}
	.commentCardsContainer .commentCardContainer{
		width: 100%;
		padding: 30px 40px;
	}

}

@media (max-width:500px){
	.commentCardsContainer .commentCardContainer {
		padding: 30px 25px;
        border-radius: 50px;
	}
	.commentCardsContainer .commentCardContainer .commentCard .postUserInfoContainer {
		gap: 10px;
	}
	.commentCardsContainer .commentCardContainer .commentCard .postUserInfoContainer .usernameContainer {
		font-size: 15px;
		width: calc(100% - 50px);
	}
	.commentCardsContainer .commentCardContainer .commentCard .postUserInfoContainer .userImage{
		width: 35px;
	}
	.commentCardsContainer .commentCardContainer .commentCard small {
		font-size: 13px;
	}

	.commentCardsContainer .commentCardContainer .commentCard p{
		font-size: 18px;
	}
}