@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
  --mainfontFamily: "Poppins", sans-serif;;
  --optionalfontFamily:  "Poppins", sans-serif;;
  --mainColor: #FF8500  ;
  --optionalColor: #6b6b84;
  --whiteColor: #ffffff;
  --blackColor: #031521;
  --fontSize: 16px;
  --transition: .5s;
}

body {
  padding: 0;
  margin: 0;
  color: var(--optionalColor);
  font-family: var(--mainfontFamily);
  font-size: var(--fontSize);
}
body, html {
  cursor: none;
  overflow-x: clip;
}

a {
  transition: var(--transition);
  color: var(--blackColor);
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: none;
  color: var(--mainColor);
  outline: 0;
}

button:focus, input:focus {
  outline: 0;
}

p {
  color: #000;
  line-height: 1.6;
  margin-bottom: 12px;
  font-size: var(--fontSize);
  font-family: var(--optionalfontFamily);
}
p:last-child {
  margin-bottom: 0;
}

.d-table {
  width: 100%;
  height: 100%;
}
.d-table-cell {
  vertical-align: middle;
}

img {
  max-width: 100%;
  height: auto;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--blackColor);
  font-weight: bold;
  text-transform: capitalize;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-70 {
  padding-bottom: 70px;
}

.default-btn {
  border: none;
  position: relative;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  z-index: 1;
  background-color: var(--mainColor);
  color: var(--whiteColor);
  transition: var(--transition);
  border-radius: 30px;
  opacity: 1;
  font-family: var(--optionalfontFamily);
  font-weight: 600;
  padding: 8px 30px;
}
.default-btn span {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: var(--blackColor);
  color: var(--whiteColor);
  transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: -1;
  border-radius: 30px;
  opacity: 1;
}
.default-btn:hover {
  color: var(--whiteColor) !important;
}
.default-btn:hover span {
  width: 225%;
  height: 562.5px;
}
.default-btn i {
  font-size: 12px;
  position: relative;
  top: -1px;
  margin-left: 10px;
}

.default-btn2 {
  border: none;
  position: relative;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  z-index: 1;
  background-color:#3D3367 ;
  color: var(--whiteColor);
  transition: var(--transition);
  border-radius: 30px;
  opacity: 1;
  font-family: var(--optionalfontFamily);
  font-weight: 600;
  padding: 8px 30px;
}
.default-btn2 span {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: var(--blackColor);
  color: var(--whiteColor);
  transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: -1;
  border-radius: 30px;
  opacity: 1;
}
.default-btn2:hover {
  color: var(--whiteColor) !important;
}
.default-btn2:hover span {
  width: 225%;
  height: 562.5px;
}
.default-btn2 i {
  font-size: 12px;
  position: relative;
  top: -1px;
  margin-left: 10px;
}
@media (max-width: 767px) {
  .mouse-cursor {
    display: none;
  }
}
.cursor-inner {
  width: 6px;
  height: 6px;
  z-index: 10000001;
  background-color: red;
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out,
    margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.cursor-inner.cursor-hover {
  margin-left: -35px;
  margin-top: -35px;
  width: 70px;
  height: 70px;
  background-color: red;
  opacity: 0.3;
}
.cursor-outer {
  margin-left: -12px;
  margin-top: -12px;
  width: 30px;
  height: 30px;
  border: 1px solid red;
  box-sizing: border-box;
  z-index: 10000000;
  opacity: 0.5;
  transition: 80ms ease-out;
}

.cursor-outer.cursor-hover {
  opacity: 0;
}
.mouse-cursor {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  border-radius: 50%;
  transform: translateZ(0);
  visibility: hidden;
}

.section-title {
  text-align: center;
  max-width: 100%;
  margin: 0 auto 45px;
}
.section-title h2 {
  font-size: 45px;
  margin-bottom: 14px;
}
.section-title p {
  line-height: 1.8;
}

.buy-now-btn {
  left: 20px;
  z-index: 99;
  top: 50%;
  position: fixed;
  transform: translateY(-50%);
  border-radius: 30px;
  display: inline-block;
  color: #ffffff;
  background-color: #82b440;
  padding: 10px 20px 10px 42px;
  box-shadow: 0 1px 20px 1px #82b440;
  font-size: 13px;
  font-weight: 600;
}
.buy-now-btn img {
  top: 50%;
  left: 20px;
  width: 15px;
  position: absolute;
  transform: translateY(-50%);
}
.buy-now-btn:hover {
  background-color: #ff5740;
  color: #ffffff !important;
}

/*================================================
Preloader Area CSS
=================================================*/
.preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: var(--mainColor);
  top: 0;
  left: 0;
}
.preloader .loader {
  position: absolute;
  top: 43%;
  left: 0;
  right: 0;
  transform: translateY(-43%);
  text-align: center;
  margin: 0 auto;
  width: 50px;
  height: 50px;
}
.preloader .box {
  width: 100%;
  height: 100%;
  background: var(--whiteColor);
  animation: animate 0.5s linear infinite;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3px;
}
.preloader .shadow {
  width: 100%;
  height: 5px;
  background: var(--whiteColor);
  opacity: 0.1;
  position: absolute;
  top: 59px;
  left: 0;
  border-radius: 50%;
  animation: shadow 0.5s linear infinite;
}

@keyframes loader {
  0% {
    left: -100px;
  }
  100% {
    left: 110%;
  }
}
@keyframes animate {
  17% {
    border-bottom-right-radius: 3px;
  }
  25% {
    transform: translateY(9px) rotate(22.5deg);
  }
  50% {
    transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 40px;
  }
  75% {
    transform: translateY(9px) rotate(67.5deg);
  }
  100% {
    transform: translateY(0) rotate(90deg);
  }
}
@keyframes shadow {
  50% {
    transform: scale(1.2, 1);
  }
}
/*================================================
Navbar Area CSS
=================================================*/
.navbar {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
   transition: .2s ease-in-out;
}
.navbar.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
  background-color: var(--whiteColor) !important;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  border-radius: 0 0 80px 80px;
  border-bottom: 4px solid #f8b830;

}

.navbar-light {
  background-color: transparent !important;
}
.navbar-light .logo h3 {
  font-size: 35px;
  margin-bottom: 0;
}
.navbar-light .navbar-nav {
    margin: 0px auto;
    margin-bottom: 0;
    display: flex
;
    justify-content: center;
    align-items: end;
}
.navbar-light .navbar-nav .nav-item {
  position: relative;
  padding: 0;
}
.navbar-light .navbar-nav .nav-item a {
    font-size: 17px;
    color: var(--whiteColor);
    text-transform: capitalize;
    position: relative;
    padding: 0;
    margin-left: 13px;
    margin-right: 8px;
    font-weight: 500;
}
.navbar.navbar-expand-lg.navbar-light.bg-light.is-sticky a {
  color: #000;
}
.navbar.navbar-expand-lg.navbar-light.bg-light.is-sticky .call_any span {
  color: #000;
}
.navbar.navbar-expand-lg.navbar-light.bg-light.is-sticky .call_any h6 {
  color: #000;
}

nav.navbar.navbar-expand-lg.navbar-light.bg-light .call_any span, h6 {
  color: #ffff;
}
.navbar-light .navbar-nav .nav-item a:hover, .navbar-light .navbar-nav .nav-item a:focus, .navbar-light .navbar-nav .nav-item a.active {
  color: var(--mainColor);
  position: relative;
  transition: var(--transition);
}
.navbar-light .navbar-nav .nav-item a i {
  font-size: 16px;
  position: relative;
  top: 2px;
  display: inline-block;
  margin-left: -4px;
  margin-right: -4px;
}
.navbar-light .navbar-nav .nav-item:last-child a {
  margin-right: 0;
}
.navbar-light .navbar-nav .nav-item:first-child a {
  margin-left: 0;
}
.navbar-light .navbar-nav .nav-item:hover a, .navbar-light .navbar-nav .nav-item.active a {
  color: var(--mainColor);
  transition: var(--transition);
}
.navbar-light .others-option .option-item .social-icon {
  padding-left: 0;
  margin-bottom: 0;
}
.navbar-light .others-option .option-item .social-icon li {
  display: inline-block;
  list-style-type: none;
  margin-right: 5px;
}
.navbar-light .others-option .option-item .social-icon li:last-child {
  margin-right: 0;
}
.navbar-light .others-option .option-item .social-icon li i {
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #dddddd;
  border-radius: 50px;
  font-size: 20px;
  font-weight: 600;
  transition: var(--transition);
  color: var(--blackColor);
}
.navbar-light .others-option .option-item .social-icon li i:hover {
  background-color: var(--mainColor);
  border: 1px solid var(--mainColor);
  color: var(--whiteColor);
}
.book-banner-area {
  position: relative;
  z-index: 1;
  height: 850px;
  background-image: url(../img/backgrounds/home-banner.png);
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
}

.book-banner-area .main-banner-content p {
  color: var(--blackColor);
}
.book-banner-area .main-banner-content .text p {
  color: var(--blackColor);
}

.main-banner-content {
  position: relative;
  z-index: 1;
}
.main-banner-content span {
  font-size: 18px;
  color: #FF8500;
  font-weight: 500;
}
.main-banner-content h1 {
  font-size: 46px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.main-banner-content p {
  margin-bottom: 0;
}
.main-banner-content .banner-btn {
  margin-top: 30px;
}
.main-banner-content .text {
  margin-top: 10px;
}
.main-banner-content .text p {
  margin-bottom: 0;
}
.main-banner-content .banner-holder {
  margin-top: 30px;
}
.main-banner-content .banner-holder a {
  margin-right: 10px;
}
.main-banner-content .banner-holder a:last-child {
  margin-right: 0;
}
.book-item {
  transition: var(--transition);
}

.book-item .image {
  position: relative;
  text-align: center;
  z-index: 1;
  box-shadow: 4px 9px 8px 3px grey;
  margin-bottom: 28PX;
  overflow: hidden;
}

.book-item .image::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blackColor);
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}
.book-item .image .icon {
  position: absolute;
  left: 0;
  right: 0;
  top: 40%;
  transform: translateY(-40%);
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}
.book-item .image .icon a i {
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  background-color: var(--whiteColor);
  color: var(--mainColor);
  text-align: center;
  border-radius: 50px;
  font-size: 25px;
  transition: var(--transition);
}
.book-item .image .icon a i:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}
.book-item:hover .image::before {
  opacity: 0.5;
  visibility: visible;
}
.book-item:hover .image .icon {
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  visibility: visible;
}

.book-slider.owl-theme .owl-nav {
  margin-top: 0;
}
.book-slider.owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  outline: 0;
  width: 45px;
  height: 45px;
  line-height: 47px;
  transition: var(--transition);
  background-color: var(--whiteColor);
  color: var(--mainColor);
  border-radius: 50%;
  opacity: 1;
  visibility: hidden;
}
.book-slider.owl-theme .owl-nav [class*=owl-]:hover, .book-slider.owl-theme .owl-nav [class*=owl-]:focus {
  background-color: var(--blackColor);
}
.book-slider.owl-theme .owl-nav [class*=owl-].owl-next {
  left: auto;
  right: -10px;
}
.book-slider.owl-theme:hover .owl-nav [class*=owl-] {
  opacity: 1;
  visibility: visible;
  left: 0;
  transition: var(--transition);
}
.book-slider.owl-theme:hover .owl-nav [class*=owl-].owl-next {
  left: auto;
  right: 0;
}

/*================================================
About Area CSS
=================================================*/
.book-about-image {
  background-image: url(../img/book-about.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}

.book-about-content {
  padding: 10px;
}
.book-about-content h3 {
  font-size: 40px;
  margin-bottom: 16px;
}
.book-about-content strong {
  display: block;
  font-weight: 400;
  letter-spacing: 2px;
}
.book-about-content p {
  margin-top: 15px;
  margin-bottom: 0;
}
.book-about-content .book-list {
  padding-left: 0;
  margin-top: 20px;
  margin-bottom: 0;
}
.book-about-content .book-list li {
  list-style-type: none;
  margin-bottom: 12px;
  text-transform: capitalize;
}
.book-about-content .book-list li:last-child {
  margin-bottom: 0;
}
.book-about-content .book-list li i {
  font-size: 20px;
  color: var(--mainColor);
  margin-right: 5px;
}

.products-about-content span {
  display: block;
  font-weight: 400;
  letter-spacing: 2px;
  color: var(--mainColor);
}
.products-about-content h3 {
  font-size: 40px;
  margin-bottom: 16px;
  margin-top: 12px;
}
.products-about-content p {
  margin-top: 15px;
  margin-bottom: 0;
}
.products-about-content .products-list {
  padding-left: 0;
  margin-top: 20px;
  margin-bottom: 0;
}
.products-about-content .products-list li {
  list-style-type: none;
  margin-bottom: 12px;
  text-transform: capitalize;
}
.products-about-content .products-list li:last-child {
  margin-bottom: 0;
}
.products-about-content .products-list li i {
  font-size: 20px;
  color: var(--mainColor);
  margin-right: 5px;
}

.products-about-image {
  text-align: right;
}


/*================================================
Testimonial Area CSS
=================================================*/
.single-testimonial-item {
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 25px;
}
.single-testimonial-item .testimonial-desc {
  background-color: var(--whiteColor);
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
  border-radius: 5px;
  position: relative;
  z-index: 1;
  padding-left: 25px;
  padding-bottom: 25px;
  padding-right: 25px;
  padding-top: 45px;
  text-align: center;
}
.single-testimonial-item .testimonial-desc p {
  margin-bottom: 0;
  position: relative;
}
.single-testimonial-item .testimonial-desc::before {
  content: "";
  position: absolute;
  left: 35px;
  bottom: -12px;
  width: 25px;
  height: 25px;
  z-index: -1;
  background: var(--whiteColor);
  transform: rotate(45deg);
}
.single-testimonial-item .icon i {
  position: absolute;
  top: -25px;
  left: 0;
  right: 0;
  margin: auto;
  color: var(--whiteColor);
  background-color: var(--mainColor);
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  z-index: 2;
  text-align: center;
  font-size: 35px;
}
.single-testimonial-item .client-info {
  position: relative;
  padding-left: 58px;
  margin-top: 32px;
  margin-left: 26px;
}
.single-testimonial-item .client-info img {
  width: 45px !important;
  height: 45px !important;
  display: inline-block !important;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: var(--transition);
}
.single-testimonial-item .client-info h3 {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}
.single-testimonial-item .client-info span {
  display: block;
  color: var(--optionalColor);
  margin-top: 4px;
  font-family: var(--optionalfontFamily);
  font-weight: 600;
}

.testimonial-slides.owl-theme .owl-dots .owl-dot span {
  width: 20px;
  height: 20px;
  background-color: transparent;
  transition: var(--transition);
  border-radius: 50%;
  border: 1px solid var(--mainColor);
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
}
.testimonial-slides.owl-theme .owl-dots .owl-dot span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: var(--mainColor);
  border-radius: 50%;
  margin: 4px;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
  transform: scale(0);
}
.testimonial-slides.owl-theme .owl-dots .owl-dot:hover span::before, .testimonial-slides.owl-theme .owl-dots .owl-dot.active span::before {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.testimonial-slides.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 35px;
  line-height: 0;
}
/* ------------------------------------------------------------------- My style Css ------------------------------------------- */
.bg-dim-grey{
  background-color: #f3f7ff;
}
.c-rad{
  border-radius: 0 0 80px 80px;
}
header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
}
.current {
  font-weight: 600 !important;
  color: #FF8500 !important;
  text-decoration-style: double;
}
.navbar .dark-logo, .navbar.is-sticky .light-logo {
  display: none;
}
.navbar.is-sticky .dark-logo {
  display: block;
}
.logo img {
  max-width: 250px;
}
#banner-vid,.video-overlay {
  top: 0;
  height: 100%;
  z-index: 1;
  width: 100%;
position: absolute;}
#home{
  position: relative;
}
#banner-vid {
  object-fit: cover
}
/* .video-overlay {
  background: #0000008f;
  backdrop-filter: blur(2px);
} */
.banner-main-form {
  background: #ffffff21;
  border-radius: 20px;
  border: 1px solid #efefef;
  box-shadow: 0 3px 10px -6px #000000;
  padding: 30px 30px;
  position: relative;
  z-index: 1;
}
.banner-main-form .heading-four {
  color: #ffffff;
  margin: 0 0 20px;
  text-shadow: 2px 2px 3px #181223;
  font-size: 21px;
}
.banner-main-form .form-group input {
    background: transparent;
    color: #fff;
    font-size: 16px;
    width: 100%;
    border: 1px solid #fff;
    padding: 5px 13px;
    border-radius: 5px;
}
.banner-main-form .form-group input::placeholder{
  color: #ffffff;
}
.banner-main-form .form-group textarea::placeholder{
  color: #ffffff;
}
select{
  color: #fff;
}
select option { color: black; }

.banner-main-form .form-group .form-select {
    background: transparent;
    color: #fff;
    font-size: 14px;
    width: 100%;
    border-radius: 0;
    border: 1px solid #fff;
    outline: none;
    box-shadow: none;
    padding: 10px 30px 10px 10px;
    cursor: pointer;
    border-radius: 5px;
}
.banner-main-form .form-group textarea {
    background: transparent;
    color: #fff;
    font-size: 16px;
    width: 100%;
    border-radius: 0;
    border: 1px solid #fff;
    outline: none;
    box-shadow: none;
    padding: 10px 30px 10px 10px;
    cursor: pointer;
    border-radius: 5px;
    height: 110px;
}
.partners-section {
 background: #f3f7ff;
border-radius: 0;
padding-top: 100px ;
margin-top: -60px;
z-index: 0;
}
.partner img {
  box-shadow: 1px 1px 6px 0px #ccccccb3;
  padding: 10px;
  border-radius: 7px;
  margin: 5px;
  max-width: 200px;
  max-height: 56px;
}
.main-color{
  color:#3D3367  ;
}
.book-list{
margin-bottom:10px;
}
.book-list li {
  font-size: 15px;
  padding: 4px 0 4px 20px;
  position: relative;
  color: #000;
  font-weight: 600;
  margin-bottom: 0;
}
.book-list li:before {
  position: absolute;
  border-radius: 10px;
  left: 0;
  content: "";
  width: 10px;
  height: 10px;
  top: 11px;
  background: #3D3367 ;
}
.theme-bg{
  background: url(../img/backgrounds/home-banner.png);
}
.book-about-area{
  position: relative;
  z-index: 1;
}

.our-service {
  margin-top: -80px;
  padding-top: 150px !important;
  z-index: 3
}

.book-box {
  box-shadow: inset 1px 1px 10px #ccc;
  border-radius: 15px;
  background: #fff;
  height: 370px;
  padding: 20px;
  position: relative;
  z-index: 1;
}

.book-box:before {
  background-color: #cccccc87;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  clip-path: circle(0 at 0 0);
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  z-index: -1
}

.book-box:hover:before {
  clip-path: circle(200% at 0 0)
}

.btn-learn {
  color: #008c71;
  font-size: 14px
}

.btn-learn i.fal.fa-long-arrow-right {
  font-size: 24px;
  animation: 2s linear infinite headShake;
  -webkit-animation: 2s linear infinite headShake;
  -moz-animation: 2s linear infinite headShake
}

.our-books {
  background: #f4f4f4
}

.book-box img {
  max-width: 60%!important;
  position: relative;
  right: -106px;
  height: 161px;
  animation: 2s linear infinite flipInY;
}

.apart .book-box {
  height: 205px;
  display: flex
}

.book-box h3 {
  font-size: 18px;
  text-transform: capitalize;
  text-align: left;
  line-height: 21px;
  padding: 10px 0;
  color: var(--mainColor) 
}

.book-box p {
  font-size: 12px;
  padding: 0;
  text-align: left;
  line-height: 20px;
  height: 90px
}
.btn-learn {
  position: absolute;
  bottom: 8px;
  right: 0;
}
.cta-sec {
  background:url(../img/backgrounds/home-banner.png);
  padding: 80px 0 50px;
}
.cta-img-inner img {
  margin: auto;
  position: absolute;
  left: 0;
  top: -108px;
  bottom: 0;
  right: 0;
  max-height: 381px;
  filter: drop-shadow(2px 4px 6px black);
}
.accordion-button::after {
  display: flex;
  width: 22px;
  height: 22px;
  margin-right: 10px !important;
  background-size: 1.25rem !important;
  transition: transform .2s ease-in-out !important;
  color: #3D3367;
  font-size: 16px;
  order: -1;
  position: unset !important;
  margin-left: 0;
  justify-content: center;
  align-items: center;
  filter: invert(20%) sepia(90%) saturate(2000%) hue-rotate(-20deg) brightness(105%) contrast(100%);
}
.accordion-button {
  font-size: 20px;
  font-weight: 700;
  padding: 15px 0;
  display: flex;
  align-items: center;
  position: relative;
  text-align: left;
  background: 0 0 !important;
  justify-content: flex-start;
  border: none !important;
  box-shadow: none !important;

}
.cta-se-2 {
  background: url(../img/backgrounds/home-banner.png);
}
.cta-head-2 strong.h3 {
  color: #ffff;
  font-size: 40px;
  font-weight: 700;
  line-height: 55px;
  padding: 25px 0;
  display: block;
}
.cta-head-2 span {
  color: #ffff;
  font-size: 20px;
}
.contact-area {
  background:linear-gradient(to right, #ffffff52, #ffffffa6, #ffffff00), url(../img/contact-secbg.avif);
  background-size: cover;
}
.contact-form {
  background-color: #e2e2e2;
  padding: 35px;
}
.contact-form form .form-control {
  height: 60px;
  padding: 0 15px;
  line-height: initial;
  color: var(--blackColor);
  background-color: #fff;
  border: 0 solid #cecfdf;
  border-radius: 2px;
  transition: var(--transition);
  box-shadow: unset !important;
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 10px;
}
.contact-form .form-group {
  margin-bottom: 10px;
}
.contact-form form textarea{
  height: auto !important;
}


.box-shdows {
  box-shadow: rgba(118, 102, 102, 0.09) 3px 3px 11px 8px;
  position: relative;
  border-radius: 43px;
  background: rgb(238, 238, 238);
  padding: 44px 0px;
}
.box-shdows p {
  font-weight: 600 !important;
  text-transform: uppercase;
}
.our-process-box {
  padding: 20px 20px;
  margin: 0 0 20px;
  box-shadow: 0 5px 20px -5px #b2b2b2;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.our-process-box .process-box-img {
  margin: 0 0 20px;
  text-align: center;
}
.process-box-img img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}
.our-process-box .process-box-content {
  padding: 0 5px 0;
  min-height: 200px;
  overflow-y: auto;
  text-align: center;
}
.process-box-content .heading-five {
  color: #181223;
  margin: 0 0 10px;
  transition: all .3s ease-in-out;
}
.process-box-content p {
  color: #181223;
  transition: all .3s ease-in-out;
}
.our-process-box:hover .process-box-content .heading-five {
  color: #fff;
}
.our-process-box:hover .process-box-content p {
  color: #fff;
}
.our-process-box:hover::after {
  width: 100%;
  height: 100%;
}

.our-process-box::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #3D3367 ;
  z-index: -1;
  transition: all .5s ease-in-out;
}
.clock-container {
  background: #80808036;
  border-radius: 20px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 15px;
  box-shadow: -12px 15px 10px rgba(0, 0, 0, 0.2);
  text-align: center;
  transition: all 0.3s ease;
  max-width: 376px;
}

.clock {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
.time-segment {
  background: rgb(0 0 0 / 0%);
  border-radius: 10px;
  min-width: 100px;
  color: #0000009c;
  font-size: 40px;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0px 12px 4px rgba(0, 0, 0, 0.3);
  transition: transform 0.2s ease;
}
.time-segment:hover {
  transform: scale(1.05);
}

.segment-label {
  position: absolute;
  bottom: -25px;
  left: 0;
  width: 100%;
  color: #4eb8dd;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.date {
  margin-top: 20px;
  color: #000;
  font-size: 16px;
  letter-spacing: 2px;
  text-align: left;
  font-weight: 700;
}

@media (max-width: 600px) {
  .time-segment {
      font-size: 2.5rem;
      padding: 10px;
      min-width: 60px;
  }
  .clock-container {
      padding: 20px;
  }
}
.banner-image img {
  animation: 7s linear infinite tada;
  -moz-animation: 7s linear infinite tada;
  -webkit-animation: 7s linear infinite tada;
}
@keyframes tada {
  0% {
      -webkit-transform: scaleX(1);
      transform: scaleX(1)
  }

  10%,
  20% {
      -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
      transform: scale3d(.9, .9, .9) rotate(-3deg)
  }

  30%,
  50%,
  70%,
  90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
  }

  40%,
  60%,
  80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
  }

  to {
      -webkit-transform: scaleX(1);
      transform: scaleX(1)
  }
}
.chart {
  display: flex;
  column-gap: 20px;
  margin-bottom: 10px;
}

.chart span {
  background: #3D3367;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  padding: 13px 10px;
  position: relative;
  width: 45px;
  height: 45px;
}

.chart span.before-hide::before {
  position: unset
}

.chart span::before {
  position: absolute;
  content: "";
  background: #3D3367;
  width: 4px;
  height: 145px;
  z-index: -1;
  top: 0;
}
.chart-label h6 {
  color: #3D3367;
  font-size: 23px;
  font-weight: 700;
  font-family: Montserrat;
  line-height: 51px;
}
.chart-label p {
  color: #000000;
  font-weight: 400;
  font-size: 15px;
}
.chart span, .number-box {
  border-radius: 50%;
  display: flex
;
  font-weight: 600;
}
.chart span.before-hide::before {
  position: unset;
  height: unset;
  width: unset;
}
.book-marketing {
  background: url(../img/backgrounds/home-banner.png);
}
.faq-accordion .accordion .accordion-title.active i::before {
  content: "\f068";
  color: var(--mainColor);
}
.faq-accordion .accordion {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
.faq-accordion .accordion .accordion-item {
    display: block;
    margin-bottom: 15px;
    border: 0;
    border-bottom: 1px solid grey;
    padding: 0px 0px;
}
.faq-accordion .accordion .accordion-title {
    padding: 14px 29px 4px 9px;
    color: var(--blackColor);
    position: relative;
    display: block;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 500;
    background: transparent;
}
.faq-accordion .accordion .accordion-title i {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--blackColor);
  font-size: 20px;
  transition: var(--transition);
}
.faq-accordion .accordion .accordion-content.show {
  display: block;
}
.faq-accordion .accordion .accordion-content {
  display: none;
  position: relative;
  padding: 18px 20px;
  border-top: 1px solid var(--mainColor);
  color: var(--optionalColor);
}
.c-drop-down {
  box-shadow: 0 0px 4px 1px #eaf3fb40, 0 3px 6px rgb(0 0 0 / 5%);
  border-radius: 5px;
  background: #3d336708;
  width: 340px;
  top: 36px;
  -ms-transition: .3s ease-out;
  -moz-transition: .3s ease-out;
  -webkit-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out;
  border: 0;
  left: 0;
  padding: 18px 0px 10px;
  transform: scale(0);
  right: 0;
  margin: auto;
  bottom: auto;
  z-index: 2;
  position: absolute;
  backdrop-filter: blur(12px);
}
.c-drop-down a:hover {
  color: #fff !important;
}
.list-tabs ul li:before {
  content: "";
  height: 8px;
  width: 8px;
  top: 9px;
  position: absolute;
  /* background: #fff; */
  border-radius: 50%;
  left: -2px;
  box-shadow: inset 0px 0px 0px 2px white;
}

.drop-show:hover .c-drop-down {
  transform: scale(1)
}

.c-drop-down a {
  font-size: 15px !important;
}
.list-tabs ul {
  padding: 0;
}
.list-tabs ul li {
  margin-bottom: 9px;
  position: relative;
}
.glass-mor{
  background: #f3f7ff;
}
.morphishm {
  background: #f3f7ff;
  box-shadow: 0px 0px 20px 0px #cccccc85;
  margin: 8px 0;
  padding: 15px 0;
  border-radius: 7px;
  transition: .5s ease-in-out;
  text-align: center;
  cursor: pointer;
}
.morphishm:hover {
  scale: 1.1;
}
.c-tab-p.active {
  background-color: #3D3367 !important;
  color: white !important;
  box-shadow: 0px 0px 11px 0px #808080d1;
  border: 0 !important;
}
.c-tab-p {
  padding: 8px 37px;
  background: #f3f7ff;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  border-radius: 44px !important;
}
.contact-list li{
list-style: circle;
margin-bottom:10px;
}
.tankyou-sec {
    height: 800px;
    background-image: url(../img/backgrounds/home-banner.png);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}
.text-yellow {
    color: #FF8500;
}
/* -------------------------------footer ------------ */
.footer-box-1 img {
  max-width: 250px;
}
.footer-box-1 .clock-box-links {
  margin: 0 0 10px;
  border-bottom: 2px solid #ccc;
  padding: 0 0 10px;
}
.footer-box-1 h6, .footer-box-1 strong.h6 {
  line-height: 25px;
  padding: 0 0 10px;
  font-weight: 700;
  color: #000;
}
.social-links, .social-links-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
  padding: 0;
  justify-content: center;
    width: fit-content;
    margin-top: 10px;
}
.clock-box-links li, li {
  list-style: none;
}
.footer-box-2 strong.h4 {
  color: #000;
  font-size: 25px;
  font-weight: 700;
  padding: 0;
  margin-bottom: 15px;
  display: block;
}
.social-links-list li a {
  color: #000;
  padding: 10px 13px;
  border: 1px solid;
  border-radius: 50%;
}
.services-links {
  display: flex
;
  flex-wrap: wrap;
  padding: 0;
}
.services-links li {
  width: 50%;
}
.services-links li i {
  padding: 0 5px 0 0;
  color: #3D3367;
  font-size: 14px;
}
.services-links li a {
  color: #000;
  font-size: 16px;
  padding: 0 0 15px;
  font-weight: 500;
}
.awards-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0 0;
}
button.navbar-toggler {
  filter: brightness(0) saturate(100%) invert(47%) sepia(98%) saturate(741%) hue-rotate(356deg) brightness(103%) contrast(105%);
}
/*
Responsive CSS
============================*/
@media only screen and (max-width: 767px) {
  .ptb-100 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pt-100 {
    padding-top: 50px;
  }
  .pb-100 {
    padding-bottom: 50px;
  }
  .pb-70 {
    padding-bottom: 20px;
  }
  p {
    font-size: 15px;
  }
  .section-title {
    margin: 0 auto 30px;
  }
  .section-title h2 {
    font-size: 30px;
  }
  .section-title p {
    font-size: 15px;
  }
  .navbar-light .navbar-nav .nav-item a {
    margin-left: 0;
    margin-right: 0;
    margin-top: 15px;
  }
  .navbar-light .others-option .option-item .social-icon {
    margin-top: 20px;
  }
  .book-banner-area {
    height: 100%;
   padding-top: 150px;
    padding-bottom: 50px;
  }
  .main-banner-content {
    text-align: center;
    max-width: 100%;
  }
  .main-banner-content span {
    font-size: 15px;
  }
  .main-banner-content h1 {
    font-size: 30px;
  }
  .main-banner-content .banner-btn {
    margin-top: 20px;
  }
  .banner-image {
    margin-top: 35px;
  }
  .book-about-content {
    padding: 0;
  }
  .book-about-content h3 {
    font-size: 26px;
  }
  .single-book-feature h3 {
    font-size: 20px;
  }
  .single-book-feature .icon i {
    height: 70px;
    width: 70px;
    line-height: 70px;
    font-size: 35px;
  }
  .single-fun-fact h3 {
    font-size: 30px;
    margin: 6px 0 5px 0;
  }
  .reviews-area {
    overflow: hidden;
  }
  .reviews-slides .reviews-feedback .single-feedback p {
    font-size: 20px;
  }
  .newsletter-form-content .newsletter-content {
    margin-top: 35px;
  }
  .newsletter-form-content .newsletter-content h2 {
    font-size: 25px;
  }
  .newsletter-form-content .newsletter-form button {
    position: relative;
    right: 0;
    top: 0;
    margin-top: 15px;
  }
  .single-pricing-box .pricing-header h3 {
    font-size: 20px;
  }
  .single-pricing-box .price {
    font-size: 30px;
  }
  .author-content {
    padding: 20px;
  }
  .author-content h3 {
    font-size: 25px;
    margin-bottom: 15px;
  }
  .author-content .social-icon {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .author-area .row .col-lg-4 {
    padding-right: 15px;
  }
  .author-image {
    text-align: center;
  }
  .single-blog-post .post-content {
    padding: 16px;
  }
  .single-blog-post .post-content h3 {
    font-size: 20px;
  }
  .contact-image {
    margin-bottom: 35px;
    text-align: center;
  }
  .products-banner-area {
    height: 100%;
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .products-banner-area .banner-image {
    text-align: center;
  }
  .products-about-content h3 {
    font-size: 26px;
  }
  .products-about-image {
    text-align: center;
    margin-top: 30px;
  }
  .why-choose-image {
    margin-bottom: 20px;
  }
  .app-download-content {
    margin-top: 35px;
    text-align: center;
  }
  .app-download-content h3 {
    font-size: 26px;
  }
  .app-download-content .app-holder a img {
    max-width: 100px;
  }
  .video-content {
    padding-top: 55px;
    padding-bottom: 70px;
  }
  .video-content h3 {
    font-size: 28px;
  }
  .single-gallery-item .gallery-content h3 {
    font-size: 20px;
  }
  .app-banner-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .app-banner-area .main-banner-content h1 {
    font-size: 30px;
  }
  .app-banner-area .main-banner-content .banner-holder a img {
    max-width: 128px;
  }
  .app-banner-area .banner-image {
    text-align: center;
  }
  .app-banner-area .banner-image img {
    max-width: 100%;
  }
  .single-app-features h3 {
    font-size: 20px;
  }
  .app-about-area .container {
    padding: 20px;
  }
  .app-about-content {
    text-align: center;
  }
  .app-about-content h3 {
    font-size: 26px;
  }
  .app-about-image {
    text-align: center;
    margin-top: 35px;
  }
  .saas-banner-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .saas-banner-area .main-banner-content h1 {
    font-size: 30px;
  }
  .banner-form {
    margin-top: 30px;
  }
  .single-saas-features h3 {
    font-size: 20px;
  }
  .saas-about-content h3 {
    font-size: 26px;
  }
  .saas-about-image {
    text-align: center;
    margin-top: 30px;
  }
  .overview-item {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #f3f3f3;
  }
  .overview-item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  .overview-content {
    margin-bottom: 30px;
  }
  .overview-content.text-color {
    padding-left: 0;
  }
  .overview-content h3 {
    font-size: 24px;
  }
  :nth-child(3) .overview-content {
    margin-bottom: 0;
  }
  :nth-child(3) .overview-left-img {
    margin-bottom: 30px;
  }
  .page-title-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .page-title-content h2 {
    font-size: 25px;
  }
  .page-title-content ul {
    margin-top: 12px;
  }
  .blog-details-desc .article-content h3 {
    font-size: 20px;
    line-height: 1.4;
  }
  .blog-details-desc .article-content .features-list li {
    font-size: 15px;
  }
  blockquote, .blockquote {
    padding: 30px !important;
  }
  blockquote p, .blockquote p {
    font-size: 18px !important;
  }
  .comments-area .comment-body {
    padding-left: 70px;
  }
  .comments-area .comment-author .avatar {
    height: 55px;
    width: 55px;
    left: -70px;
  }
  .comments-area .comment-metadata {
    font-size: 12px;
  }
  .comments-area .children {
    margin-left: 0;
  }
  .comments-area .comments-title {
    font-size: 20px;
  }
  .comments-area .comment-respond .comment-reply-title {
    font-size: 20px;
  }
  .widget-area .widget:first-child {
    margin-top: 30px;
  }
  .product-details-image {
    height: 500px;
  }
  .product-details-desc {
    padding: 0;
    margin-top: 25px;
  }
  .product-details-desc .buy-checkbox-btn .cbx span:last-child {
    font-size: 14px;
  }
  .products-details-tab .tabs li a {
    font-size: 15px;
  }
  .products-details-tab .tab_content {
    padding: 20px;
  }
  .products-details-tab .tab_content .tabs_item .products-details-tab-content h3 {
    font-size: 20px;
  }
  .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .default-btn {
    display: none;
  }
  .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item {
    padding-right: 0;
  }
  .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link {
    position: relative;
    top: 10px;
  }
  .products-banner-area.two {
    height: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .products-banner-area.two .banner-image {
    margin-top: 0;
    margin-bottom: 35px;
    text-align: center;
  }
  .products-banner-area.two .main-banner-content.two h1 {
    font-size: 30px;
    margin-bottom: 16px;
  }
  .specification-image {
    margin-bottom: 35px;
    text-align: center;
  }
  .users-content h3 {
    font-size: 25px;
  }
  .faq-image {
    margin-bottom: 35px;
    text-align: center;
  }
  .newsletter-image {
    text-align: center;
  }
  .productsQuickView .modal-content {
    padding: 40px 10px;
  }
  .productsQuickView .modal-content .product-content {
    margin-top: 25px;
  }
  .example-demo-modal .inner {
    width: 280px;
  }
}
@media only screen and (max-width: 991px) {
  .list-tabs li {
      padding-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .services-links li {
      width: 100%;
  }
  .logo img {
    max-width: 200px;
}

  .copyright-sec p {
      font-size: 13px;
      text-align: center;
  }
  

}
@media only screen and (max-width: 991px) {
  .navbar-collapse {
      background: #fff;
      padding: 25px 10px;
      position: fixed;
      top: 84px;
      left: 0;
      width: 100%;
      height: 100vh;
      color: #fff;
  }
  .navbar-light .navbar-nav .nav-item a{
    color: #000;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ptb-100 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .pt-100 {
    padding-top: 70px;
  }
  .pb-100 {
    padding-bottom: 70px;
  }
  .pb-70 {
    padding-bottom: 40px;
  }
  .section-title {
    margin: 0 auto 30px;
  }
  .section-title h2 {
    font-size: 45px;
  }
  .navbar-light .navbar-nav .nav-item a {
    margin-left: 0;
    margin-right: 0;
    margin-top: 15px;
  }
  .navbar-light .others-option .option-item .social-icon {
    margin-top: 20px;
  }
  .book-banner-area {
    height: 100%;
    padding-top: 180px;
    padding-bottom: 70px;
  }
  .main-banner-content {
    text-align: center;
    max-width: 100%;
  }
  .main-banner-content span {
    font-size: 15px;
  }
  .main-banner-content h1 {
    font-size: 46px;
  }
  .main-banner-content .banner-btn {
    margin-top: 20px;
  }
  .banner-image {
    margin-top: 35px;
  }
  .book-about-content {
    padding: 0;
  }
  .book-about-content h3 {
    font-size: 36px;
  }
  .single-book-feature h3 {
    font-size: 20px;
  }
  .single-book-feature .icon i {
    height: 70px;
    width: 70px;
    line-height: 70px;
    font-size: 35px;
  }
  .single-fun-fact h3 {
    font-size: 30px;
    margin: 6px 0 5px 0;
  }
  .reviews-area {
    overflow: hidden;
  }
  .reviews-slides .reviews-feedback .single-feedback p {
    font-size: 20px;
  }
  .newsletter-form-content .newsletter-content {
    margin-top: 35px;
  }
  .newsletter-form-content .newsletter-content h2 {
    font-size: 35px;
  }
  .newsletter-form-content .newsletter-form button {
    position: relative;
    right: 0;
    top: 0;
    margin-top: 15px;
  }
  .single-pricing-box .pricing-header h3 {
    font-size: 20px;
  }
  .single-pricing-box .price {
    font-size: 30px;
  }
  .author-content {
    padding: 20px;
  }
  .author-content h3 {
    font-size: 35px;
    margin-bottom: 15px;
  }
  .author-content .social-icon {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .author-area .row .col-lg-4 {
    padding-right: 15px;
  }
  .author-image {
    text-align: center;
  }
  .single-blog-post .post-content {
    padding: 16px;
  }
  .single-blog-post .post-content h3 {
    font-size: 20px;
  }
  .contact-image {
    margin-bottom: 35px;
    text-align: center;
  }
  .products-banner-area {
    height: 100%;
    padding-bottom: 70px;
    padding-top: 70px;
  }
  .products-banner-area .banner-image {
    text-align: center;
  }
  .products-about-content h3 {
    font-size: 36px;
  }
  .products-about-image {
    text-align: center;
    margin-top: 30px;
  }
  .why-choose-image {
    margin-bottom: 20px;
  }
  .app-download-content {
    margin-top: 35px;
    text-align: center;
  }
  .app-download-content h3 {
    font-size: 36px;
  }
  .video-content {
    padding-top: 55px;
    padding-bottom: 70px;
  }
  .video-content h3 {
    font-size: 28px;
  }
  .single-gallery-item .gallery-content h3 {
    font-size: 20px;
  }
  .app-banner-area {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .app-banner-area .main-banner-content h1 {
    font-size: 50px;
  }
  .app-banner-area .main-banner-content .banner-holder a img {
    max-width: 128px;
  }
  .app-banner-area .banner-image {
    text-align: center;
  }
  .app-banner-area .banner-image img {
    max-width: 100%;
  }
  .app-about-area {
    text-align: center;
  }
  .app-about-area .container {
    padding: 20px;
  }
  .app-about-content h3 {
    font-size: 36px;
  }
  .app-about-image {
    text-align: center;
    margin-top: 35px;
  }
  .app-download {
    text-align: center;
  }
  .saas-banner-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .saas-banner-area .main-banner-content h1 {
    font-size: 50px;
  }
  .banner-form {
    margin-top: 30px;
  }
  .saas-about-content h3 {
    font-size: 36px;
  }
  .saas-about-image {
    text-align: center;
    margin-top: 30px;
  }
  .overview-item {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #f3f3f3;
  }
  .overview-item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  .widget-area .widget:first-child {
    margin-top: 30px;
  }
  .product-details-image {
    height: 500px;
  }
  .product-details-desc {
    padding: 0;
    margin-top: 25px;
  }
  .page-title-content h2 {
    font-size: 40px;
  }
  .products-banner-area.two {
    height: 100%;
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .products-banner-area.two .banner-image {
    margin-top: 0;
    margin-bottom: 35px;
    text-align: center;
  }
  .products-banner-area.two .main-banner-content.two h1 {
    font-size: 50px;
    margin-bottom: 16px;
  }
  .specification-image {
    margin-bottom: 35px;
    text-align: center;
  }
  .users-content h3 {
    font-size: 35px;
  }
  .faq-image {
    margin-bottom: 35px;
    text-align: center;
  }
  .newsletter-image {
    text-align: center;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-banner-content h1 {
    font-size: 46px;
  }
  .single-blog-post .post-content h3 {
    font-size: 20px;
  }
  .single-products-feature {
    padding: 20px;
  }
  .single-products-feature h3 {
    font-size: 18px;
  }
  .single-app-features h3 {
    font-size: 22px;
  }
  .single-fun-fact p {
    font-size: 16px;
  }
  .single-saas-features h3 {
    font-size: 22px;
  }
}
.pacman {
  width: 16px;
  height: 16px;
 
  
  background: url('data:image/png;base64,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');
  background-size: 300% 100%;
  background-repeat: no-repeat;
  animation: pac 0.5s steps(3, end) infinite;
  position: relative;
  left: 0;
  z-index: 99;

}
/* Custom Scrollbar (fills width of the window) */
.scrollbar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background:#00000000 radial-gradient(8px 8px, #FF8500 2px, rgba(255, 200, 0, 0) 3px);
  background-size: 18px 20px;
  background-repeat: repeat-x;
  padding: 2px;
  z-index: 999999999;
  pointer-events: none;
}

/* Pacman Animation */
/* .pacman {
  width: 16px;
  height: 16px; 
  background: url('data:image/png;base64,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');
  background-size: 300% 100%;background-repeat: no-repeat;
  animation: pac 0.5s steps(3, end) infinite;
  position: relative;
  left: 0;
  z-index: 99;
} */

.pacman::before {
  content: "";
  position: absolute;
  top: 0;
  right: 17px;
  height: 20px;
  width: 100vw;
  background: #ff000000;
  z-index: 9;
  backdrop-filter: blur(6px);
  border-radius: 200px;
}

@keyframes pac {
  from {
    background-position-x: 0px;
  }
  to {
    background-position-x: -48px;
  }
}

/* Hide default scrollbar */
::-webkit-scrollbar {
  display: none;
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
    opacity: 1;
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
  }
}
marquee {
    font-size: 13px;
}