/* body {
  background: #fff;
  font-size: 16px;
  color: #1b1c1e;
  line-height: 28px;
  font-family: "ProximaNova-Regular";
  font-style: normal;
  font-weight: normal;
} */

/********Header start***********************/

body {
  background: #fff;
  font-size: 18px;
  color: #1b1c1e;
  line-height: 28px;
  font-family: "ProximaNova-Regular";
  font-style: normal;
  font-weight: normal;
}

.header-container {
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 100;
}

.hd-grey-bg {
  background: #f4f9ff;
}

.header-sticky {
  background: #fff !important;
  border-bottom: 1px solid #cbcbcb !important;
}

.custom-logo {
  margin-top: 12px;
  padding: 5px 0 5px 0;
}

.exo-menu {
  list-style: none;
  padding-left: 55px !important;
  margin: 0px;
  text-align: right;
  z-index: 9;
}

.exo-menu > li {
  display: inline-block;
}

.exo-menu > li > a {
  color: #1b1c1e;
  text-decoration: none;
  padding: 21px 15px !important;
  border-bottom: 3px solid transparent;
  font-size: 15px;
  font-family: "ProximaNova-Regular";
  display: block;
  padding: 20px 22px;
}

.exo-menu > li > a.active,
.exo-menu > li > a:hover,
.exo-menu > li > a:active,
.exo-menu > li > a:focus,
li.drop-down ul > li > a:hover {
  border-bottom: 3px solid #fe8848;
}

.animated {
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}

.first-4-menu {
  float: left;
}

.mega-n-bg {
  background: #fff;
  padding: 15px 25px;
}

.mega-menu {
  left: 0;
  right: 0;
  padding: 30px;
  display: none;
  text-align: left;
  z-index: 9;
  background: transparent !important;
  padding: 0px;
  border: none;
}

.mega-line {
  position: absolute;
  height: 200px;
  width: 1px;
  background: #ececec;
  margin: 0px auto;
  left: 400px;
}

.mega-menu,
li.drop-down > ul {
  position: absolute;
}

.mega-drop-down .free-demo {
  border: 1px solid #1b1c1e;
  padding: 5px 20px !important;
  border-radius: 3px;
  text-transform: capitalize;
  background-color: transparent;
  color: #1b1c1e;
  margin-top: 15px;
}

.mega-drop-down .free-demo:hover,
.mega-drop-down .free-demo:focus,
.mega-drop-down .free-demo:active {
  border: 1px solid #1b1c1e;
  background-color: #fff;
}

.mega-drop-down .head-free-trial {
  background-color: #fe8848;
  border: 2px solid #fe8848;
  color: #fff !important;
  padding: 6px 20px !important;
  border-radius: 3px;
  border-bottom: none;
  margin-left: 9px;
  text-transform: capitalize;
  margin-top: 15px;
  font-family: "ProximaNova-Semibold";
}

.mega-drop-down .head-free-trial:hover {
  border: 2px solid #EB6D2F;
  border-bottom: none;
  background: #EB6D2F !important;
}

.menudrop1 {
  max-width: 750px !important;
  margin: 0 !important;
}

.menudrop2 {
  max-width: 632px !important;
  margin: 0px !important;
  margin-left: 100px !important;
}

.menudrop3 {
  max-width: 865px !important;
  margin: 0px !important;
  margin-left: 85px !important;
}

.mega-line-new {
  position: absolute;
  height: 240px;
  width: 1px;
  background: #ececec;
  margin: 0px auto;
  left: 240px;
}

.mega-n-bg {
  background: #fff;
  padding: 15px 25px;
  box-shadow: rgb(0 0 0 / 11%) 0px 8px 20px !important;
}

.mega-drop-down .login-btn {
  padding: 19px 15px !important;
  border-bottom: none;
  margin-right: 10px;
}

.mega-menu ul li a {
  line-height: 30px;
  display: block;
}

.lp-px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.mega-menu ul li a:hover,
.mega-menu ul li a:focus {
  color: #00a7e1 !important;
}

.span-box a:hover,
.span-box a:focus,
.span-box a:hover h4,
.span-box a:focus h4,
.span-box a:hover p,
.span-box a:focus p {
  text-decoration: none;
  color: #00a7e1;
}

.span-box a,
.span-box a h4 {
  color: #1b1c1e;
  cursor: pointer;
}

p.row.mega-title {
  color: #1b1c1e;
  margin-top: 0px !important;
  font-size: 18px;
  text-transform: capitalize;
  padding: 15px 0px 0px 0px;
  font-family: "ProximaNova-Semibold";
  margin-bottom: 10px !important;
  position: relative;
  align-items: center;
}

p.row.mega-title img,
.icon-des img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 10px;
}

ul.stander-n {
  margin-top: 15px;
  padding-left: 0px;
}

ul.stander-n li {
  list-style-type: none;
  line-height: normal;
  margin-bottom: 15px;
}

ul.stander-pd li a {
  padding-left: 40px !important;
}

.stand-pl {
  padding-left: 3px !important;
}

/*hover*/

.mega-menu:hover,
.mega-drop-down a:hover + .mega-menu {
  display: block;
  z-index: 100;
}

.mega-drop-down li:hover a + .mega-menu,
.mega-drop-down li:focus a + .mega-menu,
.mega-drop-down li:active a + .mega-menu {
  border-bottom: 3px solid #fe8848;
}

.visible-xs-block {
  display: none;
}

a.toggle-menu {
  position: absolute;
  right: 0px;
  padding: 0px 15px;
  font-size: 27px;
  background-color: transparent;
  color: #1b1c1e;
  top: 10px;
  transform: rotate(90deg);
  text-decoration: none;
}

p span.credit-card {
  padding-left: 40px;
}

/***********Header end****************/

@media (max-width: 1199.98px) {
  .exo-menu {
    padding-left: 0px !important;
  }

  .first-4-menu {
    float: none !important;
  }

  .exo-menu > li > a,
  .mega-drop-down .login-btn {
    padding: 20px 10px !important;
    font-size: 14px;
  }
}

@media (max-width: 991.98px) {
  /********* Header start *************/

  .header-container {
    position: relative !important;
  }

  .media-center {
    text-align: center !important;
  }

  .media-mt-0 {
    margin-top: 0px !important;
  }

  .media-hide {
    display: none;
  }

  .web-hide {
    display: block;
  }

  .web-trial-btn {
    /* margin-left: -30px !important; */
    font-family: "ProximaNova-Semibold";
    text-decoration: underline;
    width: 70% !important;
    margin: 0px auto;
  }

  .mega-drop-down .free-demo {
    margin-left: 15px;
    margin-right: 15px;
    border-color: #ccc;
    width: auto;
    text-align: center;
  }

  .mega-drop-down .head-free-trial {
    margin-left: 15px;
    margin-right: 15px;
    width: auto;
    margin-bottom: 20px;
    text-align: center;
  }

  .myshow {
    display: block !important;
  }

  .visible-xs-block {
    display: block;
  }

  .display.exo-menu {
    display: block;
  }

  .menudrop1,
  .menudrop2,
  .menudrop3 {
    max-width: 100% !important;
    margin: 0 !important;
    position: relative !important;
    overflow: hidden !important;
  }

  .exo-menu {
    display: none;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 56px;
    height: 0px;
    padding-left: 0px !important;
    margin-top: -5px;
  }

  .exo-menu > li {
    width: 100%;
    background-color: #fff;
    box-shadow: -3px 6px 6px 0px #00000036 !important;
  }

  .exo-menu > li > a {
    padding: 10px 15px !important;
    font-size: 14px;
    text-align: left;
    margin-top: 0px;
    margin-left: 0px;
  }

  .mega-drop-down .login-btn {
    padding: 10px 15px !important;
  }

  .display.exo-menu > li > a {
    display: block;
    padding: 20px 22px;
    color: #1b1c1e;
    border-bottom: 1px solid #00000017;
  }

  .mega-n-bg {
    background: #8080800a;
  }

  .media-down::after {
    content: "+";
    font-size: 20px;
    position: absolute;
    right: 15px;
    display: inline;
  }

  .mega-menu:hover,
  .mega-drop-down a:hover + .mega-menu {
    display: none;
    z-index: 100;
  }

  .mega-menu-wrap .mega-n-bg {
    padding: 15px 15px !important;
  }

  p.row.mega-title {
    font-size: 16px;
  }

  p.mega-title {
    padding-top: 0px !important;
  }

  ul.stander-n li a {
    font-size: 13px;
  }

  .custom-logo {
    padding: 10px 0px;
    margin-top: 0px !important;
  }

  .first-4-menu {
    float: left !important;
  }

  /********* Header end *************/
}

@media (max-width: 767.98px) {
}

@media (max-width: 575.98px) {
  /********* Header start *************/
  /* .custom-logo {
        padding: 10px;
    } */

  /********* Header end *************/
}

/* menu desing start */

.menu-bg {
  background: #f4f8fe !important;
}

.menu-col {
  padding: 24px 40px !important;
}

.mega-menu-wrap {
  background: #ffffff !important;
  box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.12);
  border-radius: 16px !important;
  overflow: hidden !important;
}

.menu-subt {
  color: #9d9d9d;
  margin-bottom: 16px !important;
  font-size: 14px !important;
  font-family: "ProximaNova-Semibold" !important;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.menu-col ul {
  list-style: none !important;
  padding: 0px !important;
  margin: 0px !important;
}

.menu-col ul li:not(:last-child) {
  margin-bottom: 24px !important;
}

.menu-col ul li a:hover .menu-title {
  color: #0f67ea !important;
}

.menu-col .menu-title {
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #1b1c1e;
  margin-bottom: 2px !important;
  font-family: "ProximaNova-Semibold" !important;
}

.menu-col .menu-pra {
  color: #3c3c3c;
  font-size: 14px !important;
  line-height: 24px !important;
  display: block;
}

.menu-col ul.nolst li:not(:last-child) {
  margin-bottom: 16px !important;
}

.menu-col ul.nolst li a {
  color: #1b1c1e !important;
}

.menu-col ul.nolst li a:hover {
  color: #0f67ea !important;
}

.feat-li {
  padding-top: 16px !important;
  padding-right: 13px;
}

.feat-li a {
  font-family: "ProximaNova-Semibold" !important;
  position: relative;
}

.feat-li a:hover {
  color: #0c54c0 !important;
}

.mega-menu ul li a:hover,
.mega-menu ul li a:focus {
  color: #0c54c0 !important;
}

.feat-li a::after {
  content: url(https://www.socialpilot.co/wp-content/uploads/2023/01/right-16.svg);
  position: absolute;
  z-index: 1;
  top: -7px;
  right: -13px;
}

.feat-li.d-block a::after {
  top: 0;
}

.w-432 {
  min-width: 432px !important;
}

.mega-menu ul li.icon a {
  padding-left: 32px;
  background-image: url(https://www.socialpilot.co/wp-content/themes/wp-bootstrap-starter/inc/assets/menu/header-v1.svg) !important;
  background-repeat: no-repeat;
}

.mega-menu ul li a.publishing {
  background-position: 0px 0px;
}

.mega-menu ul li a.analytics {
  background-position: 0px -118px;
}

.mega-menu ul li a.engagement {
  background-position: 0px -236px;
}

.mega-menu ul li a.collaboration {
  background-position: 0px -354px;
}

.mega-menu ul li a.white-label {
  background-position: 0px -473px;
}

.mega-menu ul li a.social-media-calendar {
  background-position: 0px -592px;
}

.mega-menu ul li a.content-curation {
  background-position: 0px -712px;
}

.mega-menu ul li a.team-management {
  background-position: 0px -832px;
}

.mega-menu ul li a.browser-extension {
  background-position: 0px -952px;
}

.mega-menu ul li a.content-Library {
  background-position: 0px -4067px;
}

.mega-menu ul li a.media-terms {
  background-position: 0px -4306px;
}

.mega-menu ul li a.bulk-scheduling {
  background-position: 0px -1070px;
}

.mega-menu ul li a.rss-feeds {
  background-position: 0px -1190px;
}

.mega-menu ul li a.client-mangement {
  background-position: 0px -1310px;
}

.mega-menu ul li a.integrations {
  background-position: 0px -1429px;
}

.mega-menu ul li a.small-business {
  background-position: 0px -1548px;
}

.mega-menu ul li a.agency {
  background-position: 0px -1668px;
}

.mega-menu ul li a.franchise {
  background-position: 0px -1786px;
}

.mega-menu ul li a.enterprise {
  background-position: 0px -1910px;
}

.mega-menu ul li a.facebook {
  background-position: 0px -2028px;
}

.mega-menu ul li a.instagram {
  background-position: 0px -2148px;
}

.mega-menu ul li a.twitter {
  background-position: 0px -2268px;
}

.mega-menu ul li a.linkedin {
  background-position: 0px -2388px;
}

.mega-menu ul li a.youtube {
  background-position: 0px -2508px;
}

.mega-menu ul li a.pinterest {
  background-position: 0px -2628px;
}

.mega-menu ul li a.google {
  background-position: 0px -2746px;
}

.mega-menu ul li a.tiktok {
  background-position: 0px -2867px;
}

.mega-menu ul li a.marketing-agency {
  background-position: 0px -4187px;
}

.mega-menu ul li a.growth {
  background-position: 0px -2987px;
}

.mega-menu ul li a.blog {
  background-position: 0px -3107px;
}

.mega-menu ul li a.Podcasts {
  background-position: 0px -3227px;
}

.mega-menu ul li a.ebook {
  background-position: 0px -3347px;
}

.mega-menu ul li a.webinar {
  background-position: 0px -3467px;
}

.mega-menu ul li a.product {
  background-position: 0px -3587px;
}

.mega-menu ul li a.news {
  background-position: 0px -3707px;
}

.mega-menu ul li a.news {
  background-position: 0px -3707px;
}

.mega-menu ul li a.threadmagic {
  background-position: 0px -3827px;
}

.mega-menu ul li a.shareit {
  background-position: 0px -3947px;
}

.mega-menu ul li a.templates {
  background-position: 0px -4426px;
}

.mega-menu ul li a.real-estate {
  background-position: 0px -4547px;
}

.mega-menu ul li a.restaurant {
  background-position: 0px -4667px;
}

.mega-menu ul li a.dentist {
  background-position: 0px -4787px;
}

.mega-menu ul li a.handyman {
  background-position: 0px -4907px;
}

.mega-menu ul li a.ai-assistance {
  background-position: 0px -5030px;
}

.mega-menu ul li a.advanced-reports {
  background-position: 0px -5147px;
}

.mega-menu ul li a.approvals {
  background-position: 0px -5264px;
}

.mega-menu ul li a.Masterclass {
  background-position: 0px -6452px;
}

.mega-menu ul li a.threads {
  background-position: 0px -6693px;
}

.mega-menu ul li a.overview {
  background-position: 0px -6813px;
}

.mega-menu ul li a.review-generation {
  background-position: 0px -6931px;
}

.mega-menu ul li a.review-management {
  background-position: 0px -7056px;
}

/* header update */

.mega-menu-wrap .sp_act {
  background: #f4f9ff;
  border-radius: 8px !important;
  margin-bottom: 16px !important;
  padding: 8px 16px !important;
  margin-left: -14px;
  margin-right: -14px !important;
  margin-top: -8px !important;
}

/* 
  .mega-menu-wrap .sp_act p.menu-subt{
  margin-bottom:0 !important;
  } */

.mega-menu-wrap .sp_act p.menu-subt.new:after {
  content: "New Release";
  display: inline-block;
  vertical-align: top;
  margin: 0px 0px 0px 12px;
  font-size: 12px;
  background: #23a06c;
  padding: 2px 8px 0px;
  line-height: 22px;
  border-radius: 4px;
  color: #fff;
  margin-top: 4px;
  font-family: "ProximaNova-Semibold";
  border-radius: 33px;
  margin-top: 3px;
}

.mega-menu ul li a.reviews {
  background-position: 0px -6333px;
}

/* header update */

/* new icons add */

.mega-menu ul li a.instagram-cap {
  background-position: 0px -5378px;
}

.mega-menu ul li a.facebook-cap {
  background-position: 0px -5498px;
}

.mega-menu ul li a.twitter-cap {
  background-position: 0px -5978px;
}

.mega-menu ul li a.tiktok-cap {
  background-position: 0px -5738px;
}

.mega-menu ul li a.linkedin-cap {
  background-position: 0px -5618px;
}

.mega-menu ul li a.twitter-cap-x {
  background-position: 0px -5858px;
}

.mega-menu ul li a.twitter-x {
  background-position: 0px -6098px;
}

.mega-menu ul li a.holiday-calendar {
  background-position: 0px -6217px;
}

/* new icons add */

@media (max-width: 991.98px) {
  .mega-menu {
    position: relative !important;
  }

  .menu-col {
    padding: 16px 16px 16px !important;
    width: 100% !important;
    min-width: 100%;
  }

  .m991-hide {
    display: none !important;
  }

  .mega-menu-wrap {
    box-shadow: none !important;
    border-radius: 0px !important;
  }

  .w-432 {
    min-width: 100% !important;
  }

  .mpt-0 {
    padding-top: 0px !important;
  }

  .media-down::after {
    content: url("https://www.socialpilot.co/wp-content/uploads/2023/01/right-16.svg") !important;
    position: absolute;
    z-index: 10;
    right: 20px !important;
    top: 10px !important;
    transform: rotate(0deg) !important;
    transition: 300ms linear all;
  }

  .media-down.actvclass::after {
    transform: rotate(90deg) !important;
    transition: 300ms linear all;
  }

  .exo-menu > li > a {
    position: relative !important;
  }

  .feat-li {
    padding-top: 0px !important;
    padding-right: 17px !important;
  }

  .menu-col ul li:not(:last-child) {
    margin-bottom: 16px !important;
  }
}

/* menu desing end */

/* header tab */

.header-tab {
  background: #bcd7ff !important;
}

.header-tab .nav-link {
  font-size: 14px;
  padding: 7px 16px;
  line-height: 20px !important;
  font-family: "ProximaNova-Semibold" !important;
  color: #1b1c1e !important;
}

.header-tab li.nav-item:not(:first-child){
    border-left: 1px solid #FFF !important;
}

.header-tab .nav-link.active,
.header-tab .nav-link.active_tab {
  background: #fff !important;
  border-radius: 0 !important;
}

.mega-drop-down .free-demo.blue-lin {
  border: 1px solid #0f67ea !important;
  color: #0f67ea !important;
}

@media (max-width: 575.98px) {
  .header-tab .container-md {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding: 0 !important;
  }
  .header-tab .nav-link{
    padding: 7px 7px;
  }
}

/* header tab */

.web-hide {
  display: none;
}

@media (max-width: 991.98px) {
  .media-hide {
    display: none;
  }

  .web-trial-btn {
    /* margin-left: -30px !important; */
    font-family: "ProximaNova-Semibold";
    text-decoration: underline;
    width: 70% !important;
    margin: 0px auto;
  }

  .web-hide {
    display: block;
  }
}

/* new menu design */

.single-auto {
  position: relative;
}

/* .single-auto:hover {
      border-bottom: 3px solid #fe8848;
  } */

.single-auto .mega-menu ul li a:hover,
.single-auto .mega-menu ul li a:focus {
  color: #1b1c1e !important;
}

.single-auto .mega-menu-wrap {
  display: inline-block;
}

.single-auto .mega-menu-wrap .w-auto {
  width: auto !important;
  white-space: nowrap;
  padding: 16px 16px !important;
}

.single-auto .menu-col ul li {
  padding: 0px 16px !important;
  border-radius: 8px;
  margin-bottom: 8px !important;
}

.single-auto .menu-col ul li:last-child {
  margin-bottom: 0 !important;
}

.single-auto .mega-menu-wrap .w-auto.pb-0 {
  padding-bottom: 0 !important;
}

.single-auto .mega-menu-wrap .w-auto.pt-0 {
  padding-top: 0 !important;
}

.single-auto .mega-menu-wrap .w-auto ul li a {
  display: block;
  padding: 8px 16px;
  border-radius: 8px !important;
  padding-left: 32px !important;
  padding-right: 0 !important;
}

.single-auto .mega-menu-wrap .w-auto ul li a:not(:last-child) {
  margin-bottom: 8px !important;
}

.single-auto .mega-menu-wrap .w-auto ul li:hover {
  background: #f4f9ff !important;
}

.single-auto .mega-menu-wrap .w-auto ul li a:hover {
  color: #1b1c1e !important;
}

.single-auto .menu-col ul li a:hover .menu-title {
  color: #1b1c1e !important;
}

.mega-menu-wrap:hover + .single-auto {
  border-bottom: 2px solid black;
}

.single-auto ul.all_feat {
  border-top: 1px solid #dae9ff;
  margin-top: 16px !important;
  margin-left: -16px !important;
  margin-right: -16px !important;
}

.single-auto ul.all_feat li {
  padding: 0 !important;
}

.single-auto ul.all_feat li a {
  color: #1b1c1e !important;
  font-family: "ProximaNova-Semibold" !important;
  padding-left: 0 !important;
  padding: 16px !important;
  padding-left: 8px !important;
}

.single-auto ul.all_feat li a.arrow {
  position: relative !important;
}

.single-auto ul.all_feat li a.arrow:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url("https://www.socialpilot.co/wp-content/uploads/2024/08/arrow-right.svg")
    no-repeat;
  top: 22px;
  right: 26px;
  position: absolute;
  display: inline-block;
}

.single-auto .mega-menu ul li.icon a {
  background-image: url(https://www.socialpilot.co/wp-content/uploads/2025/08/review_menu.svg) !important;
  background-repeat: no-repeat;
}

.single-auto .mega-menu ul li a.publishing {
  background-position: 0px 11px;
}

.single-auto .mega-menu ul li a.social-media-calendar {
  background-position: 0px -57px;
}

.single-auto .mega-menu ul li a.analytics {
  background-position: 0px -121px;
}

.single-auto .mega-menu ul li a.engagement {
  background-position: 0px -187px;
}

.single-auto .mega-menu ul li a.collaboration {
  background-position: 0px -255px;
}

.single-auto .mega-menu ul li a.white-label {
  background-position: 0px -324px;
}

.single-auto .mega-menu ul li a.ai-assistance {
  background-position: 0px -391px;
}

.single-auto .mega-menu ul li a.small-business {
  background-position: 0px -459px;
}

.single-auto .mega-menu ul li a.agency {
  background-position: 0px -527px;
}

.single-auto .mega-menu ul li a.franchise {
  background-position: 0px -596px;
}

.single-auto .mega-menu ul li a.enterprise {
  background-position: 0px -664px;
}

.single-auto .mega-menu ul li a.blog {
  background-position: 0px -732px;
}

.single-auto .mega-menu ul li a.Masterclass {
  background-position: 0px -799px;
}

.single-auto .mega-menu ul li a.webinar {
  background-position: 0px -865px;
}

.single-auto .mega-menu ul li a.Podcasts {
  background-position: 0px -934px;
}

.single-auto .mega-menu ul li a.ebook {
  background-position: 0px -1001px;
}

.single-auto .mega-menu ul li a.tools {
  background-position: 0px -1070px;
}

.single-auto .mega-menu ul li a.overview {
  background-position: 0px -1135px;
}

.single-auto .mega-menu ul li a.review-generation {
  background-position: 0px -1198px;
}

.single-auto .mega-menu ul li a.review-management {
  background-position: 0px -1266px;
}

.single-auto .mega-menu ul li a.listings-management {
  background-position: 0px -1402px;
}

.single-auto .mega-menu ul li a.product {
  background-position: 0px -1333px;
}

.single-auto ul.all_feat li:hover {
  background: #f4f9ff;
  border-radius: 0 !important;
}

.single-auto .mega-menu {
  left: 50%;
}

.single-auto .mega-menu-wrap {
  box-shadow: 0px 4px 36px 0px rgba(0, 0, 0, 0.26);
  left: 50%;
  transform: translateX(-50%);
}

.exo-menu li.single-auto:hover a.media-down {
  border-bottom: 3px solid #fe8848;
}

@media (max-width: 991.98px) {
  .exo-menu li.single-auto:hover a.media-down {
    border-bottom: 1px solid #00000017 !important;
  }

  .single-auto .mega-menu-wrap {
    width: 100% !important;
    display: block !important;
  }

  .single-auto ul.all_feat {
    border-bottom: 1px solid #dae9ff;
    margin-top: 0px !important;
    border-top: 0 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .single-auto .menu-col ul li {
    padding: 0px 0px !important;
    border-radius: 0 !important;

    margin-bottom: 0px !important;
  }

  .single-auto .mega-menu-wrap .w-auto ul.all_feat li a {
    padding-left: 14px !important;
    padding: 8px !important;
    font-size: 16px;
    line-height: 24px !important;
    padding-left: 0 !important;
  }

  .single-auto ul.all_feat li a.arrow:after {
    top: 11px;
    right: 3px;
  }

  .single-auto .mega-menu-wrap .w-auto {
    background: #f4f8fe !important;
  }

  .single-auto .mega-menu-wrap .w-auto ul li a {
    font-family: "ProximaNova-Regular" !important;
    font-size: 14px !important;
  }

  .single-auto .menu-col .menu-title {
    font-size: 14px !important;
    margin-bottom: 0 !important;
    font-family: "ProximaNova-Regular" !important;
  }

  li.mega-drop-down.first-4-menu.menu-lst.single-auto {
    z-index: -1;
  }

  .single-auto .mega-menu-wrap .w-auto {
    padding: 0 !important;
  }

  .single-auto .menu-col ul li {
    margin-bottom: 0px !important;
    border-bottom: 1px solid #dae8ff;
    padding: 4px 14px !important;
  }
}

.single-auto .mega-menu ul li a:hover {
  text-decoration: none !important;
}

/* new menu design */

@media (max-width: 991.98px) {
  .single-auto .mega-menu {
    left: 0% !important;
  }

  .single-auto .mega-menu-wrap {
    left: 0 !important;
    transform: translateX(0%) !important;
  }
}

/* footer start */

/* footer update */
.page-template-page-new .footer-container .footer-lstliun {
  text-align: left !important;
}

.page-template-page-new .footer-container .footer-lstliun ul {
  text-align: left !important;
}

.page-template-page-new
  .footer-container
  .footer-lstliun
  ul
  li:not(:first-child)::before {
  display: none !important;
}

.page-template-page-new .footer-container .footer-lstliun {
  opacity: 1 !important;
}

.page-template-page-new .footer-lstliun ul li:first-child {
  margin-left: 0px !important;
  padding-left: 0px !important;
}

.footer-lstliun .cpy-txt {
  opacity: 0.5 !important;
}

.page-template-page-new .footer-container .footer-lstliun .spl-txt ul {
  text-align: right !important;
}

@media (max-width: 1199.98px) {
  .page-template-page-new .footer-lstliun ul li {
    padding-left: 0.2rem;
  }
}

@media (max-width: 991.98px) {
  .address_details_area {
    border-left: none;
    border-top: 1px solid #d9d9d9;
    padding-left: 0px;
    padding-top: 15px !important;
    margin-top: 15px !important;
  }

  .custom-footer-top .custom-footer-other-links .footer-title {
    margin-bottom: 15px !important;
    margin-top: 15px !important;
  }

  /* .custom-footer-top {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important;
    } */

  .page-template-page-new .footer-container .footer-lstliun .spl-txt ul {
    text-align: center !important;
    margin-top: 24px !important;
  }
}

@media (max-width: 767.98px) {
  .page-template-page-new .footer-container .footer-lstliun ul {
    text-align: center !important;
  }

  .page-template-page-new .footer-container .footer-lstliun .spl-txt ul {
    text-align: center !important;
    margin-top: 24px !important;
  }

  .page-template-page-new .footer-lstliun ul li {
    padding-left: 0.5rem;
  }

  .page-template-page-new .footer-lstliun ul li.tt-line {
    display: block !important;
    margin-bottom: 12px !important;
  }
}

@media (max-width: 575.98px) {
  .page-template-page-new
    .footer-container
    .footer-lstliun
    .spl-txt
    ul
    li:not(:first-child) {
    margin-bottom: 8px !important;
  }

  .page-template-page-new
    .footer-container
    .footer-lstliun
    .spl-txt
    ul
    li:not(:first-child)
    img {
    width: 32px;
  }
}

/* footer update */

/* new footer */
/* .page-template-page-new .custom-footer-top {
    background: #1B1C1E !important;
} */

.page-template-page-new .custom-footer-top {
  background: #0c356a !important;
}

.custom-footer-other-links ul {
  list-style: none;
  margin: 0 !important;
  padding: 0;
}

.page-template-page-new .custom-footer-top p.footer-title {
  color: #ffffff !important;
  /* opacity: 0.5; */
  font-size: 24px;
  line-height: 34px;
  font-family: "ProximaNova-Regular" !important;
}

.page-template-page-new .custom-footer-other-links ul li a {
  font-size: 16px;
  line-height: 26px;
  color: #8698b4 !important;
  padding-bottom: 8px !important;
}

.page-template-page-new .custom-footer-other-links ul li a:hover {
  text-decoration: underline !important;
}

.page-template-page-new .footer-container .footer-logo {
  margin-bottom: 48px !important;
}

.page-template-page-new .footer-lstliun {
  border-top: 1px solid #8d8d8e !important;
  padding: 16px !important;
  text-align: center !important;
}

.page-template-page-new .footer-lstliun {
  color: #ffffff !important;
  opacity: 0.4;
  font-size: 16px;
  line-height: 26px;
}

.page-template-page-new .footer-lstliun a {
  color: #ffffff !important;
  opacity: 1;
  text-decoration: underline !important;
}

/* .page-template-page-new .custom-footer-top {
    padding: 0px !important;
} */

/* .page-template-page-new .custom-footer-top .container {
    padding-top: 80px !important;
    padding-bottom: 64px !important;
} */

.page-template-page-new .custom-footer-other-links ul.followlist li a img {
  margin-right: 16px !important;
}

.page-template-page-new
  .custom-footer-other-links
  ul.followlist
  li:not(:last-child) {
  margin-bottom: 8px !important;
}

/* .page-template-page-new .custom-footer-other-links ul li a {
    padding-bottom: 16px;
} */

.page-template-page-new .custom-footer-other-links ul li:last-child a {
  padding-bottom: 0px !important;
}

.page-template-page-new .footer-lstliun ul {
  text-align: center !important;
  list-style: none !important;
  margin: 0px !important;
  padding: 0px !important;
}

.page-template-page-new .footer-lstliun ul li {
  display: inline;
  padding-left: 0.5rem;
}

/* .page-template-page-new .footer-lstliun ul li:not(:first-child)::before {
    display: inline-block;
    padding-right: 1rem;
    color: #FFFFFF;
    opacity: 0.5;
    content: "|";
} */

@media (max-width: 991.98px) {
  .page-template-page-new .footer-container .footer-logo {
    margin-bottom: 24px !important;
  }

  .page-template-page-new .footer-container .col.col-w50 {
    width: 49.8% !important;
    min-width: 49.8% !important;
  }

  .page-template-page-new .custom-footer-other-links ul.followlist li a span {
    display: none !important;
  }

  .page-template-page-new .custom-footer-other-links ul.followlist li {
    display: inline-block !important;
  }

  .page-template-page-new .custom-footer-other-links ul.followlist li a {
    padding-bottom: 0px !important;
  }

  .page-template-page-new .custom-footer-other-links ul.followlist li {
    margin-bottom: 0px !important;
  }
}

/* new footer */

/* footer update */

.page-template-page-new .custom-footer-top p.footer-title {
  opacity: 1 !important;
}

.page-template-page-new .custom-footer-other-links ul li a {
  padding-bottom: 8px !important;
}

.custom-footer-other-links ul li a {
  font-family: "ProximaNova-Regular";
  display: block;
}

/* footer update */

@media (max-width: 1199.98px) {
  .col.col-w50,
  .col-auto.col-w50 {
    margin-bottom: 16px !important;
  }
}

@media (max-width: 991.98px) {
  .col-auto.col-w50 {
    width: 49.8% !important;
    min-width: 49.8% !important;
  }
}

@media (max-width: 767.98px) {
  .container-md {
    max-width: 540px;
  }
}

.page-template-page-new .custom-footer-top .container {
  padding-top: 80px !important;
  padding-bottom: 64px !important;
}

@media (max-width: 991.98px) {
  .page-template-page-new .custom-footer-top .container {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
}

@media (max-width: 575.98px) {
  .page-template-page-new .custom-footer-top .container {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

.footer_sub_title {
  font-size: 16px;
  line-height: 26px;
}

/* sp mega menu */

.sp_header_container li.menu-lst a.media-down::before {
  content: "";
  background: url("https://www.socialpilot.co/wp-content/uploads/2025/01/menu_arroa.svg");
  width: 10px;
  height: 7px;
  display: inline-block !important;
  margin-left: 6px;
  float: right;
  position: relative;
  top: 11px;
}

.sp_header_container .user_tes_header{
  display: flex;
      align-items: center;
      margin-bottom: 24px;
}

.exo-menu li.single-auto:hover a.media-down {
  border-bottom: 3px solid #fe8848;
}

.sp_header_container .user_testm_box .user_avtar {
  min-width: 80px !important;
  min-height: 80px !important;
  max-width: 80px !important;
  margin-right: 16px;
}

.bold-600 {
  font-family: "ProximaNova-Semibold" !important;
}

.sp_header_container .user_testm_box::after {
  content: "";
  content: "";
  height: 1px;
  position: relative;
  width: 34px;
  background: #bcd7ff;
  display: block;
  margin-top: 16px;
}

.sp_header_container .user_testm_box .user_avtar img {
  border-radius: 50% !important;
  width: 80px !important;
  height: 80px !important;
  border: 0.879px solid #8AB9FF;
}

.sp_header_container .user_testm_box .user_stars {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 12px !important;
}


.sp_header_container .user_testm_box .user_review {
  margin-bottom: 16px;
}

.sp_header_container .user_testm_box .user_review p {
  font-size: 16px;
  line-height: 26px !important;
  margin-bottom: 0 !important;
}

.sp_header_container .user_testm_box .user_auth span.name {
  font-size: 16px;
  line-height: 26px;
  display: block;
  font-family: "ProximaNova-Bold";
}

.sp_header_container .user_testm_box .user_auth span.name {
  font-size: 16px;
  line-height: 26px;
  display: block;
  font-family: "ProximaNova-Bold";
}

.sp_header_container .user_testm_box .user_auth span.pos {
  display: inline-block !important;
  font-size: 14px;
  line-height: 20px;
}

.sp_header_container a.toggle-menu {
  top: 50% !important;
  transform: translateY(-50%) rotate(90deg) !important;
}

.sp_mega_menu hr {
  border-bottom: 1px solid #dae9ff !important;
  margin: 32px 0px;
  border-top: 0 !important;
}

.sp_mega_menu hr._24{
    margin: 24px 0px;
}

.sp_mega_menu .mega-menu-wrap {
  overflow: hidden !important;
  border-radius: 0px 0px 16px 16px !important;
  box-shadow: 0px 35px 36px 0px rgba(0, 0, 0, 0.12) !important;
  background: #fff;
  border-top: 1px solid #dee2e6;
}

.sp_mega_menu .menu_row {
  display: flex;
}
.sp_mega_menu .menu-hlight {
  background: #f4f8fe !important;
  min-width: 358px;
  max-width: 358px;
}

.sp_mega_menu .left_menu {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.sp_mega_menu .left_menu,
.sp_mega_menu .right_menu {
  padding: 32px;
}

/* .sp_mega_menu .left_menu.pb-md-0, .sp_mega_menu .right_menu.pb-md-0{
   padding-bottom:0 !important;
} */

.sp_mega_menu .right_menu.menu-hlight {
  display: flex;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.sp_mega_menu ul {
  padding: 0;
  margin: 0;
  list-style: none !important;
}

.sp_mega_menu ul.menu_box_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(216px, 1fr));
  gap: 4px;
}


.sp_mega_menu ul.menu_box_grid.w2{
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2px 4px;
}




.sp_mega_menu ul.menu_box_grid li:hover,
.sp_mega_menu ul.menu_box_grid li.act {
  background: #ecf4ff !important;
  border-radius: 8px;
}

.sp_mega_menu ul.menu_box_grid li a {
  padding: 16px;
  color: #1b1c1e;
}

.sp_mega_menu ul.menu_box_grid li:hover a .__menu_card .menu_card_icon,
.sp_mega_menu ul.menu_box_grid li.act a .__menu_card .menu_card_icon {
  background-color: #fff !important;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card {
  display: flex;
    
}

.sp_mega_menu ul.menu_box_grid.w2 li .__menu_card {
    align-items: center;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_text span.title {
  font-size: 16px !important;
  line-height: 28px !important;
  display: block;
  letter-spacing: 0.32px;
  text-transform: capitalize;
  color: #1b1c1e !important;
  font-family: "ProximaNova-Semibold" !important;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_text span {
  color: #56606e !important;
  font-size: 14px;
  line-height: 20px;
  display: block;
  letter-spacing: 0.28px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon {
  min-width: 44px;
  max-width: 44px;
  height: 44px;
  border-radius: 4px;
  background: #edf4ff;
  margin-right: 16px;
}

.sp_mega_menu .hlight_product .hlight_product_text {
  margin-top: 16px;
}

.sp_mega_menu .hlight_product .hlight_product_text .hlight_product_title {
  font-size: 18px;
  line-height: 28px;
  font-family: "ProximaNova-Semibold";
  margin-bottom: 4px;
}

.sp_mega_menu .hlight_product .hlight_product_text p {
  color: #56606e !important;
  font-size: 14px;
  line-height: 20px;
  display: block;
  letter-spacing: 0.28px;
}

.sp_mega_menu .menu_list_gird_ {
  display: grid;
  grid-template-columns: auto auto auto;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col {
  padding: 0px 16px;
}

.sp_mega_menu p.ist_gird_col_title {
  color: #9ca1a9;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 24px;
  font-family: "ProximaNova-Semibold";
  margin-bottom: 16px;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a, .sp_mega_menu .hlight_product_links ul li a{
  font-size: 15px;
  line-height: 24px !important;
  font-family: "ProximaNova-Semibold";
  color: #1b1c1e !important;
}

/* .sp_mega_menu .menu_list_gird_ .list_gird_col ul li a:hover {
  color: #0f67ea !important;
} */

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li:not(:last-child) {
  /* margin-bottom: 24px; */
}

.sp_mega_menu ul.menu_box_grid li {
  max-width: 270px;
  min-width: 270px;
}

.sp_mega_menu ul.menu_box_grid.w2 li{
    max-width: 100% !important;
    min-width: 100% !important;
}

.sp_mega_menu ul.menu_box_grid.w2 li a{
      padding: 8px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon {
    background-image: url(https://www.socialpilot.co/wp-content/uploads/2025/11/full_menu-list.svg) !important;
  /* background-image: url(https://www.socialpilot.co/wp-content/uploads/2025/06/Solution-icons.svg) !important; */
  background-repeat: no-repeat;
  background-position: 8px 8px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.setting {
  background-position: 8px 8px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.star {
  background-position: 8px -68px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.ai {
  background-position: 8px -144px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.agency {
  background-position: 8px -220px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.brands {
  background-position: 8px -295px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.location {
  background-position: 8px -372px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.real_estate {
  background-position: 8px -448px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.real_estate {
  background-position: 8px -448px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.plumber {
  background-position: 8px -524px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.doctor {
  background-position: 8px -600px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.restaurant {
  background-position: 8px -676px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.law {
  background-position: 8px -753px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.photography {
  background-position: 8px -829px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.hvac {
  background-position: 8px -905px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.non_profit {
  background-position: 8px -981px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.blog {
  background-position: 8px -1057px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.holiday {
  background-position: 8px -1133px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.guide {
  background-position: 8px -1209px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.webinar {
  background-position: 8px -1285px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.templates {
  background-position: 8px -1361px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.podcasts {
  background-position: 8px -1437px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.downloadables {
  background-position: 8px -1513px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.help_doc {
  background-position: 8px -1589px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.newsroom {
  background-position: 8px -1665px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.mater_class {
  background-position: 8px -1741px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.setting_v2 {
  background-position: 8px -1817px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.terms {
  background-position: 8px -1893px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.ai_gpt{
  background-position: 8px -1950px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.handyman{
  background-position: 8px -2022px;
}
.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.ecommerce{
  background-position: 8px -2096px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.listings_management{
       background-position: 8px -2323px;
}


.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.white_label{
      background-position: 8px -2244px;
}


.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.review-gen{
      background-position: 8px -2397px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.review-man{
      background-position: 8px -2470px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.review-ana{
      background-position: 8px -2541px;
}

.sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon.review-mar{
 background-position: 8px -2614px;
}

/* .sp_mega_menu .hlight_product_links ul li:not(:last-child) {
  margin-bottom: 24px;
}

.sp_mega_menu .hlight_product_links ul li a.features {
  background-image: url(https://www.socialpilot.co/wp-content/uploads/2025/01/features.svg);
  background-repeat: no-repeat;
  padding-left: 28px;
  background-position: 0px 3px;
}

.sp_mega_menu .hlight_product_links ul li a.latest {
  background-image: url(https://www.socialpilot.co/wp-content/uploads/2025/01/latest.svg);
  background-repeat: no-repeat;
  padding-left: 28px;
  background-position: 0px 3px;
}

.sp_mega_menu .hlight_product_links ul li a.integrations {
  background-image: url(https://www.socialpilot.co/wp-content/uploads/2025/01/integrations.svg);
  background-repeat: no-repeat;
  padding-left: 28px;
  background-position: 0px 3px;
}

.sp_mega_menu .hlight_product_links ul li a {
  font-size: 16px;
  line-height: 24px !important;
  font-family: "ProximaNova-Semibold";
  color: #1b1c1e;
}

.sp_mega_menu .hlight_product_links ul li a:hover {
  color: #0f67ea !important;
} */

.sp_mega_menu .hlight_product.white_product {
  border-radius: 8px;
  border: 0.946px solid #bcd7ff;
  background: #fff;
  overflow: hidden;
}

.sp_mega_menu .hlight_product.white_product .hlight_product_text {
  padding: 16px 16px;
  padding-top: 0 !important;
}

.sp_mega_menu .hlight_product.white_product .hlight_product_text a.link {
  font-family: "ProximaNova-Semibold";
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.28px;
}

/* mobile menu */

.web_hide {
  display: none !important;
}

.d-md-none {
  display: inline-block !important;
}

/* mobile menu */


.sp_header_container .d-md-none {
  display: inline-block !important;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a, .sp_mega_menu .hlight_product_links ul li a{
  display: flex;
align-items: center;
gap: 8px;
  padding: 8px;
border-radius: 4px;
}


.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons, .sp_mega_menu .hlight_product_links ul li a .shot_icons{
background-image: url(https://www.socialpilot.co/wp-content/uploads/2025/09/header_short_icons.svg) !important;
background-repeat: no-repeat;
  height: 30px;
width: 30px;
background-color: #EDF4FF;
border-radius: 4px;
  background-position: 3px 6px;
}


.sp_mega_menu .hlight_product_links ul li a:hover{
background-color: #FFFFFF !important;
}

.sp_mega_menu .hlight_product_links ul li a .shot_icons{
background-color: #FFFFFF !important;
}

.sp_mega_menu .hlight_product_links ul li a:hover .shot_icons{
background-color: #EDF4FF !important;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a:hover, .sp_mega_menu .menu_list_gird_ .list_gird_col ul li a:hover{
  background: #EDF4FF;

}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a:hover .shot_icons{
background-color:#FFFFFF !important;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a:hover .shot_icons{
background-color: #EDF4FF;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.analytics{
background-position: 4.5px -40px;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.generation{
background-position: 4.5px -86px;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.engagement{
  background-position: 4.5px -132px;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.collaboration{
background-position: 4.5px -179px;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.whitelabel{
background-position: 4.5px -224px;
}


.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.calendar{
background-position: 4.5px -270px;
}


.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.reports{
background-position: 4.5px -316px;
}


.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.bulk{
background-position: 4.5px -362px;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.library{
background-position: 4.5px -408px;
}


.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.teammanagement{
background-position: 4.5px -455px;
}


.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.clientmanagement{
background-position: 4.5px -500px;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.ai{
background-position: 4.5px -547px;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.approvals{
background-position: 4.5px -592px;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.re_management{
background-position: 4.5px -639px;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.re_marketing{
background-position: 4.5px -685px;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.extension{
background-position: 4.5px -731px;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.contentbank{
background-position: 4.5px -776px;
}

.sp_mega_menu .hlight_product_links ul li a .shot_icons.allfeatures{
background-position: 4.5px -822px;
}

.sp_mega_menu .hlight_product_links ul li a .shot_icons.product_update{
background-position: 4.5px -867px;
}

.sp_mega_menu .hlight_product_links ul li a .shot_icons.integrations{
background-position: 4.5px -913px;
}


.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.facebook{
    background-position: 5px -1420px;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.instagram{
    background-position: 5px -1466px;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.tiktok{
background-position: 5px -1512px;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.twitter{
    background-position: 5px -1558px;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.linkedin{
    background-position: 5px -1604px;
}


.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.threads{
    background-position: 5px -1650px;
}
.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.bluesky{
    background-position: 5px -1696px;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.youtube{
    background-position: 5px -1742px;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.pinterest{
background-position: 5px -1787px;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.google-business{
    background-position: 5.2px -1833px;
}




.ml-n-8{
margin-left:-8px !important;
}


.sp_mega_menu .menu_list_gird_.full_gird_bx{
grid-template-columns: auto auto !important;
}

.sp_mega_menu .menu_list_gird_.full_gird_bx ul{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
gap: 0px;
}


.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.realestate{
  background-position: 4.5px -960px;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.restaurant{
background-position: 4.5px -1006px;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.hvac{
background-position: 4.5px -1052px;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.nonprofit{
background-position: 4.5px -1097px;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.doctor{
background-position: 4.5px -1144px;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.photography{
background-position: 4.5px -1190px;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.handyman{
background-position: 4.5px -1236px;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.e-commerce{
background-position: 4.5px -1281px;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.plumber{
background-position: 4.5px -1328px;
}

.sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons.law{
background-position: 4.5px -1374px;
}



@media (max-width: 991.98px) {


  /* .sp_mega_menu .menu_list_gird_ .list_gird_col ul li a .shot_icons{
    background-color: #FFF !important;
  }

  .sp_mega_menu .hlight_product_links ul li a .shot_icons{
    background-color: #f4f9ff !important;
  } */



  .sp_header_container li.menu-lst a.media-down::before {
    display: none !important;
  }

  .md-overflow-hidden {
    overflow: hidden;
  }

  .sp_header_container.actv .sp_mega_menu {
    background: #0000007d;
    position: fixed !important;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    height: 100vh;
    top: 0;
    bottom: 0;
  }

  .container.position-relative.sp_header_container.actv {
    position: static !important;
  }

  .sp_header_container.actv .exo-menu {
    max-width: 400px;
    right: 0;
    left: auto !important;
    top: 0;
    bottom: 0;
    background: #fff !important;
    position: fixed;
    height: 100vh !important;
    width: 0 !important;
    padding: 0 !important;
    padding-left: 0 !important;
  }

  .sp_header_container.actv .exo-menu > li {
    width: 100% !important;
    background-color: transparent !important;
    box-shadow: none !important;
    display: block !important;
  }

  .sp_header_container .custom-logo img {
    width: 120px !important;
  }

  .sp_header_container.actv .first-4-menu {
    float: none !important;
  }

  .sp_mega_menu ul.menu_box_grid li .__menu_card .menu_card_icon {
    background-color: #fff !important;
  }

  .sp_header_container.actv .exo-menu > li.d-md-none {
    display: none !important;
  }

  .d-md-none {
    display: none !important;
  }

  .d-md-none {
    display: none !important;
  }
  .web_hide {
    display: block !important;
  }
  .sp_mega_menu .menu_row {
    display: block !important;
  }

  .sp_mega_menu .left_menu,
  .sp_mega_menu .right_menu {
    padding: 16px 0px !important;
  }

  .sp_mega_menu ul.menu_box_grid {
    display: block !important;
  }

  .sp_mega_menu ul.menu_box_grid li {
    max-width: 100%;
    min-width: 100%;
    background: #ecf4ff !important;
    border-radius: 8px;
  }

  .sp_mega_menu ul.menu_box_grid li:not(:last-child) {
    margin-bottom: 8px !important;
  }

  /* 	.sp_mega_menu .exo-menu{
       display:block !important;
   } */

  .sp_header_container.actv .exo-menu.show {
    padding: 16px !important;
    padding-left: 16px !important;
    overflow-y: scroll;
    width: 400px !important;
    animation: sideMenu 2s forwards;
  }

  @keyframes sideMenu {
    0% {
      display: block;
      right: -400px;
    }
    50% {
      right: -200px;
    }
    50% {
      right: 0px;
    }
  }

  .sp_mega_menu .mega-menu-wrap {
    border-radius: 0px 0px 0px 0px !important;
    box-shadow: none !important;
    border-top: none !important;
  }

  .sp_mega_menu .right_menu.menu-hlight {
    display: block !important;
    width: 100% !important;
    min-width: 100%;
    background: #fff !important;
  }

  .sp_mega_menu .menu_list_gird_ {
    display: block !important;
    margin-top: 24px !important;
  }

  .sp_mega_menu .menu_list_gird_ .list_gird_col ul {
    /* background: #f4f9ff !important;
    padding: 16px !important; */
    border-radius: 8px !important;
    margin-bottom: 24px;
  }

  /* .sp_mega_menu .menu_list_gird_ .list_gird_col ul li:not(:last-child) {
    margin-bottom: 8px;
  } */

  .sp_mega_menu .menu_list_gird_ .list_gird_col ul li a {
    font-family: "ProximaNova-Regular" !important;
  }

  .menu_mb_hedaer_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .menu_mb_hedaer_flex .menu_md_logo {
    width: 107px;
  }

  .menu_mb_hedaer_flex .menu_md_close button {
    background: #fff !important;
    color: #9ca1a9 !important;
    padding-right: 0 !important;
  }

  .sp_header_container.actv .exo-menu > li > a {
    padding: 16px 0px !important;
    border-top: 1px solid #dae9ff;
    border-bottom: 0 !important;
    font-size: 18px;
    line-height: 28px;
    font-family: "ProximaNova-Semibold";
  }

  .sp_header_container.actv .mega-drop-down .login-btn {
    margin-right: 0 !important;
  }

  .sp_header_container.actv .menu_mb_buttons {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin: 32px 0px;
  }

  .sp_header_container.actv .menu_mb_buttons a {
    width: 50%;
    text-align: center !important;
  }

  .menu_mb_hedaer_flex .menu_md_logo img {
    width: 108px;
    height: 24px;
  }

  /* .sp_mega_menu .hlight_product_links ul li:not(:last-child) {
    margin-bottom: 8px;
  } */

  .sp_mega_menu .hlight_product_links ul {
    background: #edf4ff;
    padding: 12px !important;
    border-radius: 8px !important;
    margin-left: 0 !important;
  }

  .sp_mega_menu .hlight_product_links ul li a {
    font-family: "ProximaNova-Regular" !important;
  }

  .right_menu.menu-hlight {
    padding-top: 0 !important;
  }

  .sp_mega_menu .media-down::after {
    right: 4px !important;
    content: url(https://www.socialpilot.co/wp-content/uploads/2025/01/menu_bottom_arrow.svg) !important;
    top: 50% !important;
    transform: translateY(-50%) rotate(0deg) !important;
  }

  .sp_mega_menu .media-down.actvclass::after {
    transform: translateY(-50%) rotate(180deg) !important;
  }

  .sp_mega_menu .menu_list_gird_ .list_gird_col {
    padding: 0px 0px;
  }

  .sp_mega_menu .right_menu.menu-hlight.media-md-none {
    display: none !important;
  }

  .sp_mega_menu .media-md-none {
    display: none;
  }

  .sp_mega_menu hr,
  .sp_mega_menu hr._24,
  .sp_mega_menu .right_menu.menu-hlight hr {
    display: none !important;
  }

  .sp_mega_menu .mega-drop-down.mbActIcon a {
    position: relative;
  }

  .sp_mega_menu .mega-drop-down.mbActIcon a::after {
    right: 4px !important;
    content: url(https://www.socialpilot.co/wp-content/uploads/2025/01/actice_link.svg) !important;
    top: 50% !important;
    transform: translateY(-50%) rotate(0deg) !important;
    position: absolute;
  }

  .sp_mega_menu .left_menu.menu_pb-md-0,
  .sp_mega_menu .right_menu.menu_pb-md-0 {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 575.98px) {
  .sp_header_container .custom-logo {
    padding: 10px 0px;
  }

  .sp_header_container.actv .exo-menu.show {
    width: 90% !important;
  }

  .sp_header_container.actv .exo-menu {
    max-width: 90%;
  }

  .sp_header_container.actv .menu_mb_buttons a {
    font-size: 14px !important;
    padding: 8px 5px !important;
    line-height: 24px !important;
  }
}

/* sp mega menu */


.mega-menu-wrap .full_link{
  margin-top: 16px !important;;
}

.d-block-767{
  display: none !important;;
}

@media (max-width: 767.98px) { 
.d-none-767{
  display: none !important;
}

.header-tab ul li.nav-item{
      flex: 1 1 0;
    text-align: center;
}

.d-block-767{
  display: block !important;
}
}