/*
Theme Name: Ostamarketing
Description: Ecommerce mega store is a multipurpose and modern theme useful to create all kinds of online store for clothing, electronics, grocery store, gadgets store, baby store, books store, jewellery store, photo store and almost all kinds of store. It is fully customizable theme, which you can use it to create any store you like. It is integrated with WooCommerce plugin to help you setup your online store with ease. The theme is based on bootstrap framework and responsive design will render very well on any devices screen size. You can create your business website in a snap with drag and drop page builder. Start with customizing header and footer sections. It is cleanly coded and optimized for speed. It is cross-browser compatible that loads smoothly and quickly on all browsers. It is translation-ready and can be translated into many languages and also supports RTL languages. Its very base is on bootstrap framework that makes it handier to use. It is SEO-ready so you don’t have to worry about your site’s ranking on major search engines like Google. It is user-friendly to work with and allows heavy customization. With social media option link all your social media pages and showcase your popularity.
Author: misbahwp
Theme URI: https://www.misbahwp.com/themes/free-ecommerce-wordpress-theme/
Author URI: https://www.misbahwp.com/
Version: 3.5
Requires PHP: 5.6
Tested up to: 6.4
Requires at least: 5.0
Tags: food-and-drink, photography, e-commerce, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, flexible-header, featured-image-header, editor-style, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments
Text Domain: ecommerce-mega-store
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Ecommerce Mega Store WordPress Theme has been created by misbahwp(misbahwp.com), 2021.
Ecommerce Mega Store WordPress Theme is released under the terms of GNU GPL
hello

*/


html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}

body {
  display: flex;
  flex-direction: column;
  height: 100%;

}

img {
  max-width: 100%;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}


img,
iframe {
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ul,
li {
  margin: 0;
  padding: 0;
  font-family: 'Inter', sans-serif;
}

p {
  margin-top: 0;
  margin-bottom: 0 !important;
}

.social-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: black;
  color: white;
  padding: 0 9%;
  overflow: hidden;
}

.info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 2px;
  padding: 5px 0px;
}

.info hr {
  border: 1px solid white;
  height: 20px;
  margin: 0px;
}

.info a {
  color: white;
  text-decoration: none;
}

.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  color: white;
  column-gap: 26px;
  padding-right: 20px;
}

.icon a {
  color: white;
  text-decoration: none;
}

.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  -ms-flex-pack: justify;
  justify-content: space-between !important;
  padding: 0 !important;
}

.nav-header {
  border-bottom: 0.5px solid #EAEAEA;
  padding: 0px !important;
  position: fixed !important ;
  top: 0;
  background-color: white;
  z-index: 11111;
}

.nav-header .nav-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}


.nav-header  .navbar-brand {
  width: 176px;
  height: 50px;
  max-width: 100%;
  margin-left: 50px;
}

.nav-nav .pd-left {
  padding-left: 5%;
}


.nav-header  .navbar-brand img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nav-header .nav-info .nav-links {
  display: flex !important;
  align-items: center;
  justify-content: end;
  width: 100%;
}


.nav-header .nav-info .nav-links a {
  color: black;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: start;
  column-gap: 4px;
  padding: 17px 2px 17px 17px;
  width: max-content;
}

.nav-header .nav-info .nav-links i {
  color: #FFA500;
  font-size: 22px;
}

.nav-link {
  padding-top: 0px;
  padding-bottom: 0px;
}



.nav-header .nav-info .form-inline .form-control {
  max-width: 100%;
  border-radius: 8px 0 0 8px;
  border: 1px solid gainsboro;
  width: 350px;
}

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.nav-header .nav-info .input-group-prepend .input-group-text {
  background-color: #DF0000;
  border: 1px solid #DF0000;
  color: white;
  padding: 0px 20px;
  font-size: 14px;
  cursor: pointer;
}

/* list-menu section 2 */

#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item>a.mega-menu-link {
  color: #000000 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: 0.5px !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu {
  text-align: right !important;
  padding: 0px 0px 0px 0px;
  background-color: white !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item>a.mega-menu-link:hover {
  background-color: white !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-megamenu>ul.mega-sub-menu {
  background-color: white !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link {
  background-color: white !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>.mega-menu-megamenu>.mega-sub-menu>.mega-menu-item:before {
  z-index: 999999999999999999999;
  position: relative;
  margin-bottom: 20px;
  background-repeat: no-repeat;
  object-fit: contain;
  background-position: 100% center;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>.mega-menu-megamenu>.mega-sub-menu>.mega-menu-item-470:before {
  background-image: url('assets/images/Graphic-Design-services-by-olagee-5.png') !important;
  background-color: rebeccapurple;


}

#mega-menu-wrap-main-menu #mega-menu-main-menu>.mega-menu-megamenu>.mega-sub-menu>.mega-menu-item-586:before {
  background-image: url('assets/images/Digital-marketing-services-by-olagee.png') !important;
  background-color: rebeccapurple;


}

#mega-menu-wrap-main-menu #mega-menu-main-menu>.mega-menu-megamenu>.mega-sub-menu>.mega-menu-item-484:before {
  background-image: url('assets/images/Website-design-and-development-services-by-olagee.png') !important;
  background-color: rebeccapurple;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>.mega-menu-megamenu>.mega-sub-menu>.mega-menu-item-491:before {
  background-image: url('assets/images/Content-creation-services-by-olagee.png') !important;
  background-color: rebeccapurple;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link:hover {
  color: #6122E8 !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover {
  color: #6122E8 !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item>a.mega-menu-link:hover {
  color: #000000 !important;
  background-color: #FFA530 !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
  margin: 0 !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>.mega-menu-megamenu>.mega-sub-menu>.mega-menu-item:before {
  content: "";
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  text-decoration: inherit;
  vertical-align: middle;
  display: inline-block;
  color: #747070;
  font-size: 18px;
  position: relative;
  top: 0px;
  left: 0px;
  border-bottom: 1px solid #c5c1c1;
  width: auto;
  height: 105px;
  background-repeat: no-repeat;
  border-radius: 10px;
  top: 10px;
  display: block !important;
  background-position: left;
  object-fit: contain;
  background-size: contain;
  margin-right: 40%;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>.mega-menu-megamenu>.mega-sub-menu>.mega-menu-item-588:before {
  content: none;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  text-decoration: inherit;
  vertical-align: middle;
  display: inline-block;
  color: #747070;
  font-size: 18px;
  position: relative;
  top: 0px;
  left: 0px;
  border-bottom: 1px solid #c5c1c1;
  width: 144px;
  height: 105px;
  background-repeat: no-repeat;
  border-radius: 10px;
  top: 10px;
  display: block !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>.mega-menu-megamenu>.mega-sub-menu>.mega-menu-item-588 {
  width: auto !important;
  position: relative;
  left: 320px !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>.mega-menu-megamenu>.mega-sub-menu>#mega-menu-item-588 a {
  font-size: 20px !important;
  color: rgb(0, 0, 0) !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>.mega-menu-megamenu>.mega-sub-menu>#mega-menu-item-588 a:hover {
  color: #6122E8 !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link {
  background-color: white !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>.mega-menu-item-584 a.mega-menu-link {
  background-color: #FFA500 !important;
  border: 1px solid #FFA500 !important;
  border-radius: 5px !important;
  font-size: 15px !important;
  color: white !important;
  font-weight: 600 !important;
  margin: 0 !important;
}

.list-menu {
  padding: 0 !important;
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.list-menu .menu-detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px;
}

.list-menu .menu-detail .nav-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 22px;
}

.list-menu .menu-item {
  list-style: none;
  width: auto;
  display: flex;
  justify-content: left;
  align-items: start;
  z-index: 999;
  width: min-content;
  column-gap: 0px;
}



.list-menu .menu-item a {
  color: black;
  font-size: 16px;
  font-weight: 400;
  padding: 0;
  text-decoration: none;
  width: 100px;
  text-align: center;
}

.list-menu .current-menu-item a {
  font-weight: 700;
  font-size: 16px;
}

.list-menu .menu-detail .button {
  background-color: #FFA500;
  border: 1px solid #FFA500;
  border-radius: 5px;
  padding: 10px 18px;
  font-size: 15px;
  color: white;
  font-weight: 600;
  margin: 0;
  margin-left: 20px;
}

.list-menu .nav-bar .menu-item a:focus {
  text-decoration: none;
  color: #6122E8;
}

.list-menu .current-menu-item a:visited {
  color: #6122E8;
  font-size: 16px;
}

.list-menu .menu-item a:hover {
  color: #6122E8;
  font-size: 16px;
}

.sub-menu {
  position: absolute;
  top: 58.5px;
  z-index: 999;
  border-radius: 10px;
  background: #fff;
  padding: 10px 20px;
  position: absolute;
  max-width: none;
  left: 0;
  width: 97%;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 18px;
 
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}


.list-menu .menu-item .sub-menu li {
  list-style: none;
  width: auto;
  display: flex;
  justify-content: left;
  align-items: start;
  z-index: 999;
  width: min-content;
  column-gap: 30px;
}

.sub-menu li {
  width: 100%;
  float: left;
  transition: none;
  border-radius: 0;
  box-shadow: none;
  background: 0 0;
  border: 0;
  bottom: auto;
  box-sizing: border-box;
  clip: auto;
  color: #333;
  display: block;
  float: none;
  font-family: inherit;
  font-size: 15px;
  height: auto;
  left: auto;
  line-height: 1.4;
  list-style-type: none;
  margin: 0;
  min-height: auto;
  max-height: none;
  min-width: auto;
  max-width: none;
  opacity: 1;
  outline: none;
  overflow: visible;
  padding: 0;
  position: relative;
  pointer-events: auto;
  right: auto;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-transform: none;
  transform: none;
  top: auto;
  vertical-align: baseline;
  visibility: inherit;
  width: auto;
  word-wrap: break-word;
  white-space: normal;
}

.sub-menu .menu-item a {
  color: #06003e;
  font-family: inherit;
  font-size: 18px;
  text-transform: none;
  text-decoration: none;
  font-weight: inherit;
  text-align: left;
  margin: 0;
  padding: 8px 0 8px 10px;
  vertical-align: top;
  border: 0;
  display: inline-block;
  margin: 0px;
}

.list-menu .menu-item .sub-menu .sub-menu {
  position: relative;
  top: 0px;
  background-color: transparent;
  z-index: 99;
  width: auto;
  right: 0px;
  height: auto;
  display: block;
  column-gap: 5px;
  padding: 8px 0px 8px 0px;
  margin-right: 0px;
  width: -webkit-fill-available;
  justify-content: end;
  align-items: start;
}

.list-menu .menu-item .sub-menu .sub-menu .sub-menu {
  display: flex;
  flex-direction: column;
  align-items: self-start;
  justify-content: start;
}

.list-menu .menu-item .sub-menu .sub-menu a {
  display: block;
  width: max-content;
}

.list-menu .menu-item .sub-menu li a {
  transition: none;
  border-radius: 0;
  box-shadow: none;
  background: 0 0;
  border: 0;
  bottom: auto;
  box-sizing: border-box;
  clip: auto;
  color: #333;
  display: block;
  float: none;
  font-family: inherit;
  font-size: 15px;
  height: auto;
  left: auto;
  line-height: 1.4;
  list-style-type: none;
  margin: 0;
  min-height: auto;
  max-height: none;
  min-width: auto;
  max-width: none;
  opacity: 1;
  outline: none;
  overflow: visible;
  padding: 0;
  position: relative;
  pointer-events: auto;
  right: auto;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-transform: none;
  transform: none;
  top: auto;
  vertical-align: baseline;
  visibility: inherit;
  width: auto;
  word-wrap: break-word;
  white-space: normal;
  display: none;
}

.list-menu .menu-item .sub-menu li .sub-menu li {
  transition: none;
  border-radius: 0;
  box-shadow: none;
  background: 0 0;
  border: 0;
  bottom: auto;
  box-sizing: border-box;
  clip: auto;
  color: #333;
  display: block;
  float: none;
  font-family: inherit;
  font-size: 15px;
  height: auto;
  left: auto;
  line-height: 1.4;
  list-style-type: none;
  margin: 0;
  min-height: auto;
  max-height: none;
  min-width: auto;
  max-width: none;
  opacity: 1;
  outline: none;
  overflow: visible;
  padding: 0;
  position: relative;
  pointer-events: auto;
  right: auto;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-transform: none;
  transform: none;
  top: auto;
  vertical-align: baseline;
  visibility: inherit;
  width: auto;
  word-wrap: break-word;
  white-space: normal;
  display: block;
}

.list-menu .menu-item .sub-menu .sub-menu {
  display: flex;
  flex-direction: row;
  margin-left: 0px !important;
  justify-content: center;
  align-items: start;
  column-gap: 20px;
}


.list-menu .menu-item-has-children::after {
  content: "\f0d7";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  vertical-align: middle;
  display: inline-block;
  color: #333;
  font-size: 16px;
  position: relative;
  top: 17px;
  left: 1px;
}

.list-menu .menu-item a:hover .menu-item-has-children::after {
  color: #6122E8;
}

.list-menu .sub-menu .menu-item-has-children::after {
  content: "\f0d7";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  vertical-align: middle;
  display: none !important;
  color: #333;
  font-size: 16px;
  position: relative;
  top: 17px;
  left: 1px;
}



.list-menu .sub-menu .menu-item .sub-menu .menu-item-475::before {
  background: url('assets/images/Marketing-icon.png');
}

.list-menu .sub-menu .menu-item .sub-menu .menu-item-483::before {
  background: url('assets/images/Web-development-icon.png');
}

.list-menu .sub-menu .menu-item .sub-menu .menu-item-490::before {
  background: url('assets/images/Content-icon.png');
}

.list-menu .sub-menu li .sub-menu li .sub-menu .menu-item-has-children::before {
  content: "Products";
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  text-decoration: inherit;
  vertical-align: middle;
  display: inline-block;
  color: #747070;
  font-size: 18px;
  position: relative;
  top: 0px;
  left: 6px;
  border-bottom: 1px solid #c5c1c1;
  background: url('assets/images/Wool.jpg');
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  border-radius: 10px;
  display: none !important;
}

.list-menu .menu-item .sub-menu li .sub-menu li .sub-menu li .sub-menu li a:before {
  font-family: 'dashicons';
  content: "\f345";
  padding: 0 2px 0 0;
  font-weight: 400;
  margin-left: 0px;
  font-size: 12px;
}

.list-menu .sub-menu .menu-item .sub-menu .menu-item .sub-menu li a {
  font-size: 22px !important;
  font-weight: 700 !important;
  display: block !important;
}

.list-menu .menu-item .sub-menu .menu-item .sub-menu .menu-item a {
  display: none;
}

.list-menu .menu-item .sub-menu .menu-item .sub-menu .menu-item .sub-menu .menu-item .sub-menu .menu-item {
  margin-left: 20px;
}

.list-menu .menu-item .sub-menu .menu-item .sub-menu .menu-item .sub-menu .menu-item .sub-menu .menu-item a {
  font-size: 15px !important;
  font-weight: 600 !important;
}

.sub-menu .menu-item a:hover {
  color: #6122E8;
}

.list-menu .menu-item .sub-menu .menu-item-496 a {
  display: block;
  font-size: 24px;
  font-weight: 600;
}

.list-menu .menu-item .sub-menu .menu-item-496 {
  display: flex;
  align-items: start;
  justify-content: center;
  margin: 0 auto;
  width: auto;
  width: auto;
  border-top: 0.5px solid #F6F6F6;
  width: 100%;
  padding: 5px 0px;
}

.list-menu .menu-item .sub-menu {
  display: none;
  justify-content: center;
  flex-direction: column;
  align-items: start;
}

.list-menu .menu-item .sub-menu .menu-item .sub-menu .menu-item {
  display: flex !important;
  column-gap: 15px;
}

.list-menu .menu-item .sub-menu .menu-item .sub-menu .menu-item .sub-menu .menu-item {
  display: block !important;
}


.list-menu .sub-menu {
  opacity: 0;
  display: none;
  animation: fadeIn 0.5s ease-in-out forwards;
}

.list-menu .menu-item:hover>.sub-menu {
  display: flex;
  animation: fadeIn 0.5s ease-in-out forwards;
  justify-content: center;
  align-items: start;
  column-gap: 20px;
}

.list-menu .sub-menu:hover {
  animation: none;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.list-menu .sub-menu .menu-item a:hover {
  color: #6122E8 !important;
}






/* section 3 */




.list-banner {
  position: relative;
  background-size: cover;
  height: 550px !important;
  width: 100%;
  overflow: hidden;
  background-position: 100% 100% !important;

}

.list-banner img {
  background-position: 100% 100% !important;
  background-size: cover;
  height: 550px !important;
  width: 100%;
}






.list-banner .list-banner-detail {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  padding: 30px 0px;
  width: 100%;
  height: 530px;
  position: absolute;
  top: 0;
}

.list-banner .right-list-banner {
  width: 560px;
}

.list-banner img {
  height: 100%;
}

.list-banner .list-banner-detail .right-list-banner .moke-up {
  color: white;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
  margin-top: 5px;
}
.list-banner .list-banner-detail .right-list-banner h3 {
  color: white;
  font-size: 22px;
  font-weight: 200;
  margin: 0;
}
.list-banner .list-banner-detail .right-list-banner .title {
  color: white;
  font-size: 45px;
  font-weight: 700;
  padding: 6px 0px;
  line-height: 1.1;
}

.list-banner .list-banner-detail .right-list-banner .list-button {
  text-decoration: none;
  color: #ffffff;
  background-color: #FFA500;
  padding: 13px 15px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
  border: 1px transparent;
}

.list-banner .list-banner-detail .right-list-banner .list-button:hover {
  color: rgb(255, 255, 255);
  background-color: #e29403;
}

.list-banner .list-banner-detail .right-list-banner .list-button-1 {
  text-decoration: none;
  color: #6122E8;
  background-color: white;
  padding: 13px 15px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
  border: 1px transparent;
  margin-left: 4px;
}

.list-banner .list-banner-detail .right-list-banner .list-button-1:hover {
  color: #6122E8;
  background-color: rgb(231, 231, 231);
}

.list-banner .list-banner-detail .left-list-banner {
  height: 420px;
  max-width: 100%;

}

.list-banner .list-banner-detail .left-list-banner img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}



.service {
  background-color: #EAEAEA;
  padding: 20px 0px;
}

.service .service-details {
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 20px;
}

.service .service-details .detailed {
  flex: 1;
}

.service .service-details .details {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: row;
  column-gap: 20px;
}
.service .service-details .s-detail {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  column-gap: 20px;
}
.service .service-details .service-img {
  max-width: 100%;
  height: auto;
  width: 40px;
}

.service .service-details .service-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;

}

.service .service-details .detailed h2 {
  font-size: 16px !important;
  font-weight: 600;
  text-align: left;
  color: black;
}
.service .service-details .detailed h3 {
  font-size: 16px !important;
  font-weight: 600;
  text-align: left;
  color: black;
  width: 193px;
}
.service .service-details .detailed p {
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  color: #959595;
  padding: 5px 0;
}

/* .testimonal */

.testimonal {
  background-color: #6122E8;
  padding: 50px 0;
}

.testimonal .title {
  padding: 30px 0;
}

.testimonal .title h1 {
  font-size: 45px;
  text-align: center;
  color: rgb(255, 255, 255);
  font-weight: 600;
}

.testimonal .title hr {
  border: 2px solid #FFA500;
  width: 200px;
}

.testimonal .title p {
  font-size: 18px;
  font-weight: 300;
  color: rgb(255, 255, 255);
  text-align: center;
  padding: 0px 12%;
}

.testimonal .testimonal-detail {
  width: 80%;
  height: auto;
  border: 1px solid white;
  border-radius: 4px;
  padding: 50px;
  background-color: white;
  display: flex;
  justify-content: center;
  column-gap: 40px;
  align-items: center;
  margin: 0 auto;
}

.testimonal .testimonal-card {
  display: flex;
  justify-content: center;
  column-gap: 20px;
  align-items: center;
  flex-direction: column;
}

.testimonal .testimonal-body {
  display: flex;
  justify-content: center;
  column-gap: 20px;
  align-items: center;
  flex-direction: column;
  padding-bottom: 20px;
}

.testimonal h2 {
  font-size: 36px;
  text-align: center;
  font-weight: 600;
  padding-bottom: 40px;
  color: white;
}

.testimonal .testimonal-card .user-info h2 {
  font-size: 20px;
  font-weight: 800;
  padding: 10px 0 2px;
  color: #6122E8;
}

.testimonal .testimonal-card .user-info p {
  font-size: 16px;
  font-weight: 400;
  padding: 2px 0;
  color: #6122E8;
}

.testimonal .testimonal-card .quoted-line {
  font-size: 14px;
  font-weight: 300;
  padding: 2px 0;
}

.quoted-line::before {
  content: '\f10d';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 0px;
  position: relative;
  top: -22px;
  font-size: 25px;
  left: 0px;
}

.quoted-line::after {
  content: '\f10e';
  /* Closing quote icon */
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 0px;
  position: relative;
  top: 22px;
  font-size: 25px;
}

.testimonal .user-profile {
  width: 220px;
  max-width: 100%;
  height: auto;
  border-right: 2px dotted #FFA500;
  border-radius: 30%;
  padding: 8px;
}

.testimonal .user-profile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 30%;
}

.testimonal .rating {
  width: 150px;
  max-width: 100%;
  height: auto;
  padding: 20px 0;
  margin: 0 auto;
}

.testimonal .rating img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.testimonal .testimonal-detail p {
  font-size: 14px;
  font-weight: 300;
  padding: 2px 0;
}

.testimonal .testimonal-info {
  display: flex;
  justify-content: center;
  column-gap: 30px;
  align-items: center;
  flex-wrap: wrap;
}

.testimonal .left-nav-btn {
  position: relative;
  left: 0px;
  background: white;
  padding: 15px;
  border-radius: 20px;
  color: black;
  box-shadow: 4px 2px 7px 1px #00000040;
}

.testimonal .right-nav-btn {
  position: relative;
  right: 0px;
  background: white;
  padding: 15px;
  border-radius: 20px;
  color: black;
  box-shadow: -4px 2px 7px 1px #00000040;
}

/* .faqs  */
.faqs {
  background-color: #ffffff;
  padding: 40px;
}

.faqs .title {
  padding-bottom: 20px;
}

.faqs .title h2 {
  font-size: 18px;
  font-weight: 400;
  color: #6122E8;
  text-align: center;
  padding: 0px;
}

.faqs .title h1 {
  font-size: 45px;
  text-align: center;
  color: black;
  font-weight: 600;
}

.faqs .title hr {
  border: 2px solid #FFA500;
  width: 200px;
}


.faqs .accordion {
  overflow-anchor: none;
  margin: auto 5%;
  display: block !important;
}

.faqs .accordion .card {
  background-color: #F0F7FF !important;
  border: unset;
  margin: 10px 0px;
  padding: 0 20px;
  border-radius: 4px !important;
  border: 1px solid transparent;
  margin: 15px !important;
}

.faqs .card-header {
  background-color: transparent !important;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 10px 0 !important;
}

.faqs .card .card-body {
  margin: 0;
  padding: 0px;
}

.faqs .card a {
  font-size: 12px !important;
  color: black;
  padding: 4px 0px !important;
  font-weight: 400;
}

.faqs .card .btn-block {
  font-size: 24px;
  padding: 0 !important;
  color: black;
  font-weight: 600 !important;
  height: auto;
  display: flex;
  text-decoration: none;
}

.faqs .btn-icons::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url('assets/images/15.png');
  background-repeat: no-repeat;
  background-size: unset;
  transition: transform .2s ease-in-out;
  display: block;
  position: relative;
  top: 10px;
}

.faqs .btn-icons:not(.collapsed)::after {
  background-image: url('assets/images/16.png');
  top: 10px;
}

.faqs .btn-icons:not(.collapsed).btn-block {
  color: #6122E8 !important;
}

/* form */


.user-form .title h1 {
  font-size: 45px;
  text-align: center;
  color: black;
  font-weight: 600;
}

.user-form .title hr {
  border: 2px solid #FFA500;
  width: 200px;
}

.user-form .title p {
  font-size: 18px;
  font-weight: 400;
  color: black;
  text-align: center;
  padding: 20px 12%;
}

.user-form {
  margin: 0 auto;
  background-color: #F0F7FF;
  padding: 50px 0;

}

.user-form h2 {
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  padding: 30px 0px;
  color: black;
}

.user-form .form-row {
  display: row;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
}

.user-form .form-width {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  max-width: 100%;
  width: 870px;
  margin: 0 auto;
  background-color: #EAEAEA;
}

.user-form .form-group {
  margin-bottom: 15px;
}

.user-form .form-group input[type="text"],
.user-form .form-group input[type="email"],
.user-form .form-group input[type="tel"],
.user-form .form-group textarea {
  width: 100%;
  padding: 10px;
  border: 0.5 solid #666666;
  border-radius: 0px;
  font-size: 14px;
  color: black;
}

.user-form .form-group textarea {
  resize: vertical;
}

.user-form .button-form {
  text-align: center;
  padding-top: 30px;
}

.user-form .form-btn {
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  background-color: #DF0000;
  color: #fff;
  cursor: pointer;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}

.user-form .form-width .wpcf7-form-control-wrap input {
  max-width: 100%;
  width: 420px;

}

.user-form .form-width .wpcf7-form {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 auto;
  column-gap: 30px;
  background-color: #F0F7FF;

}

.user-form .form-width p {
  background-color: #F0F7FF;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: min-content;
}
.user-form .form-width .web-select {
  width: auto !important;
}
.wpcf7-form h2 {
  color: #DF0000 !important;
  font-size: 30px !important;
  padding: 35px 0px 10px !important;
  font-weight: 700;
}

.wpcf7-form p textarea {
  width: 870px;
  max-width: 100%;
  border: transparent;
  padding: 6px !important;
  height: 150px;
}

.user-form .wpcf7-form .wpcf7-list-item input {
  width: auto !important;
  max-width: 100% !important;
}

.user-form .form-width .wpcf7-submit {
  color: white;
  background-color: #6122E8;
  border: transparent;
  padding: 8px 35px;
  border-radius: 4px;
  margin-top: 25px;
}

.wpcf7-form label {
  margin: 6px 0px;
  font-size: 16px;
  font-weight: 400;
}

.form-width .wpcf7-form label input {
  border: 1px solid #dfe9f3 !important;
  padding: 6px !important;

}

.sgpb-theme-1-content {
  border-radius: 6px;
  padding-bottom: 0;
  box-shadow: none !important;
  border-bottom-width: 0px !important;
  border-bottom-color: #fff !important;
  background-color: gainsboro !important;
  margin-bottom: 0 !important;
}

.custom-link li {
  list-style: none !important;
}

/* .wpcf7-not-valid-tip {
  display: none;
} */

.screen-reader-response p {
  display: none;
}

#wpcf7-f508-o1-ve-your-name {
  display: none;
}

#wpcf7-f508-o1-ve-your-email {
  background-color: #DF0000;
  color: white;
  width: 100%;
  padding: 5px;
  list-style: none;
}

.form-control:focus {
  color: unset !important;
  background-color: unset !important;
  border-color: #EAEAEA !important;
  outline: 0;
  box-shadow: unset !important;
}

/* ifram */

iframe html {
  overflow: hidden !important;
}

/* news */
.news {
  padding: 40px 0px;
}

.news .wpcf7-text {
  padding: 7px;
  height: auto;
  border: 1px transparent;
  width: 100%;
  border-radius: 4px 0px 0px 4px;
  font-size: 36px;
  font-weight: 400;
  color: #c5c1c1;
}

.news .wpcf7-submit {
  padding: 6px 20px;
  color: white;
  background-color: #FFA500;
  border: 1px solid #FFA500;
  border-radius: 0px 4px 4px 0px;
  font-size: 36px;
  font-weight: 500;
}

.news p {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

.news p span {
  display: flex;
  width: -webkit-fill-available;
}

.news-letter {
  background-color: black;
  border-radius: 10px;
  border: 1px solid black;
  padding: 40px;
  margin: 0 5%;
}

.news-letter h1 {
  padding: 0 10%;
  font-size: 30px;
}

.news .news-letter {
  font-size: 48px;
  text-align: center;
  font-weight: 600;
  color: white;
}

.news .wpcf7-spinner {
  display: none;
}

/* footer */

.footer {
  background-color: #6122E8;
  padding: 40px 0;
}


.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  column-gap: 0px;
  row-gap: 30px;
}

.footer-detail {
  width: 320px;
}


.footer .footer-heading {
  padding-top: 50px;
  color: white;
  font-weight: bold;
}

.footer .footer-detail h2 {
  color: #fff;
  font-size: 16px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.footer .footer-detail p {
  font-size: 15px;
  color: white;
  padding: 10px 10px 10px 0;
}

.footer .footer-detail h3 {
  font-size: 16px;
  color: white;
  font-weight: 600;
  padding: 10px 0;
}

.footer .social-btn {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 20px;
}

.footer .social-btn a {
  text-decoration: none;
  color: #ffffff;
}

.footer .social-btn a i:hover {
  text-decoration: none;
  color: #FFA500;
}

.footer .social-btn i {
  color: #ffffff;
  font-size: 24px;
}

.footer .custom-link a {
  color: #fff !important;
  font-size: 15px;
  margin-bottom: 8px;
  transition: color .3s ease;
  display: block;
}

.footer .address-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 10px;
  padding: 4px 0;

}

.footer .address-item i {
  color: #ffffff;
  font-size: 18px;
}

.footer .address-item a {
  color: white !important;
  text-decoration: none;
  font-size: 16px;
}

.footer .address-item h6 {
  color: white;
  font-size: 16px;
  margin: 0;
}

.footer .news-letter {
  padding: 22px 0;
}

.footer .news-letter h2 {
  color: white;
  font-size: 18px;
  padding: 0;
  font-weight: 500;
}

.footer .news-letter p {
  width: 100%;
}

.footer .news-letter input {
  width: 100%;
  padding: 2px 5px;
  margin: 0;
  border-radius: 0px;
}

.footer .news-letter .has-spinner {
  padding: 5px;
}

.footer .news-letter label {
  margin: -10px 0px 15px 0px !important;
}

.footer .news-letter a {
  color: white;
  text-decoration: none;
  font-size: 16px;
  width: 100%;
  background-color: #DF0000
}

.footer .copyright,
.footer .copyright span {
  color: #fff;
  font-family: Metroplis-Regular, sans-serif;
  font-size: 16px;
}

.footer .copyright hr {
  border-top-color: #fff;
  margin: 20px auto;
  max-width: 100%;
}

.footer .left-flex {
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
}

.footer .right-flex {
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
}

.footer .contributer {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: auto 40px;
}

.footer .brands-imgs {
  width: 200px;
  max-width: 100%;
  height: auto;
}

.footer .brands-imgs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.footer .pay-method {
  width: 650px;
  max-width: 100%;
  height: auto;
}

.footer .pay-method img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.footer .contributer h2 {
  font-size: 20px;
  font-weight: 500;
  color: white;
  padding: 10px 0;
}

/* .faq-accordian */

.faq-accordian .faqs {
  padding: 0px 0;
}

.faq-accordian .faqs .accordion {
  overflow-anchor: none;
  margin: auto 120px;
}

.faq-accordian .faqs .accordion .card {
  background-color: white !important;
  border: unset;
  margin: 10px 0px;
  padding: 0 20px;
  border-radius: 8px !important;
  border: 1px solid transparent;
}

.faq-accordian .faqs .card-header {
  background-color: transparent !important;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 10px 0 !important;
}

.faq-accordian .faqs .accordion .card {
  margin: 10px !important;

}

.faqs .card .card-body {
  margin: 0;
  padding: 0px;
}

.faq-accordian .faqs .card a {
  font-size: 12px !important;
  color: black;
  padding: 4px 0px !important;
  font-weight: 400;
}

.faq-accordian .faqs .card .btn-block {
  font-size: 16px;
  padding: 0 !important;
  color: black;
  font-weight: 600 !important;
}

/* influential brand */

.influential-brand {
  padding: 40px;
}

.influential-brand p {
  text-align: center;
  font-size: 24px;
  color: #6122E8;
  font-weight: 400;
}

.influential-brand h1 {
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  color: black;
}

.influential-brand hr,
.news hr {
  border: 2px solid #FFA500;
  text-align: center;
  width: 200px;
}

.influential-brand .img-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 20px;
  flex-wrap: wrap;
  padding: 20px 0px;
  row-gap: 20px;
}

.influential-brand .brand-image {
  width: auto;
  height: auto;
  max-width: 100%;
  padding: 0 10px;
}

.influential-brand .brand-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* marketing brand */

.marketing {
  background-color: #6122E8;
  padding: 50px 0px;
  padding-top: 0 !important;
}

.marketing .row {
  display: flex;
  justify-content: center;
  align-items: center;
}

.marketing .title-info h1 {
  font-size: 35px;
  font-weight: 600;
  text-align: start;
  color: white;
}

.marketing hr {
  border: 2px solid #FFA500;
  margin-left: 0;
  width: 200px;
}

.marketing .title-info h2 {
  font-size: 24px;
  font-weight: 400;
  color: white;
  text-align: start;
  text-transform: uppercase;
  line-height: 1;
  margin: 0;
}

.marketing .title-info p {
  font-size: 16px;
  font-weight: 400;
  color: rgb(255, 255, 255);
  text-align: justify;
  margin-bottom: 30px !important;
}


.marketing .row {
  padding: 20px; 
}

.marketing .wrap {
  padding-top: 50px;
}


.marketing img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.marketing .leads-detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.marketing .leads-detail .details {
  padding: 20px;
  color: white !important;
  flex: 1;
}

.marketing .leads-detail .details h1 {
  font-size: 48px;
  font-weight: 600;
  border-left: 2px solid #FFA500;
  padding: 12px;
  margin-bottom: 10px; 
  color: white !important;
}

.marketing .leads-detail .details h2 {
  font-size: 19px;
  font-weight: 500;
  margin-bottom: 10px; 
  color: white !important;
}

.marketing .leads-detail .details p {
  font-size: 16px;
  font-weight: 400;
  color: white !important;
}

.marketing .title-info a {
  padding: 14px;
  color: black;
  background-color: #FFA500;
  text-decoration: none;
  text-align: center;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
}



/* digital marketing  */


.digital-marketing {
  padding: 40px;
}


.digital-marketing .title h2 {
  font-size: 18px;
  font-weight: 400;
  color: #6122E8;
  text-align: center;
  padding: 10px;
}

.digital-marketing .title h1 {
  font-size: 45px;
  text-align: center;
  color: black;
  font-weight: 600;
}

.digital-marketing .title hr {
  border: 2px solid #FFA500;
  width: 200px;
}

.digital-marketing .title p {
  font-size: 18px;
  font-weight: 400;
  color: black;
  text-align: center;
  padding: 20px 7%;
}

.digital-marketing .body-scroll {
  min-height: 150px;
  max-height: 165px;
  overflow-y: auto;
}

.digital-marketing .card-body {
  padding: 20px 0px 20px 30px;
}

.digital-marketing ul {
  padding: 30px 0px 0px;
}

.digital-marketing ul li a {
  display: block;
  color: rgb(0, 0, 0);
  font-size: 15px;
  font-weight: 400;
  padding: 7px 0px;
  text-decoration: none;
}

.digital-marketing .card-body h1 {
  font-size: 36px;
  color: #6122E8;
  font-weight: 600;
  text-align: start;
}

.digital-marketing ul li {
  list-style: none;
}

.digital-marketing ul li a i {
  font-size: 15px;
  border: 1px solid black;
  border-radius: 50px;
  color: white;
  background: black;
  margin-right: 5px;
}

.digital-marketing .body-scroll::-webkit-scrollbar {
  width: 4px;
}

.digital-marketing .body-scroll::-webkit-scrollbar-track {
  background: #b5daff;
}

.digital-marketing .body-scroll::-webkit-scrollbar-thumb {
  background-color: #6122E8;
  border-radius: 0px;
  border: 1px solid #6122E8;
}

.digital-marketing .card-detail {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 20px;
  flex-direction: row;
  flex-wrap: wrap;
  flex-direction: row;
  padding-top: 24px;
}

.digital-marketing .card-detail .card {
  flex: 1;
  padding: 20px 0px 30px;
  height: 660px;
  border: 2px solid #6122E8;
  border-radius: 8px;
  margin: 0 auto;
  width: 346px;
}

.digital-marketing .card-detail .card .digi-btn {
  border: 1px solid #6122E8 !important;
  background-color: #6122E8;
  padding: 10px 0px !important;
  color: #ffffff;
  margin: 0px 20px;
  margin-top: 20px;
  border-radius: 8px;
}

.digital-marketing .card-detail .card .digi-btn:hover {
  background-color: #6122E8;
}

.digital-marketing .card-detail .card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.digital-marketing .card-detail .img-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 20px;
}

/* owl */

.digital-marketing .left-nav-btn {
  position: relative;
  left: -30px;
  background: white;
  padding: 15px;
  border-radius: 20px;
  color: black;
  box-shadow: 4px 2px 7px 1px #00000040;
}
button:focus {
  outline: 0px dotted !important;
  outline: 0px auto -webkit-focus-ring-color !important;
}
.digital-marketing .right-nav-btn {
  position: relative;
  right: -30px;
  background: white;
  padding: 15px;
  border-radius: 20px;
  color: black;
  box-shadow: 4px 2px 7px 1px #00000040;
}


/* nav tabs portfolio */


.Portfolio {
  background-color: #F0F7FF;
  padding: 20px;
}

.Portfolio .title h2 {
  font-size: 18px;
  font-weight: 400;
  color: #6122E8;
  text-align: center;
  padding: 10px;
}

.Portfolio .title h1 {
  font-size: 45px;
  text-align: center;
  color: black;
  font-weight: 600;
}

.Portfolio .title hr {
  border: 2px solid #FFA500;
  width: 200px;
}

.Portfolio .title p {
  font-size: 18px;
  font-weight: 400;
  color: black;
  text-align: center;
  padding: 20px 12%;
}

.Portfolio .nav-tabs {
  border-bottom: none;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 15px;
  row-gap: 15px;
}

.Portfolio .nav-tabs .nav-link.active {
  border: 1px solid #6122E8;
  background-color: #6122E8;
  color: #F0F7FF !important;

}

.Portfolio .nav-tabs .nav-link {
  border: 1px solid #6122E8;
  border-radius: 4px !important;
  color: #6122E8;
  padding: 7px 14px;
}

.Portfolio .tab-content>.active {
  display: flex;
  padding: 30px 0px;
  justify-content: center;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 20px;
  row-gap: 20px;
  flex-direction: row;
}

.Portfolio .tab-content .card {
  width: 330px;
  height: 400px;
  padding: 0px;
  border-radius: 24px;
}

.Portfolio .tab-content .card .card-body {
  padding: 20px 10px;
}

.Portfolio .tab-content .card .img-container {
  width: 330px;
  height: 200px;
}

.Portfolio .tab-content .card .img-container .card-img-top {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px 24px 0px 0px;
}

.Portfolio .tab-content .card .card-body {
  padding: 20px;
}

.Portfolio .tab-content .card .card-body h1 {
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  color: black;
  margin: 0px;
}

.Portfolio .tab-content .card .card-body p {
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: black;
  padding: 4px 0px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Portfolio .tab-content .card .card-body a {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #6122E8;
  text-decoration: none;
}

.Portfolio button {
  display: flex;
  margin: 0 auto;
  color: white;
  background-color: #6122E8;
  padding: 8px 15px;
  border-radius: 10px;
  border: 2px solid #6122E8;
  text-transform: capitalize;
}

/* pricing card */

.pricing {
  padding: 40px;
}

.pricing .title h2 {
  font-size: 18px;
  font-weight: 400;
  color: #6122E8;
  text-align: center;
  padding: 10px;
}

.pricing .title h1 {
  font-size: 40px;
  text-align: center;
  color: black;
  font-weight: 600;
}


.pricing .title hr {
  border: 2px solid #FFA500;
  width: 200px;
  margin-bottom: 40px;
}

.pricing .nav-tabs {
  border-bottom: none;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 15px;
  row-gap: 15px;
}

.pricing .nav-tabs .nav-link.active {
  border: 2px solid #6122E8;
  background-color: #6122E8;
  color: white !important;
}

.pricing .nav-tabs .nav-link {
  border: 2px solid #6122E8;
  border-radius: 4px !important;
  color: #6122E8;
  padding: 7px 14px;
}

.pricing .tab-content>.active {
  display: flex;
  padding: 30px 0px;
  justify-content: center;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 20px;
  row-gap: 20px;
  flex-direction: column;
}

.pricing-card {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 20px;
  flex-direction: row;
  padding: 30px 0px 20px;
  flex-wrap: wrap;
  row-gap: 40px;
}

.pricing-card .card {
  width: 335px;
  height: auto;
  border: 2px solid #6122E8;
  padding: 20px;
  border-radius: 4px;
  transform: scaleY(1) translateY(0);
  transition: transform 0.3s ease;
}

.pricing-card .card {
  padding-right: 0px;
  box-sizing: border-box;
}

.pricing-card .card h1 span {
  background-color: #F6F6F6;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 2px 10px;
  border-radius: 4px;
}

.pricing-card .card .basic {
  padding: 8px 0px;
  font-size: 14px;
  font-weight: 400;
  margin: 0px !important;
}

.pricing-card .card h2 {
  font-size: 55px;
  font-weight: 600;
}
.pricing-card .card-year h2 {
  font-size: 40px !important;
  font-weight: 700 !important;
}

.pricing-card .card .discount-price p span {
  padding: 5px 8px;
  color: black;
  font-size: 15px;
  background-color: #FFA500;
  border-radius: 10px;
  font-weight: 500;
}
.pricing-card .card .discount-price p strike {
padding: 5px;
border-radius: 20px;
color: #6122E8;
font-weight: 500;
font-size: 30px;
}

.pricing-card .card-year .discount-price p strike {
  padding: 5px;
  border-radius: 20px;
  color: #6122E8;
  font-weight: 500;
  font-size: 20px !important;
  }
.pricing .pricing-card .card .price-detail {
  display: flex;
  align-items: end;
  column-gap: 20px;
  justify-content: start;
  margin-bottom: 10px;
}
.pricing-card .card- .discount-price  {
  display: flex;
  flex-direction: column;
  row-gap: 0;
}
.pricing-card .card .price {
  font-size: 14px;
  font-weight: 600;
  padding: 0;
  margin: 0;
}
.pricing-card .card-1 .discount-price p strike {
  padding: 5px;
  border-radius: 20px;
  color: white ;
  font-weight: 500;
  font-size: 30px;
}
p {
  margin: 0;
  padding: 0;
}

.pricing-card .card ul {
  padding: 5px 0px 20px;
}

.pricing-card .card ul li {
  list-style: none;
}
.pricing-card .card-body {
  padding: 10px  0px 0px !important;
}
.pricing-card .card .text::before {
  content: "\f00c ";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: white;
  width: 16px;
  background: black;
  border-radius: 100px;
  padding: 3px;
  font-size: 11px;
  margin-right: 6px;
}
.pricing-card hr {
  margin-right: 20px;
}
.pricing-card .card .text {
  font-size: 16px;
  font-weight: 400;
  padding: 4px 0px;
}

.pricing-card .card .text span {
  padding: 2px 3px;
  background-color: #C9FAD6;
  font-size: 10px;
  color: #1AA703;
  border-radius: 4px;
}

.pricing-card .card .pricing-btn  {
  background-color: black;
  color: white;
  text-align: center;
  padding: 11px;
  border-radius: 4px;
  border: 1px solid black;
  font-size: 20px;
  font-weight: 700;
  margin-right: 20px;
  margin-top: 15px;
  width: 93%;
  text-transform: uppercase;
}
dl, ol, ul {
  margin: 0 !important;
  margin-bottom: 0 !important;
}
.pricing-card .card .credit {
  display: none;
  text-align: center !important;
  font-size: 14px;
  font-weight: 400;
  padding: 6px 0px;
  color: black;
  margin: 0;
}

.pricing-card .card .texted {
  font-size: 14px;
  font-weight: 400;
  padding: 6px 0px;
}

.pricing-card .card .texted .fa-times {
  color: white;
  background-color: red;
  border-radius: 50px;
  padding: 2px 4px;
  margin-right: 3px;
}

.pricing-by-date {
  padding-top: 20px;
}

.pricing-by-date .nav-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: max-content;
  margin: 0 auto;
  border-radius: 4px;
  border: 1px solid black;
}

.pricing-by-date .nav-tabs .nav-item {
  border: 1px solid #000000;
  background-color: black;
}

.pricing-by-date .nav-tabs .nav-link {
  border: 1px solid #000000;
  color: white;
  font-size: 20px;
  font-weight: 500;
  border-radius: 4px !important;
  padding: 6px 16px;
}

.pricing-by-date .nav-tabs .nav-link.active {
  color: black;
}

.pricing-by-date .nav-tabs .nav-link span {
  color: black;
  background-color: #FFA500;
  padding: 4px 6px;
  border-radius: 4px;
  margin-left: 5px;
  font-size: 16px;
}

.pricing-card .body-scroll {
  min-height: 220px;
  max-height: 270px;
  overflow-y: auto;
}

.pricing-card .body-scroll::-webkit-scrollbar {
  width: 4px;
}

.pricing-card .body-scroll::-webkit-scrollbar-track {
  background: #b5daff;
}

.pricing-card .body-scroll::-webkit-scrollbar-thumb {
  background-color: #6122E8;
  border-radius: 0px;
  border: 1px solid #6122E8;
}

.pricing-card .more-features {
  font-size: 16px;
  font-weight: 600;
  padding-top: 10px;
}

/* card-1 */

.pricing-card .card-1 {
  width: 335px;
  height: auto;
  border: 2px solid #6122E8;
  padding: 20px 0 20px 20px;
  border-radius: 4px;
  transition: transform 0.3s ease;
  background-color: #6122E8;
  color: white;
  transform: scaleY(1) translateY(-6%);
}

.pricing-card .card-1 h3 span {
  background-color: #FFA500;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 4px;
  color: #000000;
  padding: 2px 4px;
}
.pricing-card .card-1 h3 {
  margin-bottom: 0px;
}
.pricing-card .card-1 h1 span {
  background-color: #F6F6F6;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 2px 14px;
  border-radius: 4px;
  color: #6122E8;
}

.pricing-card .card-1 .basic {
  padding: 8px 0px;
  font-size: 14px;
  font-weight: 400;
  margin: 0px !important;
}

.pricing-card .card-1 h2 {
  font-size: 55px;
  font-weight: 600;
}

.pricing-card .card-1 h2 span {
  padding: 5px 8px;
  color: black;
  font-size: 15px;
  background: #FFA500;
  border-radius: 10px;
}

.pricing-card .card-1 .price {
  font-size: 14px;
  font-weight: 600;
  padding: 0;
  margin: 0;
}

p {
  margin: 0;
  padding: 0;
}

.pricing-card .card-1 ul {
  padding: 5px 0px 20px;
}

.pricing-card .card-1 ul li {
  list-style: none;
}

.pricing-card .card-1 .text::before {
  content: "\f00c ";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #6122E8;
  width: 16px;
  background: rgb(255, 255, 255);
  border-radius: 100px;
  padding: 3px;
  font-size: 11px;
  margin-right: 6px;
}

.pricing-card .card-1 .text {
  font-size: 16px;
  font-weight: 400;
  padding: 6px 0px;
}
.mf {
  font-size: 18px;
  font-weight: 600;
  padding: 6px 0px;
}
.pricing-card .card-1 .text span {
  padding: 2px 3px;
  background-color: #C9FAD6;
  font-size: 10px;
  color: #1AA703;
  border-radius: 4px;
}

.pricing-card .card-1 .pricing-btn {
  background-color: rgb(255, 252, 252);
  color: #6122E8;
  border: 1px solid white;
  width: 93%;
}

.pricing-card .card-1 .credit {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  padding: 6px 0px;
  color: rgb(255, 251, 251);
}


.pricing-card .card-1 .texted {
  font-size: 14px;
  font-weight: 400;
  padding: 6px 0px;
}

.pricing-card .card-1 .texted .fa-times {
  color: white;
  background-color: red;
  border-radius: 50px;
  padding: 2px 4px;
  margin-right: 3px;
}

.pricing-by-date {
  padding-top: 20px;
}

.pricing-by-date .nav-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: max-content;
  margin: 0 auto;
  border-radius: 4px;
  border: 1px solid black;
}

.pricing-by-date .nav-tabs .nav-item {
  border: 1px solid #000000;
  background-color: black;
}

.pricing-by-date .nav-tabs .nav-link {
  border: 1px solid #000000;
  color: white;
  font-size: 20px;
  font-weight: 500;
  border-radius: 4px !important;
  padding: 6px 16px;
}

.pricing-by-date .nav-tabs .nav-link.active {
  color: black;
}

.pricing-by-date .nav-tabs .nav-link span {
  color: black;
  background-color: #FFA500;
  padding: 4px 6px;
  border-radius: 4px;
  margin-left: 5px;
  font-size: 16px;
}


/* schedual a call .clendly */


.clendly {
  background-color: #F0F7FF;
  padding-top: 40px;
}

.clendly .title h2 {
  font-size: 18px;
  font-weight: 400;
  color: #6122E8;
  text-align: center;
  padding: 10px;
}

.clendly .title h1 {
  font-size: 45px;
  text-align: center;
  color: black;
  font-weight: 600;
}

.clendly .title hr {
  border: 2px solid #FFA500;
  width: 200px;
}

/* Get-Meeting */
.get-meeting {
  background-color: #F0F7FF;
}
.get-meeting .btns {
  display: flex;
  justify-content: center;
  padding: 46px;
  align-items: center;
  column-gap: 20px;
}

.get-meeting .btns .list-button {
  text-decoration: none;
  color: #ffffff;
  background-color: #FFA500;
  padding: 13px 15px;
  border-radius: 5px;
  font-size: 40px;
  font-weight: 500;
  border: 1px transparent;
  border: 1px solid #FFA500;
}

.get-meeting .btns .list-button:hover {
  background-color: #eb9a04;
}

.get-meeting .btns .list-button-1 {
  text-decoration: none;
  color: white !important;
  background-color: #6122E8;
  padding: 13px 15px;
  border-radius: 5px;
  font-size: 40px;
  font-weight: 500;
  border: 1px transparent;
  margin-left: 4px;
  border: 1px solid #6122E8;
}

.get-meeting .btns .list-button-1:hover {
  background-color: #6122f9;
  color: white !important;
}

/* form */

.wpcf7-checkbox {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: start;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 20px;
  padding: 20px;
}

.wpcf7-list-item label {
  margin-bottom: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  column-gap: 10px;
}

.wpcf7-list-item label span {
  font-size: 14px;
  font-weight: 400;
}

.user-form .wpcf7-list-item label input {
  border: unset !important;
  padding: 0px !important;
  width: auto;
}

.wpcf7-list-item {
  margin: 0 !important;
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=tel],
.intl-tel-input.separate-dial-code input[type=text] {
  padding-right: 6px;
  padding-left: 52px !important;
  margin-left: 0;
}

.wpcf7-select {
  max-width: 100%;
  text-align: -webkit-left;
  display: flex;
  justify-content: start;
  align-items: center;
  width: 420px;
  border: 1px solid #dfe9f3 !important;
  padding: 8px !important;
}

/* blog  */

.blog-post {
  background-color: #ffffff;
  padding: 40px;
}

.blog-post .title h2 {
  font-size: 18px;
  font-weight: 400;
  color: #6122E8;
  text-align: center;
  padding: 10px;
}

.blog-post .title h1 {
  font-size: 45px;
  text-align: center;
  color: black;
  font-weight: 600;
}

.blog-post .title hr {
  border: 2px solid #FFA500;
  width: 200px;
}

.blog-post .post {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 20px;
  padding: 20px 0px;
  flex-wrap: wrap;
  row-gap: 20px;
}

.blog-post .post .card {
  width: 310px;
  height: auto;
  padding: 0px;
  border-radius: 24px;
  background-color: #F0F7FF;
}

.blog-post .post .card .card-body {
  padding: 20px 10px;
  width: fit-content;
}

.blog-post .post .card .img-container {
  width: 310px;
  height: 200px;
}

.blog-post .post .card .img-container .card-img-top {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px 24px 0px 0px;
}

.blog-post .post .card .card-body {
  padding: 20px;
}

.blog-post .post .card .card-body h1 {
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  color: black;
  margin: 0px;
}

.blog-post .post .card .card-body p {
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: black;
  padding: 4px 0px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog-post .post .card .card-body a {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #6122E8;
  text-decoration: none;
}

.blog-post button {
  display: flex;
  margin: 0 auto;
  color: white;
  background-color: #6122E8;
  padding: 8px 15px;
  border-radius: 10px;
  border: 2px solid #6122E8;
  text-transform: capitalize;
  margin-top: 20px;
}

/* news-1 */

.news-1 {
  background-color: #000000;
}

.news-1 .title h2 {
  font-size: 18px;
  font-weight: 400;
  color: #6122E8;
  text-align: center;
  padding: 0px;
}

.news-1 .title h1 {
  font-size: 45px;
  text-align: center;
  color: white;
  font-weight: 600;
}

.news-1 .title hr {
  border: 2px solid #FFA500;
  width: 200px;
  margin-bottom: 1rem;
}

/*

page-2  
 section blog post marketing
 
 */
.blog-1 {
  background-color: #F0F7FF;
  padding: 50px 0px;
}

.blog-1 .title-info h1 {
  font-size: 35px;
  font-weight: 600;
  text-align: start;
  color: black;
}

.blog-1 hr {
  border: 2px solid #FFA500;
  margin-left: 0;
  width: 200px;
}

.blog-1 .title-info h2 {
  font-size: 24px;
  font-weight: 400;
  color: black;
  text-align: start;
  text-transform: uppercase;
}

.blog-1 .title-info p {
  font-size: 16px;
  font-weight: 400;
  color: black;
  text-align: justify;
  margin-bottom: 30px !important;
}



.blog-1 .row {
  padding: 20px;
}



.blog-1 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 20px;
}

.blog-1 a {
  text-decoration: none;
  padding: 14px;
  color: white !important;
  background-color: #6122E8;
  border-radius: 4px;
}

/* .blog-2  */
.blog-2 {
  background-color: white;
  padding: 50px 0px;
}

.blog-2 .title-info h1 {
  font-size: 35px;
  font-weight: 600;
  text-align: start;
  color: black;
}


.blog-2 hr {
  border: 2px solid #FFA500;
  margin-left: 0;
  width: 200px;
}

.blog-2 .title-info h2 {
  font-size: 24px;
  font-weight: 400;
  color: black;
  text-align: start;
  text-transform: uppercase;
}

.blog-2 .title-info p {
  font-size: 16px;
  font-weight: 400;
  color: black;
  text-align: justify;
  margin-bottom: 30px !important;
}



.blog-2 .row {
  padding: 20px;
}

.blog-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.blog-2 a {
  text-decoration: none;
  padding: 14px;
  color: white !important;
  background-color: #6122E8;
  border-radius: 4px;
}

/* bolg-3 */


.blog-3 {
  background-color: #F0F7FF;
  padding: 50px 0px;
}

.blog-3 .title-info h1 {
  font-size: 35px;
  font-weight: 600;
  text-align: start;
  color: black;
}

.blog-3 hr {
  border: 2px solid #FFA500;
  margin-left: 0;
  width: 200px;
}

.blog-3 .title-info h2 {
  font-size: 24px;
  font-weight: 400;
  color: black;
  text-align: start;
  text-transform: uppercase;
}

.blog-3 .title-info p {
  font-size: 16px;
  font-weight: 400;
  color: black;
  text-align: justify;
  padding-bottom: 30px;
  display: -webkit-box;
  -webkit-line-clamp: 11;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: clip;
  cursor: pointer;
}

.blog-3 .title-info p.expanded {
  -webkit-line-clamp: unset;
  overflow: visible;
}

.blog-3 .row {
  padding: 20px;
}



.blog-3 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 20px;
}

.blog-3 a {
  text-decoration: none;
  padding: 14px;
  color: white !important;
  background-color: #6122E8;
  border-radius: 4px;
}


/* google-ad-service */
.google-ad-service {
  padding: 60px;
}

.google-ad-service .title h1 {
  font-size: 35px;
  font-weight: 600;
  text-align: center;
  color: black;
  margin: 0 auto;
}

.google-ad-service .title hr {
  border: 2px solid #FFA500;
  width: 200px;
}

.google-ad-service .title h2 {
  font-size: 24px;
  font-weight: 400;
  color: #6122E8;
  text-align: center;
  text-transform: uppercase;
  text-align: center;
}

.google-ad-service .card-detail {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: row;
  padding-top: 20px;
  padding-bottom: 40px;
  column-gap: 40px;
  padding-left: 38px;
  position: relative;
  overflow: visible;
}

.google-ad-service .card-detail .card {
  width: auto;
  height: auto;
  padding: 20px;
  border: 2px solid #6122E8;
  border-radius: 20px;
  position: relative;
  z-index: 1
}

.google-ad-service .card-detail .card .card-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
}

.google-ad-service .card-detail .card img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.google-ad-service .card-detail .card h1 {
  font-size: 34px;
  font-weight: 600;
  color: #6122E8;
  text-align: center;
  text-transform: uppercase;
  padding: 20px;
}

.google-ad-service .card-detail .card p {
  font-size: 19px;
  font-weight: 400;
  color: black;
  text-align: start;
  padding-bottom: 30px;
}

.google-ad-service .card-detail .card a {
  display: flex;
  justify-content: center;
  align-items: center;
}

.google-ad-service .card-detail .card a span {
  text-decoration: none;
  padding: 8px 10px;
  color: white;
  background-color: #6122E8;
  border-radius: 4px;
}

.google-ad-service .card-detail .card {
  transform-origin: top;
  transition: transform 0.3s ease;
}

.google-ad-service .card-detail .card:hover {
  transform: scaleY(1.1);
  z-index: 10;
}

.google-ad-service .left-nav-btn {
  position: relative;
  left: -70px;
  background: white;
  padding: 15px;
  border-radius: 20px;
  color: black;
  box-shadow: 4px 2px 7px 1px #00000040;
}

.google-ad-service .right-nav-btn {
  position: relative;
  right: -70px;
  background: white;
  padding: 15px;
  border-radius: 20px;
  color: black;
  box-shadow: 4px 2px 7px 1px #00000040;
}


/* page 3 website development */
.features {
  background-color: #F0F7FF;
  padding: 40px;
}

.features .title h2 {
  font-size: 18px;
  font-weight: 400;
  color: #6122E8;
  text-align: center;
  padding: 10px;
}

.features .title h1 {
  font-size: 30px;
  text-align: center;
  color: black;
  font-weight: 600;
}

.features .title hr {
  border: 2px solid #FFA500;
  width: 200px;
}

.features .title p {
  font-size: 16px;
  font-weight: 400;
  color: black;
  text-align: center;
  padding: 20px 12%;
}

.features .card-detail {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 10px;
  background-color: #F0F7FF;
}

.features .card-detail .card {
  border: unset;
  background-color: #F0F7FF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 20px;
  flex: 1;
}

.features .card-detail .card .card-img {
  width: 150px;
  height: 150px;
  border-radius: 100%;
  padding: 20px;
  background-color: white;
}

.features .card-detail .card .card-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.features .card-detail .card .card-body h1 {
  font-size: 18px;
  font-weight: 500;
  color: #6122E8;
  text-align: center;
  padding: 10px 0px;
}

.features .card-detail .card .card-body p {
  font-size: 15px;
  font-weight: 400;
  color: black;
  text-align: center;
}

.card-body {
  padding: 0px 10px;
}

/* web-post */


.web-post {
  background-color: #ffffff;
  padding: 40px;
}

.web-post .title h2 {
  font-size: 18px;
  font-weight: 400;
  color: #6122E8;
  text-align: center;
  padding: 10px;
}

.web-post .title h1 {
  font-size: 45px;
  text-align: center;
  color: black;
  font-weight: 600;
}

.web-post .title hr {
  border: 2px solid #FFA500;
  width: 200px;
}

.web-post .title p {
  font-size: 18px;
  font-weight: 400;
  color: black;
  text-align: center;
  padding: 20px 12%;
}

.web-post .post {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 20px;
  padding: 20px 0px;
}

.web-post .post .card {
  width: 350px;
  height: 400px;
  padding: 0px;
  border-radius: 24px;
  background-color: #F0F7FF;
}

.web-post .post .card .card-body {
  padding: 20px 10px;
}

.web-post .post .card .img-container {
  width: 350px;
  height: 200px;
}

.web-post .post .card .img-container .card-img-top {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px 24px 0px 0px;
}

.web-post .post .card .card-body {
  padding: 20px;
}

.web-post .post .card .card-body h1 {
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  color: black;
  margin: 0px;
}

.web-post .post .card .card-body p {
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: black;
  padding: 4px 0px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.web-post .post .card .card-body a {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #6122E8;
  text-decoration: none;
}

.web-post button {
  display: flex;
  margin: 0 auto;
  color: white;
  background-color: #6122E8;
  padding: 8px 15px;
  border-radius: 10px;
  border: 2px solid #6122E8;
  text-transform: capitalize;
  margin-top: 20px;
}


/* page-digital-marketing */

/* /advertise? */

.advertise {
  padding: 40px;
  display: none;
}

.advertise .title h2 {
  font-size: 18px;
  font-weight: 400;
  color: #6122E8;
  text-align: center;
  padding: 10px;
}

.advertise .title h1 {
  font-size: 45px;
  text-align: center;
  color: black;
  font-weight: 600;
}

.advertise .bg-card {
  background-color: #6122E8;
  border: 2px solid #6122E8;
}

.advertise .title hr {
  border: 2px solid #FFA500;
  width: 200px;
}

.advertise .card-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  column-gap: 15px;
  padding-top: 25px;
}

.advertise .card-detail .card {
  border: unset;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 20px;
  flex: 1;
  border: 2px solid #6122E8;
  border-radius: 4px;
  width: 350px;
  height: auto;
}

.advertise .card-detail .card .card-img {
  width: 150px;
  height: 150px;
  border-radius: 100%;
  padding-top: 20px;
}

.advertise .card-detail .card .card-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.advertise .card-detail .card .card-body h1 {
  font-size: 18px;
  font-weight: 700;
  color: #6122E8;
  text-align: center;
  text-transform: capitalize;
  padding-bottom: 10px;
}

.advertise .card-detail .card .card-body p {
  font-size: 15px;
  font-weight: 400;
  color: black;
  text-align: center;
  padding: 10px 0px;
}

.advertise .card-detail .card .card-body {
  padding: 10px 10px;
}

.advertise .card-detail .card .card-body a {
  text-decoration: none;
  align-items: center;
  justify-content: center;
  display: flex;
}

.advertise .card-detail .card .card-body a span {
  padding: 6px 10px;
  color: white;
  text-align: center;
  background-color: #6122E8;
  border-radius: 4px;
  display: none;
}


.advertise .card-detail .bg-card p {
  color: white !important;
}

.advertise .card-detail .bg-card h1 {
  color: white !important;
}

.advertise .card-detail .card:hover .card-img img {
  color: white;
}

.advertise .card-detail .bg-card .card-body a span {
  padding: 6px 10px;
  color: #6122E8;
  text-align: center;
  background-color: #ffffff;
  border-radius: 4px;
  display: none;
  font-size: 16px;
  font-weight: 700;
}

.advertise .card-detail .bg-card .card-body a .book-now {
  padding: 10px 10px;
  color: #6122E8;
  text-align: center;
  background-color: #ffffff;
  border-radius: 4px;
  display: block;
  font-size: 16px;
  font-weight: 700;
}

/* Contact page */

.contact-page .title h1 {
  font-size: 45px;
  text-align: center;
  color: black;
  font-weight: 600;
}

.contact-page .title {
  padding-bottom: 30px;
}

.contact-page .title hr {
  border: 2px solid #FFA500;
  width: 200px;
}

.contact-page .title p {
  font-size: 20px;
  font-weight: 500;
  color: black;
  text-align: center;
  padding: 20px 12%;
}

.contact-page {
  margin: 0 auto;
  background-color: #F0F7FF;
  padding: 50px 0;

}

.contact-page h2 {
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  padding: 30px 0px;
  color: black;
}

.contact-page .form-row {
  display: row;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
}

.contact-page .form-width {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: center;
  column-gap: 30px;
  margin: 0 4%;
}

.contact-page .form-width .user {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  max-width: 100%;
  width: 740px;
  background-color: #EAEAEA;
}

.contact-page .form-group {
  margin-bottom: 15px;
}

.contact-page .form-group input[type="text"],
.contact-page.form-group input[type="email"],
.contact-page .form-group input[type="tel"],
.contact-page .form-group textarea {
  width: 100%;
  padding: 10px;
  border: 0.5 solid #666666;
  border-radius: 0px;
  font-size: 14px;
  color: black;
}

.contact-page .form-group textarea {
  resize: vertical;
}

.user-form .button-form {
  text-align: center;
  padding-top: 30px;
}

.contact-page .form-btn {
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  background-color: #DF0000;
  color: #fff;
  cursor: pointer;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}

.contact-page .form-width .wpcf7-form-control-wrap input {
  max-width: 100%;
  width: 310px;
}

.contact-page .form-width .wpcf7-form {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 auto;
  column-gap: 35px;
  background-color: #F0F7FF;

}

/* .wpcf7-spinner {
  display: none;
} */

.contact-page .form-width p {
  background-color: #F0F7FF;
}

.wpcf7-form h2 {
  color: #DF0000 !important;
  font-size: 30px !important;
  padding: 35px 0px 10px !important;
  font-weight: 700;
}

.contact-page .wpcf7-form p textarea {
  width: 680px;
  max-width: 100%;
  border: transparent;
  padding: 6px !important;
}

.contact-page .wpcf7-form .wpcf7-list-item input {
  width: auto !important;
  max-width: 100% !important;
}

.wpcf7-response-output {
  display: none;
}

.contact-page .form-width .wpcf7-submit {
  color: white;
  background-color: #6122E8;
  border: transparent;
  padding: 10px 40px;
  border-radius: 4px;
  margin-top: 25px;
}

.wpcf7-form label {
  margin: 6px 0px;
  font-size: 16px;
  font-weight: 400;
}
.submit-btn ~ span {
  margin-left: 75px;
  margin-top: 5px;
}
.subscribe-btn ~ .wpcf7-not-valid-tip{
  display: none !important;
}

.wpcf7 form .wpcf7-response-output {
  border: none !important;
}

.contact-page .form-width .wpcf7-form label input {
  border: 1px solid #dfe9f3 !important;
  padding: 6px !important;

}

.sgpb-theme-1-content {
  border-radius: 6px;
  padding-bottom: 0;
  box-shadow: none !important;
  border-bottom-width: 0px !important;
  border-bottom-color: #fff !important;
  background-color: gainsboro !important;
  margin-bottom: 0 !important;
}

.custom-link li {
  list-style: none !important;
}


.screen-reader-response p {
  display: none;
}

#wpcf7-f508-o1-ve-your-name {
  display: none;
}

#wpcf7-f508-o1-ve-your-email {
  background-color: #DF0000;
  color: white;
  width: 100%;
  padding: 5px;
  list-style: none;
}



.form-control:focus {
  color: unset !important;
  background-color: unset !important;
  border-color: #EAEAEA !important;
  outline: 0;
  box-shadow: unset !important;
}

.contact-page .form-width .card-body {
  background-color: white;
  padding: 13px 20px;
  position: relative;
  top: 30px;
  border-radius: 10px;
}

.contact-page .form-width .card-body .card-1 {
  border: 1px solid black;
  border-radius: 6px;
  padding: 15px;
}

.contact-page .form-width .card-body .card-1 h1 {
  color: black;
  font-size: 25px;
  font-weight: 700;
  padding-bottom: 20px;
}

.contact-page .form-width .card-body .card-1 a {
  color: rgb(255, 255, 255) !important;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  background-color: #6122E8;
  padding: 10px 16px;
  border-radius: 6px;
}

.contact-page .form-width .card-body .card-2 {
  border: 1px solid black;
  margin-top: 25px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: start;
  column-gap: 5px;
  padding: 12px 0px;
}

.contact-page .wpcf7-select {
  max-width: 100%;
  text-align: -webkit-left;
  display: flex;
  justify-content: start;
  align-items: center;
  width: 310px;
  border: 1px solid #dfe9f3 !important;
  padding: 8px !important;
}


.contact-page .form-width .card-body .card-2 h1 {
  color: black;
  font-size: 25px;
  font-weight: 700;
}

.contact-page .form-width .card-body .card-2 p {
  color: black;
  font-size: 16px;
  font-weight: 400;
  background-color: white;
}

.contact-page .form-width .card-body .card-2 a {
  text-decoration: none;
}

.contact-page .form-width .card-body .card-2 a i {
  color: #6122E8;
  font-size: 40px;
}

.banner-contact {
  padding: 0;
  background-image: url('assets/images/contact-us.png');
  background-size: cover;
  background-position: right center;
  max-width: 100%;
  height: 250px;
  position: relative;
  background-repeat: no-repeat;
}


.banner-contact .list-banner-detail {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  padding: 30px 0px;
  width: 100%;
  height: 300px;
  z-index: 23;
  position: relative;
}



.banner-contact .list-banner-detail .right-list-banner .moke-up {
  color: white;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 30px;
}

.banner-contact .list-banner-detail .right-list-banner .title {
  color: white;
  font-size: 65px;
  font-weight: 700;
  padding: 6px 0px;
}

/* logo and Graphics banner */
.ui-ux {
  padding: 0;
  background-image: url('assets/images/ui-ux-design-by-olagee-1.png');
}

.Packaging-Design {
  padding: 0;
  background-image: url('assets/images/Packaging-Design-by-olagee-1.png');
}

.Branding-Design {
  padding: 0;
  background-image: url('assets/images/Branding-Design-by-olagee.png');
}

.Flyer-Design {
  padding: 0;
  background-image: url('assets/images/Flyer-Design-by-ola-gee-1.png');
}

.graphics-banner {
  padding: 0;
  background-image: url('assets/images/Graphic-Design-by-olagee.png');
}

.logo-banner {
  padding: 0;
  background-image: url('assets/images/Logo-Design-by-olagee.png');
}

/* social-media */

.media-marketing {
  padding: 0;
  background-image: url('assets/images/Digital-Marketing-by-olagee.png');
}

.email-marketing {
  padding: 0;
  background-image: url('assets/images/E-mail-marketing-by-olagee.png');
}

.ppc {
  padding: 0;
  background-image: url('assets/images/PPC-Services-by-olagee.png');
}

.seo {
  padding: 0;
  background-image: url('assets/images/SEO-Services-by-olagee.png');
}

.media-management {
  padding: 0;
  background-image: url('assets/images/Social-Media-Management-by-olagee.png');
}

.digital-marketing-banner {
  padding: 0;
  background-image: url('assets/images/Digital-Marketing-by-olagee.png');
}

/* website page  */

.website-banner {
  padding: 0;
  background-image: url('assets/images/Website-Design-&-Development-by-olagee.png');
}

.maintenance {

  background-image: url('assets/images/Website-maintenance-by-olagee-1.png');
}

.domain {
  padding: 0;
  background-image: url('assets/images/Domain-and-Hosting-by-olagee.png');
}


.Content-Writing-banner {
  padding: 0;
  background-image: url('assets/images/Content-Writing-banner.png');
}

.banner-meeting {
  padding: 0;
  background-image: url('assets/images/contact-us.png');
}


/* / content writing */
.blog-banner-1 {
  padding: 0;
  background-image: url('assets/images/Blog-Writing-service-by-olagee-1.png');
}

.blog-banner {
  padding: 0;
  background-image: url('assets/images/Copywriting-by-olagee-1.png');
}

.fade:not(.show) {
  display: none;
}

/* for wordpress manuall pages  */

.feature-header {
  background-color: #6122E8;
  height: 250px;
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 0 12%;
  color: white;
}

.feature-header h1 {
  font-size: 70px;
  color: white;
  font-weight: 600;
  text-transform: uppercase;
}

.post-content {
  padding: 30px;
}

.post-content p {
  text-align: justify;
  font-size: 16px;
  font-weight: 500;
  color: black;
  padding: 5px 0px;
}

.post-content ol li {
  list-style: disc;
  font-size: 15px;
  font-weight: 400;
}

.post-content ol li::marker {
  color: #6122E8;
  font-size: 24px;
}

@media (max-width: 1024px) {
  #mega-menu-wrap-main-menu #mega-menu-main-menu>.mega-menu-megamenu>.mega-sub-menu>.mega-menu-item-588 {
    left: 0px !important;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item>a.mega-menu-link {
    font-size: 15px !important;
  }
.pricing .tab-content {
  padding: 0 20%;
}


}

@media (max-width: 900px) {
  #mega-menu-wrap-main-menu #mega-menu-main-menu>.mega-menu-megamenu>.mega-sub-menu>.mega-menu-item:before {
    margin-right: 0 !important;
    height: 84px;
  }

}

.blog-post .card-title {
  font-size:22px;
  text-align: left;
}
.coupon{
  display: none !important;
} 

@media (max-width: 820px) {
  .woocommerce-thankyou-order-details {
    display: flex !important;
    flex-direction: column !important;
    row-gap: 20px !important;
  }
  .entry-title {
    font-size: 33px !important;
  }
  #content {
    margin-top: 50px;
  }
  .wp-block-table th, .wp-block-table td{
    padding: 15px 10px !important;
  }
.navbar {
  position: fixed;
    background: white;
    top: 0;
}
  .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr .product-quantity{
    display: flex;
    text-align: left !important;
    flex-direction: column;
  }
  
  
  
  .quantity {
    padding: 5px 0px;
  }
  
  .spinner {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .spinner input {
    width: 60px;
    text-align: center;
  }
  
  .spinner button {
    width: 40px;
    height: auto;
    border: 1px solid transparent;
    background-color: #6122f9;
    color: white !important;
    cursor: pointer;
    padding: 9px 14px;
  }
  
  .spinner button:active {
    background: #eee;
  }
  #add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout{
    padding: 0 !important;
  }


  .flex-menu {
    flex: unset !important;
  }
  .user-form .form-width p {
    background-color: #F0F7FF;
    width: -webkit-fill-available;
    text-align: center;
}
.user-form .wpcf7-form label {
  text-align: start;
}
  .scroll-up {
    position: fixed;
    bottom: 40%;
    right: 30px;
    background-color: #FFA500;
    padding: 15px 20px;
    border-radius: 50px;
    z-index: 9999999;
  }
  .pricing .tab-content {
    padding: 0 0 !important;
  }
  
  .whatsapp-btn {
    position: fixed;
    bottom: 40%;
    left: 30px;
    z-index: 9999;
  }

  .list-banner {
    height: 400px !important;
  }

  .list-banner img {
    height: 100% !important;
    width: 100%;
  }


  .banner::after {
    background-color: #000;
    content: "";
    height: 100%;
    opacity: .4;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
  }

  .list-banner .list-banner-detail {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    padding: 30px 0px;
    width: 100%;
    height: 400px;
    z-index: 2;
  }



  .list-banner .list-banner-detail .right-list-banner .moke-up {
    color: white;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 30px;
    margin-top: 5px;
  }

  #main-menu,
  .slider .owl-dots {
    display: block !important;
  }
  .owl-carousel .owl-dots.disabled,
  .owl-carousel .owl-dots.disabled {
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
    position: relative;
  }
  
  .owl-carousel .right-nav-btn i,
  .owl-carousel .left-nav-btn i {
    font-size: 24px;
    display: flex;
  }
  
  .owl-dots {
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
    position:relative;
  }
  
  .list-banner .list-banner-detail .right-list-banner .title {
    color: white;
    font-size: 30px;
    font-weight: 700;
    padding: 6px 0px;
  }

  .list-banner .right-list-banner {
    width: 450px;
}

  .list-banner .list-banner-detail .right-list-banner .list-button {
    text-decoration: none;
    color: #ffffff;
    background-color: #FFA500;
    padding: 8px 6px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    border: 1px transparent;
  }

  .col-sm-12 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .list-banner .list-banner-detail .right-list-banner .list-button:hover {
    color: rgb(255, 255, 255);
    background-color: #6122E8;
  }

  .list-banner .list-banner-detail .right-list-banner .list-button-1 {
    text-decoration: none;
    color: #6122E8;
    background-color: white;
    padding: 8px 6px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    border: 1px transparent;
    margin-left: 4px;
  }

  .list-banner .list-banner-detail .right-list-banner .list-button-1:hover {
    color: white;
    background-color: #6122E8;
  }

  /* service */

  .service .service-details .detailed h2 {
    font-size: 16px !important;
    font-weight: 600;
    text-align: left;
    color: black;
  }
  .service .service-details .detailed h3 {
    font-size: 16px !important;
    font-weight: 600;
    text-align: left;
    color: black;
    width: -webkit-fill-available;
        padding-bottom: 40px;
  }

  .service .service-details .detailed p {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #959595;
    padding: 5px 0;
  }
  .service {
    background-color: #EAEAEA;
    padding: 40px 0px;
  }
  /* marketing brand */

  .marketing {
    background-color: #6122E8;
    padding: 50px 0px;
    padding-top: 0 !important;
  }

  .marketing .row {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .marketing .title-info h1 {
    font-size: 24px;
    font-weight: 600;
    text-align: start;
    color: white;
  }

  .marketing hr {
    border: 2px solid #FFA500;
    margin-left: 0;
    width: 200px;
  }

  .marketing .title-info h2 {
    font-size: 18px;
    font-weight: 400;
    color: white;
    text-align: start;
    text-transform: uppercase;
    line-height: 1.3 !important;
  }

  .marketing .title-info p {
    font-size: 16px;
    font-weight: 400;
    color: rgb(255, 255, 255);
    text-align: justify;
  }

  .marketing .row {
    padding: 50px 10px;
  }

  .marketing .wrap {
    padding-top: 50px;
  }



  .marketing img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .marketing .leads-detail {
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
  }

  .marketing .leads-detail .details {
    padding: 4px;
    color: white;
    flex: 1;
  }

  .marketing .leads-detail .details h1 {
    font-size: 18px;
    font-weight: 600;
    border-left: 2px solid #FFA500;
    padding: 4px;
    margin-bottom: 10px;
  }

  .marketing .leads-detail .details h2 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
  }

  .marketing .leads-detail .details p {
    font-size: 16px;
    font-weight: 400;
  }

  /* news */
  .news {
    padding: 40px 0px;
  }

  .news .wpcf7-text {
    padding: 6px !important;
    height: auto;
    border: 1px transparent;
    width: 100%;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #c5c1c1;
    height: 50px;
  }

  .news .wpcf7-submit {
    padding: 8px 6px;
    color: white;
    background-color: #FFA500;
    border: 1px solid #FFA500;
    font-size: 20px !important;
    font-weight: 500;
    width: -webkit-fill-available !important;
    position: relative;
    top: -29px;
    border-radius: 4px !important;
    margin: 0 0%;
  }
  .news p {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column !important;
  }

  .news p span {
    display: flex;
  }
  .feature-header h1 {
    font-size: 40px;
  }
  .news-letter {
    background-color: black;
    border-radius: 10px;
    border: 1px solid black;
    padding: 5px;
    margin: 0 5%;
  }

  .news-letter h1 {
    padding: 10px;
    font-size: 30px;
    font-weight: 600;
  }

  .news .news-letter {
    font-size: 24px;
    text-align: center;
    font-weight: 600;
    color: white;
    padding-bottom: 18px;
  }

  .news .wpcf7-spinner {
    display: none;
  }

  .news-1 .title h1 {
    font-size: 30px;
    text-align: center;
    color: white;
    font-weight: 600;
  }

  .news {
    padding: 40px 0px;
  }

  .news p {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    padding: 0 6%;
    margin-bottom: 10px;
  }

  .digital-marketing {
    padding: 40px 0;
  }

  .digital-marketing .title h2 {
    font-size: 32px;
    font-weight: 600;
    color: #6122E8;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
  }

  .digital-marketing .title h1 {
    font-size: 28px;
    text-align: center;
    color: black;
    font-weight: 600;
  }

  .digital-marketing .title hr {
    border: 2px solid #FFA500;
    width: 200px;
  }

  .digital-marketing .title p {
    font-size: 14px;
    font-weight: 400;
    color: black;
    text-align: center;
    padding: 20px 7%;
  }

  .digital-marketing .body-scroll {
    min-height: 150px;
    max-height: 211px;
    overflow-y: auto;
  }

  .digital-marketing .card-body {
    padding: 20px 0px 20px 30px;
  }

  .digital-marketing ul {
    padding: 30px 0px 0px;
  }

  .digital-marketing ul li a {
    display: block;
    color: rgb(0, 0, 0);
    font-size: 15px;
    font-weight: 400;
    padding: 7px 0px;
    text-decoration: none;
  }

  .digital-marketing .card-body h1 {
    font-size: 30px;
    color: #6122E8;
    font-weight: 600;
    text-align: start;
  }

  .digital-marketing ul li {
    list-style: none;
  }

  .digital-marketing ul li a i {
    font-size: 15px;
    border: 1px solid black;
    border-radius: 50px;
    color: white;
    background: black;
    margin-right: 5px;
  }

  .digital-marketing .body-scroll::-webkit-scrollbar {
    width: 4px;
  }

  .digital-marketing .body-scroll::-webkit-scrollbar-track {
    background: #b5daff;
  }

  .digital-marketing .body-scroll::-webkit-scrollbar-thumb {
    background-color: #6122E8;
    border-radius: 0px;
    border: 1px solid #6122E8;
  }



  .digital-marketing .card-detail {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 20px;
    flex-direction: row;
    flex-wrap: wrap;
    flex-direction: row;
    padding-top: 24px;
  }

  .digital-marketing .card-detail .card {
    flex: 1;
    padding: 20px 0px 30px;
    height:auto;
    border: 2px solid #6122E8;
    border-radius: 8px;
    width: 300px;
    margin: 0 auto;
  }

  .digital-marketing .card-detail .card .digi-btn {
    border: 1px solid #6122E8 !important;
    background-color: #6122E8;
    padding: 10px 0px !important;
    color: #ffffff;
    margin: 0px 20px;
    margin-top: 20px;
    border-radius: 8px;
  }

  .digital-marketing .card-detail .card .digi-btn:hover {
    background-color: #6122E8;
  }

  .digital-marketing .card-detail .card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .digital-marketing .card-detail .img-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width:max-content;
    height: auto;
    padding: 20px;
  }
  .woocommerce-checkout-review-order {
    padding: 20px 0px;
    width: 100% !important;
  }
 .hentry .post-content {
  padding: 7px !important;
 }
 .p-3 {
  padding: 0 0!important;
 }
 .hentry {
  padding: 0 0 !important;
 }
 .col2-set .row {
  flex-direction: column;
  align-items: center;
}
  /* owl */
  .owl-carousel .owl-dots.disabled {
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
    position: relative;
  }

  .owl-dots {
      display: flex;
      justify-content: center;
      width: 100%;
      height: auto;
      position: relative;
  }
  .owl-dots {
    text-align: center;
    margin-top: 10px;
  }
  
  .owl-dot {
    display: inline-block;
    margin: 0 5px;
  }
  
  .owl-dot span {
    width: 15px; 
    height: 15px; 
    background-color: #6122E8;
    border: 2px solid white;
    display: block;
    border-radius: 50%; 
    transition: background 0.3s;
  }
  
  .owl-dot.active span,
  .owl-dot:hover span {
    border: 2px solid #FFA500;
  }
  
  p {
    margin-bottom: 0;
    margin: 0;
  }

  .digital-marketing .left-nav-btn {
    position: relative;
    left: -10px;
    background: white;
    padding: 8px;
    border-radius: 20px;
    color: black;
    box-shadow: 4px 2px 7px 1px #00000040;
  }

  .digital-marketing .right-nav-btn {
    position: relative;
    right: -10px;
    background: white;
    padding: 8px;
    border-radius: 20px;
    color: black;
    box-shadow: -4px 2px 7px 1px #00000040;
  }
.wc-forward {
  top: -72px;
  right: 0;
}
.woocommerce-notices-wrapper {
  margin-top: 40px;
}
  .pricing {
    padding: 40px 0px;
  }

  .pricing .title h2 {
    font-size: 32px;
    font-weight: 600;
    color: #6122E8;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
}
  #main-menu {
    margin-right: 0 !important;
  }
  .pricing .title h1 {
    font-size: 30px;
    text-align: center;
    color: black;
    font-weight: 600;
  }

  .pricing-card .card-1 {
    width: 430px;
    height: auto;
    border: 2px solid #6122E8;
    padding: 20px;
    border-radius: 4px;
    transition: unset;
    background-color: #6122E8;
    color: white;
    transform: unset;
  }


  .Portfolio {
    padding: 40px 0px;
  }

  .Portfolio .title h2 {
    font-size: 32px;
    font-weight: 600;
    color: #6122E8;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
}

  .Portfolio .title h1 {
    font-size: 28px;
    text-align: center;
    color: black;
    font-weight: 600;
  }

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

  /* clendly */
  .clendly {
    padding: 40px 0px;
  }

  .clendly .title h2 {
    font-size: 16px;
    font-weight: 400;
    color: #6122E8;
    text-align: center;
    padding: 10px;
  }

  .clendly .title h1 {
    font-size: 28px;
    text-align: center;
    color: black;
    font-weight: 600;
  }

  .clendly .title p {
    font-size: 16px;
  }
  .clendly .title p {
    font-size: 16px;
    padding: 0 5%;
    text-align: center;
}
  /* .faqs */
  .faqs {
    padding: 40px 0px;
  }

  .faqs .title h2 {
    font-size: 16px;
    font-weight: 400;
    color: #6122E8;
    text-align: center;
    padding: 10px;
  }

  .faqs .title h1 {
    font-size: 28px;
    text-align: center;
    color: black;
    font-weight: 600;
  }

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

  .faqs .card .btn-block {
    font-size: 18px;
  }

  .faqs .card p {
    font-size: 16px;
  }

  /* .testimonanl */

  .testimonal {
    padding: 40px 0px;
  }

  .testimonal .title h2 {
    font-size: 16px;
    font-weight: 400;
    color: #6122E8;
    text-align: center;
    padding: 10px;
  }

  .testimonal .title h1 {
    font-size: 28px;
    text-align: center;
    color: white;
    font-weight: 600;
  }

  .testimonal .title p {
    font-size: 16px;
    display: none;
  }

  .testimonal .testimonal-detail {
    width: 80%;
    height: auto;
    border: 1px solid white;
    border-radius: 4px;
    padding: 15px;
    background-color: white;
    display: flex;
    justify-content: center;
    column-gap: 40px;
    align-items: center;
    margin: 0 auto;
    flex-direction: column;
  }

  .get-meeting .btns .list-button-1 {
    text-decoration: none;
    color: white;
    background-color: #6122E8;
    padding: 20px 20px;
    border-radius: 5px;
    font-size: 24px;
    font-weight: 600;
    border: 1px transparent;
    margin-left: 4px;
    border: 1px solid #6122E8;
  }

  .get-meeting .btns .list-button {
    text-decoration: none;
    color: #ffffff;
    background-color: #FFA500;
    padding: 20px 20px;
    border-radius: 5px;
    font-size: 24px;
    font-weight: 600;
    border: 1px transparent;
    border: 1px solid #FFA500;
  }

  .testimonal .testimonal-body p {
    font-size: 16px;
    text-align: justify;
    padding: 10px;
  }

  .testimonal .user-profile {
    width: 120px;
  }

  .quoted-line::before {
    font-size: 16px;
    left: 0px;
  }

  .quoted-line::after {
    font-size: 16px;
    left: 0px;
  }

  /* userform */
  .user-form {
    padding: 40px 0px;
  }

  .user-form .title h2 {
    font-size: 16px;
    font-weight: 400;
    color: #6122E8;
    text-align: center;
    padding: 10px;
  }

  .user-form .title h1 {
    font-size: 30px;
    text-align: center;
    color: black;
    font-weight: 600;
  }

  .user-form .title p {
    font-size: 16px;
  }

  .user-form .wpcf7-form label {
    margin: 6px 0px;
    font-size: 16px;
    font-weight: 400;
    width: 450px;
  }

  .user-form .form-width .wpcf7-submit {
    width: 200px;
  }

  .user-form .web-box {
    width: 100% !important;
  }

  .wpcf7-list-item label {
    width: auto;
  }
  .contact-page .form-width .user {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    max-width: 100%;
    width: 450px;
    background-color: #EAEAEA;
  }
  /* blog-post */
  .blog-post {
    padding: 40px 0px;
  }

  .blog-post .title h2 {
    font-size: 16px;
    font-weight: 400;
    color: #6122E8;
    text-align: center;
    padding: 10px;
  }

  .blog-post .title h1 {
    font-size: 30px;
    text-align: center;
    color: black;
    font-weight: 600;
  }

  .blog-post .title p {
    font-size: 16px;
  }

  .img-container {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .service .service-details {
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 6px;
    row-gap: 20px;
  }

  .service .service-details .detailed h2 {
    font-size: 10px !important;
  }
  .service .service-details .detailed h3 {
    font-size: 10px !important;
    width: -webkit-fill-available;
        padding-bottom: 40px;
  }
  .service .service-details .detailed p {
    font-size: 10px;
  }

  .influential-brand h2 {
    font-size: 16px;
    font-weight: 400;
    color: #6122E8;
    text-align: center;
    padding: 10px;
  }

  .influential-brand h1 {
    font-size: 30px;
    text-align: center;
    color: black;
    font-weight: 600;
  }

  .influential-brand p {
    font-size: 16px;
    text-align: center;
  }

  .influential-brand {
    padding: 40px 0px;
  }

  .advertise .title h2 {
    font-size: 16px;
    font-weight: 400;
    color: #6122E8;
    text-align: center;
    padding: 10px;
  }

  .advertise .title h1 {
    font-size: 30px;
    text-align: center;
    color: black;
    font-weight: 600;
  }

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

  .advertise .title {
    padding: 40px 0px;
  }

  .advertise .card-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 15px;
    padding-top: 25px;
    flex-direction: column;
    row-gap: 20px;
  }

  .pricing-card .card {
    width: 430px;
  }

  .nav-nav .pd-left {
    padding-left: 0;
    margin: 0;
  }

  .nav-header .nav-info .nav-links {
    padding: 0;
  }

  label .textarea-mbl {
    width: auto !important;
  }

  .wpcf7-checkbox {
    row-gap: 0px;
  }

  .wpcf7-checkbox span label {
    width: auto !important;
  }

  #mega-menu-wrap-main-menu #mega-menu-main-menu>.mega-menu-megamenu>.mega-sub-menu>.mega-menu-item:before {
    content: none;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    text-decoration: inherit;
    vertical-align: middle;
    display: inline-block;
    color: #747070;
    font-size: 18px;
    position: relative;
    top: 0px;
    left: 0px;
    border-bottom: 1px solid #c5c1c1;
    width: 144px;
    height: 105px;
    background-repeat: no-repeat;
    border-radius: 10px;
    top: 10px;
    display: block !important;
  }



  .display-tabs {
    display: block !important;
  }

  .disable {
    display: none;
  }

  .social-header {
    display: flex;
    align-items: center;
    justify-content: end;
    background-color: black;
    color: white;
    padding: 0 5%;
    overflow: hidden;
  }

  .navbar-brand {
    margin: 0 !important;
  }

  .social-header .info .nav-link {
    padding: 0;
    color: white !important;
  }

  .social-header .disable {
    padding: 0 !important;
  }

  .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    color: white;
    column-gap: 14px;
    padding-right: 0px;
  }

  .display-desk {
    display: none !important;
  }

  #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1:after {
    content: "";
    font-family: "dashicons";
    font-size: 29px !important;
    color: rgb(0, 0, 0) !important;
    margin: 0 0 0 5px;
  }

  #mega-menu-wrap-main-menu .mega-menu-toggle {
    background-color: #ffffff !important;
  }

  .info a {
    color: rgb(255, 255, 255);
  }

  .icon a {
    color: rgb(255, 255, 255);
  }

  .social-header {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(0, 0, 0);
    color: rgb(0, 0, 0);
    padding: 0 9%;
    overflow: hidden;
    column-gap: 2px;
  }

  .nav-header {
    border-bottom: unset;
  }

  .social-header .info {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    column-gap: 14px;
    padding: 5px 0px;
  }

  .social-header .mbl-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .social-header {
    flex-direction: column;
    justify-content: end;
    align-items: end;
  }

  #mega-menu-main-menu {
    display: none;

    padding: 0 20px !important;
    position: relative;
  }

  #mega-menu-wrap-main-menu .mega-menu-toggle+#mega-menu-main-menu {
    max-height: 600px;
    height: 450px;
    overflow-y: auto;
    padding: 20px !important;
  }

  #mega-menu-main-menu.show {
    display: block !important;
  }

  ul.mega-sub-menu {
    display: none;
   
  }

  ul.mega-sub-menu.show {
    display: block !important;
  }

  #mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item>a.mega-menu-link {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #000 !important;
  }

  #mega-menu-wrap-main-menu #mega-menu-main-menu>#mega-menu-item-584 a.mega-menu-link {
    width: fit-content !important;
  }

  #mega-menu-wrap-main-menu #mega-menu-main-menu>#mega-menu-item-596 a.mega-menu-link {
    background-color: #6122E8 !important;
    border: 1px solid #6122E8 !important;
    border-radius: 5px !important;
    font-size: 18px !important;
    color: white !important;
    font-weight: 600 !important;
    margin-top: 10px !important;
    width: fit-content !important;
  }

  .mega-menu-item-596 a {
    color: white !important;
  }

  .action-btn a {
    padding: 12px 6px;
    border-radius: 4px;
    width: auto;
    text-align: center;
    font-weight: 500;
    width: max-content;
    margin-bottom: 5px;
  }

  .nav-mbl-quote {
    background-color: #FFA500;
    border: 1px solid #FFA500;
    color: black;
  }

  .nav-mbl-pricing {
    background-color: #6122E8;
    border: 1px solid #6122E8;
    color: white;
  }

  .nav-mbl-pricing:hover {
    background-color: #6122E8;
    border: 1px solid #6122E8;
    color: white;
  }

  .action-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    padding: 0 0px;

  }

  .social-header .display-tabs .nav-link {
    padding-bottom: 0px !important;
  }
  .mb-links {
    z-index: 1;
  }
  #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
    margin-right: 20px !important;
  }

  .contact-page .wpcf7-form p textarea {
    width: 450px ;
    padding: 0 !important;
    height: auto;
  }

  .banner-contact .list-banner-detail .right-list-banner .title {
    color: white;
    font-size: 50px;
    font-weight: 700;
    padding: 6px 0px;
  }

  .contact-page .title h1 {
    font-size: 30px;
    text-align: center;
    color: black;
    font-weight: 600;
  }

  .contact-page .title p {
    font-size: 16px;
    font-weight: 500;
    color: black;
    text-align: center;
    padding: 0px 12%;
  }

  .contact-page .form-width {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: center;
    column-gap: 30px;
    margin: 0 4%;
    flex-wrap: wrap;
  }

  #mega-menu-item-499 {
    margin-right: 0px;
  }

  .action-btn a {
    font-size: 16px;
  }
  .nav-header .nav-info .navbar-brand {
    width: 140px;
    height: 50px;
    max-width: 100%;
    margin-left: 0 !important;
}
.nav-header .nav-info .navbar-brand img {
margin-left: 20px;
}

  .nav-header .nav-info .navbar-brand img {
    margin-top: 8px;
  }

    .action-btn {
      display: flex;
      align-items: end;
      justify-content: end;
      column-gap: 8px;
      padding: 0 0px;
  }
  .social-header {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(0, 0, 0);
    color: rgb(0, 0, 0);
    padding: 0 5%;
    overflow: hidden;
    column-gap: 2px;
}

.col2-set .row {
  flex-direction: column;
}

.col2-set .row .col-md-5 {
  order: 1; 
}

.col2-set .row .col-md-7 {
  order: 2;
}
.wrap {
  flex-direction: column;
}

.wrap .text {
  order: 1;
}

.wrap  .image {
  order: 2; 
}
.form-width .text {
  order: 1;
}

.form-width  .image {
  order: 2; 
}
.contact-page .form-width .card-body {
  margin-bottom: 100px;
}
.user-form .form-width .wpcf7-form {
  flex-direction: column;
}
.contact-page .form-width .wpcf7-form label input {
  width: 450px;
}
.contact-page .wpcf7-select {
  width: 450px;
}
.card-body {
  -ms-flex: none;
  flex: none !important;
  min-height: 1px;
  padding: 1.25rem;
  width: 450px;
}
.wpcf7-select {
  width: 450px;
}
.user-form .form-width .wpcf7-form-control-wrap input {
  width: 450px;
}
.wpcf7-form p textarea {
  width: 450px;
}
.user-form .form-width {
  width: 450px;
}
.digital-marketing .card-detail .card {
  flex: 1;
  padding: 20px 0px 30px;
  height: auto;
  border: 2px solid #6122E8;
  border-radius: 8px;
  width: max-content;
  margin: 0 auto;
}



#mega-menu-wrap-main-menu {
  position: relative !important; 
  display: flex !important;
  justify-content: flex-end !important; 
  width: 100% !important; 
}

#mega-menu-wrap-main-menu .mega-menu-toggle {
  z-index: 10000 !important; /* Ensure it's above other elements */
}

#mega-menu-main-menu {
  background: #222;
  padding: 0;
  display: none; 
  position: absolute;
  top: 100% !important; 
  width: 100vw !important;
  z-index: 9999999 !important;
  list-style: none !important;
  margin: 0 !important; 
}
#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
  font-size: 30px !important;
}

}








@media (max-width:500px) {
  .blog-post .card-title {
    font-size: 18px !important;
    text-align: left !important;
}
  #content {
    margin-top: 45px !important;
  }
  #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {   
      padding: 1rem 0 !important;
  }
  .title p {
    padding: 20px 15px !important;
  }

  .Portfolio .nav-tabs .nav-link {
    border: 1px solid #6122E8;
    border-radius: 4px !important;
    color: #6122E8;
    padding: 4px 4px;
    font-size: 14px;
}
.pricing .nav-tabs .nav-link {
  border: 1px solid #6122E8;
  border-radius: 4px !important;
  color: #6122E8;
  padding: 4px 4px;
  font-size: 14px;
}
.pricing .nav-tabs {
  column-gap: 4px;
  row-gap: 8px;
}
  .navbar-brand {
    width: 130px !important;
  }
  .user-form .form-width p {
    background-color: #F0F7FF;
    width: -webkit-fill-available;
    text-align: center;
}
.user-form .wpcf7-form label {
  text-align: start;
}
  .digital-marketing .card-detail .card {
    flex: 1;
    padding: 20px 0px 30px;
    height: auto;
    border: 2px solid #6122E8;
    border-radius: 8px;
    width: 340px;
    margin: 0 auto;
}
  .digital-marketing .card-detail .img-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    padding: 20px;
}
  .wpcf7-select {
    width: 310px;
  }
  .user-form .form-width .wpcf7-form-control-wrap input {
    width: 310px;
  }
  .wpcf7-form p textarea {
    width: 310px;
  }
  .user-form .form-width {
    width: 310px;
  }

  .user-form .wpcf7-form label {
    margin: 6px 0px;
    font-size: 16px;
    font-weight: 400;
    width: 310px;
  }

  .contact-page .wpcf7-form p textarea {
    width: 310px;
  }
  .contact-page .form-width .wpcf7-form label input {
    width: 310px;
  }
  .contact-page .wpcf7-select {
    width: 310px !important;
  }
  .card-body {
    -ms-flex: none;
    flex: none !important;
    min-height: 1px;
    padding: 1.25rem;
    width: auto;
  }
  .service .service-details .details {
    display: flex;
    column-gap: 20px;
    padding: 8px 0px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
 .service .service-details .s-detail  {
  display: flex;
  column-gap: 20px;
  padding: 8px 0px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center !important;
}
  .list-banner .right-list-banner {
    background-color: #6122e847;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    font-weight: bold;
    width: auto;
    margin-right: 30px;
    padding: 20px;
    border-radius: 20px;
    border:1px solid #00000045;
  }
.list-banner .list-banner-detail .right-list-banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-right: 12px !important;
}
.list-banner .list-banner-detail .right-list-banner .title {
  text-align: center;
  font-size: 28px;
}
.list-banner {
height: 370px !important;
}
.list-banner .list-banner-detail {
  height: -webkit-fill-available;
}
.list-banner .list-banner-detail .right-list-banner .moke-up {
  color: white;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 15px;
  margin-top: 5px;
}
.list-banner .list-banner-detail .right-list-banner h3 {
  color: white;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 6px !important;
}
  .banner-contact .list-banner-detail .right-list-banner .title {
    color: white;
    font-size: 43px;
    font-weight: 700;
    padding: 6px 0px;
  }
  .nav-header .nav-info .navbar-brand img {
    margin-left: 0px;
    }
  .mb-links {
    z-index: 1;
  }

  .nav-header .nav-info .navbar-brand img {
    margin-top: 4px;
  }
  .navbar-brand{
    width: 130px;
    height: auto !important;
  }
  .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    justify-content: center;
    text-align: center;
}
.footer .social-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 20px;
}
.footer-detail {
    margin: 0 auto;
    width: auto;
}
.footer .address-item {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  padding: 4px 0;
}

  
  #mega-menu-main-menu {
    display: none;
    /* Initially hidden */
    padding: 0 20px !important;
  }

 
  #mega-menu-main-menu.show {
    display: block !important;
  }
  ul.mega-sub-menu {
    display: none;
  }

  ul.mega-sub-menu.show {
    display: block !important;
  }



  .email {
    font-size: 12px;
  }
  .user-form .form-width .wpcf7-form {
    flex-direction: column !important;
  }
  .news .wpcf7-submit {
    padding: 6px 6px;
    color: white;
    background-color: #FFA500;
    border: 1px solid #FFA500;
    border-radius: 0px 4px 4px 0px;
    font-size: 12px;
    font-weight: 500;
    margin: auto 0 !important;
  }

  .testimonal .testimonal-card .user-info p {
    font-size: 13px;
    font-weight: 400;
    padding: 0px 0;
    color: #6122E8;
    padding: 0;
    margin: 0;
  }

  .testimonal .testimonal-card .user-info h2 {
    font-size: 16px;
    font-weight: 800;
    padding: 10px 0 2px;
    color: #6122E8;
    margin: 0;
  }

  .testimonal .testimonal-body p {
    font-size: 16px;
    text-align: center !important;
    padding: 0px;
    line-height: 1.1;
    word-spacing: 1px;
    letter-spacing: 1px;
    font-weight: 400;
  }

  .testimonal .left-nav-btn {
    position: relative;
    left: -12px;
    background: white;
    padding: 7px;
    border-radius: 20px;
    color: black;
    box-shadow: 4px 2px 7px 1px #00000040;
  }

  .testimonal .right-nav-btn {
    position: relative;
    right: -12px;
    background: white;
    padding: 7px;
    border-radius: 20px;
    color: black;
    box-shadow: -4px 2px 7px 1px #00000040;
  }

  .testimonal .testimonal-detail {
    width: 100%;
    height: fit-content;
    border: 1px solid white;
    border-radius: 4px;
    padding: 15px;
    background-color: white;
    display: flex;
    justify-content: center;
    column-gap: 40px;
    align-items: center;
    margin: 0 auto;
    flex-direction: column;
  }
  .pricing-card .card-1 h2 span {
    font-size: 10px;
  }
  p,
  a,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  span {
    margin: 0;
    margin-bottom: 0px;
  }

  .pricing-card .card .text {
    margin: 0 !important;
  }

  .get-meeting .btns .list-button-1 {
    text-decoration: none;
    color: white;
    background-color: #6122E8;
    padding: 10px 5px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
    border: 1px transparent;
    margin-left: 4px;
    border: 1px solid #6122E8;
  }

  .get-meeting .btns .list-button {
    text-decoration: none;
    color: #ffffff;
    background-color: #FFA500;
    padding: 10px 5px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
    border: 1px transparent;
    border: 1px solid #FFA500;
  }

  .get-meeting .btns {
    column-gap: 5px;
  }

  .user-form .form-width .wpcf7-submit {
    margin: 0px !important;
  }

  #mega-menu-item-499 {
    margin-right: 0px;
  }

  .influential-brand h1 {
    font-size: 25px;
  }

  .blog-1 .title-info h1 {
    font-size: 30px;
  }

  .blog-1 .title-info p {
    margin-bottom: 30px !important;
    font-size: 18px;
    padding-bottom: 0;
  }

  .blog-1 {
    background-color: #F0F7FF;
    padding: 10px 0px;
  }

  .blog-2 .title-info h1 {
    font-size: 30px;
  }

  .blog-2 .title-info p {
    margin-bottom: 30px !important;
    font-size: 18px;
    padding-bottom: 0;
  }

  .marketing .title-info p {
    font-size: 18px;
    margin-bottom: 30px !important;
  }

  .digital-marketing .title h1 {
    font-size: 30px;
  }

  .digital-marketing .title p {
    font-size: 18px;
  }

  .pricing .title h1 {
    font-size: 24px;
  }

  .Portfolio .title h1 {
    font-size: 24px;
  }

  .Portfolio .title p {
    text-align: center;
    padding: auto 5% !important;
    display: none;
  }

  .clendly .title h1 {
    font-size: 24px;
  }

  .title {
    font-size: 24px;
  }

  .wpcf7-list-item label {
    width: auto !important;
  }

  .influential-brand .img-container {
    padding: 0px !important;
  }

  .mbl-pd {
    padding: 40px 0px !important;
  }

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

  .action-btn a {
    font-size: 13px;
    padding: 5px 5px;
    border-radius: 4px;
    width: auto;
    text-align: center;
    font-weight: 700;
    margin-bottom: 0px;
    width: max-content;
  }
  .action-btn {
    display: flex;
    align-items: end;
    justify-content: end;
    column-gap: 8px;
    padding: 0 0px;
    margin-top: -3px;
}

  .taxarea-mbl {
    width: 300px !important;
  }
  .Portfolio .tab-content .card .card-body {
    width: fit-content;
  }
  .scroll-up {
    position: fixed;
    bottom: 2% !important;
    right: 30px;
    background-color: #FFA500;
    padding: 10px 15px !important;
    border-radius: 50px;
    z-index: 9999999;
  }

  .whatsapp-btn {
    position: fixed;
    bottom: 2% !important;
    left: 20px !important;
    z-index: 9999;
  }
  .whatsapp-btn a i {
    padding: 11px 14px !important;
  }
  .faqs .card .btn-block {
    font-size: 15px;
  }

  .faqs .card p {
    font-size: 14px;
  }

  .faqs .btn-icons:not(.collapsed)::after {
    top: 5px;
  }

  .faqs .btn-icons::after {
    top: 0px;
    left: 10px;
  }


  .wpcf7-checkbox span label {
    width: auto !important;
  }

  .wpcf7-list-item label {
    width: auto !important;
  }

  .service .service-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    column-gap: 6px;
    row-gap: 10px;
  }

  .service .service-details .detailed h2 {
    font-size: 18px !important;
    text-align: center !important;
    margin: 0px;
    font-weight: 700;
  }
  .service .service-details .detailed h3 {
    font-size: 18px !important;
    text-align: center !important;
    margin: 0px;
    font-weight: 700;
    width: -webkit-fill-available;
        padding-bottom: 40px;
  }
  .service .service-details .detailed p {
    font-size: 16px;
    font-weight: 400;
    padding: 13px 0px;
}
  .wpcf7-select {
    width: -webkit-fill-available !important;
  }

  .user-form .form-width .wpcf7-form-control-wrap input {
    max-width: 100%;
    width: 100%;
  }

  .wpcf7-list-item label span {
    font-size: 12px;
    font-weight: 600;
  }

  .wpcf7-list-item label {
    margin-bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    column-gap: 3px;
  }
  .pricing-card .card {
    width: 340px;
    box-sizing: border-box;
}
.calendly-mobile {
  position: relative;
    -webkit-overflow-scrolling: touch;
    min-width: 320px;
    height: 1200px !important;
    overflow: hidden;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
  padding-right: 7px !important;
  padding-left: 7px !important;
}
.marketing .title-info a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 170px;
  margin: 0 auto;
}
.marketing .title-info h1 {
  text-align: center;
}
.marketing .title-info hr {
  margin: 10px auto;
}
.marketing .title-info p {
  text-align: justify;
}

.blog-1 .title-info a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 170px;
  margin: 0 auto;
}
.blog-1 .title-info h1 {
  text-align: center;
}
.blog-1 .title-info hr {
  margin: 10px auto;
}
.blog-1 .title-info p {
  text-align: justify;
}
.blog-2 .title-info a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 170px;
  margin: 0 auto;
}
.blog-2 .title-info h1 {
  text-align: center;
}
.blog-2 .title-info hr {
  margin: 10px auto;
}
.blog-2 .title-info p {
  text-align: justify;
}
.navbar {
  display: flex;
  align-items: space-between;
  justify-content: center;

}
.flex-menu {
  flex: unset;
}
.faqs .accordion {
  overflow-anchor: none;
  margin: auto 0% !important;
  display: block !important;
}
.faqs .card .btn-block {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}


}

.nav-nav .pd-left {
  margin: 0;
}

.disable-tabs {
  display: none;
  padding: 0px;
}

.disable-desk {
  display: none;
  text-align: end;
}

.display-tabs {
  display: none;
}


#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
  color: black !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link,
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link {
  color: black !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  padding: 4px !important;
}

.mbl-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.whatsapp-btn {
  position: fixed;
  bottom: 5%;
  left: 30px;
  z-index: 9999;
}

.whatsapp-btn a i {
  font-size: 32px;
  color: white;
  background:  #1AA703;
  padding: 16px 18px;
  border-radius: 50px;
}
.whatsapp-btn span .msg-float {
  color: #eb9a04 !important;
  font-size: 15px;
  border-radius: 5px; /* Optional: Rounded corners */
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  font-weight: 700;
}
.scroll-up {
  position: fixed;
  bottom: 5%;
  right: 20px;
  background-color: #FFA500;
  padding: 15px 20px;
  border-radius: 50px;
  z-index: 9999999;
}
.scroll-up a i {
  font-size: 30px;
  color: black;
}

.mega-menu-item-499 {
  margin-right: 10px !important;
}

.card- h3 {
  display: none !important;
}

a {
  color: unset !important;
  text-decoration: none;
  background-color: transparent;
}

.nav-mbl-pricing {
  background-color: #6122E8;
  border: 1px solid #6122E8;
  color: white !important;
}

a:hover {
  text-decoration: none !important;
}

.owl-carousel .owl-nav.disabled {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: auto;
  position: absolute;
}

.owl-carousel .right-nav-btn i,
.owl-carousel .left-nav-btn i {
  font-size: 24px;
  display: flex;
}

.owl-nav {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: auto;
  position: absolute;
}
.owl-carousel .right-nav-btn i,
.owl-carousel .left-nav-btn i {
  font-size: 15px;
  display: flex;
}
  .clendly .title p {
    font-size: 16px;
    text-align: center;
}
.wrap {
  display: flex;
  flex-direction: column;
}
.mb-links {
    display: block;
    padding-left: 1rem !important;
}
#mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-blocks-left {
  display: none !important;
}
#mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-blocks-center {
  display: none !important;
}

.nav-nav .navbar .flex-menu {
  flex: 1;
}
#main-menu {
  width: 100%;
  margin-right: 50px;
}
.btn.focus, .btn:focus {
  box-shadow: unset !important;
}

.post-content .form-row {
  display: flex;
  flex-direction: column;
}

#order_review_heading {
  display: none;
}
.woocommerce-checkout #payment div.payment_box input.input-text {
  width: 100%;
  background-color: #F0F7FF;
  border-radius: 4px;
  color: black;
  border:1px solid #d3ced2;
  padding: 4px !important;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
  background-color: #F0F7FF;

}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
  border: 1rem solid #F0F7FF;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
}
.woocommerce-checkout-review-order {
  padding: 20px 0px;
  width: 600px;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce a.added_to_cart {
  background-color: #6122E8 !important;
  color: white !important;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
  background-color:#F0F7FF !important;
}
.woocommerce-privacy-policy-link {
  display: inline;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
  margin: 30px 0px;
  text-transform: capitalize;
}


#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:focus {
  background-color: #FFA500 !important;
}

.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
  width: auto;
}
.coupon {
  display: flex;
}


/* Disable clicks on product name links in cart */
.woocommerce-cart .product-name a {
  pointer-events: none; /* Disable clicks */
  color: inherit; /* Ensure the link looks like regular text */
  text-decoration: none; /* Remove underline if present */
}
.pay-cards {
  width: 300px;
  height: 70px;
  margin: 0 auto;
}
.pay-cards img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.entry-content img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  padding-bottom: 40px;
}
.entry-content  {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.entry-title {
  font-size: 50px;
  text-align: left;
  padding: 30px 0px;
  font-weight: 600;
  text-transform: capitalize;
}

.content-area {
  padding: 0 8%;
  padding-bottom: 30px;
}
.entry-content p {
  font-size: 18px;
  font-weight: 400;
}
.entry-content h3 {
  font-size: 22px;
  padding: 5px 0px;
  font-weight: 500;
}
.entry-content ul h3 {
  font-size: 20px;
  padding: 10px 0px;
  font-weight: 500;
}
.entry-content ul li {
  font-size: 16px;
  font-weight: 400;
  margin-left: 25px;
  padding: 0;
}
.comments-area {
  display: none;
}
.entry-content p strong {
  margin-left: 20px;
}
.content-area  ul {
  padding: 5px 10%;
}
.content-area  ul li {
  font-size: 16px;
  color: black;
  list-style-type: square;
  padding: 4px 0;
}
.content-area ul li a{
  font-size: 16px;
  color: black;
  font-weight: 400;
  text-transform: capitalize;
  
}
.page-header h1 {
  text-transform: capitalize;
  font-size: 40px;
  font-weight: 700;

}

.page-header {
  padding: 20px 9%;
}
.page-header h2 {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  color: #6122E8;
}
.page-title {
  text-transform: capitalize;
}

.service-pricing .nav-service {
  column-gap: 0 !important;
}
.nav-price {
  display: none;
}


#phone {
  padding-left: 100px !important;
}
.uacf7-form-204 {
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
  align-items: center;
  justify-content: center;
}
/* Header styling */
.nav-header {
  width: 100%;
  padding: 0;
  position: -webkit-sticky; /* For Safari */
  position: sticky;
  top: 0;
  z-index: 1000;
  transition: all 500ms ease-in-out;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0); /* Initially no shadow */
}

/* Sticky header styling */
.sticky .nav-header {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .3); /* Shadow when sticky */
  padding: 5px 0;
}

/* Social Buttons */
.social-header {
  display: block; /* Initially visible */
}

/* Hide social buttons when sticky */
.sticky .social-header {
  display: none;
}

/* Ensure content has top padding to prevent overlap */
main {
  padding-top: 60px; /* Adjust based on header height */
}
#content {
  margin-top: 59px;
}
/* General styling for the WhatsApp container */
/* General styling for the WhatsApp container */
.whatsapp-btn {
  position: fixed;
  bottom: 5%;
  right: 20px;
  z-index: 999;
  width: 64px;
}

/* Styling for the WhatsApp icon */
#whatsapp-icon {
  display: inline-block;
  color: white;
  border-radius: 50%;
  font-size: 24px;
  text-decoration: none;
  position: relative; /* Necessary for positioning the tooltip */
}

/* Tooltip styling */
.tooltip {
display: block;
  width: max-content;
  background-color: white;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 10px;
  position: absolute;
  bottom: 120%; /* Position above the icon */
  left: 1%;
  margin-left: -75px; /* Center the tooltip */
  opacity: 1 !important;
  transition: opacity 0.3s;
  font-size: 14px;
  white-space: nowrap; /* Prevent text from wrapping */
  z-index: 1000;
  box-shadow: 0 0 2px 2px #00000012;
  color: black;
}

/* Tooltip arrow styling */
.tooltip::after {
  content: "";
  position: absolute;
  top: 100%; /* Position the arrow at the bottom of the tooltip */
  left: 20%;
  margin-left: -10px; /* Center the arrow horizontally */
  border-width: 10px;
  border-style: solid;
  border-color: #ebebebdb transparent transparent transparent; /* Arrow color */
  /* box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); Box shadow for the arrow */
}

.select2-container--default .select2-selection--single {
  height: 48px !important;
  background-color: #f0f7ff !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 48px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 2.8 !important;
}
.woocommerce-billing-fields {
  background-color: #f0f7ff !important;
  padding: 10px !important;
}
@font-face {
  font-family: 'WooCommerce';
  src: url('https://olagee.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff2') format('woff2');
  font-display: swap;
}
/* Ensure Stripe input fields are visible */
.woocommerce-checkout .StripeElement {
  width: 100% !important;
  padding: 10px !important;
  border: 1px solid #ccc !important;
  background-color: #fff !important;
  color: #000 !important;
}

.woocommerce-checkout .StripeElement--focus {
  border-color: #007cba !important;
}

.woocommerce-checkout .StripeElement--invalid {
  border-color: #e75151 !important;
}
.service-btn {
  display: none !important;
}
.marketing .leads-detail {
  display: none;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
  background-color: #FFA500 !important;
}

/* .intl-tel-input .selected-flag .iti-arrow {
  right: 3 !important;
} */
 .return-to-shop {
  display: none;
 }
 .wc_payment_method .stripe-cards-icon  {
  width: 138px !important;
  height: 88px !important;
  object-fit: cover !important;
 }
 .wc_payment_method label {
  padding-left: 20px;
 }

 #main-tab-packaging-designing {
  display: none !important;
 }

 .input-select {
  height: 77px;
 }
 /* Catalog page  */

.catalog-hero {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  background: #fff;
}

.catalog-hero-content {
  max-width: 700px;
  padding: 40px 30px;
  border-left: 8px solid #6122e8;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,0.05);
  border-radius: 8px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.text-area h1 {
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: 8px;
  position: relative;
  padding-bottom: 10px;
  color: #000;
  padding-bottom: 30px;
}

.text-area h1::after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  background-color: #ffa500;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 2px;
}

.text-area p {
  font-size: 1.2rem;
  color: #333;
  margin: 0;
  padding-top: 30px;
}

.arrow-down {
  font-size: 3rem;
  color: #6122e8;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(12px); }
}

.catalog-hero-buttons a {
  display: inline-block;
  margin: 0 12px;
  padding: 14px 32px;
  border-radius: 30px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.3s ease;
  border: 2px solid transparent;
  color: white !important;
}

.btn-download {
  background: #6122e8;
  color: #fff;
  border-color: #6122e8;
}

.btn-download:hover {
  background: #4b18c0;
  border-color: #4b18c0;
}

.btn-secondary {
  background: transparent;
  color: #ffa500;
  border-color: #ffa500;
}

.btn-secondary:hover {
  background: #ffa500;
  color: #fff;
}

/* Responsive */

@media (max-width: 768px) {
  .catalog-hero-content {
    padding: 30px 20px;
    border-left-width: 6px;
  }

  .text-area h1 {
    font-size: 2rem;
  }

  .text-area h1::after {
    width: 50px;
    height: 3px;
  }

  .text-area p {
    font-size: 1rem;
  }

  .arrow-down {
    font-size: 2.5rem;
  }

  .catalog-hero-buttons a {
    margin: 8px;
    padding: 12px 28px;
    font-size: 0.95rem;
  }
}