@font-face {
    font-family: "Calibri";
    src: url('../fonts/Calibiri/calibri.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

*{
 font-family: "Calibri", serif;
 }
html,body {
 font-family: "Calibri", serif;
}
 .logo{
  width: 100px;
  height: 100px;
  position: fixed;
  right: 2%;
  top: 0;
 }
 .pricelogo{
  width: 50px;
  height: 50px;
  margin: 0 auto 5px auto;
 }
 .page_notification{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 3%;
  top: 25%;
 }
 .page_handshake{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 3%;
  bottom: 5%;
 }
 .search_notification{
  width: 50px;
  height: 50px;
 }
 .search_handshake{
  width: 50px;
  height: 50px;
 }
 .search_img_wrapper{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
 }
.input-group-prepend .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .search-wrapper .form-control {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
  }
  
  .input-group {
    border: 2px solid #4a90e2; /* Border color */
    border-radius: 15px;
    overflow: hidden;
  }
  
  .search-btn {
    background-color: #4a90e2; /* Button color */
    border: none;
    font-weight: bold;
  }
  
  .search-wrapper .form-control::placeholder {
    font-weight: bold;
    text-align: left;
  }
  
  .input-group-prepend {
    margin-right: 0;
  }
  
  .video-container {
    width: 100%;
    max-width: 100%;
    background: #fff; /* Background for loading time */
    display: flex;
    justify-content: center; /* Centers the video horizontally */
    align-items: center; /* Centers the video vertically */
  }
  
  .video-container video {
    width: 100%;
    max-width: 100%;
    height: auto; /* Maintains the video's aspect ratio */
    display: block;
  }
    
  .navbar-light .navbar-nav .nav-link {
    color: #000;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
}

/* subscription css start here */

.header-section h2 {
  font-weight: bold;
  color: #fff; /* Dark blue text */
}

.header-section p {
  font-size: 1.1rem;
  color: #fff;
}

/* Outer Box Styling */
.outer-box {
  background-color: #006876; /* Light cyan background color for the outer box */
  border-radius: 80px;
  border: 3px solid #006876; /* Aqua border */
  box-shadow: 0px 6px 12px #006876; /* Subtle shadow effect */
  padding: 20px;
  color:#fff;
}

/* Plan Card Styling */
.plan-card {
  border: 3px solid #fff; /* Aqua border color */
  border-radius: 15px;
  padding: 10px;
  margin: 10px;
  box-shadow: 0px 4px 8px (0, 0, 0, 0.2); /* Shadow effect */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 607px;
}

.plan-title {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}

.tagline-title{
    font-size:16px !important;
}
.plan-price {
  font-size: 17px;
  font-weight: bold;
  color: #fff;
  margin: 15px 0;
}rgba

.plan-card p {
  font-size: 0.9rem;
  color: #fff;
}

/* Responsive Styling */
@media (max-width: 768px) {
  .plan-card {
    margin-bottom: 20px;
  }
}
.pricing-title{
  font-size: 14px;
}
/* subscription css end here  */

/* Subscription Box Styling */
.subscription-box {
  background-color: #006064; /* Dark teal background */
  color: #ffffff; /* White text */
  border-radius: 80px;
  border: 3px solid #00CED1; /* Aqua border */
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15); /* Shadow effect */
}

.subscription-box label {
  color: #ffffff;
  font-weight: bold;
}

.subscribe-btn {
  background-color: #00E5FF; /* Bright cyan for button */
  color: #006064; /* Dark teal text */
  font-weight: bold;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
}

.subscribe-btn:hover {
  background-color: #00CED1;
}

.disclaimer {
  font-size: 0.8rem;
  color: #fff; /* Light gray for disclaimer text */
}

.subscription-box p.disclaimer {
  font-size: 0.75rem;
}

/* search page css start here */

.search-details ul li{
  list-style-type:none;
  line-height:30px;
}
#search_video{
  height:393px;
}
/* search page end here  */

/* about us page start here  */

.about-section {
  padding: 0px 0px 60px 0;
}
.about-section img {
  width: 100%;
  border-radius: 8px;
}
.about-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* about us page end here  */
.searchbox{
    max-width:860px;
    margin:0 auto;
}
.pricing-header-title{
    font-size:20px;
}
#campaignModal .modal-header{
    background: #4a90e2;
    color: #fff;
    text-align: center;
}
.modal-header .close {
   color: #fff;
  opacity: 1;
}
.btn-align{
    display:block;
    margin:0 auto;
}
.imghover{
    cursor:pointer;
}
.page_handshake_popup{
    width:70px;
    height:70px;
    position: absolute;
    left: 15px;
    top: 2px;
}
.page_logo_popup{
    width:70px;
    height:70px;
    position: absolute;
    right: 15px;
    top: 2px;
}
.modal-body {
    padding-left: 90px;
    padding-right: 90px;
}

#opportunity .modal-header{
    background: #006064;
    color: #fff;
    text-align: center;
}

.btn-success{
     background: #006064;
     border-color:#006064;
}
        .custom-alert {
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            padding: 20px;
            margin-bottom: 20px;
        }
        .custom-alert .btn-close {
            font-size: 16px;
            color: #333;
        }
        .custom-alert.alert-success {
            background-color: #d4edda;
            border: 1px solid #c3e6cb;
            color: #155724;
}
.custom-alert.alert-danger {
background-color: #f8d7da;
border: 1px solid #f5c6cb;
color: #721c24;
 }
 
 
/*menu dropdown styling start here*/

 .nav-item.dropdown {
      position: relative;
    }
    .nav-item.dropdown .dropdown-menu {
      border-radius: 8px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      min-width: 200px;
      transition: all 0.3s ease;
    }
    .nav-item.dropdown:hover .dropdown-menu {
      opacity: 1;
      visibility: visible;
      transform: translateY(10px);
    }
    .nav-item.dropdown .dropdown-toggle {
      color: #333;
      font-size: 16px;
      padding: 10px 15px;
      background: none;
      border: none;
      cursor: pointer;
      text-transform: uppercase;
    }
    .nav-item.dropdown .dropdown-toggle:hover {
      color: #0056b3;
      text-decoration: none;
    }
    .nav-item.dropdown .dropdown-item {
    padding: 10px 15px;
    color: #000;
    font-size: 18px;
    background-color: #fff;
    border-radius: 6px;
    }
    .nav-item.dropdown .dropdown-item:hover {
      background-color: #f1f1f1;
      color: #333;
    }

/*menu dropdown styling end here */

.marquee-container {
   overflow: hidden;
   white-space: nowrap;
   position: relative;
   width: 100%;
}

.marquee-text {
   display: inline-block;
   white-space: nowrap;
   animation: marquee 25s linear infinite;
   font-size: 18px;
   color: #ff0066;
   letter-spacing: 0px;
}

@keyframes marquee {
   from {
      transform: translateX(100%);
   }
   to {
      transform: translateX(-100%);
   }
}

#desktopview{
    display:block;
}
#mobileview{
    display:none;
}

.tagline{
    text-align:center;
}
.tagline strong{
    font-size: 20px;
}
.btn-wrapper{
    margin-top:20px;
}
.btn-theme{
    color: #fff;
    background-color: #00f2e6;
    border-color: #00f2e6;
    font-weight: bold;
    font-size: 20px;
    padding: 4px 10px;
    border-radius: 5px;
}
.btn-theme:hover{
    background-color: #00f2e6;
    border-color: #00f2e6;
}
.play-icon-wrapper{
     margin-top: 15px;
    text-align: center;
}
.play-icon{
    width: 100px !important;
}
.play-icon-wrapper-page{
    text-align: center;
    margin-bottom:15px;
}

.play-icon-price {
    width: 50px !important;
}
.play-icon-wrapper-price{
    text-align: center;
    margin-bottom:5px;
}
.play-icon-subscribe {
    margin-top: 0px;
    text-align: center;
    margin-bottom: 15px;
}
.play-icon-subscribe {
    width: 70px !important;
}
.sub-page {
position: relative !important;
}
.about-content p{
    text-align:justify;
}
.infowrapper{
    padding-top:10px;
}
.infowrapper p{
    font-size:12px;
}
.mt-30{
    margin-top:-30px !important;
}
.trial-img{
    margin-top:45px;
}
.visitor-counter {
    background-color: #00f2e6;
    padding: 5px;
    border-radius: 8px;
    padding-bottom: 10px;
    width: fit-content;
    margin: auto;
    text-align: center;
}

.icon-container {
    margin-bottom: 5px;
}

.eye-icon {
    width: 30px;
}

.counter-display {
    background-color: #000;
    padding: 5px 10px;
    border: 2px solid #fff;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.counter-digit {
    color: white;
    font-size: 16px;
    font-family: monospace;
    margin: 0 3px;
}