a {
   color: #2848C1;
}

.required {
   color: #ff0000;
}

.hero,
.pricing,
.features,
.cta {
   padding: 5px;
}

.form-container {
   background-color: #fff;
   padding: 30px;
   border-radius: 10px;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

input:focus {
   border: 1px solid #ff0000 !important;
   outline: none !important;
   box-shadow: none !important;
}

.error input {
   border-color: red;
}

.error-message {
   color: red;
   font-size: 14px;
   margin-top: 5px;
   display: none;
}

.show-error .error-message {
   display: block;
}

.user-type button {
   border: 1px solid #ddd;
   margin: 5px;
}

.video-section {
   text-align: center;
   margin-top: 50px;
}

.modal-backdrop {
   opacity: 0.8;
}

.modal-content {
   background: transparent;
   border: none;
}

.modal-dialog {
   max-width: 60%;
   width: 80%;
}

.close-btn {
   position: absolute;
   top: 10px;
   right: 10px;
   font-size: 24px !important;
   color: white;
   background: #3f2222;
   border-radius: 50%;
   border: none;
   width: 35px;
   cursor: pointer;
   z-index: 999;
}

.video-div {
   position: relative;
}

.video-img {
   width: 100%;
   max-width: 700px;
   border: 1px solid #e1e1e1;
}

.video-icon {
   cursor: pointer;
   width: 60px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

/*.icon-feature{height:80px; width:60px;}*/
.features .card {
   min-height: 275px;
}

/* Dropdown for Mobile */
.form-dropdown-container {
   display: none;
   /* Hidden by default, shown on mobile */
}

#options {
   width: 100%;
   padding: 10px;
   font-size: 16px;
   border: 1px solid #ccc;
   border-radius: 5px;
}

/* Box Selector for Desktop */
.box-selector {
   display: flex;
   justify-content: center;
   gap: 8px;
}

.selectbox {
   width: 110px;
   padding: 5px;
   border: 1px solid #EBECF0;
   border-radius: 10px;
   text-align: center;
   cursor: pointer;
   transition: 0.3s;
   background-color: white;
   font-size: 13px;
}

.selectbox:hover,
.selectbox.active {
   background-color: #DCF2FB;
   color: #006EA6;
}

.selectbox i {
   font-size: 24px;
   display: block;
   margin-bottom: 5px;
}

.featuresIcon {
   width: 3rem;
}

.splashBg {
   width: 4rem;
   height: 4rem;
   justify-content: center;
   background-image: url('/wp-content/themes/tally/assets/images/icons/icon-bg-yellow.svg');
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}

.videosRepeater .play-icon {
   position: absolute;
}

.videosRepeater .slick-prev,
.videosRepeater .slick-next {
   width: 32px;
   height: 42px;
}

.videosRepeater .slick-prev {
   left: -40px;
   transform: rotate(180deg) !important;
   top: 8.2rem !important;
}

.videosRepeater .slick-prev,
.videosRepeater .slick-prev:hover {
   background-image: url('/wp-content/themes/tally/assets/images/next-icon.svg');
   background-repeat: no-repeat;
}

.videosRepeater .slick-next,
.videosRepeater .slick-next:hover,
.videosRepeater .slick-prev,
.videosRepeater .slick-prev:hover {
   background-repeat: no-repeat;
   text-align: center;
   background-size: cover;
}

.videosRepeater .slick-next,
.videosRepeater .slick-next:hover {
   background-image: url('/wp-content/themes/tally/assets/images/next-icon.svg');
   background-repeat: no-repeat;
}
.ratingsContainer .badgeImg{
    height: 67px!important;
}
.ratingsContainer .ratingImg{
    width: 67px!important;
}
.ratingsContainer .mt-lg-4{
    margin-top: 0rem!important;
}
.ratingsContainer .pt-3{
    padding-top: 0rem!important;
}
.ratingsContainer .container{
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-bottom: 0rem!important;
}
/* Responsive Design */
@media (max-width: 768px) {
   .box-selector {
       display: none;
   }

   .form-dropdown-container {
       display: block;
   }
}

@media (min-width: 280px) {
   .videosRepeater .slick-slide img {
       width: 24rem;
   }

   .videosRepeater .play-icon img {
       width: 3rem !important;
       position: absolute;
       z-index: 1;
       top: -8rem;
       left: 11rem;
   }

   .videosRepeater .slick-prev {
       left: .8rem;
       z-index: 1;
       top: 5.6rem !important;
   }

   .videosRepeater .slick-next {
       right: 1rem !important;
   }
}

@media (min-width: 425px) {
   .videosRepeater .slick-slide img {
       width: 27rem;
   }

   .videosRepeater .slick-prev {
       top: 6.2rem !important;
   }

   .videosRepeater .play-icon img {
       top: -9rem;
       left: 13rem;
   }
}

@media (min-width: 576px) {
   .videosRepeater .slick-slide img {
       width: 16rem;
   }

   .videosRepeater .slick-prev {
       top: 3.2rem !important;
   }

   .videosRepeater .play-icon img {
       top: -5.5rem!important;
       left: 7rem!important;
   }
}

@media (min-width: 768px) {
   .videosRepeater .slick-slide img {
       width: 14rem;
   }

   .videosRepeater .play-icon img {
       top: -5rem!important;
       left: 6rem!important;
   }

   .videosRepeater .slick-prev {
       top: 2.4rem !important;
   }
}

@media (min-width: 992px) {
   .videosRepeater .slick-slide img {
       width: 25rem;
   }

   .videosRepeater .slick-next {
       top: 10.5rem;
   }

   .videosRepeater .play-icon img {
       top: -7rem!important;
       left: 9rem!important;
   }

   .videosRepeater .slick-prev {
       top: 9.4rem !important;
   }
}

@media (min-width: 1024px) {
   .responsive .sliderImg {
       width: 20rem;
   }

   .videosRepeater .slick-next {
       top: 7rem !important;
   }

   .videosRepeater .slick-slide img {
       width: 19rem;
   }

   .videosRepeater .slick-prev {
       top: 5.8rem !important;
   }
}

@media (min-width: 1200px) {
   .videosRepeater .slick-slide img {
       width: 22rem;
   }

   .videosRepeater .slick-next {
       right: -.5rem !important;
       top: 8.4rem !important;
   }

   .videosRepeater .slick-prev {
       left: -2.2rem;
       top: 7rem !important;
   }

   .videosRepeater .play-icon img {
       left: 10rem !important;
       top: -7.2rem!important;
   }

}

@media (min-width: 1440px) {
   .videosRepeater .slick-prev {
       left: -2.2rem;
   }

   .videosRepeater .play-icon {
       top: 5.4rem;
   }

   .videosRepeater .slick-next {
       right: 14px;
   }

   .videosRepeater .slick-slide img {
       width: 26rem;
   }

   .videosRepeater .play-icon img {
       left: 12.5rem !important;
       top: 1rem!important;
   }

   .videosRepeater .slick-next {
       right: -1rem !important;
   }
}

@media (min-width: 1920px) {
   .videosRepeater .play-icon img {
       top: 1.6rem;
       left: 12rem;
   }

   .videosRepeater .slick-next {
       top: 9rem !important;
       right: -1rem !important;
   }

   .videosRepeater .slick-slide img {
       width: 26rem;
   }

   .videosRepeater .slick-prev {
       top: 7.8rem !important;
       left: -2.2rem!important;
   }
}