/* 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;
}
:root { 
  --body-text:#597474;
  --secondary-theme: #0f737c;
  --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/landing-page/cursor.svg'), auto;
}

a:hover {
  cursor: url('../images/landing-page/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);
}
.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);
}
.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;
}
.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);
}
/* common end */
/* navbar start */
.navbar-brand .logo-box {
  border: 0.8px solid #E6E6E6;
  gap: 2px;
  padding: 5px 7px;
  border-radius: 9px;
}
  .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 */
.border-top-light-theme {
  border-top: 1px solid #ABDEE2;
}
.right-side-img{
  top: 20px;
}
.key-features img {
    width: 56px;
    height: 56px;
}
@media(max-width: 991px){
  .overview-section,
  .overview-section .container{
    padding-top: 0 !important;
  }
}