/* global css start */



h1 {

  font-family: Plus Jakarta Sans;



  font-weight: 700;



  font-style: Bold;



  font-size: 80px;

  line-height: 90px;

}



h2 {

  font-family: Public Sans;



  font-weight: 700;



  font-style: Bold;



  font-size: 42px;

}



h3 {

  font-family: Inter;

  font-weight: 600;

  font-style: Semi Bold;

  font-size: 20px;

  line-height: 28px;

  letter-spacing: 0px;

}



h4 {

  font-family: Inter;



  font-weight: 600;



  font-style: Regular;



  font-size: 20px;

  line-height: 26px;

}



h5 {

}



h6 {

}



p {

  color: #374151;

  font-family: Inter;

  font-weight: 400;

  font-size: 18px;

  line-height: 27px;

  letter-spacing: 0px;

  text-align: center;

  margin: 0px;

}

span {

  font-size: inherit !important;

  top: 0px !important;

}



section {

  padding: 70px 0px;

}



.post,

.page {

  margin: 0px;

}



/*header start */



header.site-header {

  position: fixed;

  width: 100%;



  height: auto;



  padding: 10px 10px;



  gap: 30px;



  background-color: #ffffff;

  z-index: 99999;

}



.site-header .logo a img {

  width: 242px;



  height: 46px;



  opacity: 1;



  padding-top: 2px;

}



.site-header .main-navigation ul {

  gap: 38px;



  margin: 0;



  text-align: center;

}



.site-header .main-navigation ul li a {

  font-family: Inter;



  font-weight: 500;



  font-style: Medium;



  font-size: 16px;



  color: #04000b;



  line-height: 24px;



  letter-spacing: 0px;



  padding: 12px 0px;

}



.site-header .main-navigation ul li:nth-last-child(-n + 2) {

  margin-left: auto;



  /* pushes these items to the right */

}



.site-header .main-navigation ul li.sign-up {

  margin-left: 0px;

}



.site-header .main-navigation ul li.sign-up a {

  color: #ffffff;



  /* background-color: #03ba4e; */

  background-image: linear-gradient(to left, #03BA4E, #0E733C);


  padding: 12px 24px;

  border: #fff;


  border-radius: 25px;

}



.site-header .main-navigation button.menu-toggle {

  margin: 0px;

  padding: 3px;

  background: none;

  border: none;

}

.site-header .main-navigation ul li a {

  position: relative;

}

.site-header .main-navigation ul li.menu-item-has-children a:after {

  content: "\f107";

  display: inline-block;

  font: normal normal normal 14px / 1 FontAwesome;

  font-size: inherit;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  position: absolute;

  right: -14px;

  top: 17px;

}



/* header end here*/



/* footer css start */



footer {

  background-color: #000000;



  padding: 50px 130px 10px;

}



footer h2 {

  font-size: 18px !important;



  font-family: Roboto;



  font-weight: 700;



  color: #fff;



  font-style: Bold;



  font-size: 18px;



  letter-spacing: 0%;



  line-height: 56px;

}



footer .footer-menu ul {

  padding: 0;



  margin: 0;

}



footer section {

  padding: 0px;

}



footer .footer-menu ul li.menu-item::marker,

footer .social-media ul li::marker,

footer .policy-menu ul li::marker {

  font-size: 0px;

}



footer .row.align-middle.footer-subcribe-section {

  padding: 15px 0px 50px 0px;

}



footer .footer-menu ul li.menu-item a {

  color: #9CA3AF;



  text-decoration: none;



  font-family: Roboto;



  font-weight: 400;



  font-style: Regular;



  font-size: 14px;



  line-height: 35px;



  letter-spacing: 0%;

}



footer .footer-menu-list {

  border-bottom: 1px solid #7b7e86;



  padding-bottom: 50px;
  margin-bottom: 15px;

}
.footer-menu-list p{
  color: #9CA3AF;
text-align: left;
line-height: 24px;
font-size: 14px;
margin-top: 40px;

}



footer .footer-subscribe {

  display: flex;



  gap: 30px;

}



footer .footer-subscribe .wpsf-form-wrap.wpsf-template-4 {

  background-color: transparent;



  color: white;



  padding: 0px;



  width: 100%;



  display: flex;



  justify-content: flex-end;



  margin: auto;



  margin: 0px auto;

}



footer .social-media,

footer .footer-subscribe {

  padding: 0px;



  padding-top: 20px;

}



footer .footer-subscribe .wpsf-form-wrap form {

  padding: 0;



  border: none;

  width: 100%;

  margin: 0;



  background-color: transparent;

}



footer .footer-subscribe .wpsf-form-wrap .both-fields-wrap {

  margin-bottom: 0px;



  border-radius: 50px;



  border: 1px solid #fff;



  background-color: #fff;



  color: #000;

}



footer .footer-subscribe .wpsf-form-wrap.wpsf-template-4 input[type="email"] {

  background-color: rgb(255 255 255 / 0%);



  border: none;



  color: inherit;



  font-family: Roboto;



  font-weight: 400;



  font-style: Regular;



  font-size: 16px;



  line-height: 100%;



  color: #b1b5bb;



  letter-spacing: 0%;



  vertical-align: middle;

}



footer .footer-subscribe .wpsf-form-wrap .wpsf-btn-parent {

  flex: 1;



  max-width: 30%;



  box-shadow: #fff;

}



footer .footer-subscribe .wpsf-form-wrap.wpsf-template-4 .wpsf-form-submit {

  background-color: #000000;



  color: #ffffff;



  border-radius: 50px;



  text-transform: capitalize;

}



footer .social-media ul {

  display: flex;



  gap: 7px;



  float: inline-end;

}



footer .policy-menu ul {

  margin: 0;



  padding: 0;



  display: flex;



  gap: 40px;



  justify-content: center;



  /* centers the li horizontally */



  /* removes bullets */

}



footer .policy-menu ul li a {

  text-decoration: none;



  font-family: Roboto;



  font-weight: 400;



  font-size: 14px;



  color: #fff;

}



footer .policy-menu p {

  font-family: Roboto;



  font-weight: 300;



  font-style: Light;



  font-size: 12px;



  vertical-align: middle;



  color: #fff;



  text-align: center;

}



footer .footer-subscribe .wpsf-form-wrap form {

  width: 100%;

}



footer .footer-subscribe .wpsf-form-wrap.wpsf-template-4 .both-fields-wrap {

  display: flex;

}



footer .footer-subscribe .wpsf-form-wrap.wpsf-template-4 .wpsf-btn-parent {

  margin-top: 0px;

}



/* footer css end*/



/* hero section start */

section.hero {

  background-color: #133127;

  margin-bottom: -90px;

  padding-top: 140px;

  background-image: url("../images/banner-bg.jpg");

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}



.main-badge {

  text-align: center;

}



.badge {

  display: inline-block;

  background: #fff;

  font-size: 13px;

  line-height: 15.4px;

  font-weight: 500;

  padding: 12px 18px;

  border-radius: 20px;

  letter-spacing: 0.5px;

  margin-bottom: 1rem;

  color: #333333;

  font-family: inter;

}



.banner-content {

  padding: 20px 0px;

  background-image: url("../images/content-banner.png");

  background-repeat: no-repeat;

  background-position: right bottom;

  background-size: auto;

  /* or cover/contain as needed */

}



.hero .banner-content h1 {

  color: #fff;

  text-align: center;

}



.hero .banner-content h1 span {

  display: block;

  /* background-image: linear-gradient(#FFFFFF, #046C51, #003C2C);  */

  background: linear-gradient(

    to bottom,

    rgba(255, 255, 255, 1) 80%,

    rgba(4, 108, 81, 1) 90%,

    rgba(0, 60, 44, 1) 100%

  );



  background-clip: text;

  color: transparent;

}



.hero .banner-content p {

  color: #f3f4f6;

  text-align: center;

  font-family: Inter;

  font-weight: 400;

  font-style: Regular;

  font-size: 20px;

  line-height: 30px;

  letter-spacing: -0.5px;

}



.hero .buttons {

  padding: 10px 0px;

  text-align: center;

}



.hero button.btn-primary {

  margin-right: 10px;

}



.hero button.btn-primary {

  color: #ffffff;

  /* background-color: #03ba4e; */
  background-image: linear-gradient(to left, #03BA4E, #0E733C);

  padding: 12px 24px;

  border-radius: 25px;

  border-color: #0E733C;

  border: 2px solid #0E733C;

  font-weight: 600;

}



.hero button.btn-primary:hover {

  color: #fff;

  background-color: #0E733C;

  border-color: #fff;

  font-weight: 600;

}



.hero button.btn-secondary {

  color: #fff;

  background-color: #111827;

  padding: 12px 24px;

  font-weight: 600;

  border-radius: 25px;

  border: 2px solid #9ca3af;

}



.hero button.btn-secondary:hover, .hero button.btn-secondary:active {

  color: #ffffff;

  background-image: linear-gradient(to left, #03BA4E, #0E733C);

  padding: 12px 24px;

  font-weight: 600;
  border-radius: 25px;


}




button.btn-primary {

  color: #ffffff;

  background-color: #03ba4e;

  padding: 12px 24px;

  border-radius: 3px;

  border-color: #03ba4e;

  border: 2px solid #059669;

  font-weight: 600;

}



button.btn-primary:hover {

  color: #000;

  background-color: #fff;

  border-color: #000;

  font-weight: 600;

}



button.btn-secondary {

  color: #000;

  background-color: #fff;

  padding: 12px 24px;

  font-weight: 600;

  border-radius: 3px;

  border: 2px solid #9ca3af;

}



button.btn-secondary:hover {

  color: #ffffff;

  background-color: #03ba4e;

  padding: 12px 24px;

  font-weight: 600;

  border-radius: 3px;

}



.hero .mockup {

  margin: 0 auto;

  border-radius: 20px;

  margin-top: 55px;

  overflow: hidden;

  background-color: #fff;

  border: 15px solid;

  box-shadow: 0 5px 29px #fabb18;

}



/* hero section  end*/



/* brands section start */

section.brands {

  background-color: #fff;

}



section.brands h3 {

  text-align: center;

  margin-bottom: 50px;

}



.brands .brands-slider {

  padding-bottom: 50px;

}



.owl-carousel .owl-item img {

  width: auto;

}

.brands .brand-down {

  background: url("../images/rectangle.png") center right no-repeat;

}

.row > div:last-child .brand-down {

  background: none;

}



/* brands section end */



/* struggle section start */



section.struggle {

  background-color: #f7f5ed;

}



section.struggle h2 {

  text-align: center;

}



.struggle .cards h4,

.struggle .cards p,

.struggle p {

  text-align: center;

}



.struggle .cards:first-child,

.struggle .cards:nth-child(2),

.struggle .cards:nth-child(4),

.struggle .cards:nth-child(5) {

  border-right: 1px solid #e1edea;

}



.struggle .cards:first-child,

.struggle .cards:nth-child(2),

.struggle .cards:nth-child(3) {

  border-bottom: 1px solid #e1edea;

}



.struggle .cards {

  padding: 30px;

}



.struggle .cards img {

  padding: 20px;

  width: 90px;

  display: block;

  margin: 0px auto;

}



/* struggle section end  */



/* Intro section strat */



section.intro h2 {

  text-align: center;

}



.intro h2 .highlight,

.dominate h2 .highlight,

.new-features h2 .highlight,

.favorite_tools h2 .highlight,

.accordions h2 .highlight {

  position: relative;

  display: inline-block;

}



.intro h2 .highlight::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: -5px;

  /* place below text */

  width: 100%;

  height: 100%;

  /* give it height */

  background-image: url("../images/shape.png");

  background-repeat: no-repeat;

  background-size: contain;

  /* or cover depending on effect */

  background-position: bottom;

  z-index: -1;

}



section.intro p {

  margin-bottom: 50px;

}



section.intro .feature {

  padding: 20px;

  margin: 0px;

  text-align: left;

  box-shadow: 0 8px 24px #1d8cf229;

}



section .feature .content {

  min-height: 140px;

}



section.intro .feature ul {

  margin: 0px;

}



/* Intro section end */



/* dominate section start */

section.dominate {

  background: linear-gradient(

    to right top,

    rgba(255, 255, 255, 1) 30%,

    rgb(244, 239, 215) 60%,

    rgba(255, 255, 255, 1) 100%

  );

}



section.dominate h2 {

  text-align: center;

}



.dominate h2 .highlight::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  /* place below text */

  width: 100%;

  height: 100%;

  /* give it height */

  background-image: url("../images/dominate-shape.png");

  background-repeat: no-repeat;

  background-size: contain;

  /* or cover depending on effect */

  background-position: bottom;

  z-index: 9999;

}



.dominate p {

  margin-bottom: 50px;

}



.nav-tabs {

  border: 0px !important;

}



.dominate .dominate-tabs {

  width: 100%;

}



.dominate .dominate-listing {

  width: 25%;

}



.dominate .dominate-listing button {

  padding-top: 15px;

  padding-right: 36px;

  padding-bottom: 15px;

  padding-left: 36px;

  gap: 10px;

  opacity: 1;

  border-radius: 5px;

  border: 0px;

}



section.dominate .btn-secondary{
  background-color: #fff;
  color:#000;
}


.dominate .dominate-listing .btn-secondary.active,

.dominate .dominate-listing .btn-secondary:hover {

  color: #fff !important;

  background-color: #00bd57;

  border: 0px !important;

  border-right: 2px solid #000 !important;

  border-bottom: 2px solid #000 !important;

  box-shadow: none !important;

}



.dominate .dominate-cont {

  padding: 25px;

  background-color: #fff;

  text-align: left;

  border-radius: 18px;

}



.dominate .tab-content {

  margin-top: 25px;

}



.dominate .dominate-cont ul {

  margin: 0px;

  padding: 20px;

}



.dominate .tab-content img {

  border-radius: 5px;

}



/*  dominate section end */



/* new feature section strat here */

.new-features h2 {

  text-align: center;

}



section.new-features p {

  margin-bottom: 50px;

}



.new-features .feature {

  text-align: left;

  border-radius: 10px;

  padding: 26px 36px;

  box-shadow: 0 8px 24px #1d8cf229;

  opacity: 1;

  gap: 10px;

  background-color: #fff;

}



.new-features h2 .highlight::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0px;

  /* place below text */

  width: 105%;

  height: 100%;

  /* give it height */

  background-image: url("../images/green-tick-shape.png");

  background-repeat: no-repeat;

  background-size: contain;

  /* or cover depending on effect */

  background-position: bottom;

  z-index: -1;

}



.new-features .feature .feature-img img {

  padding: 20px;

  width: 90px;

}



.new-features .feature .content h4 {

  color: #12141d;

}



.new-features .feature .content p {

  margin-bottom: 0px;

  text-align: left;

  font-size: 16px;

}



.new-features .feature .content ul {

  padding: 5px 24px;

  margin: 0px;

}



/* new feature section end here*/



/* results section start here*/

section.results {

  margin: 20px;

  padding: 100px 91px;

  border-radius: 20px;

  background-color: #04000b;

  background-image: url("../images/business-bg.jpg");

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}



section.results h2 {

  padding-bottom: 10px;

  color: #fff;

  line-height: 53px;

  text-align: center;

}



section.results p {

  color: #fff;

}



.results .results-card {

  text-align: center;

  color: #fff;

  margin-top: 30px;

}



.results .results-card span {

  font-family: Inter;

  font-weight: 700;

  font-style: Bold;

  font-size: 32px !important;

  line-height: 41.6px;

  letter-spacing: 0px;

  text-align: center;

}



/* result section end here*/



/* why-choose section start here */



section.why-choose h2 {

  text-align: center;

  margin-bottom: 20px;

}



section.why-choose p {

  text-align: center;

  margin-bottom: 30px;

}



.why-choose .table-responsive {

  margin: 0px 100px;

}



.why-choose table tr td {

  padding: 12px;

}



/* why-choose section end here */



/* pricing section start here */



section.pricing {

  background-color: #fafafa;

  background-image: url("../images/rupee.png");

  background-repeat: no-repeat;

  background-position: left top;

}



section.pricing .pricing-list {

  margin-top: 50px;

}



section.pricing h2 {

  text-align: center;

}



section.pricing p {

}



.pricing .pricing-card {

  border-radius: 5px;

  padding: 25px;

  border: 1px solid #5b748629;

  background-color: #fff;

}



.pricing .pricing-card .pricing-plan {

  border-bottom: 1px solid #5b7486;

}



.pricing .pricing-card .pricing-plan h4 {

  color: #12141d;

}



.pricing .pricing-card .pricing-plan p span {

  color: #12141d;

  font-family: Public Sans;

  font-weight: 700;

  font-style: Bold;

  font-size: 42px;

  line-height: 50.4px;

  letter-spacing: 0px;

}



.pricing .pricing-card .pricing-plan p {

  text-align: left;

  font-family: Inter;

  font-weight: 400;

  font-style: Regular;

  font-size: 16px;

  line-height: 24px;

  letter-spacing: 0%;

}



.pricing .pricing-card .plan-details {

  min-height: 230px;

}



.pricing .pricing-card .plan-details ul {

  margin: 15px 0px;

  /* text-decoration: none; */

  padding: 0px;

}



.pricing .pricing-card .plan-details ul li {

  text-decoration: none;

  position: relative;

  padding-left: 30px;

}



.pricing .pricing-card .plan-details ul li::after {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 20px;

  height: 20px;

  background-image: url("../images/tick-drak.png");

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center;

}



.pricing .pricing-card .plan-details ul li::marker {

  content: none;

}



.pricing .pricing-card .plan-details ul li p {

  font-family: Inter;

  font-weight: 600;

  font-style: Semi Bold;

  font-size: 16px;

  line-height: 24px;

  letter-spacing: 0px;

  text-align: left;

  padding: 5px 0px;

}



.pricing .pricing-card .purchase-plan {

  text-align: center;

  margin-bottom: 20px;

}



.pricing .pricing-card .purchase-plan a {

  padding: 16px 50px;

  border: 2px solid #12141d1a;

  text-decoration: none;

  color: #12141d;

  font-family: Inter;

  font-weight: 600;

  font-style: Semi Bold;

  font-size: 16px;

  line-height: 19.2px;

  letter-spacing: 0px;

  text-align: right;

  vertical-align: middle;

}



.pricing .popular {

  background-color: #00bd57;

}



.pricing .popular .pricing-plan h4 {

  color: #fff;

}



.pricing .popular .pricing-plan p {

  color: #fff;

}



.pricing .popular .pricing-plan p {

  color: #fff;

}



.pricing .popular .pricing-plan p span {

  color: #fff;

}



.pricing .popular .plan-details ul li p {

  color: #fff;

}



.pricing .popular .purchase-plan a {

  background-color: #fff;

}



.pricing .popular .plan-details ul li::after {

  background-image: url("../images/tick-light.png");

}



.pricing .popular .pricing-plan {

  border-bottom: 1px solid #ffffff;

}



/* pricing section end here */



/* favorite_tools section start here */

.favorite_tools h2 {

  text-align: center;

}



.favorite_tools h2 .highlight::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0px;

  /* place below text */

  width: 105%;

  height: 100%;

  /* give it height */

  background-image: url("../images/dominate-shape.png");

  background-repeat: no-repeat;

  background-size: contain;

  /* or cover depending on effect */

  background-position: bottom;

  z-index: -1;

}



.favorite_tools .explore-btn {

  text-align: center;

}



.favorite_tools .explore-btn a {

  background: #00bd57;

  color: #fff;

  font-family: Inter;

  font-weight: 400;

  font-style: Regular;

  font-size: 15px;

  letter-spacing: 0.01px;

  text-align: center;

  vertical-align: middle;

  padding: 10px;

  border-radius: 5px;

  text-decoration: none;

}


/* 
.favorite_tools .tools-listing {

  margin-top: 50px;

}



.favorite_tools .favorite-tools {

  min-height: 210px;

  padding-top: 21px;

  padding-right: 17px;

  padding-bottom: 21px;

  padding-left: 17px;

  opacity: 1;

  border-radius: 5px;

  border: 1px solid #e0e0e9;

  box-shadow: 0 8px 14px #e0e0e9;

}



.favorite_tools .favorite-tools img {

  padding-bottom: 10px;

  width: auto;

}



.favorite_tools .favorite-tools h3 {

  font-size: 16px;

  color: #2d2d2d;

}



.favorite_tools .favorite-tools p {

  text-align: left;

  font-size: 16px;

  line-height: 22px;

  color: #7a7a7a;

} */

.circle-container {
  position: relative;
 width: 220px;
    height: 220px;
    margin: 120px auto auto;


}
.circle-bg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 350px;    /* Set desired background image width */
  height: 350px;   /* Set desired background image height */
  background-image: url('https://webnew.aigreentick.com/wp-content/uploads/2025/10/Rings.png'); /* Use your image path */
  background-size: contain;      /* Ensures the image fits box */
  background-repeat: no-repeat;
  background-position: center;
  transform: translate(-50%, -50%);
  z-index: 0;                 /* Put it below items */
}



.rotating-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0; top: 0;
    z-index: 1;

}

.circle-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.circle-item {
  --total: 8;
  position: absolute;
  width: 50px; height: 50px;
  left: 50%; top: 50%;
  /* Don't rotate here, it's handled via JS */
  transform: translate(-50%, -50%);
  z-index: 1;
}
.circle-item img {
  width: 100%; height: 100%; border-radius: 12px;
}
.circle-center img{width: 66px; margin-left: 66px;}




/* favorite_tools section end here */



/* testimonial section start here */

section.testimonial {

  background-color: #e3e3e3;

}



.testimonial h2 {

  text-align: center;

}



.testimonial p.sub-heading {

  padding: 5px 0px 30px 0px;

}



.testimonial .owl-carousel .item {

  background-color: #fff;

  padding: 30px;

  border-radius: 5px;

}



.testimonial .owl-carousel .item .item-details {

  display: flex;

  align-items: center;

  margin-bottom: 20px;

  width: 100%;

}



.testimonial .item .item-details .item-img {

  width: 35%;

  margin-right: 20px;

  /* space between image and text */

  display: flex;

  justify-content: center;

  align-items: center;

}



.testimonial .item .item-details .item-img img {

  width: auto;

  align-items: left;

  display: block;

  margin: 0px 0px 0px 50%;

}



.testimonial .item .item-details .item-content {

  width: 65%;

}



.testimonial .item .item-details .item-content h3 {

  text-align: left;

  margin: 0;

  color: #343b55;

}



.testimonial .item .item-details .item-content p {

  margin: 0;

  color: #343b55;

  font-size: 14px;

  text-align: left;

}



.testimonial .item .item-desc p {

  font-size: 16px;

  margin: 0px;

}

.owl-carousel.testimonail-slider-asc.owl-loaded.owl-drag {

  margin-bottom: 20px;

}

/* testimonial section end here */



/* accordion section start here */



.accordions h2 .highlight::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0px;

  /* place below text */

  width: 105%;

  height: 100%;

  /* give it height */

  background-image: url("../images/accordions.png");

  background-repeat: no-repeat;

  background-size: contain;

  /* or cover depending on effect */

  background-position: bottom;

  z-index: -1;

}



.accordions h2.heading {

  margin-bottom: 50px;

  text-align: center;

}



.accordions .accordion-button:not(.collapsed) {

  color: #1f2937;

  background-color: #e7f1ff00;

  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);

}



.accordions .accordion-body p {

  text-align: left;

  font-size: 16px;

  color: #1f2937;

}



/* accordion section end here */



/* business section start here */

.business .business-row {

  align-items: center;

  border: 1px solid #e0e0e0;

  padding: 20px;

  border-radius: 20px;

}



.business .business-row h2 {

  color: #111827;

}



.business .business-row p {

  text-align: left;

  color: #1f2937;

}



.business .business-row .buttons .btn-secondary {

  font-weight: 500;

}



.business .business-row .buttons .btn-primary {

  font-weight: 500;

}



/* business section end here */



/* Partner page start */



/* hero section start */

section.partner-hero {

  padding-top: 80px;

  background-image: url("../images/partner-hero-bg.png");

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}



.banner-content {

  padding: 50px 0px;

  background-image: url("../images/content-banner.png");

  background-repeat: no-repeat;

  background-position: right bottom;

  background-size: auto;

  /* or cover/contain as needed */

}



.partner-hero .banner-content h1 {

  color: #111827;

  text-align: center;

  font-family: Inter;

  font-weight: 600;

  font-style: Semi Bold;

  font-size: 42px;

  line-height: 150%;

  letter-spacing: -1.1%;

}

.partner-hero .banner-content h1 .highlight {

  position: relative;

  display: inline-block;

  padding-left: 5px;

}



.partner-hero .banner-content h1 .highlight::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 7px;

  /* place below text */

  width: 105%;

  height: 100%;

  /* give it height */

  background-image: url("../images/partner-hero-highlight.png");

  background-repeat: no-repeat;

  background-size: contain;

  /* or cover depending on effect */

  background-position: bottom;

  z-index: -1;

}



.partner-hero .banner-content p {

  color: #374151;

  text-align: center;

  font-family: Inter;

  font-weight: 400;

  font-style: Regular;

  font-size: 20px;

  line-height: 30px;

  letter-spacing: -0.5px;

  margin-bottom: 30px;

}



.partner-hero .page-lnk a {

  color: #090909;

  text-decoration: none;

  border: 1px solid #00bd57;

  padding: 5px 10px;

  margin: 10px;

  border-radius: 3px;

  font-family: Inter;

  font-weight: 500;

  font-style: Medium;

  font-size: 18px;

  line-height: 150%;

  letter-spacing: -1.1%;

}



.partner-hero .mockup {

  margin: 0 auto;

}



/* partner-hero section  end*/



/* Growing network section start here*/

section.growing-networking {

  margin: 0px 10px;

  border-radius: 20px;

  background-image: url("../images/growth-network-bg.png");

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}



section.growing-networking p {

  color: #000000;

}



.growing-networking .results-card {

  text-align: center;

  color: #000000;

  margin-top: 30px;

}



.growing-networking .results-card span {

  font-family: Inter;

  font-weight: 700;

  font-style: Bold;

  font-size: 32px !important;

  line-height: 41.6px;

  letter-spacing: 0px;

  text-align: center;

  color: #000000;

}



.growing-networking .customer-trust {

  background-color: #fff;

  padding: 18px 10px 10px 10px;

  margin-top: 20px;

  border-radius: 5px;

}



/* Growing network section end here*/



/* Partnership modal start */



section.partner-modal h2 {

  text-align: center;

}



.partner-modal h2 span.highlight {

  position: relative;

  display: inline-block;

}



.partner-modal h2 span.highlight::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0px;

  /* place below text */

  width: 105%;

  height: 100%;

  /* give it height */

  background-image: url("../images/shape.png");

  background-repeat: no-repeat;

  background-size: contain;

  /* or cover depending on effect */

  background-position: bottom;

  z-index: -1;

}



section.partner-modal p {

  margin-bottom: 50px;

}



section.partner-modal .feature {

  padding: 20px;

  margin: 0px;

  text-align: left;

  box-shadow: 0 8px 24px #1d8cf229;

}



section .feature .content {

  min-height: 140px;

}



section .feature .content p {

  margin: 0px;

  padding-bottom: 10px;

  text-align: left;

  color: #12141d;

  font-size: 16px;

}



section.partner-modal .feature ul {

  margin: 0px;

}



/* partner-modal section end */



/* Real business partner start */

section.real-business-partner h2 {

  text-align: center;

}

section.real-business-partner p {

  color: #374151;

  margin-bottom: 50px;

}

.real-business-partner .results-card {

  padding: 15px 10px 0px 25px;

  display: flex;

  width: 100%;

  border-radius: 7px;

  gap: 10px;

  margin-bottom: 20px;

  box-shadow: 5px 5px 5px 7px #1e222812;

}

.real-business-partner .results-card .result-content {

  width: 80%;

}

.real-business-partner .results-card .result-content h2 {

  font-size: 20px;

  line-height: 24px;

  letter-spacing: 0%;

  text-align: left;

}

.real-business-partner .results-card .result-content p {

  color: #374151;

  text-align: left;

  width: 381px;

}

.real-business-partner .results-card .result-img {

  width: 20%;

}

.real-business-partner .results-card .result-img img {

  width: 110px;

  height: 114px;

}

/* Real business partner end */



/* Partner support start  */

section.partner-support {

  position: relative;

  background-image: url("../images/partner-bg.jpg");

  background-size: cover;

  background-position: center;

  z-index: 1;

}



section.partner-support::before {

  content: "";

  position: absolute;

  inset: 0;

  background-color: #ffffffdb;

  z-index: -1;

}



section.partner-support h2 {

  text-align: center;

  color: #111827;

}

section.partner-support p {

  margin-bottom: 50px;

}

.partner-support .row .feature {

  background-color: #fff;

  box-shadow: 5px 5px 5px 7px #1e222812;

  border-radius: 5px;

  min-height: 325px;

}

.partner-support .feature .plan {

  text-align: center;

  padding: 10px;

  font-family: Inter;

  font-weight: 500;

  font-style: Medium;

  font-size: 16px;

}

.partner-support .feature .plan-1 {

  color: #4b5563;

  background-image: linear-gradient(to right, #f3f4f6, #c1c1c3, #ffffff);

}

.partner-support .feature .plan-2 {

  text-align: center;

  color: #ffffff;

  background-image: linear-gradient(to right, #03ba4e, #008a40, #03ba4e);

}

.partner-support .feature .plan-3 {

  color: #92400e;



  background-image: linear-gradient(to right, #fef3c7, #d7c98c, #fef4c7);

}



.partner-support .feature .content {

  padding: 10px 20px;

}

.partner-support .feature .content span {

  font-family: Inter;

  font-weight: 700;

  font-style: Bold;

  font-size: 42px !important;

  line-height: 150%;

  color: #111827;

}

.partner-support .feature .content h3 {

  font-family: Inter;

  font-weight: 500;

  font-style: Medium;

  font-size: 18.29px;

  line-height: 150%;

  letter-spacing: -1.1%;

  color: #4b5563;

}

.partner-support .feature .content p {

  font-family: Inter;

  font-weight: 500;

  font-style: Medium;

  font-size: 16px;

  letter-spacing: -1.1%;

  color: #6b7280;

}

.partner-support .feature .content ul {

  margin: 0;

  padding: 0 0 0 20px;

}

.partner-support .feature .content ul li {

  font-family: Inter;

  font-weight: 500;

  font-style: Medium;

  font-size: 16px;

  line-height: 30px;

  letter-spacing: -1.1%;

  color: #374151;

}



/* partner support end */



/* partner-accordions start */

.partner-accordions span.highlights {

  position: relative;

  display: inline-block;

}

.partner-accordions span.highlights::after {

  content: "";

  position: absolute;

  left: -20px;

  bottom: 5px;

  width: 105%;

  height: 100%;

  background-image: url("../images/partner-highlight.png");

  background-repeat: no-repeat;

  background-size: contain;

  background-position: bottom;

  z-index: -1;

}

/* partner-accordions end */



/* Partner growth start */



.partner-grwoth h2 {

  text-align: center;

  margin-bottom: 50px;

}

.partner-grwoth .feature {

  padding: 0px 20px;

}

.partner-grwoth .feature .content img {

  margin-bottom: 20px;

}

.partner-grwoth .feature .content p {

  text-align: center !important;

  color: #374151 !important;

}



/* Partner growth end*/



/* Partnership journey start */

.partnership-journey {

}

.partnership-journey .parntership-content-left {

  background-color: #03ba4e;

  padding: 50px;

  color: #fff;

  border-top-left-radius: 20px;

  border-bottom-left-radius: 20px;

}

.partnership-journey .parntership-content-left h2 {

  font-family: Inter;

  font-weight: 600;

  font-style: Semi Bold;

  font-size: 28px;

  line-height: 33.6px;

  letter-spacing: -2%;

}



.partnership-journey .parntership-content-left .content-details {

  margin-top: 30px;

}

.partnership-journey .parntership-content-left .content-details .item-details {

  display: flex;

  padding: 10px 0px;

}

.partnership-journey

  .parntership-content-left

  .content-details

  .item-details

  .item-img {

}

.partnership-journey

  .parntership-content-left

  .content-details

  .item-details

  .item-img

  img {

  padding-right: 20px;

}

.partnership-journey

  .parntership-content-left

  .content-details

  .item-details

  .item-content {

}

.partnership-journey

  .parntership-content-left

  .content-details

  .item-details

  .item-content

  h3 {

  color: #ffffff;

  /* font-size: 14px; */

  font-family: Inter;

  font-weight: 500;

  font-size: 14px;

  line-height: 100%;

  letter-spacing: 1%;

  text-transform: uppercase;

}

.partnership-journey

  .parntership-content-left

  .content-details

  .item-details

  .item-content

  a {

  color: #fff;

  text-decoration: none;



  font-family: Inter;

  font-weight: 400;

  font-size: 20px;

  line-height: 28px;

  letter-spacing: 0%;

}



.partnership-journey .parntership-content-left .social-share p {

  text-align: left;

  font-family: Inter;

  font-weight: 500;

  font-size: 16px;

  line-height: 24px;

  letter-spacing: 0%;

  color: #fff;

  padding: 20px 0px;

}

.partnership-journey .parntership-content-left .social-share ul {

  list-style-type: none; /* Removes the bullet points */



  margin: 0px;

  padding: 0px;

  display: flex;

}

.partnership-journey .parntership-content-left .social-share ul li {

  text-decoration: none;

  padding-left: 15px;

}

.partnership-journey .parntership-content-left .social-share ul li a {

  padding: 8px 10px;

  border-radius: 5px;

  color: #fff;

  background-color: #17bf5c;

  font-size: 20px;

}

.partnership-journey .parntership-content-left .social-share ul li a:hover {

  background-color: #fff;

  color: #17bf5c;

}

.partnership-journey .parntership-content-right {

  border-top-right-radius: 20px;

  border-bottom-right-radius: 20px;

  background-color: #f6fffb;

  padding: 15px 40px 40px;

}



form .field {

  padding-top: 20px;

}

form .field-sub {

  width: 50%;

  margin-right: 10px;

}

form .field-ipt p {

  text-align: left;

  width: 100%;

  padding-bottom: 10px;

}

form .field p span input,

form .field p span textarea {

  width: 100%;

  padding: 5px;

  font-size: 15px;

  color: #e6e8ec;

}

.field p span select {

  width: 100%;

  padding: 7px;

  border-radius: 4px;

  color: #e6e8ec;

}

form .field p span input::placeholder,

form .field p span textarea::placeholder {

  color: #e6e8ec;

}

form p input.wpcf7-submit {

  font-family: Inter;

  font-weight: 700;

  font-size: 16px;



  /* line-height: 48px; */

  letter-spacing: 0%;

  text-transform: capitalize;

  color: #fff;

  background-color: #000;

  padding: 15px 30px;

  border-radius: 5px;

  text-align: center;

}

form p {

  text-align: left;

}

form .field-tow {

  display: flex;

}



/* Partnership journey end */



/* Simple process start */

.simple-process {

  background-image: linear-gradient(to bottom, #ffffff, #f7f5ed);

}

.simple-process .simple-process-repeater {

  background-color: #fee2b6;

  margin: 0px 50px;

}

.simple-process .simple-process-repeater .slider-control .control {

  display: ruby-text;

}

.simple-process

  .simple-process-repeater

  .slider-control

  .control

  .customPrevBtn {

  margin-right: 15px;

  background-color: transparent;

  border: none;

  font-size: 30px;

  padding: 0px;

}

.simple-process .simple-process-repeater .slider-control .control #counter {

  margin: 0px 15px;

  padding: 15px;

}

.simple-process

  .simple-process-repeater

  .slider-control

  .control

  .customNextBtn {

  margin-left: 15px;

  background-color: transparent;

  border: none;

  font-size: 30px;

  padding: 0px;

}



.simple-process-repeater .owl-carousel .owl-item img {

  display: block;

  margin: 0 auto;

}



.simple-process .simple-process-content p {

  text-align: left;

}

.simple-process .simple-process-content span.highlight {

  position: relative;

  display: inline-block;

  z-index: 9999;

}

.simple-process .simple-process-content span.highlight::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0px;

  width: 105%;

  height: 105%;

  background-image: url(../images/simple-highlight.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: bottom;

  z-index: -1;

}



.accordion-simple {

  padding: 10px 0px;

  border-bottom: 2px dashed #777E90;

  margin-bottom: 10px;

}

.accordion-simple .accordion-item {

  background-color: transparent;

  border: none;

}

.accordion-simple .accordion-item h4 {

  /* background-color: transparent; */

  font-family: Inter;

  font-weight: 600;

  font-style: Semi Bold;

  font-size: 16px;



  line-height: 24px;

  letter-spacing: 0px;

  border: none;

  color: #353945;

  margin: 0px;

  border: none;

}

.accordion-simple .accordion-item .accordion-button {

  background-color: transparent;

  border: none;

  box-shadow: none !important;

}

.accordion-simple .accordion-item .accordion-button:not(.collapsed)::after {

  display: none;

}

.accordion-simple .accordion-item .accordion-button::after {

  display: none;

}

.accordion-simple .accordion-item .accordion-button span {

  display: inline-block;

  width: 16px;

  height: 16px;

  border-radius: 50%;

  border: 4px solid #03ba4e;

  margin-right: 10px;

  background: #fff;

}

.accordion-simple .accordion-item .accordion-button h4::after {

}

.accordion-simple .accordion-item .accordion-collapse {

  border: none;

}

.accordion-simple .accordion-item .accordion-collapse .accordion-body {

  padding: 0px 0px 0px 50px;

}

.accordion-simple .accordion-item .accordion-collapse .accordion-body p {

  font-family: Inter;

  font-weight: 400;

  font-style: Regular;

  font-size: 16px;



  line-height: 24px;

  letter-spacing: 0%;

}



.simple-process .simple-process-content .item-details{

    display: flex;

    padding: 35px 0px 0px;

}

.simple-process .simple-process-content .item-details .item-img{margin-right: 30px;}

.simple-process .simple-process-content .item-details .item-content h3{color: #111827;}

.simple-process .simple-process-content .item-details .item-content p{

        text-align: left;

    color: #777E90;

}

/* Simple process end */



/* comprechensive partner start */

.comprechensive-partner h2 {

  text-align: center;

  margin-bottom: 35px;

}

.comprechensive-partner .row h4 {

  color: #111827;

  font-family: Inter;

  font-weight: 600;

  font-style: Semi Bold;

  font-size: 24px;

  letter-spacing: -1.1%;

}

.comprechensive-partner .partner-p p {

  background: url(../images/rectangle.png) center right no-repeat;

  font-weight: 400;

  font-style: Regular;

  font-size: 18px;

  line-height: 27px;

  letter-spacing: 0px;

  color: #374151;

  text-align: left;

  display: inline;

  padding: 0 15px 0px 0px;

}



.comprechensive-partner .partner-p > p:last-child {

  background: none;

}



.comprechensive-partner .partner-row {

  border-bottom: 2px solid #e7e7e7;

}



.comprechensive-partner .row {

  padding: 15px 0px;

}

/* comprechensive partner end */



/* what-happed start */

.what-happed h2 {

  text-align: center;

  font-family: Inter;

  font-weight: 700;

  font-style: Bold;

  font-size: 22.86px;

  margin-bottom: 25px;

}

.what-happed .content {

  display: inline-flex;

}

.what-happed .content .number {

  margin-right: 15px;

}

.what-happed .content .number span {

  background-color: #d1fae5;

  padding: 6px 13px;

  /* border-radius: 116px; */

  border-radius: 50%;

  color: #000000cc;

}

.what-happed .content .detail p {

}

/* what-happed end */



/* Partner page end */



/* Styles for large devices (laptops, desktops) */



@media (max-width: 1200px) {

  h1 {

    font-size: 48px;

    line-height: 48px;

  }



  h2 {

    font-size: 36px;

  }



  h3 {

    font-size: 26px;

  }



  h4 {

    font-size: 20px;

  }



  p {

    font-size: 16px !important;

  }



  section {

    padding: 50px 0px;

  }



  .site-header .main-navigation ul {

    gap: 18px !important;

  }



  .site-header .main-navigation ul li:nth-last-child(-n + 2) {

    margin-left: 0px;

  }



  .site-header .main-navigation ul li.sign-up {

    margin-left: 0px;

  }



  .dominate .dominate-listing button {

    padding: 10px;

  }



  section.results {

    padding: 50px 50px;

  }



  .pricing .pricing-card {

    padding: 15px;

    margin-bottom: 15px;

  }



  .pricing .pricing-card .pricing-plan p span {

    font-size: 26px;

  }



  .pricing .pricing-card .purchase-plan a {

    padding: 16px 30px;

  }



  .business-row .buttons {

    align-items: center;

  }



  .business .business-row .buttons .btn-secondary {

    margin-bottom: 10px;

  }

}



/* Styles for medium devices (tablets) */



@media (max-width: 992px) {

  .site-header .main-navigation ul {

    gap: 18px !important;

  }



  h1 {

    font-size: 30px;

    line-height: 45px;

  }



  h2 {

    font-size: 28px;

  }



  h3 {

    font-size: 24px;

  }



  h4 {

    font-size: 18px;

  }



  p {

    font-size: 16px !important;

  }

  .site-header .row {

    flex-direction: column;

  }

  .site-header .row .col-4 {

    width: 100%;

  }

  .site-header .main-navigation button.menu-toggle {

    position: absolute;

    right: 26px;

    top: 17px;

  }



  .site-header .main-navigation ul {

    margin-top: 15px;

  }

  .site-header .main-navigation ul li.menu-item-has-children a:after {

    position: unset;

    margin-left: 5px;

  }

  .site-header .main-navigation ul li a {

    text-align: left;

    padding: 12px 10px;

    box-shadow: 0px 0px 1px #bdbdbd inset, 0px 0px 0px #bdbdbd;

  }



  .site-header .main-navigation ul li.menu-item-has-children ul li a:after {

    content: "";

  }

  .brands .row .col-sm-4 {

    padding: 27px;

  }

  ul li {

    font-size: 16px;

  }

  .why-choose .table-responsive {

    margin: 0px;

  }



  .dominate .dominate-listing button {

    padding: 10px;

  }



  section.results {

    padding: 50px 50px;

  }



  .pricing .pricing-card .purchase-plan a {

    padding: 16px 30px;

  }



  .business-row .buttons {

    align-items: center;

  }



  .business .business-row .buttons .btn-secondary {

    margin-bottom: 10px;

  }

  .struggle .cards {

    padding: 15px;

  }

  section.intro .feature {

    margin: 0px 0px 15px 0px;

  }



  .dominate .dominate-tabs {

    width: 100%;

    margin: 0px;

  }



  .dominate .dominate-listing {

    width: 50%;

    padding: 10px;

  }



  .dominate .dominate-listing button {

    padding: 10px;

  }

  .dominate .dominate-cont {

    margin-bottom: 20px;

  }

  .new-features .feature {

    margin-bottom: 20px;

  }

  footer {

    padding: 30px 30px 10px;

  }

  footer .policy-menu ul {

    gap: 10px;

  }

  

  .growing-networking .results-card span{    font-size: 26px !important;}

  section.partner-modal .feature{margin-bottom: 20px !important;}

  .partner-support .row .feature{min-height: 440px;}

  .simple-process .simple-process-repeater{margin:0px;}

  .partnership-journey .parntership-content-right{    padding: 15px 25px 40px;}

  .partnership-journey .parntership-content-left{padding:10px;}

  .partnership-journey .parntership-content-left h2{font-size:18px;}

  .partnership-journey .parntership-content-left .content-details .item-details .item-content a{font-size:14px;}

  .partner-accordions span.highlights::after{bottom:0px; width:112%;}

  .what-happed .content{margin-bottom:20px;}

}



/* Styles for small devices (landscape phones, small tablets) */



@media (max-width: 768px) {

  h1 {

    font-size: 30px;

    line-height: 35px;

  }



  h2 {

    font-size: 24px;

    line-height: 35px !important;

  }



  h3 {

    font-size: 18px;

  }



  h4 {

    font-size: 18px;

  }



  p {

    font-size: 16px !important;

  }

  .brands .row .col-sm-6 {

    padding: 27px;

  }



  .brands .row .col-sm-6 .brand-down {

    background: none;

  }

  .brands .row .col-sm-6:first-child,

  .brands .row .col-sm-6:nth-child(2) {

    border-bottom: 1px solid #cccccc;

  }



  .brands .row .col-sm-6:first-child,

  .brands .row .col-sm-6:nth-child(3) {

    border-right: 1px solid #cccccc;

  }

  .site-header .main-navigation ul {

    gap: 14px;

  }

  .row.struggle-cards {

    padding: 0px 10px;

  }

  .struggle .cards:nth-child(2),

  .struggle .cards:nth-child(4) {

    border-right: none;

  }

  .struggle .cards:first-child,

  .struggle .cards:nth-child(2),

  .struggle .cards:nth-child(3),

  .struggle .cards:nth-child(4) {

    border-bottom: 1px solid #e1edea;

  }



  .struggle .cards:first-child,

  .struggle .cards:nth-child(3),

  .struggle .cards:nth-child(5) {

    border-right: 1px solid #e1edea;

  }

  .dominate .dominate-tabs {

    width: 100%;

    margin: 0px;

  }



  .dominate .dominate-listing {

    width: 50%;

    padding: 10px;

  }



  .dominate .dominate-listing button {

    padding: 10px;

  }



  section.results {

    padding: 50px 50px;

  }

  section.intro .feature {

    margin: 0px 0px 15px 0px;

  }

  .dominate .dominate-cont {

    margin-bottom: 20px;

  }

  .new-features .feature {

    margin-bottom: 20px;

  }

  .footer-subscribe h2 {

    display: none;

  }

  .comprechensive-partner .row h4{line-height:28px;}

  .comprechensive-partner .partner-p p{line-height:32px;}

  .partner-hero .banner-content .page-lnk {

    display: flex;

}

.partner-support .row .feature{margin-bottom:10px;}

.partner-grwoth .feature{margin-bottom: 20px;}

.simple-process .simple-process-content{margin:20px;}

.partnership-journey .parntership-content-left{padding:50px; border-top-right-radius: 20px; border-bottom-left-radius:0px;}

.partnership-journey .parntership-content-right{border-bottom-left-radius: 20px;}

    .partner-accordions span.highlights::after {

        bottom: 5px;

    }

    .comprechensive-partner .row {

    padding: 15px 15px;

}

.comprechensive-partner .row .partner-p{padding: 0px;

    margin: 0px;}

    .comprechensive-partner .row .partner-p p{line-height: 42px;

        padding: 0 20px 0 0;}

        .what-happed .content{padding-left:20px;}

}



/* Styles for extra small devices (phones) */



@media (max-width: 576px) {

  .site-header .main-navigation ul {

    gap: 5px;

  }



  h1 {

    font-size: 30px;

    line-height: 35px;

  }



  h2 {

    font-size: 24px;

    line-height: 35px !important;

  }



  h3 {

    font-size: 18px;

  }



  h4 {

    font-size: 18px;

  }



  p {

    font-size: 16px;

  }



  .dominate .dominate-tabs {

    width: 100%;

    margin: 0px;

  }



  .dominate .dominate-listing {

    width: 50%;

    padding: 10px;

  }



  section.results {

    padding: 50px 50px;

  }



  .pricing .pricing-card {

    padding: 15px;

  }



  .pricing .pricing-card .purchase-plan a {

    padding: 16px 30px;

  }



  .business-row .buttons {

    align-items: center;

  }



  .business .business-row .buttons .btn-secondary {

    margin-bottom: 10px;

  }

  .dominate .dominate-cont {

    margin-bottom: 20px;

  }

  .new-features .feature {

    margin-bottom: 20px;

  }

  .business .business-row {

    margin: 0px 5px;

  }

  .results .results-card {

    margin-top: 5px;

  }

  .footer-subscribe h2 {

    display: none;

  }
  .growing-networking .customer-trust{border-radius: 0px;}

}



.owl-nav button {

  position: absolute;

  top: 50%;

  background-color: #00bd57;

  color: #fff;

  margin: 0;

  transition: all 0.3s ease-in-out;

}

.owl-nav button.owl-prev {

  left: 0;

}

.owl-nav button.owl-next {

  right: 0;

}



.owl-dots {

  text-align: center;

  padding-top: 15px;

}

.owl-dots button.owl-dot {

  width: 15px;

  height: 15px;

  border-radius: 50%;

  display: inline-block;

  background: #ccc;

  margin: 0 3px;

}

.owl-dots button.owl-dot.active {

  background-color: #00bd57;

}

.owl-dots button.owl-dot:focus {

  outline: none;

}

.owl-nav button {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  background: rgba(255, 255, 255, 0.38) !important;

}

span {

  font-size: 70px;

  position: relative;

  top: -5px;

}

.owl-nav button:focus {

  outline: none;

}