@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body{
  font-family: "Montserrat", sans-serif !important;
  color: #646263;
  font-size: 16px;
  font-weight: 400;
}
:root {
  --blue-bg: #80a5e1;
  --red-bg: #f55057;
  --yellow-bg: #f5d534;
  --grey-bg: #646263;
}

/* Social Media Marketing Packages & Pricing */
.main-title-block h2 {
  font-size: 35px;
  line-height: 55px;
  letter-spacing: 5px;
  color: var(--grey-bg);
  font-weight: 700;
  margin-bottom: 8px;
}
.main-title-block p {
  font-size: 25px;
  line-height: normal;
  margin-bottom: 15px;
  letter-spacing: 4px;
  font-weight: 700;
  color: var(--grey-bg);
}
.pricing-block .w-full {
    margin: 10px;
    box-shadow: 0px 10px 20px 10px rgba(0, 0, 0, 0.05);
    border-top: 10px solid transparent;
}
.pricing-block .flex {
    margin: 0 -10px;
}
.pricing-block {
    margin-top: 50px;
    margin-bottom: 50px;
}
.pricing-block .w-full:nth-child(1){
  border-color: var(--blue-bg);
}
.pricing-block .w-full:nth-child(2){
  border-color: var(--red-bg);
}
.pricing-block .w-full:nth-child(3){
  border-color: var(--yellow-bg);
}
.pricing-block .w-full:nth-child(4){
  border-color: var(--grey-bg);
}
.pricing-block .text-black {
  color: var(--grey-bg);
}
.pricing-block ul li span{
  font-size: 16px;
}
.pricing-block .font-medium.text-gray-500 {
  padding-top: 20px;
}
.pricing-block  .w-full:nth-child(1) .font-semibold + span,
.pricing-block  .w-full:nth-child(1) .font-semibold {
  color: var(--blue-bg);
}
.pricing-block  .w-full:nth-child(2) .font-semibold + span,
.pricing-block  .w-full:nth-child(2) .font-semibold {
  color: var(--red-bg);
}
.pricing-block  .w-full:nth-child(3) .font-semibold + span,
.pricing-block  .w-full:nth-child(3) .font-semibold {
  color: var(--yellow-bg);
}
.pricing-block  .w-full:nth-child(4) .font-semibold + span,
.pricing-block  .w-full:nth-child(4) .font-semibold {
  color: var(--grey-bg);
}
.pricing-block .flex + .text-gray-500 {
    margin-bottom: 0;
}

/* Pricing Table*/
.pricing-table-block {
  background: #fff;
  color: var(--grey-bg);
}
.pricing-table-block table {
  border: 1px solid var(--color-gray-300);
}
.pricing-table-block table th {
  padding: 10px 20px;
  color: var(--grey-bg);
}
.pricing-block .flex .font-semibold {
  font-weight: 700;
}
.pricing-table-block .container {
  padding: 0;
}
.pricing-table-block table tr {
  border-bottom: 1px solid var(--color-gray-300);
}
.pricing-table-block table .blue-td {
  background: var(--blue-bg);
}
.pricing-table-block table .red-td {
  background: var(--red-bg);
}
.pricing-table-block table .yellow-td {
  background: var(--yellow-bg);
}
.pricing-table-block table .grey-td {
  background: var(--grey-bg);
}
.pricing-table-block table thead th h2 {
  font-weight: 700;
   color: #fff;
}
.pricing-block ul li.flex {
  padding: 5px 0;
}
.pricing-table-block table th h3 {
  font-weight: 600;
}
.pricing-table-block table tbody tr th {
  padding: 0px 20px;
}

/* Campaigns Block */
.campaigns-block h2 {
  margin-bottom: 50px;
    color: #80a5e1;
    font-size: 35px;
    letter-spacing: 5px;
    font-weight: 800;
    line-height: 55px;
}
.campaigns-block {
  margin: 90px 0 70px 0;
}
.campaigns-block .container {
  padding: 0;
}
.campaigns-block h3 {
  font-size: 24px;
  line-height: normal;
  color: #646263;
}
.campaigns-block .count-circle {
    background: var(--red-bg);
    width: 40px;
    display: inline-block;
    border-radius: 50%;
    height: 40px;
    color: #fff;
    text-align: center;
    line-height: 170%;
    margin-right: 15px;
}

/* Social Media Block*/
.smedia-block {
    margin: 120px 0px 70px 0;
}
.smedia-block svg{
  width: 32px;
  height: 32px;
  fill: #fff;
}
.bg-face-book{
  background: #1478f2;
}
.bg-insta{
  background: #c7369b;
}
.bg-pinerest{
  background: #e60023;
}
.bg-linkedin{
  background: #0e76a8;
}
.bg-twitter{
  background: #1da1f2;
}
.bg-tiktok{
  background: #000000;
}
.smedia-block .shadow-xl {
    border: 1px solid #e6e6e6;
}

/* Implementation Block */
.imp-block table {
  width: 100%;
}
.imp-block table tbody tr th {
  background: #f65057;
  color: #fff;
  font-weight: 600;
  font-size: 17px;
  border: unset;justify-content: center;
}
.imp-block table tbody tr th:not(:last-child) {
    border-right: 1px solid #fff;
}
.imp-block tbody td svg {
  margin: 0;
  width: 30px;
  min-width: 25px;
  color: #f65057;
}
.imp-block tbody td {
  align-items: flex-start;
  justify-content: flex-start;
}
.imp-block tbody td svg + span {
  margin-left: 10px;
}
.wrong-icon svg{
  color: red;
}
.imp-block .title-bk h2 {
  font-size: 35px;
  line-height: 55px;
  letter-spacing: 5px;
  color: var(--grey-bg);
  font-weight: 700;
  margin-bottom: 0px;
}
.imp-block .title-bk p {
  font-size: 16px;
  text-align: center;
  margin-bottom: 40px;
}

/*
.imp-block tbody tr:last-child td {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
*/
.pricing-table-block table thead th h2 {
    font-size: 18px;
}
.main-title-block h2 {
    margin-top: 120px;
}
.pricing-table-block table th h3 {
    font-size: 16px;
}
.smedia-block .grid {
    width: 100%;
}
.smedia-block .grid .relative.bg-white {
    width: 100%;
}
.fixed-call ul li a i{
	display: flex;
    align-items: center;
    justify-content: center;
}
.fixed-call ul li a i img{
	top: 0 !important;
}
.logo a{
	display: flex !important;
    align-items: center;
    justify-content: center;
}
.footer_menu {
    border-top: 1px #d6d6d6 solid;
}
.coming_soon {
    position: absolute;
    right: 30px;
    top: 15px;
    padding: 5px 10px;
    background: #f55057;
    color: #fff;
    border-radius: 8px;
}
@media screen and (max-width:767px){
	.pricing-table-block table th h3{
		letter-spacing: unset !important;
	}
	.pricing-table-block table thead th h2{
		margin-bottom: 0 !important;
		letter-spacing: unset !important;
	}
	.main-title-block h2{
		margin-top: 70px;
		font-size: 25px;
    	line-height: normal;
    	text-align: center !important;
    	letter-spacing: unset;
	}
	.main-title-block p{
		letter-spacing: unset;
	}
	.campaigns-block h2,
	.imp-block .title-bk h2{
		font-size: 30px;
		line-height: normal;
	}
}
 .ada_toggle {
    padding: 18px;
}