/* common start */
@font-face {
  font-family: "Fraunces";
  src: url("./../font/Fraunces_72pt_Soft-Regular.woff2")
      format("woff2"),
    url("./../font/Fraunces_72pt_Soft-Regular.woff")
      format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Fraunces";
  src: url("./../font/Fraunces_72pt_SuperSoft-SemiBold.woff2")
      format("woff2"),
    url("./../font/Fraunces_72pt_SuperSoft-SemiBold.woff")
      format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Prompt";
  src: url("./../font/Prompt-Medium.woff2")
      format("woff2"),
    url("./../font/Prompt-Medium.woff")
      format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Prompt";
  src: url("./../font/Prompt-Regular.woff2")
      format("woff2"),
    url("./../font/Prompt-Regular.woff")
      format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Prompt";
  src: url("./../font/Prompt-Light.woff2")
      format("woff2"),
    url("./../font/Prompt-Light.woff")
      format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Glass Antiqua";
  src: url("./../font/GlassAntiqua-Regular.woff2")
      format("woff2"),
    url("./../font/GlassAntiqua-Regular.woff")
      format("woff");
  font-weight: 400;
  font-style: normal;
}
:root { 
  --body-text:#597474;
  --secondary-theme: #0f737c;
  --orange:#E57E16;
  --primary-light:#F3FEFF;
  --gray:#4E4E4E;
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Prompt", sans-serif;
  font-size: 18px;
  color: var(--body-text);
}
body {
  cursor: url('./../images/cursor.svg'), auto;
}

a:hover {
  cursor: url('./../images/cursor-hover.svg'), auto;
}
.text-theme-body {
  color: var(--body-text);
}
.font-antiqua {
  font-family: "Glass Antiqua";
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Fraunces";
  color: #142222 !important;
}

.text-theme-primary {
  color: var(--secondary-theme);
}
.text-theme-gray {
  color:var(--gray);
}
.bg-theme-primary-light {
  background-color: var(--primary-light);
}
.bg-orange {
  background-color: var(--orange);
}
.form-control::placeholder {
  color: 00000099;
}
/* .btn:hover {
  border-color: var(--secondary-theme);
}
.btn .btn-icon-box.one {
  display: none !important;
}
.btn .btn-icon-box.two {
  display: flex !important;
}
.btn:hover .btn-icon-box.one {
  display: flex !important; 
}
.btn:hover .btn-icon-box.two {
  display: none !important; 
} */

.btn:hover {
  border-color: var(--secondary-theme); 
}
.btn .btn-icon-box.one {
  visibility: hidden;
  width: 0; 
  min-width: 0;
  transition: 0.3s ease;
  transform: scale(0);
}
.btn .btn-icon-box.two {
  visibility: visible; 
  min-width: 24px;
  width: 24px; 
  transition: 0.3s ease;
  transform: scale(1);
}
.btn:hover .btn-icon-box.two img {
  display: none;
}
.btn:hover .btn-icon-box.one {
  visibility: visible; 
  min-width: 24px;
  width: 24px; 
  transform: scale(1);
}
.btn:hover .btn-icon-box.two {
  visibility: hidden;
  width: 0; 
  min-width: 0;
  transform: scale(0);
}
.form-control:focus {
  background-color: unset;
  box-shadow: unset;
  border-color: var(--secondary-theme);
  color: #a7a7a7;
}
.bg-theme-secondary {
  background-color: var(--secondary-theme);
}
.fs-12 {
  font-size: 12px;
  line-height: 14px;
}
.fs-13 {
  font-size: 13px;
  line-height: 17px;
}
.fs-14 {
  font-size: 14px;
  line-height: 17px;
}
.fs-16 {
  font-size: 16px;
  line-height: 20px;
}
.fs-18 {
  font-size: 18px;
  line-height: 22px;
}
.fs-20 {
  font-size: 20px;
  line-height: 22px;
}
.fs-22 {
  font-size: 22px;
  line-height: 24px;
}
.fs-36 {
  font-size: 36px;
  line-height: 38px;
}
.py-12px {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.accordion-button:focus {
  box-shadow: none;
}
.btn-theme-primary {
  background: linear-gradient(90deg, var(--secondary-theme) 0%, #04454a 100%);
  border-radius: 10px;
  padding: 11px 15px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #ffffff;
  white-space: nowrap;
  position: relative;
  z-index: 0;
  border: unset;
}
.btn-theme-primary:hover {
  background: linear-gradient(90deg, var(--secondary-theme) 0%, #04454a 100%);
  color: #ffffff;
} 
.btn-theme-primary:active {
  color: #ffffff !important;
  border: unset;
} 
.btn-theme-primary:hover::before {
  opacity: 1;
  z-index: -1;
}
.btn-theme-primary-outlined {
  border: 1px solid var(--secondary-theme);
  color: var(--secondary-theme);
  border-radius: 12px;
  padding-left: 16px;
  padding-right: 16px;
}
.btn-theme-primary-outlined:hover {
  border: 1px solid var(--secondary-theme);
  color: #ffffff;
  background-color: #04454a;
}
.btn-theme-primary-outlined:hover svg,
.btn-theme-primary-outlined:hover img {
  filter: invert(0) brightness(100);
}
.form-check-input:focus {
  box-shadow: unset;
}
.form-check-input:checked {
  background-color: var(--secondary-theme);
  border-color: var(--secondary-theme);
}
.badge-button {
  border:1px solid var(--orange);
}
.badge-button svg {
  animation: scale 3s linear infinite;
}
.coming-soon-badge {
  transform: rotate(334deg);
  left: -50px;
  top: -10px;
}
@keyframes scale {
  50% {
    -webkit-transform:scale(1.5) rotate(45deg);;
    -moz-transform:scale(1.5) rotate(45deg);;
    -ms-transform:scale(1.5) rotate(45deg);;
    -o-transform:scale(1.5) rotate(45deg);;
    transform:scale(1.5) rotate(45deg);
  }
  100% {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
  }
}
.nav-tabs .nav-link {
  color: #A6A6A6;
  margin: 5px;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:focus-visible {
  color: var(--secondary-theme);
  background-color: #ffffff;
  border: 1px solid #BCD4D7;
  box-shadow: 0px 2px 2px 0px #C6E2E2;
  border-radius: 10px;
}
.pagination {
  gap: 6px;
}
.pagination .page-item .page-link {
  border: 1.19px solid #F1F1F1;
  border-radius: 9px;
  color: #333333;
  padding: 9px;
  width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pagination .page-item .page-link:hover {
  background-color: var(--secondary-theme);
  color: #ffffff;
  border: 1.19px solid var(--secondary-theme);
}
/* common end */
/* navbar start */
.navbar-brand .logo-box {
  border: 0.8px solid #E6E6E6;
  gap: 2px;
  padding: 5px 7px;
  border-radius: 9px;
}
nav .container {
  border-image: linear-gradient(to right, #EDEDED, #ffffff) 1;
  border-bottom: 1px solid;
  padding-bottom: 14px;
}
nav .navbar-nav .nav-link {
color: #787878 !important;
padding-left: 0.938rem !important;
padding-right: 0.938rem !important;
}
nav .navbar-nav .nav-link.active {
  color: #142222 !important;
  }
  .login-btn {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .btn-icon-box {
    min-width: 24px;
    width: 24px;
    height: 24px;
  }
  .login-icon {
    background-color: var(--secondary-theme);
  }
  .login-btn .book-demo img {
    filter: brightness(0) saturate(100%) invert(29%) sepia(82%) saturate(723%) hue-rotate(143deg) brightness(95%) contrast(89%);
  }
/* navbar end */
/* login banner section */
.login-banner-sec {
  position: relative;
  overflow: hidden; 
} 
/* login banner section */
/* home page start */
/* home page banner section brp start */
.swiper-wrapper {
  transition-timing-function: linear !important;
}
.home-banner-brp {
  position: relative;
  overflow: hidden;
}
.home-banner-brp::after {
  content: ""; 
  background-color: #A4E4EA;
  width: 1331px;
  height: 1200px;
  position: absolute; 
  z-index: -2;
  top: 100%;
  -webkit-filter: blur(175px);
    -moz-filter: blur(175px);
    -ms-filter: blur(175px);
    -o-filter: blur(175px);
    filter: blur(175px);
    transform: translate(-50%, -50%) !important;
    left: 0 !important;
    border-radius: 50%;
}
.home-banner-brp::before {
  content: ""; 
  background-color: #A4E4EA;
  width: 1331px;
  height: 1200px;
  position: absolute; 
  z-index: -1;
  top: 100%;
  -webkit-filter: blur(175px);
    -moz-filter: blur(175px);
    -ms-filter: blur(175px);
    -o-filter: blur(175px);
    filter: blur(175px);
    transform: translate(-50%, -50%) !important;
    left: 100% !important;
    border-radius: 50%;
} 
.home-banner-brp .swiper-slide {
  box-shadow: 0px 15px 33px 0px #5F929596;
}
.home-banner-brp .swiper-slide img {
  height: 625px;
  object-fit: cover;
  object-position: top;
}
@media only screen and (max-width: 1140px) { 
  .home-banner-brp .swiper-slide img {
    height: 460px;
  }
}
@media only screen and (max-width: 991px) { 
  .home-banner-brp .swiper-slide img {
    height: 400px;
  }
}
@media only screen and (max-width: 768px) {
  .home-banner-brp .swiper-slide img {
    height: 320px;  
  }
}
.home-banner-brp .swiper-slide {
  margin-top: 25px;
}
/* home page banner section brp end */
/* transform-e-commerce-sec start */

.g-100px {
  gap: 100px;
}
/* transform-e-commerce-sec end */
/* Powering E-Commerce Invoicing start */
.powering-e-commerce-invoicing::after {
  content: "";
  background-image: url(./../images/powering-e-commerce-invoicing-bg.svg);
  height: 449px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; 
  background-size: 30px 30px;
  background-position: center;
  background-repeat: repeat;
  z-index: -1;
}
.powering-e-commerce-invoicing .dashboard-img-shadow {
  background: linear-gradient(0deg, #ffffff 0%, #fff0 25%);
    height: 50%;
    width: 100%;
}
.powering-e-commerce-invoicing .box {
  border-radius: 30px;
}
.powering-e-commerce-invoicing .box.box1 { 
  background: radial-gradient(122.87% 96.08% at 50% 3.92%, #FFEDED 0%, #FF9598 100%);
}
.powering-e-commerce-invoicing .box.box2 { 
  background: radial-gradient(122.87% 96.08% at 50% 3.92%, #F4FFEA 0%, #CCEFA9 100%);
}
.powering-e-commerce-invoicing .box.box3 { 
  background: radial-gradient(122.87% 96.08% at 50% 3.92%, #FFFDFB 0%, #FED3A5 100%);
}
.powering-e-commerce-invoicing .box.box4 { 
  background: radial-gradient(122.87% 96.08% at 50% 3.92%, #E2F0FF 0%, #98C9FF 100%);
}
.powering-e-commerce-invoicing .box.box5 { 
  background: radial-gradient(122.87% 96.08% at 50% 3.92%, #FFFFFF 0%, #B6A9EF 100%);
}
.powering-e-commerce-invoicing .box.box6 { 
  background: radial-gradient(122.87% 96.08% at 50% 3.92%, #FFFDFB 0%, rgba(254, 165, 198, 0.87) 100%);
}
.powering-e-commerce-invoicing .box.box1 .box-heading { 
  color:#142222;
  } 

/* Powering E-Commerce Invoicing start */
/* How invoices work section start  */
.how-invoice-work .box {
  border-radius: 24px;
}
.how-invoice-work .banner img {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.how-invoice-work-banner { 
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  padding-top: 19px;
  height: 253px;
}

.box.box1 .how-invoice-work-banner::after {
  content: "";
  position: absolute;
  background: linear-gradient(105.33deg, #8CDEE5 12.98%, #FFFFFF 90.6%);
  box-shadow: -20px -14px 34px 0px #C0EDF2;
  bottom: -262px;
  height: 385px;
  width: 534px;
  z-index: -1;
  left: -40px;
  border-radius: 50%;
}

.box.box1 .how-invoice-work-banner img {
  transform: translateY(100%);
  transition: transform 2s ease;
}

.box.box1 .how-invoice-work-banner img.animate {
  transform: translateY(0%);
}
.text-515 {
  color: #515151;
}

.box.box2 .how-invoice-work-banner::after { 
  content: "";
  position: absolute;
  background: transparent;
  bottom: -257px;
  height: 539px;
  width: 539px;
  z-index: -1;
  left: 277px;
  border-radius: 50%;
  border: 100px solid #8CDEE5;
  box-shadow: 
  -20px -14px 115px 0px #C0EDF2,
  inset 9px 77px 30px #C0EDF2;
}
.box.box2 .how-invoice-work-banner .plane-box {
  width: 72px;
  height: 72px;
}
.box.box2 .how-invoice-work-banner .cust-img {
  position: absolute;
  transform: translate(-50%, -50%);
  transition: 0.2s ease;
}
.box.box2 .how-invoice-work-banner .cust-img.cust-img1 {
  top: 21%;
  left: 30%;
}
.box.box2 .how-invoice-work-banner .cust-img.cust-img2 {
  top: 47%;
  left: 20%;
}
.box.box2 .how-invoice-work-banner .cust-img.cust-img3 {
  top: 78%;
    left: 32%;
}
.box.box2 .how-invoice-work-banner .cust-img.cust-img4 {
  top: 45%;
    right: 10%;
}
.box.box2 .how-invoice-work-banner .cust-img.cust-img5 {
  top: 15%;
  right: 25%;
}
.box.box2 .how-invoice-work-banner .cust-img.cust-img6 {
  top: 78%;
    right: 20%;
}
.how-invoice-work-box3-icon {
  width: 120px;
  height: auto;
  animation: dolarge 1s;
}
@keyframes dolarge {
  0% { 
    transform: scale(0);
  }
  100% { 
    transform: scale(1);  
  }
  }
.invoice-created-box {
  background: white;
  padding: 8px 12px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  width: 205px;
  top: 90px;
  margin-right: 10px;
  box-shadow: 0px 6px 15px 0px #0000001A;
}
#typewriter {
display: inline;
}

.cursor {
display: inline-block;
width: 10px;
margin-left: 2px;
animation: blink 0.7s infinite;
}

@keyframes blink {
0%, 50% { opacity: 1; }
51%, 100% { opacity: 0; }
}
/* How invoices work section end  */
/* Create & Customize Invoices section start */
.customize-invoice .customize-invoice-container {
  border-radius: 40px;
}
.customize-invoice .types-invoices .types-invoices-name {
  border: 1px solid #1D1D1D;
  color: #ffffff;
  padding: 9px 16px;
}
.customizeInvoiceSwiper {
  width: 310px;
height: auto;
}

.customizeInvoiceSwiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
} 
.customize-invoice .types-invoices .types-invoices-name:hover, .customize-invoice .types-invoices .types-invoices-name.active {
  border-color: #ffffff;
}
@media only screen and (max-width: 480px) { 
  .customizeInvoiceSwiper {
    width: 210px;
  height: auto;
  }
}
/* Create & Customize Invoices section end */
/* Integraction section start */
 
.integration-sec::after {
  content: ""; 
  background-color: #A4E4EA;
  width: 1331px;
  height: 1200px;
  position: absolute; 
  z-index: -2;
  top: 0;
  -webkit-filter: blur(175px);
    -moz-filter: blur(175px);
    -ms-filter: blur(175px);
    -o-filter: blur(175px);
    filter: blur(175px);
    transform: translate(-50%, -50%) !important;
    left: 0 !important;
    border-radius: 50%;
}
.integration-sec::before {
  content: ""; 
  background-color: #A4E4EA;
  width: 1331px;
  height: 1200px;
  position: absolute; 
  z-index: -1;
  top: 0;
  -webkit-filter: blur(175px);
    -moz-filter: blur(175px);
    -ms-filter: blur(175px);
    -o-filter: blur(175px);
    filter: blur(175px);
    transform: translate(-50%, -50%) !important;
    left: 100% !important;
    border-radius: 50%;
} 
.svg-container { 
  height: 275px;
  width: 880px;
  margin-top: 120px;
} 
.svg-container .logo {
  display: none;
} 
.svg-container .wix {
  top: -73px;
  left: 65px;
} 
.svg-container .shopify {
  top: 95px;
  left: -19px;
} 
.svg-container .magento {
  top: 124px;
left: 178px;
} 
.svg-container .woo {
  top: 112px;
  right: -10px;
} 
.svg-container .wordpress {
  top: -134px;
  right: 67px;
} 
.svg-container .invoice {
 top: -20px;
} 
svg {
  overflow: visible;
} 
.svg-container .progress-indicator {
  position: fixed;
  top: 10px;
  left: 50px;
  background: white;
  padding: 4px 8px;
  border: 1px solid black;
} 
.svg-container .line {
  stroke: black;
  stroke-width: 2;
  fill: none;
}
@media (max-width: 991px) {
  .svg-container { 
  display: none;
  }
  .integration-logo {
      width: 115px;
      height: 115px;
      box-shadow: 0px 1.72px 17.21px 0px #0000001A;
      border-radius: 20px;
  }
}
/* Integraction section start */
/* pricing section start */
.pricing-sec .pricing-box {
  border: 1px solid #B8E2E5;
  border-radius: 20px;
  padding: 28px;
}
.pricing-sec .pricing-box.popular {
  background: linear-gradient(360deg, #FFFFFF 33.86%, #B8E2E5 100%);

}
.pricing-sec .pricing-box .border-bottom-primary-light {
  border-bottom: 1px solid #B8E2E5;
}
/* pricing section end */
/* Better experience for Business section start */
.better-experience-sec .box, .faq-sec .box {
  padding: 35px 30px;
  border: 1px solid #B8E2E5;
  border-radius: 20px;
  background: linear-gradient(36.16deg, #FFFFFF 40.67%, #B8E2E5 151.38%);
}
.autoplay-progress {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 10;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: var(--swiper-theme-color);
}

.autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 4px;
  stroke: var(--swiper-theme-color);
  fill: none;
  stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
}
.review {
  display: none;
}
.reviewLogo.active img {
  filter: brightness(0) saturate(100%) invert(25%) sepia(7%) saturate(2821%) hue-rotate(171deg) brightness(92%) contrast(90%);
}
.reviewLogo {
  cursor: pointer;
  transition: all 0.3s ease;
}
.activereview {
  display: block !important;
}
.progress-container {
  width: 100%;
  height: 1px;
  background: #e9ecef;
  border-radius: 2px;
  margin-bottom: 20px;
}
.progress-bar {
  height: 100%;
  background: #30455C;
  border-radius: 2px;
  width: 0%;
  transition: width 0.1s linear;
  display: block;
}
/* Better experience for Business section end */
/* faq section start */
.accordion-button::after {
  background-image: 
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="16" viewBox="0 0 11 16" fill="none"><path d="M6.52227 1.5C6.52227 1.1134 6.20886 0.8 5.82227 0.8C5.43567 0.8 5.12227 1.1134 5.12227 1.5L6.52227 1.5ZM5.32729 14.995C5.60066 15.2683 6.04387 15.2683 6.31724 14.995L10.772 10.5402C11.0454 10.2668 11.0454 9.82362 10.772 9.55025C10.4986 9.27689 10.0554 9.27689 9.78206 9.55025L5.82227 13.5101L1.86247 9.55025C1.5891 9.27689 1.14589 9.27689 0.872518 9.55025C0.599151 9.82362 0.599151 10.2668 0.872518 10.5402L5.32729 14.995ZM5.12227 1.5L5.12227 14.5L6.52227 14.5L6.52227 1.5L5.12227 1.5Z" fill="%231A1203"/></svg>');
  height: 16px;
  width: 11px;
  background-size: cover;
}
.accordion-button:not(.collapsed)::after {
  background-image: 
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="16" viewBox="0 0 11 16" fill="none"><path d="M6.52227 1.5C6.52227 1.1134 6.20886 0.8 5.82227 0.8C5.43567 0.8 5.12227 1.1134 5.12227 1.5L6.52227 1.5ZM5.32729 14.995C5.60066 15.2683 6.04387 15.2683 6.31724 14.995L10.772 10.5402C11.0454 10.2668 11.0454 9.82362 10.772 9.55025C10.4986 9.27689 10.0554 9.27689 9.78206 9.55025L5.82227 13.5101L1.86247 9.55025C1.5891 9.27689 1.14589 9.27689 0.872518 9.55025C0.599151 9.82362 0.599151 10.2668 0.872518 10.5402L5.32729 14.995ZM5.12227 1.5L5.12227 14.5L6.52227 14.5L6.52227 1.5L5.12227 1.5Z" fill="%231A1203"/></svg>');
  height: 16px;
  width: 11px;
  background-size: cover;
}
/* faq section end */
/* footer section start */
footer {
  border-top-left-radius: 5rem;
  border-top-right-radius: 5rem;
}
@media only screen and (max-width: 991px) {
  footer {
    border-top-left-radius: 2.5rem;
    border-top-right-radius: 2.5rem;
  } 
}
.social-icon a {
  color: #A6A6A6;
  transition: 0.5s ease;
}
.social-icon a:hover {
  color: #008583;
}
.social-icon a:hover svg * {
  fill: #008583;
}
.social-icon a:hover img {
  filter: brightness(0) saturate(100%) invert(24%) sepia(79%) saturate(2989%) hue-rotate(165deg) brightness(94%) contrast(101%);
}
.social-icon a:hover svg {
  fill: #008583;
  transform: rotate(45deg);
  transition: 0.3s ease-out;
}
.border-top-light-theme {
  border-top: 1px solid #ABDEE2;
}
/* footer section start */
/* home page end */
/* templates banner section start */
.bottom-300 {
  bottom: -300px;
}
/* template page template section start  */
.template-sec .box {
  border-radius: 25px;
  border: 1.67px solid #DDF3F3;
  padding: 29px 59px;
}
.template-sec .box img {
  box-shadow: 0px 8px 30px 0px #C1E0E0;
  max-height: 400px;
  width: auto;
  object-fit: cover;
}
.template-sec .template-heading {
  color: #142222;
  padding-top: 22px;
  padding-bottom: 11px;
}
/* template page template section end */
/* templates banner section end */
/* Pricing page start */
.pro-plan-box-border { 
  border: 1px solid #B8E2E5;
}
.pro-plan-box {
  border-radius: 20px;
  background: linear-gradient(36.16deg, #FFFFFF 40.67%, #B8E2E5 151.38%);
}
.table td {
  color: #142222;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
  /* Pricing page end */
/* blog detail page start */ 
.text-black-light {
  color:#142222;
}
.text-gray-light {
  background-color: #F5F5F5;
}
.mt-n110 {
  margin-top: -110px;
}
/* blog detail page end */
/* contact page start */
.mail-icon-box {
  background-color: #DDF5F7;
  width: 46px;
  height: 46px;
  margin-right: 10px;
}
/* contact page end */