@import url(../fonts/helvetica/stylesheet.css);

:root {
  --bs-primary: #0584ED;
  --bs-secondary: #5dcde5;
  --bs-body-bg: #FCFCFC;
  --bs-body-color: #626262;
  --bs-link-color: #0584ED;
  --bs-link-hover-color: #0584ED;
  --bs-border-radius: 0.5rem;
  --bs-dark-bg: #000;

}

body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: var(--bs-body-color);
}
/* Ensure font-display: swap is used */
.fas, .far, .fal, .fab, .fa {
    
    font-display: swap;
}
h1 {
  font-size: 3rem;
  font-weight: 700;
  color: #191919;
}
h2 { font-size: 2.50rem; color: #191919; font-weight: 700;}
h3 { font-size: 2rem; color: #191919; font-weight: 700; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

a {
  color: var(--bs-link-color);
}
a:hover {
  color: var(--bs-link-hover-color);
}
ul{
  padding: 0 0  0 15px;
}
.py-6{
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.p-32{
  padding: 32px;
}
.text-body-secondary{
  color: #EBEFF1 !important;
}
video{
  border-radius: 16px;
}
li:not(.nav-item){
  font-size: 20px;
  line-height: 24px;
  color: #444;
  margin-bottom: 12px;
}
.border-botom-grey{
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 70px;

}
.spacer{
  padding: 60px 0;
}
.btn{
  border-radius: 12px;
  color: #fff;
  font-weight: 700;
  padding:14px 16px;
  border: none;
}
.btn-primary,
.pricing-nav-tabs .btn.active {
  background-color: var(--bs-primary);

  
}
th{
  position: relative;
}


.mainList {
  counter-reset: mainitem;
  
}

.mainList > li {
  counter-increment: mainitem;
  counter-reset: subitem;
}
.subNumbers > ol {
  list-style: none;
}
.subNumbers ol > li::before {
  content: counter(mainitem) "." counter(subitem) ". ";
  position: relative;
  left: -10px;
}
.comparison-features table  tr {
    position: relative;
}
.closeToggleBtn{
  position: absolute;
  right: 40px;
}

.comparison-features table thead tr th:first-child{
    padding-right: 120px;
    width: 488px !important;
}
.comparison-features table .multi-collapse table td:nth-child(2),
.comparison-features table td:nth-child(2){
  
}
.comparison-features table .multi-collapse table td:nth-child(3),
.comparison-features table td:nth-child(3){
  
}

.expandAll{
  padding-left: 0;
  position: absolute;
  width: 103px;
  right: 20px;
  top: 20px;
}
.expandAll .form-check-input{
  float: right;
}
.expandAll{
    color: #09090B;
    font-size: 14px;
    font-weight: 400;
  }
.btn.no-outline {
    border :none !important;
    background-color: none !important;
    color: #000;
}
.btn-success{
background: #5cb85c;
}
.btn-large{
  padding:14px 28px;
}
.btn svg{
  margin-left: 10px;
}
.btn-secondary{
  background-color: #000;
  color: #fff!important;
}
.btn-xl{
  padding: 14px 50px;
}
.list-horizontal{
  display: flex;
  list-style-type: none;
  padding: 0;
}
.sub-title{
  color: #0584ED !important;
  font-size: 20px;
  text-align: center;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sub-title svg{
  margin-right: 8px;
}
.grey-bg{
  background-color: #F3F3F3;
}
.pale-blue-bg{
  background-color: #F8FAFF;
  border: 2px solid #4285F4;
}
.mb-32{
  margin-bottom: 2rem;
}
.fs-7{
  font-size: 14px;
}
.btn-outline{
    color: #000000;
    border: 1px solid #000000;
    padding:12px 22px;
}
.btn-outline:hover{
  background-color: #000;
  color: #fff;
}
.btn-outline:hover svg path{
  stroke: #fff;
}
.btn-grey{
  background-color: #F3F3F3;
  color: #000;
}
.grey-grid{
  background:linear-gradient(180deg, rgba(243, 243, 243, 0.4) 0%, rgba(243, 243, 243, 1) 100%), url(../images/small-grid.png) center -1px no-repeat;
}
.grey-big-grid{
  background:linear-gradient(180deg, rgba(243, 243, 243, 0.4) 0%, rgba(243, 243, 243, 1) 100%), url(../images/big-grid.png) center -1px no-repeat;
}
.rounded-xl{
  border-radius: 24px;
}
.p-32{
  padding: 32px;
}
.list-check{
  list-style-type: none;
  padding: 0;
}
.list-check li,
.usecase-section .list-check li{
    position: relative;
    padding-left: 34px;
    margin-bottom: 14px;
}
.list-check li:before{
  content: '';
  width: 24px;
  position: absolute;
  height: 24px;
  left: 0;
  top: 1px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2334A853'   d='M3.84995 8.61912C3.70399 7.96165 3.7264 7.27796 3.91511 6.63146C4.10381 5.98496 4.4527 5.39657 4.92942 4.92084C5.40614 4.44512 5.99526 4.09747 6.64216 3.91012C7.28905 3.72277 7.97278 3.70179 8.62995 3.84912C8.99166 3.28342 9.48995 2.81788 10.0789 2.49541C10.6678 2.17293 11.3285 2.00391 11.9999 2.00391C12.6714 2.00391 13.3321 2.17293 13.921 2.49541C14.5099 2.81788 15.0082 3.28342 15.3699 3.84912C16.0281 3.70114 16.713 3.72203 17.3609 3.90983C18.0089 4.09764 18.5988 4.44626 19.0758 4.92327C19.5528 5.40029 19.9014 5.99019 20.0892 6.63812C20.277 7.28605 20.2979 7.97095 20.1499 8.62912C20.7156 8.99083 21.1812 9.48912 21.5037 10.0781C21.8261 10.667 21.9952 11.3277 21.9952 11.9991C21.9952 12.6706 21.8261 13.3312 21.5037 13.9202C21.1812 14.5091 20.7156 15.0074 20.1499 15.3691C20.2973 16.0263 20.2763 16.71 20.089 17.3569C19.9016 18.0038 19.554 18.5929 19.0782 19.0697C18.6025 19.5464 18.0141 19.8953 17.3676 20.084C16.7211 20.2727 16.0374 20.2951 15.3799 20.1491C15.0187 20.717 14.52 21.1845 13.9301 21.5084C13.3401 21.8324 12.678 22.0022 12.0049 22.0022C11.3319 22.0022 10.6698 21.8324 10.0798 21.5084C9.48987 21.1845 8.99119 20.717 8.62995 20.1491C7.97278 20.2965 7.28905 20.2755 6.64216 20.0881C5.99526 19.9008 5.40614 19.5531 4.92942 19.0774C4.4527 18.6017 4.10381 18.0133 3.91511 17.3668C3.7264 16.7203 3.70399 16.0366 3.84995 15.3791C3.27991 15.0184 2.81036 14.5193 2.485 13.9283C2.15963 13.3374 1.98901 12.6737 1.98901 11.9991C1.98901 11.3245 2.15963 10.6609 2.485 10.0699C2.81036 9.47895 3.27991 8.97988 3.84995 8.61912Z'/%3E%3Cpath stroke='%23F3F3F3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M9 12L11 14L15 10' /%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;

}
header{
  background-color: var(--bs-dark-bg);
}

.nav-link{
  color: #D4D4D4;

}
header .navbar-toggler-icon{
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(212, 212, 212, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  
}
header .navbar-toggler:focus{
  box-shadow: none;
}
header .navbar-collapse {
  padding: 10px 0;
}
.dropdown-menu{
  background-color: #000;
}
.navbar-nav .dropdown-menu{
  z-index: 999999;
}
.dropdown-menu  li{
  margin-top: 6px;
  margin-bottom: 6px;
  font-size: 16px;
}
.dropdown-menu a{
  white-space: nowrap;
  text-decoration: none;
  color: #D4D4D4;
  display: block;           /* Makes the link take up the full width */
  padding: 4px 12px;        /* Adds padding all around the link text */
  margin: -2px 0;           /* Optional: compensate for added vertical padding if needed */
  border-radius: 4px;       /* Optional: for a nicer hover effect */
}

.dropdown-menu img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 6px;
  margin-top: -4px;
}


.dropdown-toggle::after{
  position: relative;
  top: 0px;
}
.carousel-indicators{
    align-items: center;
    position: relative;
    margin-top: 15px;
  }
.carousel-indicators [data-bs-target]{
  background-color: #000;
  opacity: 50%;
  width: 6px;
  height: 6px;
  border-radius: 100%;
}
.carousel-indicators [data-bs-target].active{
    opacity: 1;
    width: 8px;
    height: 8px;
}
.mailer-hero-area.dark-bg .carousel-control-next, .mailer-hero-area.dark-bg  .carousel-control-prev {
    top: auto;
    width: 40px;
    bottom: 40px;
}
#carouselDark .carousel-item .container{
  height: 100%;
  z-index: 9999;
}
#carouselDark .carousel-item.active{
  display: flex;
  align-items: center;
}
.mailer-hero-area.dark-bg #carouselDark .carousel-control-next{
  right: auto;
  left: 50px;
}
.mailer-hero-area{
  background: url(../images/grid.png) center -80px no-repeat;
  background-size: cover;
  padding: 75px 0;
}
.mailer-hero-area p{
  font-size: 20px;
}
.slideImg{
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width: 55%;
  width: 870px;
}
.mailer-hero-area.dark-bg{
  background: url(../images/hero-dark-bg.jpg) center 0 no-repeat;
   background-size: cover;
}
.mailer-hero-area.dark-bg .carousel-inner{
  display: flex;
}
.mailer-hero-area.dark-bg .carousel-item{
   padding: 75px 0 120px;
   background-size: cover !important;
   height: 100%;
}
.mailer-hero-area.dark-bg #heroCarousel .carousel-item{
   padding:0;
   
}

.mailer-hero-area.dark-bg .btn-outline{
  color: #FDFAF9;
  border-color: #0584ED;
}
.email-service-list{
  gap: 10px;
}
.mailer-hero-area.dark-bg .carousel-item h1,
.hero-inner.dark-bg h1,
.mailer-hero-area.dark-bg h1{
  color: #FCFCFC;
}
.mailer-hero-area.dark-bg .carousel-item p,
.mailer-hero-area.dark-bg .carousel-item li,
.mailer-hero-area.dark-bg  li,
.mailer-hero-area.dark-bg  p{
  color: #A8A8A8;
}
.mailer-hero-area.dark-bg #heroCarousel .carousel-control-next, .mailer-hero-area.dark-bg #heroCarousel .carousel-control-prev{
top: 0;
bottom: 0;
margin: auto;
}
.mailer-hero-area.dark-bg #heroCarousel .carousel-control-next-icon{

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  

 
}
.mailer-hero-area.dark-bg #heroCarousel .carousel-control-prev-icon{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
}
.mailer-hero-area ul li{
  font-size: 14px;
  margin-bottom: 5px;
}
.hero-inner {
  background: url(../images/inner-hero.png) center -80px no-repeat;
  background-size: cover;
  margin-bottom: 100px;
}
.hero-inner h1{
  font-size: 44px;
}

.email-service-list li{
  display: flex;
  background-color: #FCFCFC;
  border-radius: 12px;
  width: 62px;
  align-items: center;
  justify-content: center;
}
.btn-grid{
  gap: 24px;
  align-items: center;
  margin-bottom: 15px;
}
.btn-grid ul li{
  font-size: 14px;
}
.btn-grid p{
  font-size: 14px;
  font-weight: 700;
}
.email-services{
  margin-top: 120px;
}
.email-services p{
  font-size: 14px;
  width: 120px;
}
.carousel-control-prev-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.counter-stats {
  background-color: #f9f9f9;
  padding: 24px 0;
}

.counter-stats h3{
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #606060;


}
.counter-stats p{
  letter-spacing: 0;
  font-size: 20px;
  line-height: 32px;

}

.core-features-col{
  gap: 16px;
}
.core-features-col .grey-bg{
  border-radius: 24px;
  padding: 32px;
  margin-bottom: 16px;
}
.free-premium-comparison .grey-bg{
  border-radius: 24px;
  padding: 32px;
  margin-bottom: 16px;
}
.free-premium-comparison .grey-bg ul{
  list-style-type: disc;
}
.free-premium-comparison .grey-bg ul li{
  color: #626262;
  font-size: 16px;
}
.free-premium-comparison .grey-bg svg{
  margin-bottom: 32px;
}
.free-premium-comparison .col-md-12,
.free-premium-comparison .col-md-6{
  height: 100%;
}
.core-features-col .grey-big-grid{
  padding: 50px;
  }
.core-features-col p{
    
    text-transform: capitalize;
    color: #000;
    margin-bottom: 0;
}

.radial-col{
  padding-top: 35px !important;
  position: relative;
  flex-grow: 1;
}
.radial-col .radial-text{
  position: absolute;
  left: 32px;
  right: 32px;
  bottom: 42px;
}
.core-features-col .search-feature-col{
  padding-top: 50px;
  background: linear-gradient(180deg, rgba(243, 243, 243, 0.4) 0%, rgba(243, 243, 243, 1) 100%), url(../images/search-feature-bg.png) center top no-repeat;
}
.core-features-col .col{
  display: flex;
  flex-direction: column;
}
.core-features-col .col .grey-bg{
  flex: 1;
}
.core-features-col .col .grey-bg div:not(.d-xl-flex){
  color: #626262;
  font-size: 18px;
  padding: 0 15px;
}
.search-feature-col img{
  margin-bottom: 60px;
}
.core-features{
  padding: 80px 0 110px;

}
.price-card{
  padding: 32px;
  border-radius: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.price-card .btn{
  margin-top: auto;
}
.price-card ul {
  list-style-type: none;
  padding-left: 0;
}
.price-card ul li{
  position: relative;
  padding-left: 30px;
}
.price-card ul li span{
  position: absolute;
  left: 0;
}
.pricing-grid{
  gap: 16px;
}
.pricing-grid li{
  font-size: 17px;
  line-height: 22px;
  margin-bottom: 10px;
  color: #626262;
}
.testimonial-section .slick-arrow{
  position: absolute;
  bottom: 30px;
  border: none;
  background: none;
  left: 0;
  right: 0;
  margin: auto;
}
.testimonial-section .slick-arrow.slick-next{
  margin-left: 50px;
}
.testimonial-section .slick-arrow.slick-prev{
  margin-right: 50px;
}
.testimonial-section{
  padding: 90px 0 50px;
}
.testimonial-card{
  border: 1px solid #B2B2B2;
  padding: 20px;
  background: #fff;
  border-radius: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.testimonial-card p{  
    font-size: 16px;
    line-height: 26px;
    color: #242424;
    margin-bottom: 30px;
}
.testimonial-card h5{
  color: #191919;
  font-size: 20px;
  margin-top: auto;
}
  /*.testimonial-section .slick-slide {
      margin: 0 15px;
  }
*/
  /* the parent */
.testimonial-section  .slick-list {
      margin: 0 -15px;
  }
.testimonial-section .slick-slide.slick-center.slick-active .testimonial-card{
    box-shadow: 0px 28px 44px 0px #00000026;

}
.testimonial-carousel .slick-slide {
  transition: transform 0.5s;
  position: relative; 
  height: inherit !important;
}


.testimonial-carousel .slick-track{display: flex; padding-bottom: 100px;}


.usecase-section li{
  font-size: 17px;
  line-height: 22px;
  margin-bottom: 8px;
  color: #444;
}
.usecase-section  p{
   font-size: 20px;
  line-height: 24px;
  margin-bottom: 30px;
}
.inner-bg-area{
  border-radius: 24px;
  
}
.usecase-section .inner-bg-area .col-lg-6{
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.usecase-section .inner-bg-area .col-lg-6 .btn{
  margin-top: auto;
}
.faq-section{
  padding: 95px  0 30px;
}
.accordion-button{
  font-size: 24px;
  color: #444444 !important;
  line-height: 50px;
  padding: 16px 8px;
   border-bottom: 1px solid #DDDDDD;
}
.accordion-item{
  border: none;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23444' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    
}

.accordion{
  border: none;
}
.accordion-button:focus,
.accordion-button:active,
.accordion-button:not(.collapsed){
  box-shadow: none;
  background: none;
}
.accordion-item:first-of-type>.accordion-header .accordion-button{
  border-radius: 0 !important;
  background: none !important ;
}
.accordion-item:first-of-type{
  border-radius: 0;
  border: none;
}


.brandsCarouselInner .slick-slide {
   margin-left:50px;
}

#brandsCarouselInner {
    margin-left:-50px;
    margin-right:-50px;
  }
.phases-section li,
.text-info-section li{
  font-size: 16px;
  margin-bottom: 12px;
}
.phases-boxes .grey-bg{
  padding: 40px 32px;
  border-radius: 24px;
  height: 100%;
}
.phases-boxes .grey-bg svg{
  margin-bottom: 30px;
}
.phases-boxes .grey-bg li,
.text-info-section .list-check li{
  padding-left: 30px;
}
.phases-boxes .grey-bg li:before,
.text-info-section .list-check li:before{
  height: 20px;
  width: 24px;
  top: 3px;
}
.text-info-section .list-check li:before{
  top: 5px;
}
.pricing-nav-tabs{
  display: inline-flex;
  margin: 40px auto 16px;
  border-radius: 16px;
  background:#F3F3F3 ;
  padding: 12px;
}
.pricing-nav-tabs .btn{
  color: #191919;
}
.pricing-nav-tabs .btn.active{
  color: #FDFAF9;
}
.pricing-toggle .pricing-grid{
  gap: 24px;
}
.pricing-toggle  .pricing-grid li{
    font-size: 16px;
    line-height: 20px;
}
.pricing-card-header{
    width: 100%;
   background-image: repeating-linear-gradient(90deg, transparent, transparent 12px, rgba(0, 0, 0, 0.3) 12px, rgba(0, 0, 0, 0.3) 24px);
    background-position: -14px bottom;
    background-repeat: repeat-x;
    background-size: 100% 1px;
    padding-bottom: 32px;
    margin-bottom: 24px;
}
.pricing-card-header h4{
    color: #191919;
    font-size: 24px;
    margin-bottom: 30px;
}
.pricing-card-header h3{
    font-size: 48px;
    margin-bottom: 0;
}
.pricing-card-header h3 span{
    font-size: 16px;
    color: #626262;
    padding-left: 8px;
}
.sub-title-info{
  color: #007C2F;
  font-size: 14px;
  margin-bottom: 0;
}
.modal .form-check{
  padding-left: 0;
}
#buyNowModal p{
  font-size: 13px;
}
#buyNowModal .modal-header{
  padding: 15px;
  border-bottom: 1px solid #e5e5e5 !important;
  justify-content: space-between !important;
}
#buyNowModal  .modal-content{
  padding: 0;
}
#buyNowModal .form-group {
  align-items: center;
}
#buyNowModal .form-group label{
  font-weight: 700;
}
#buyNowModal #redirectMessage{
  text-align: right;
  width: 100%;
}
#buyNowModal .btn{
  padding: 9px 15px;
  border-radius: 8px;
}
#buyNowModal .close {
    padding: 0;
    cursor: pointer;
    background: 0;
    border: 0;
    -webkit-appearance: none;
    float: right;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
    margin-top: -2px;
}
#buyNowModal .close:hover,
#buyNowModal .close:focus{
  color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
}
.addon-card {
  padding: 15px 15px;
  border: 1px solid #D1D5DB;
  border-radius: 8px;
  margin-bottom: 16px;
}
.addon-card.active{
  border-color:  #0584ED;
}
.addon-card .label-addon h6{
    color: #191919;
    font-size: 24px;
    font-weight: bolder;
    margin-bottom: 0;
}
.modal .form-check .form-check-input{
  margin-left: -25px;
  margin-right: 16px;
}
.addon-card .label-addon h6 span{
    font-weight: normal;
    font-size: 14px;
    color: #626262;
    padding-left: 5px;
}
.addon-card .label-addon p{
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
}
.addon-card .label-btn{
    color: #0584ED;
    font-size: 14px;
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid #0584ED;
    margin-left: auto;
    margin-bottom: auto;
    min-width: fit-content;
}
.modal-title{
  color: #262626;
  font-size: 24px;
  font-weight: 700;
}
.modal-header p{
    color: #737373;
  }
.modal-header,
.modal-footer{
  border: none !important;
}
.modal-content{
    padding: 8px 8px 30px;
}
.call-to-action .grey-bg{
  padding: 48px;
  border-radius: 24px;
}
table{
  margin-top: 40px;
}
.table-striped > tbody>tr:nth-of-type(odd)>*{
    --bs-table-color-type: #626262;
    --bs-table-bg-type: transparent;
}
.table-striped>tbody>tr:nth-of-type(even)>*{
    --bs-table-color-type: #626262;
    --bs-table-bg-type: transparent;
}
.table-striped  tbody > tr.grey-bg > *,
.table-striped  tbody > tr.grey-bg td{
    --bs-table-color-type: #707070 !important;
    --bs-table-bg-type: #F7F7F7 !important;
}
.comparison-features .table-striped,
.comparison-features .table-striped  table {
  table-layout: fixed;
}
.table-striped  tbody > tr table td{
  padding: 0 20px;
}
.table-striped  tbody > tr .collapse{
  margin-top: -21px;
}
.table-striped  tbody > tr table{
  margin-top: 20px !important;
  border-collapse: collapse;
  table-layout: fixed;
}
.table-striped  tbody > tr table td ul{
  margin-bottom: 10px;
  margin-top: 0;
}
.table-striped  tbody > tr table td {
  border-right-width: 1px;
  border-left: 0;
}
.table-striped  tbody > tr table td{
  border-bottom: 0 !important;
  box-sizing: border-box; 
}
.table-striped  tbody > tr.collapse > td tbody tr:first-child ul{
  padding-top: 20px !important;
}
table td,
table p{
  color: #626262;
  font-weight: normal;
  margin-bottom: 0;

}
.table>:not(caption)>*>*{
  padding: 20px;
}
tbody, td, tfoot, th, thead, tr{
  border-color: #D8D8D8;
}
table thead tr{
  border-top: none;
}
table tbody tr:last-child{
  border-bottom: none;
}
table thead tr th:first-child,
table tbody tr td:first-child{
  border-left: none;
}
table thead tr th:last-child,
table tbody tr td:last-child{
  border-right: none;
}
table tbody h4{
  margin-bottom: 0;
  color: #191919;
  font-size: 16px;
  font-weight: normal;
}
.comparison-features table tr td ul{
  list-style-type: none;
  padding-left: 8px;
 
}
.comparison-features table tr td h4[data-bs-toggle]{
  position: relative;
  padding-right: 20px;
  cursor: pointer;
}
.comparison-features table tr td .areaDropdown:after{
  content: '';
  width: 12px;
  height: 10px;
  background: url(../images/chevron-up.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  top: 4px;
  right: 0;
  transition: all ease-in 0.3s;
}
.comparison-features table tr td .areaDropdown:hover,
.comparison-features table tr td a:not(.btn):hover,
.comparison-features table tr td h4[data-bs-toggle]:hover {
  color: var(--bs-link-color);
}
.comparison-features table tr td h4[aria-expanded="true"]:after{
  transform: rotate(180deg);
}

.comparison-features table tr td ul li {
  margin-bottom: 12px;
}
.comparison-features table tr td ul li a,
.comparison-features table tr td ul li {
  color: #707070;
  font-size: 16px;
  text-decoration: none;
}
.comparison-features table tr td ul li a .fa,
.comparison-features table tr td ul li a .glyphicon,
.comparison-features table tr td ul li .fa,
.comparison-features table tr td ul li  .glyphicon,
.comparison-features table tr td h4 .fa,
.comparison-features table tr td h4 .glyphicon {
  margin-right: 10px;
}
.formats-section .dropdown-menu a,
.formats-section .dropdown-menu a:hover{
      color: #D4D4D4;
      cursor: pointer;
}
.formats-col ul {
  padding-left: 20px;
  margin: 15px 0 0;
}
.formats-col ul li{
  font-size: 16px;
  color: #626262;
}
.formats-col  .grey-bg{
  height: 100%;
}
.formats-col form{
  gap: 10px;
}
.formats-col form .form-control{
  background-color: transparent;
  color: #626262;
  border-radius: 16px;
  border-color: #767676;
}
#searchFeatures.form-control{
  border-color: #333;
}
#searchFeatures.form-control:focus, 
#search.form-control:focus{
  box-shadow: none;
}
.comparison-tabs-nav li {
  margin-bottom: 1px;
}
.comparison-tabs-nav li a{
  color: #262626;
  font-size: 16px;
  text-decoration: none;
  padding: 12px 16px;
  display:block;
  border-radius: 8px;
  line-height: 20px;
}
.comparison-tabs-nav li a.active,
.comparison-tabs-nav li a:hover{
  background-color: #0584ED;
  color: #FCFCFC;
}
.inner-tab-content{
  padding: 25px;
}
.comparison-tabs .tab-pane h3{
    font-size: 28px;
    color: #262626;
    padding: 16px 25px 22px;
    border-bottom: 1px solid #E5E5E5;
}
.comparison-tabs .tab-pane h4{
  font-size: 22px;
  color: #262626;
  font-weight: 700;
  margin-top: 25px;
}
.comparison-tabs .tab-pane p,
.comparison-tabs .tab-pane li{
  font-size: 16px;
}
.comparison-tabs .tab-pane a{
  
}
#accordionFeatures{
  margin: 60px 0;
}
#accordionFeatures h4{
      color: #191919;
}
.description-contact{
  padding-top: 0 !important;
  margin-top: -100px;
}
#dropdownList li {
  margin-bottom: 0;
}
#dropdownList {
  min-width: 300px;
  padding-top: 10px;
}
#dropdownList li a{
 
  display: block;
}

.cc-banner {
  z-index: 9999999 !important;
}
iframe[name='google_conversion_frame'] {
font-size: 0 !important;
height: 0 !important;
line-height: 0 !important;
margin-top: -13px;
width: 0 !important;
float: left;
}
.g-32{
      --bs-gutter-y: 32px;
      --bs-gutter-x: 32px;
}
.get-in-touch a{
  text-decoration: none;
  color: #444444;
}
.get-in-touch .col-lg-6 p{
  color: #444444;
}
.get-in-touch .col-lg-6:first-child .grey-bg:after{
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: linear-gradient(180deg, rgba(243, 243, 243, 0) 37.12%, #F3F3F3 89.12%);
  border-radius: 24px;
}
.get-in-touch .col-lg-6:first-child  .grey-bg div{
 position: relative;
 z-index: 9;
}
.get-in-touch .grey-bg{
  height: 100%;
  position: relative;
}
.formats-section .grey-bg a:not(.btn){
  text-decoration: none;
  color: inherit;
}
.formats-section .grey-bg a h3 svg{
  margin-left: 5px;
  opacity: 0;
  transition: all ease-in 0.3s;
}
.formats-section .grey-bg a:hover h3 svg{
  opacity: 1;
}

.general-page p,
.general-page li{
  font-size: 16px;
  color: #383838;
  word-break: break-word;
  position: relative;
}
.list-disc{
  margin: 30px 0;
}

.general-page ol li{
  font-size: 16px;
  margin-bottom: 15px;
}
.general-page{
  margin-top: 65px;
}
.general-header{
  padding-bottom:15px ;
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 32px;
}
.general-header p{
  color: #626262;
  font-size: 16px;
  margin-bottom: 0;
}
.howtoContentTable{
  table-layout: fixed;
}
.howtoContentTable th{
  width: 33%;
  padding: 20px;
  text-align: center;
  color: #191919;
}
.howtoContentTable td{
  padding: 20px 15px;
  vertical-align: text-top;
}
.howtoContentTable thead tr th, .howtoContentTable tbody tr td,.howtoContentTable thead ,.howtoContentTable tbody{
  border-width: 1px !important;
}
.related-nav {
  list-style-type: none;
  padding: 0;
}
.related-nav li {
  font-size: 15px;
  margin-bottom: 6px;
}
.related-nav li a{
  color: #262626;
  text-decoration: none;
}
.related-nav li a:hover,
.related-nav li a.active{
  color: #0584ED;
}
.general-page .accordion-header .accordion-button{
  font-size: 20px;
  color: #444444;
  padding: 10px;
}
footer{
  margin-top: 80px;
  background-color: var(--bs-dark-bg);
  color: #787878;
}

footer  h4{
  font-size: 18px;
}
footer .nav-link,
footer a{
  color: #787878;
}
footer ul li{
  margin-bottom: 12px;
}
.posts-footer img{
  height: 40px;
  border-radius: 2px;
}
.posts-footer li a{
  gap: 10px;
}
footer .list-horizontal li a{
  display: inline-block;
  
  line-height: 14px;
  font-size: 14px;
}
footer .list-horizontal li +li a {
  border-left: 1px solid  #787878;
  padding-left: 10px !important;
  margin-left: 10px;
}
footer .copyright-text{
  font-size: 14px;
}
@media (min-width: 750px) {
    .modal-dialog {
        max-width: 750px;
        margin-right: auto;
        margin-left: auto;
    }
}
@media (min-width: 768px){
  #buyNowModal .form-horizontal .control-label{
    text-align: right;
  }
  .price-card .collapse{
    display: block;
  }
  .counter-stats .col h3,
  .counter-stats .col p{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
  }
  .counter-stats .col + .col{
    border-left: 1px solid #D9D9D9;
  }
}
@media (min-width: 992px) {
  .list-disc li{
    padding-left: 10px;
  }
  .list-disc li:before{
    content: '';
    width: 6px;
    height: 6px;
    background-color: #383838;
    border-radius: 100%;
    position: absolute;
    left:-10px;
    top: 8px;
  }
  .counter-stats .col h3,
  .counter-stats .col p{
    font-size: 20px;
    line-height: 32px;
    
  }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 12px;
        padding-left: 12px;
    }
    .footer-info{
      width: 22%;
    }
    .footer-info-next{
      width: 36%;
      padding: 0px 7% 0 8%;
    }
    .usecase-section .inner-bg-area .col-lg-6:first-child{
        position: relative;
        padding-right: 45px;
    }
  .usecase-section .inner-bg-area .col-lg-6:first-child:after{
    content: '';
    height: 100%;
    border-right: 1px solid #D2D2D2;
    position: absolute;
    right: 55px;
    top: 0;
  }
  .inner-bg-area{
    margin: 0 15px;
  }
  .tab-col{
    padding-right: 80px;
    position: relative;
  }
  .tab-col:after{
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    right: 55px;
    top: 0;
    background-color: #E5E5E5;
  }
}
@media (min-width: 1286px){
  .featuresModal .modal-dialog{
      max-width: 1200px;
  }
  .general-page{
    min-height:calc(100vh - 600px);
    align-content: center;
  }
  .testimonial-section .slick-slide {
  width: 450px;
 
  transform: scale(0.83) rotate(-11deg);
  margin-left: 0;
  margin-right: -194px;
  opacity: 0;
  
}

.testimonial-section .slick-slide.slick-center + .slick-slide {
  transform: scale(0.825) rotate(11deg);
    z-index: 10;
    margin-left: 0;
    margin-right: 0;
}

.testimonial-section .slick-slide.slick-center + .slick-slide + .item.slick-slide {
  transform: scale(0.9)  ;
  z-index: 5;
}

.testimonial-section .slick-slide.slick-active {
  opacity: 1;

}

.testimonial-section .slick-slide.slick-center.slick-active {
  transform: scale(1);
  z-index: 30;
  
}
.testimonial-section .slick-slide.slick-active:not(.slick-center) .testimonial-card{
  background-color: #F3F3F3;
  border-color: #F3F3F3;
  opacity: 50%;

}
  .brand-carousel{
    margin: 120px 0;
  }
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1420px;
    }
}
@media (max-width: 1280px){
  .brand-carousel{
    margin: 70px 0;
  }
  .slick-track {
    
    gap: 25px;
    }
    .search-feature-col img{
      margin-bottom: 20px;
    }
}
@media (min-width: 992px) and (max-width: 1300px){
  .core-features-col  .radial-col p{
    
    font-size: 22px !important;
    
  }
  .core-features-col  .radial-col .radial-text{
    left: 15px;
    right: 15px;
  }
  .core-features-col .fs-2{
    font-size: 24px !important;
  }
  .core-features-col .fs-3{
    font-size: 22px !important;
  }

}
@media (max-width: 1300px){
  .description-contact{
    margin-top: -20px;
  }
}
@media (max-width: 1140px){
  .comparison-features table thead tr th:first-child{
   
    width: 388px !important;
  }
  .comparison-features table thead tr th:nth-child(2){ 
    width: 150px !important;
  }
  .comparison-features table thead tr th:last-child {
    width:calc(100% - 568px)/2 /* Adjust based on total columns and desired distribution */
  }
   .comparison-features .table>:not(caption)>*>*{
      padding: 10px;
  }
   .comparison-features table tbody h4{
    font-size: 14px;
  }
  .comparison-features table .btn-outline svg{
    display: none;
  }
  .comparison-features table .btn{
    font-size: 14px;
    padding: 10px;
  }
  .comparison-features table tr td ul li a, .comparison-features table tr td ul li{
    font-size: 14px;
  }
}
@media (max-width: 991px){
  .core-features-col .col #brandsCarousel .carousel-item img{
    width: 240px;
  }
  .list-disc li span{
    display: block;
    margin-bottom: 16px;
  }
  .h1, h1,
  .hero-inner h1 {
    font-size: calc(1.375rem + 1.5vw);
}
  .usecase-section .inner-bg-area .col-lg-6:first-child{
      margin-bottom: 40px;
      border-bottom: 1px solid #D2D2D2;
      width: 100%;
      padding-bottom: 40px;
  }
  .usecase-section .inner-bg-area{
    padding: 40px !important;
  }
  .go-pro-prices h2{
    margin-bottom: 20px !important;
  }
  .go-pro-prices .container + .container {
    margin-top: 20px;
  }
  .price-card{
    margin-bottom: 20px;
  }
  .core-features-col .fs-3,
  .core-features-col .fs-2,
  .core-features-col .fs-5{
    font-size: 24px !important;
  }
  .core-features-col .col .text-start{
    text-align: center !important;
  }
  .core-features-col p{
    font-size: 24px;
    line-height: 32px !important;
    margin-bottom: 10px;
  }
  .brandsCarouselInner .slick-slide {
     margin-left:35px;
  }

  #brandsCarouselInner {
      margin-left:-25px;
      margin-right:0px;
    }
     .mailer-hero-area.dark-bg .btn {
      margin: 0 auto 15px;
      width: 100%;
  } 
  .howtoContentTable th{
   
    padding: 10px;
    
  }
  .howtoContentTable td{
    padding: 10px 5px;
   
  }
}
@media(max-width: 900px){
  .comparison-features table thead tr th:first-child{
    width: 300px !important;
  }
}
@media (max-width: 767px){
  .core-features-col .col #brandsCarousel {
    margin-top: -15px;
      font-size: 16px !important;
  }
  .fs-5{
      font-size: 16px !important;
  }
  .core-features-col .col:first-child .fs-5{
      font-size: 16px !important;
  }
  p{
    font-size: 16px !important;
  }
  .price-card p,li {
    font-size: 16px !important;
  }
  .usecase-section li {
    font-size: 16px !important;
  }
  .comparison-tabs li {
    font-size: 16px !important;
  }
  h2{
    font-size: calc(1.325rem + .9vw);
  }
  h3{
      font-size: calc(1.3rem + .6vw);
  }
  header .navbar-collapse {
    padding: 10px 10px;
  }
  footer .container ~ .container{
    text-align: center;
  }
  footer .container ~ .container ul{
    justify-content: center;
  }
  .accordion-button {
    font-size: 20px;
    line-height: 32px;
  }
  .faq-section{
    padding: 35px 0;
  }
  .counter-section .col{
    margin-bottom: 25px;
  }
  .email-services{
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .email-services p{
    width: 100%;
  }
  .testimonial-card p{
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 28px;
  }
  .counter-section .col{
    flex: 1 1 48%;
  }
  .counter-stats h3{
    margin-bottom: 0;
  }
  .core-features,
  .testimonial-section {
    padding: 40px 0 40px;
    }
   .testimonial-carousel .slick-track{
      padding-bottom: 40px;
    }
    footer{
      margin-top: 40px;
    }
    .testimonial-card{
      padding: 20px;
    }
    .core-features-col .col .grey-bg div:not(.d-xl-flex){
      padding: 0;
    }
    #feedbacklabel span{
      display: none !important;
    }
    .brand-carousel{
      margin: 40px 0;
    }
    .call-to-action .grey-bg{
      padding: 30px;
    }
    .call-to-action .grey-bg .btn{
      margin-top: 20px;
    }
    .spacer{
      padding: 30px 0;
    }
    .landing-core-features .btn{
      width: 100%;
      margin-bottom: 15px;
      margin-left: 0 !important;
    }
    .row{
      margin: 0 !important;
    }
    .hero-inner{
      margin-bottom: 25px;
    }
    .hero-inner h1{
      margin-bottom: 25px !important;
    }
    .mailer-hero-area{
      padding-bottom: 35px;
    }
    .formats-col form .form-control{
      height: 45px;
      border-radius: 8px;
    }
    .formats-col form .btn{
      width: 100%;
      margin-top: 10px;
    }
    
    .howtoContentTable td,
    .howtoContentTable td *,
    .howtoContentTable th{
     font-size: 13px;
     line-height: 18px;
   
    }
    .howtoContentTable td >ul{
      padding-left: 10px;
    }
    .howtoContentTable td ul li ul{
      padding-left: 5px;
    }
    .comparison-features table thead tr th:first-child{
      padding-right: 10px;
    }
    .expandAll {
      position: relative;
      width: 103px;
      right: 0px;
      top: 0px;
  }
  
  
  #featuresDetail .comparison-tabs-nav{
    display: flex;
    flex-direction: row !important;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  #featuresDetail .comparison-tabs-nav li{
      min-width: fit-content;
  }
  .comparison-tabs-nav li a{
        font-size: 14px;
        padding: 8px 10px;
  }
  #featuresDetail .inner-tab-content{
      padding: 25px 0;
  }
  #featuresDetail .inner-tab-content p,
  #featuresDetail .inner-tab-content li{
      font-size: 17px;
  }
  #featuresDetail .inner-tab-content li.mb-5{
    margin-bottom: 1.5rem !important;
  }
  .comparison-tabs .tab-pane h3{
    font-size: 24px;
    padding: 25px 0px 10px;
  }
  .comparison-tabs .tab-pane h4{
    font-size: 20px;
  }
  .comparison-features table thead tr .fs-4{
    font-size: 14px !important;
  }
  .comparison-features .table-striped colgroup col:first-child,
  .comparison-features .table-striped  table colgroup col:first-child{
      width: 39% !important;
  }
  .comparison-features .table-striped colgroup col:nth-child(2),
  .comparison-features .table-striped  table colgroup col:nth-child(2),
  .comparison-features .table-striped colgroup col:nth-child(3),
  .comparison-features .table-striped  table colgroup col:nth-child(3){
      width: 19% !important;
  }
  .comparison-features .table-striped colgroup col:last-child,
  .comparison-features .table-striped  table colgroup col:last-child{
      width: 23% !important;
  }
  .comparison-features td, .comparison-features p,
  .comparison-features table tbody h4,
  .comparison-features table tr td ul li a, .comparison-features table tr td ul li,
  .expandAll{
    font-size: 11.5px !important;
    line-height: 16px;
  }
  .comparison-features table tr td ul{
    margin-left: 2px;
    margin-bottom: 0;
  }
  .comparison-features table tr td ul li{
    margin-bottom: 6px;
  }
  .comparison-features table tr td h4[data-bs-toggle]{
    padding-right: 10px;
  }
      .comparison-features .table>:not(caption)>*>* {
        padding: 7px;
    }
    .comparison-features .table-striped tr:last-child > *{
      padding: 7px 1px;

    }
    .comparison-features table tr td .areaDropdown:after{
      width: 8px;
      height: 8px;
    }
    .comparison-features table .btn{
      padding: 5px;
      font-size: 11px;
    }

}   
@media (max-width: 410px){
  #brandsCarouselInner{
    margin-top: -20px;
  }
  
  .brandsCarouselInner .slick-slide{
    
    padding: 0 45px;
  }
  .brand-carousel .p-32.inner-bg-area{
    padding: 20px 18px;
  }
  
}