/*!
Theme Name: srgt
Theme URI: https://srgt.hardikkukadiya.com/
Author: Monk's Blogs
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: srgt
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

srgt is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.video-banner {
  margin-top: 30px;
}
.mg-step-video {
  width: 100%;
  height: 500px;
}
.fix-box {
  position: relative;
}
.video-link-overlay {
  position: absolute;
  inset: 0;
  z-index: 10;
  cursor: pointer;
}
.video-wrap {
  position: relative;
}

.video-link-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 5;
  background: transparent;
}
.video-wrap iframe {
  pointer-events: none;
}

.video-box {
  position: relative;
}
.video-img {
  position: relative;
}
.video-box a {
  font-size: 18px;
  line-height: 1.5em;
  padding-top: 10px;
  text-decoration: none;
  color: #000;
  cursor: pointer;
  display: block;
}
.video-box img {
  width: 100%;
  border-radius: 12px;
}
.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 12px;
}
.video-overlay svg {
  color: #fff;
}
.video-btn {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 15px;
}
.video-btn .btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 5px 10px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}
.video-btn svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}
.video-box:hover .video-overlay {
  opacity: 1;
}
.watch-btn {
  background: #f16703;
  color: #fff !important;
}
.download-btn {
  background: #fff0;
  color: #f16703;
  border: 2px solid #f16703;
}
.video-shorts {
  margin: 30px 0;
}
.video-shorts iframe {
  width: 100%;
  height: 500px;
  border-radius: 6px;
}
.video-detail {
  margin: 30px 0;
}
.video-breadcrumb ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0 0 16px;
}
.video-breadcrumb li {
  font-size: 14px;
  color: #666;
}
.video-breadcrumb li a {
  color: #f16703;
  text-decoration: none;
  font-weight: 500;
}
.video-breadcrumb .current {
  color: #333;
  font-weight: 600;
}
.page-title h1,
.page-title h2 {
  margin: 0 0 25px;
  font-size: 28px;
  color: #f16703;
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 1.5em;
}
.page-title h1 {
  color: #000;
}
.video-page-btn {
  margin-bottom: 20px;
}
.video-btn.video-page-btn .btn {
  padding: 12px 24px;
  font-size: 16px;
}
.video-detail-image {
  position: relative;
}
.video-detail .video-detail-image img {
  width: 100%;
  border-radius: 12px;
}
.video-detail-image svg {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease;
  border-radius: 12px;
  color: #fff;
}
.video-content {
  margin-bottom: 60px;
}
.video-content .wp-block-list {
  list-style: none;
  padding-left: 0;
}
.video-content .wp-block-list li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
}
.video-content .wp-block-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIC02LjUgMzYgMzYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgZmlsbD0iIzAwMDAwMCI+PGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiPjwvZz48ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvZz48ZyBpZD0iU1ZHUmVwb19pY29uQ2FycmllciI+IDx0aXRsZT5yaWdodC1hcnJvdzwvdGl0bGU+IDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiA8ZyBpZD0iaWNvbnMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiA8ZyBpZD0idWktZ2FtYmxpbmctd2Vic2l0ZS1saW5lZC1pY25vcy1jYXNpbm9zaHVudGVyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjEyLjAwMDAwMCwgLTE1OS4wMDAwMDApIiBmaWxsPSIjNzhjMjQwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPiA8ZyBpZD0ic3F1YXJlLWZpbGxlZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTAuMDAwMDAwLCAxMjAuMDAwMDAwKSI+IDxwYXRoIGQ9Ik0xODcuMTA4MDEyLDM5LjI5MDI4NTcgTDE5Ny42NDk4MDQsNDkuNzQxNzA0MyBMMTk3LjcwODk5NCw0OS43OTU5MTY5IEMxOTcuODg5MTQxLDQ5Ljk3NDU1NDMgMTk3Ljk4NjE0Myw1MC4yMDQ0MTgyIDE5OCw1MC40MzgyMjI3IEwxOTgsNTAuNTYxNzc3MyBDMTk3Ljk4NjE0Myw1MC43OTU1ODE4IDE5Ny44ODkxNDEsNTEuMDI1NDQ1NyAxOTcuNzA4OTk0LDUxLjIwNDA4MzEgTDE5Ny42NTcxLDUxLjI0Nzk4MDMgTDE4Ny4xMDgwMTIsNjEuNzA5NzE0MyBDMTg2LjcxNzY5NCw2Mi4wOTY3NjE5IDE4Ni4wODQ4NjUsNjIuMDk2NzYxOSAxODUuNjk0NTQ3LDYxLjcwOTcxNDMgQzE4NS4zMDQyMyw2MS4zMjI2NjY4IDE4NS4zMDQyMyw2MC42OTUxMzg3IDE4NS42OTQ1NDcsNjAuMzA4MDkxMSBMMTk0LjcwMjY2Niw1MS4zNzM4NDk2IEwxNjIuOTk5NDcsNTEuMzc0NjI5MSBDMTYyLjQ0NzQ3OCw1MS4zNzQ2MjkxIDE2Miw1MC45MzA4OTk3IDE2Miw1MC4zODM1MzE4IEMxNjIsNDkuODM2MTYzOSAxNjIuNDQ3NDc4LDQ5LjM5MjQzNDUgMTYyLjk5OTQ3LDQ5LjM5MjQzNDUgTDE5NC40Njc3OSw0OS4zOTE2NTUxIEwxODUuNjk0NTQ3LDQwLjY5MTkwODkgQzE4NS4zMDQyMyw0MC4zMDQ4NjEzIDE4NS4zMDQyMywzOS42NzczMzMyIDE4NS42OTQ1NDcsMzkuMjkwMjg1NyBDMTg2LjA4NDg2NSwzOC45MDMyMzgxIDE4Ni43MTc2OTQsMzguOTAzMjM4MSAxODcuMTA4MDEyLDM5LjI5MDI4NTcgWiBNMTk3LjExNTM1Nyw1MC4zODI2OTMgTDE4Ni40MDEyNzksNjEuMDA4OTAyNyBMMTk3LjAwMjE1MSw1MC41MDAyMDQ2IEwxOTcuMDAyMjUyLDUwLjQ5NjM3MTkgTDE5Ni45NDMxNDIsNTAuNDQyNTg1IEwxOTYuODgyNzM3LDUwLjM4MjY5MyBMMTk3LjExNTM1Nyw1MC4zODI2OTMgWiIgaWQ9InJpZ2h0LWFycm93Ij4gPC9wYXRoPiA8L2c+IDwvZz4gPC9nPiA8L2c+PC9zdmc+);
}
.movie-card {
  width: 100%;
  max-width: 520px;
  background: #fff;
  border-radius: 18px;
  padding: 26px;
}
.movie-card .info {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.movie-card .item {
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e7eb;
}
.movie-card .item h5 {
  font-size: 14px;
  font-weight: 700;
  color: #374151;
}
.movie-card .item h6 {
  font-size: 14px;
  font-weight: 500;
  color: #111827;
  text-align: right;
}
body.single-video .video-content-wrapper a {
  text-decoration: none;
}
.vid-dow-title {
  margin-bottom: 20px;
}
.dov-btn-box {
  text-align: center;
  border: 1px solid #f16703;
  padding: 10px;
  margin-bottom: 20px;
  max-width: 600px;
  border-radius: 6px;
}
.dov-btn-box p {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
}
.dov-btn-box a {
  text-decoration: none;
  padding: 10px;
  background: #f16703;
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
  width: max-content;
  margin: 0 auto;
}
.dov-btn-box a:hover {
  color: #fff;
}
.suggest-video h2 {
  font-size: 24px;
  color: #77be41;
  margin-bottom: 10px;
  line-height: 1.3em;
}
.video-list {
  margin: 60px 0;
}
.video-list h2,
.video-list h4 {
  margin: 0 0 25px;
  font-size: 28px;
  color: #000;
  display: flex;
  align-items: center;
  gap: 10px;
}
.blog-lists .col-lg-3,
.blog-lists-wrapper .col-lg-3 {
  display: inherit;
}
.filter-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: end;
}
.modern-select {
  position: relative;
  min-width: 220px;
}
.modern-select select {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 12px 42px 12px 16px;
  border-radius: 10px;
  border: 1px solid #dfe6da;
  background-color: #fff;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  cursor: pointer;
  transition: all 0.25s ease;
}
.modern-select::after {
  content: "▾";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 20px;
  color: #f16703;
}
.modern-select option {
  padding: 10px;
}
.pagination .page-numbers {
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 36px;
  border: 2px solid #e3e5ee;
  text-align: center;
  color: #0c1636;
  border-radius: 4px;
  margin-right: 5px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
}
.pagination .page-numbers.current {
  background-color: #f16703;
  border-color: #f16703;
  color: #fff;
}
.links-section {
  margin-top: 30px;
}
.links-section .quick-link,
.links-section .quick-cat-link {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 30px;
}
.quick-link.quick-link-btn a {
  background: none;
  padding: 0;
}
.quick-cat-link a {
  padding: 10px;
  color: #fff;
  text-decoration: none;
  background: #f16703;
  border-radius: 6px;
  font-size: 15px;
}
.quick-cat-link a:hover {
  color: #fff;
}
.fix-top-ad,
.fix-bottom-ad {
  height: 170px;
  max-width: 375px;
  background: transparent;
  margin: 0 auto;
  position: fixed;
  top: 0;
  z-index: 999999999;
  right: 0;
  left: 0;
}
.fix-bottom-ad {
  bottom: 0;
  top: auto;
}
@media (max-width: 768px) {
  .mg-step-video {
    width: 100%;
    height: 250px;
  }
}
.navbar-brand img{
  width: 200px;
  max-width: 100%;
}