/*
Theme Name: Fitness Trainer Elementor
Description: The Fitness Trainer Theme is a powerful, user-friendly template designed specifically for fitness professionals, personal trainers, gym owners, and wellness coaches. Whether you offer one-on-one personal training, group fitness sessions, virtual workouts, weight management programs, or customized fitness coaching, this theme provides everything you need to build a strong online presence. With its sleek and modern design, it helps trainers showcase services like fitness motivation coaching, outdoor personal training, senior fitness programs, and women’s fitness classes. Built with a versatile page builder plugin for easy drag-and-drop customization, it allows you to highlight certifications, client transformation success stories, and training schedules without any coding. The theme features booking forms, contact options, class schedules, image galleries, and mobile responsiveness, ensuring a seamless user experience for potential clients. SEO-optimized and performance-ready, it helps fitness professionals improve visibility in search results and attract more clients. The Fitness Trainer Theme offers a professional, visually engaging platform to promote fitness programs, wellness services, and online coaching, making it ideal for personal trainers, gym instructors, and virtual fitness coaches.https://preview.wpelemento.com/fitness-trainer/
Author: wpelemento
Theme URI: https://www.wpelemento.com/products/free-fitness-trainer-wordpress-theme
Author URI: https://www.wpelemento.com/
Version: 0.1.4
Requires PHP: 5.6
Tested up to: 6.8
Requires at least: 5.0
Text Domain: fitness-trainer-elementor
Tags: blog, education, portfolio, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, three-columns, four-columns, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, flexible-header, footer-widgets, full-width-template, editor-style, sticky-post, theme-options, threaded-comments, translation-ready,  rtl-language-support, wide-blocks

License: GNU General Public License v3.0 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Fitness Trainer Elementor WordPress Theme, (C) 2025 wpelemento.com
Fitness Trainer Elementor WordPress Theme is released under the terms of GNU GPL
*/

:root {
  --primary-theme-color: #ff8225;
  --secondary-theme-color: #1f262e;
}

li{
  list-style: none;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: 600;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
#content[tabindex="-1"]:focus {
  outline: 0;
}
body {
  font-family: "Epilogue", serif;
  color: #5b5b5b;
  margin: 0;
  background: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  color: #121212;
  font-family: "Raleway", serif;
}
a {
  color: #121212;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
  transition: color 0.1s linear;
  text-decoration: none;
}
a:hover,
a:focus {
  color: var(--primary-theme-color);
  text-decoration: none;
}
.post-single a,
.page-single a,
.sidebar-area .textwidget a,
.comment-content a,
.woocommerce-product-details__short-description a,
#tab-description a,
.extra-home-content a {
  text-decoration: underline;
  color: var(--primary-theme-color);
}
.post-content a {
  color: var(--primary-theme-color);
}
/* ===============================================
   HEADER BOX
   ============================================= */

/* Collapse Sidebar Options */
.header-sidebar {
  position: fixed;
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  visibility: hidden;
  overflow-y: scroll;
  background: #fff;
  z-index: 999;
  transition: 0.5s width ease-in-out;
  box-shadow: -3px 0px 10px 0px #666;
}
.header-sidebar.show {
  visibility: visible;
  width: 400px;
  transition: 0.5s width ease-in-out;
}
.header-sidebar .close-pop {
  text-align: right;
  font-size: 25px;
  padding: 10px 0;
  transition: 0.2s all ease-in-out;
  margin-top: 30px;
}
.header-sidebar .logo {
  padding: 10px;
}
.logo-collapse .logo-sidebar,
.logo-collapse .logo-sidebar,
.logo-collapse {
  color: #000;
  margin-bottom: 15px;
}
.logo-sidebar a {
  color: #000;
  font-size: 28px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
  transition: color 0.1s linear;
  font-weight: bold;
}
.logo-sidebar span {
  display: block;
  font-size: 16px;
  line-height: 18px;
  color: #000;
}
.close-pop a i {
  color: var(--primary-theme-color);
}
.media-div a {
  width: auto;
  padding: 5px;
}
.menu-drawer p i {
  color: #fff;
  background-color: var(--secondary-theme-color);
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
}
.social-links {
  margin-top: 15px;
}
.social-links i {
  font-size: 16px;
  color: #fff;
  background-color: var(--primary-theme-color);
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 8px;
  display: inline-flex;
  justify-content: center;
}
.social-links i:hover {
  background-color: var(--secondary-theme-color);
}

.social-links span {
  color: #ffffff;
}
.header-icon p {
  color: #606d75;
  font-size: 16px;
  font-weight: 600;
}
.sidebar-toggle i {
  font-size: 20px;
  color: var(--primary-theme-color);
}
/* collapse sidebar end here */
.bottom-header {
  background-color: var(--secondary-theme-color);
  border-radius: 0px 0px 20px 20px;
  position: relative;
}
.bottom-header::before {
  background-image: url(./assets/images/header.svg);
  width: 53px;
  height: -webkit-fill-available;
  content: "";
  position: absolute;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  bottom: 0;
  left: -35px;
}
.page-template-frontpage .logo {
  position: absolute;
  z-index: 99;
  width: 18%;
}
.logo {
  padding-right: 30px;
}
/* ===============================================
  FOOTER SOCIAL ICONS
   ============================================= */
.footer-links {
  text-align: left;
  padding: 6px 0px;
}
.footer-links i {
  color: #000;
  background: #fff;
  padding: 7px;
  border-radius: 3px;
}
.footer-links i:hover {
  color: var(--primary-theme-color);
}
/* ===============================================
   HEADER IMAGE
   ============================================= */

.header-image-box {
  position: relative;
  height: 550px;
  display: flex;
  align-items: center;
  background-position: center;
}
.header-image-box:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #00000061;
  z-index: 1;
}
.header-image-box h1,
.headerimgbox-meta span,
.crumb-box a,
.crumb-box,
.header-image-box p {
  position: relative;
  z-index: 1;
  color: #fff;
}
.header-image-box h1 {
  font-size: 65px;
}
.header-image-box h1,
.post-title a {
  word-wrap: break-word;
}
/* ===============================================
   LOGO BOX
   ============================================= */

.logo a {
  color: var(--secondary-theme-color);
  font-size: 28px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
  transition: color 0.1s linear;
  font-weight: bold;
}
.logo span {
  display: block;
  font-size: 16px;
  line-height: 18px;
  color: var(--secondary-theme-color);
}

/* ===============================================
   MENU BOX
   ============================================= */
#main-menu {
  display: block;
  position: relative;
}
#main-menu ul {
  margin: 0;
  padding: 0;
  display: block;
}
#main-menu ul li {
  position: relative;
  display: block;
  float: left;
  text-align: left;
}
#main-menu ul li a {
  display: block;
  z-index: 1;
/*   padding: 15px 20px; */
  padding: 10px 20px;
  font-size: 15px;
  color: #fff;
  line-height: 1;
  font-weight: 600;
  text-transform: capitalize;
}
#main-menu ul li.current_page_item > a {
  position: relative;
}
#main-menu ul li.current_page_item > a::after {
  position: absolute;
  left: 9px;
  width: 5px;
  height: 5px;
  background: var(--primary-theme-color);
  content: "";
  opacity: 1;
  top: 44%;
}
#main-menu .sub-menu li a:hover::after {
  display: none;
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
  color: #fff;
}

#main-menu ul.children,
#main-menu ul.sub-menu {
  opacity: 0;
  position: absolute;
  top: 35px;
  left: -9999em;
  background: #f5f9ff;
  z-index: 10001;
  width: 213px;
  padding-left: 0;
  -webkit-transition: opacity 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
#main-menu ul.children li,
#main-menu ul.sub-menu li {
  position: relative;
  margin: 0;
  line-height: 1.2em;
  text-transform: none;
  width: 213px;
  min-height: inherit;
  margin: 0;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
  top: 0px;
  left: -100%;
}
#main-menu ul.children li a,
#main-menu ul.sub-menu li a {
  text-decoration: none;
  text-align: left;
  display: block;
  padding: 10px 15px;
  margin: 0;
  border: none;
  line-height: inherit;
  color: #121212;
}
#main-menu ul.children li a:hover,
#main-menu ul.sub-menu li a:hover {
  background: var(--primary-theme-color);
  color: #fff;
  border-radius: 0;
}
#main-menu ul.children li ul:before,
#main-menu ul.sub-menu li ul:before,
.menu-toggle,
.dropdown-toggle,
button.close-menu {
  display: none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
  opacity: 1;
  left: 0;
}
/* ===============================================
  menu dropdown css
 ============================================= */
#main-menu ul li.menu-item-has-children:after {
  content: "\f0d7";
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  position: absolute;
  right: -6px;
  top: 50%;
  display: inline-block;
  padding: 3px;
  transform: translate(-50%, -50%);
  color: #fff;
}
#main-menu ul li.menu-item-has-children {
  padding-right: 10px;
  margin-right: 10px;
}
#main-menu ul.sub-menu li.menu-item-has-children:after {
  right: 30px;
}
img.custom-logo {
  max-width: 100%;
}
/* ===============================================
   POST BOX
   ============================================= */

.sticky .post-content-box {
  background: #f2f8ff;
}
.post-box {
  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
  border-radius: 10px;
  text-align: center;
}
h3.post-title {
  font-size: 25px;
}
.related-post h3.post-title {
  font-size: 21px;
}
.post-content p {
  color: #5b5b5b;
}
.post-meta,
.crumb-box a:hover {
  color: var(--primary-theme-color);
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #121212;
  white-space: break-spaces;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
  max-width: 100%;
}
.post-content img,
.post-thumbnail img {
  max-height: 100%;
  height: auto;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}
.post-content {
  word-wrap: break-word;
}
#content,
footer {
  float: left;
  width: 100%;
}
.box {
  background-color: rgb(171 171 171 / 70%);
  text-align: center;
  overflow: hidden;
  position: relative;
}
.post-box:hover:before {
  opacity: 1;
  transform: translateX(0);
}
.box img {
  width: 100%;
  height: auto;
  transform: translateX(-20px) scale(1.15);
  transition: all 0.5s ease;
}
.post-box:hover img {
  opacity: 0.2;
  transform: translateX(20px) scale(1.15);
}
.box .box-content {
  opacity: 0;
  transform: scale(0);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1;
  transition: all 0.5s ease;
}
.post-box:hover .box-content {
  opacity: 1;
  transform: scale(1);
}
p.slider-button a {
  background: var(--primary-theme-color);
  color: #fff;
  padding: 15px 20px;
  font-size: 15px;
  font-weight: bold;
}
p.slider-button a:hover {
  background: #121212;
}
.post-info span,
.post-info a {
  color: #000;
  font-size: 16px;
  padding: 2px;
  display: inline-block;
}
.post-info a:hover,
.entry-date:hover a,
.entry-date:hover i,
.entry-author:hover a,
.entry-author:hover i {
  color: var(--primary-theme-color);
}
.post-info i {
  color: var(--primary-theme-color);
  font-size: 12px;
}
/* Edit link  */
.link-edit {
  display: inline-block;
  margin-left: 10px;
}
.post-info {
  display: inline-block;
}
.link-edit::before {
  content: "\f044";
  color: var(--primary-theme-color);
}
.link-edit::before {
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  height: 15px;
  margin-right: 8px;
}
a.post-edit-link {
  color: #000;
}
/* ===============================================
   Pagination
   ============================================= */

.pagination,
.fitness-trainer-elementor-pagination {
  margin: 25px 0;
}
.pagination .nav-links a,
.pagination .nav-links span.current,
.fitness-trainer-elementor-pagination a span,
.fitness-trainer-elementor-pagination span.current {
  display: inline-block;
  text-decoration: none;
  padding: 10px 12px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  text-align: center;
  cursor: pointer;
  background: #f3f4f7;
}
.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.fitness-trainer-elementor-pagination span.current,
.fitness-trainer-elementor-pagination span.current:hover,
.fitness-trainer-elementor-pagination span.current:focus,
.fitness-trainer-elementor-pagination a span:hover,
.fitness-trainer-elementor-pagination a span:focus {
  background: var(--primary-theme-color);
  color: #fff;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-reply a:focus {
  color: #fff;
}
.comment-respond input#submit:hover,
.comment-reply a:hover {
  background: #121212;
}
.comment-form-url input,
nav.navigation.pagination {
  width: 100%;
}
.comment-respond input#submit {
  background: var(--primary-theme-color);
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
  border-bottom: 1px solid #00000047;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  padding: 10px;
  color: #fff;
  background: var(--primary-theme-color);
}
#comments footer.comment-reply.card-footer {
  border-top: none !important;
  background-color: #fff !important;
  margin-bottom: 10px;
}
#comments .comment-body img {
  margin-bottom: 10px;
}
/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area {
  border-left: solid 1px #e4e7ee;
  padding: 0 0 0 20px;
}
.sidebar-area .textwidget img,
.footer-area .textwidget img {
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
  margin-bottom: 25px;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
  line-height: 1.9em;
  font-weight: normal;
}
.sidebar-area ul,
#calendar_wrap,
.sidebar-area .textwidget,
.tagcloud {
  list-style: none;
  margin: 0;
}
.sidebar-area ul {
  padding: 15px 30px 25px;
  border-radius: 10px;
  border: solid 1px #e4e7ee;
}
.wp-calendar .sidebar-area li a,
.sidebar-area li {
  font-size: 15px;
  color: #5b5b5b;
}
.sidebar-area li a:hover,
.sidebar-area li:hover {
  color: var(--primary-theme-color);
}
.sidebar-area li {
  padding: 14px 10px;
  border-bottom: solid 1px #e4e7ee;
}
.sidebar-area h4.title {
  position: relative;
  font-size: 25px;
  margin-left: 60px;
  margin-bottom: 20px;
}
.sidebar-area h4.title:before {
  position: absolute;
  content: "";
  width: 50px;
  left: -60px;
  height: 2px;
  background: var(--primary-theme-color);
  top: 0;
  bottom: 0;
  margin: auto;
}
.sidebar-area h4.title:after {
  position: absolute;
  content: "";
  width: 10px;
  left: -60px;
  height: 10px;
  border-radius: 10px;
  background: var(--primary-theme-color);
  top: 0;
  bottom: 0;
  margin: auto;
}
.sidebar-area .tagcloud a,
.footer-area .tagcloud a {
  font-size: 15px !important;
  color: #5b5b5b;
  display: inline-block;
  margin: 5px 0;
  padding: 10px;
  border-radius: 5px;
  border: solid 1px #e4e7ee;
}
.footer-area .tagcloud a {
  border: solid 1px #fff;
  color: #fff;
}
.sidebar-area .tagcloud a:before,
.footer-area .tagcloud a:before {
  content: "#";
}
.sidebar-area .tagcloud a:hover,
.footer-area .tagcloud a:hover {
  background: var(--primary-theme-color);
  color: #fff;
}
.sidebar-area .wp-block-group__inner-container h2 {
  color: #000000 !important;
  font-size: 20px;
}
.sidebar-area select,
.footer-area select,
.sidebar-area textarea,
#comments textarea,
.sidebar-area input[type="text"],
#comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input,
#comments input[type="email"],
#comments input[type="url"] {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 100%;
  padding: 5px 2%;
  border: solid 1px #e4e7ee;
}
.sidebar-area ol.wp-block-latest-comments {
  padding-left: 0px;
}
#wp-calendar th,
#wp-calendar #today,
#wp-calendar #today a {
  background: #f3f4f7;
  color: #434343 !important;
}
#wp-calendar a:hover {
  border: none;
}
#wp-calendar {
  background: #fff;
  width: 100%;
}
#wp-calendar caption {
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  text-align: left;
  color: #fff;
  font-weight: 500;
}
#wp-calendar th,
#wp-calendar td {
  text-align: center;
  font-size: 14px;
  color: #434343 !important;
  padding: 3px 6px;
}
#wp-calendar td a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #434343 !important;
  text-decoration: underline;
}
#wp-calendar td#prev a,
#wp-calendar td#prev a {
  text-decoration: none;
  text-align: left;
}
#wp-calendar th {
  font-weight: bold;
}
tr:nth-child(2n + 2) {
  background-color: #f3f4f7;
}
.searchform label {
  display: block;
}
.searchform input[type="text"] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: transparent;
  border: none;
  border-radius: 30px;
}
#searchform {
  border: solid 1px #e4e7ee;
  border-radius: 30px;
}
.searchform input[type="submit"] {
  background: var(--primary-theme-color);
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  position: relative;
  float: left;
  border-radius: 30px;
  text-shadow: none;
  padding: 10px 0;
  width: 105px;
  margin: 4px auto;
  cursor: pointer;
  -webkit-transition: color 0.3s ease, background-color 0.3s ease;
  -moz-transition: color 0.3s ease, background-color 0.3s ease;
  -o-transition: color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, background-color 0.3s ease;
}
.searchform input[type="submit"]:hover,
.searchform input[type="submit"]:focus {
  background: var(--primary-theme-color);
  text-decoration: none;
}
.searchform:after {
  content: "";
  display: table;
  clear: both;
}
.footer-widget {
  background: #171414;
}
.footer-copyright {
  background: var(--primary-theme-color);
}
footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget,
.footer-area li,
.footer-area input[type="text"],
.wp-block-group__inner-container h2 {
  color: #fff;
}
.footer-area ul {
  padding: 0;
  list-style: none;
}
.footer-area h4.title {
  font-size: 30px;
  color: #fff;
  margin-top: 30px;
  word-wrap: break-word;
}
.footer-area li {
  padding: 8px 0;
}
.footer-area input[type="search"] {
  width: 100%;
  border: none;
  padding: 10px;
  border: solid 1px#4d4d4d;
}
.footer-area form.woocommerce-product-search button,
#sidebar form.woocommerce-product-search button {
  background: var(--primary-theme-color);
  border-radius: 0px;
  color: #fff;
  margin-top: 5px;
  padding: 10px 0;
  width: 100%;
  font-weight: 600;
  border: none;
  border: solid 1pxvar (--primary-theme-color);
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
  max-width: 100%;
  height: auto;
}
.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 24px;
  margin-top: 4px;
}
.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 24px;
  margin-top: 4px;
}
div.aligncenter,
img.aligncenter {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none;
}
img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 12px;
}
.wp-caption {
  line-height: 18px;
  margin-bottom: 25px;
  max-width: 100% !important;
  padding: 4px;
  text-align: center;
}
.wp-caption img {
  margin: 5px 5px 0;
  width: 96%;
  height: 100%;
}
.wp-caption p.wp-caption-text {
  color: #888;
  font-size: 12px;
  margin: 5px;
}
.wp-block-latest-comments__comment-meta a {
  color: #000;
}
/* ===============================================
    BLOCK CSS
  =============================================== */

.sidebar-area .widget_search .wp-block-search__inside-wrapper {
  border: solid 1px #e4e7ee;
  border-radius: 30px;
}
.sidebar-area
  .widget_search
  .wp-block-search__inside-wrapper
  .wp-block-search__input {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: transparent;
  border: none;
  border-radius: 30px;
}
.sidebar-area .widget_search button.wp-block-search__button.wp-element-button {
  background: var(--primary-theme-color);
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  position: relative;
  float: left;
  border-radius: 30px;
  text-shadow: none;
  padding: 10px 0;
  width: 105px;
  margin: 4px auto;
  cursor: pointer;
  -webkit-transition: color 0.3s ease, background-color 0.3s ease;
  -moz-transition: color 0.3s ease, background-color 0.3s ease;
  -o-transition: color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, background-color 0.3s ease;
}
.sidebar-area .widget_search button.wp-block-search__button:hover,
.sidebar-area .widget_search button.wp-block-search__button:focus {
  background: var(--primary-theme-color);
  text-decoration: none;
}
.sidebar-area .widget_search .wp-block-search__inside-wrapper {
  content: "";
  display: table;
  clear: both;
}

.sidebar-area .widget_search label,
.sidebar-area .sidebar-widget.widget_block .wp-block-heading {
  position: relative;
  font-size: 25px;
  margin-left: 60px;
  margin-bottom: 20px;
  color: #000;
}
.sidebar-area .wp-block-search label {
  display: inline;
}
.sidebar-area .widget_search label:before,
.sidebar-area .sidebar-widget.widget_block .wp-block-heading:before {
  position: absolute;
  content: "";
  width: 50px;
  left: -60px;
  height: 2px;
  background: var(--primary-theme-color);
  top: 0;
  bottom: 0;
  margin: auto;
}
.sidebar-area .widget_search label:after,
.sidebar-area .sidebar-widget.widget_block .wp-block-heading:after {
  position: absolute;
  content: "";
  width: 10px;
  left: -60px;
  height: 10px;
  border-radius: 10px;
  background: var(--primary-theme-color);
  top: 0;
  bottom: 0;
  margin: auto;
}
.sidebar-area .wp-block-tag-cloud a,
.footer-area .wp-block-tag-cloud a,
.tag-cloud-link {
  font-size: 15px !important;
  color: #5b5b5b;
  display: inline-block;
  margin: 5px 0;
  padding: 10px;
  border-radius: 5px;
  border: solid 1px #e4e7ee;
}
.footer-area .wp-block-tag-cloud a {
  border: solid 1px #fff;
  color: #fff;
}
.sidebar-area .wp-block-tag-cloud a:before,
.footer-area .wp-block-tag-cloud a:before,
.tag-cloud-link:before {
  content: "#";
}
.sidebar-area .wp-block-tag-cloud a:hover,
.footer-area .wp-block-tag-cloud a:hover,
.tag-cloud-link:hover {
  background: var(--primary-theme-color);
  color: #fff;
}
.sidebar-area ol footer.wp-block-latest-comments__comment-meta {
  float: none !important;
}
.sidebar-area ol.wp-block-latest-comments {
  padding-left: 0px !important;
  padding: 15px 30px 25px;
  border-radius: 10px;
  border: solid 1px #e4e7ee;
}
.footer-area .wp-block-heading {
  font-size: 30px;
  color: #fff;
  margin-top: 30px;
  word-wrap: break-word;
}
.footer-area {
  margin-bottom: 10px;
}
/* WOOCOMMERCE */
/* Cart */
.wp-block-woocommerce-cart.alignwide {
  margin-right: auto;
  margin-left: auto;
}
.wp-block-woocommerce-checkout.alignwide {
  margin-right: auto;
  margin-left: auto;
}
.wp-block-woocommerce-cart .wc-block-cart-items {
  border: 1px solid #dee2e6 !important;
  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
  padding: 10px;
}
.wp-block-woocommerce-cart-order-summary-block {
  border: 1px solid #dee2e6 !important;
  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
}
.wp-block-woocommerce-cart-order-summary-heading-block {
  padding: 10px 20px !important;
  background: #f3f4f7 !important;
}
.wc-block-components-product-name {
  font-size: 20px;
  text-decoration: none !important;
  font-weight: 600 !important;
  color: #000 !important;
}
.wc-block-cart-items__header-image {
  padding-left: 16px !important;
}
.wc-block-cart-items__header-total {
  padding-right: 16px !important;
}
.wc-block-components-totals-coupon-link,
.wc-block-cart__submit-container a,
.wc-block-checkout__actions_row button,
.wc-block-components-totals-coupon__form button,
.wc-block-components-checkout-return-to-cart-button,
.wc-block-grid__product-add-to-cart a,
.product-add-to-cart a,
.woocommerce-Address-title.title a,
.products .yith-wcwl-add-button a,
.products .yith-wcwl-wishlistexistsbrowse,
.products .yith-wcwl-wishlistaddedbrowse,
.entry-summary .yith-wcwl-add-button a,
.entry-summary .yith-wcwl-wishlistexistsbrowse,
.entry-summary .yith-wcwl-wishlistaddedbrowse {
  background: var(--primary-theme-color);
  color: #fff !important;
  line-height: unset;
  padding: 0.618em 1em;
  font-weight: 700;
  border-radius: 3px;
  margin-top: 10px;
  text-decoration: none !important;
}
.yith-wcwl-wishlistexistsbrowse a,
.yith-wcwl-wishlistaddedbrowse a {
  background: var(--primary-theme-color);
  color: #fff !important;
}
.yith-wcwl-add-to-wishlist.exists .yith-wcwl-wishlistaddedbrowse {
  display: inline-block !important;
}
.entry-summary .yith-wcwl-add-button a,
.entry-summary .yith-wcwl-wishlistexistsbrowse,
.entry-summary .yith-wcwl-wishlistaddedbrowse {
  margin-bottom: 10px;
}
.wc-block-components-totals-coupon__form button {
  margin-top: 0px !important;
}
.entry-summary .yith-wcwl-add-button,
.products .yith-wcwl-add-button {
  margin-top: 21px;
  margin-bottom: 10px;
}
.wc-block-cart__submit-container a {
  margin-top: 20px;
}
.wc-block-components-totals-coupon-link:hover,
.wc-block-cart__submit-container:hover a,
.wc-block-checkout__actions_row button:hover,
.wc-block-components-checkout-return-to-cart-button:hover,
.wc-block-grid__product-add-to-cart a:hover,
.yith-wcwl-add-button:hover a {
  background: #121212;
}
.wc-block-components-totals-coupon {
  text-align: center;
  padding-left: 16px;
  padding-right: 16px;
}
.wc-block-cart-items__header-product {
  background: #f3f4f7 !important;
}
.wc-block-cart-items__header th {
  padding: 10px 20px !important;
  font-size: 14px;
}
.wc-block-cart__totals-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  text-align: center !important;
}
tr.wc-block-cart-items__row {
  padding: 15px 15px !important;
}
.wc-block-components-totals-item,
.wc-block-components-totals-item {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
  display: block !important;
}
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="phno"],
#commentform input[type="password"],
#commentform textarea,
#commentform input#url {
  border: 1px solid #c8c8c8;
  width: 100%;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 0 23px 0;
  height: auto;
}
.woocommerce-message p {
  flex-basis: 55%;
}
.product .price ins,
.price .woocommerce-Price-amount.amount {
  font-size: 20px;
  font-weight: 600;
}
.product .price del .woocommerce-Price-amount.amount {
  font-size: 18px !important;
  font-weight: 500 !important;
}
.product .price {
  margin: 10px 0px !important;
}
/* single product review form */
#reviews .comment-form {
  display: flex;
  flex-direction: column;
}
#reviews .comment-form-author {
  order: 1;
}
#reviews .comment-form-email {
  order: 2;
}
#reviews .comment-form-comment {
  order: 3;
}
#reviews .comment-form-cookies-consent {
  order: 4;
}
#reviews .form-submit {
  order: 5;
}

/* Wishlist */
.wishlist_table.mobile {
  padding-left: 0;
}
.wishlist_table.mobile table {
  width: auto;
}
.wishlist_table.mobile li {
  padding: 15px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.cart.wishlist_table .additional-info-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile {
  display: grid;
  grid-template-columns: 2fr 50%;
  gap: 10px;
}
.wishlist_table.images_grid li .item-details table.item-details-table td.label,
.wishlist_table.mobile li .item-details table.item-details-table td.label,
.wishlist_table.mobile li table.additional-info td.label,
.wishlist_table.modern_grid li .item-details table.item-details-table td.label {
  font-size: 16px !important;
}
.wishlist_table.mobile li .item-details table.item-details-table td,
.additional-info .value {
  font-size: 14px !important;
  padding: 6px !important;
  font-family: "Exo 2", sans-serif;
}
.main-product-section .wishlist_view {
  display: block !important;
}
.share-button i::before {
  font-family: "FontAwesome";
}
.hidden-title-form button i,
.wishlist-title a.show-title-form i,
.wishlist_manage_table tfoot a.create-new-wishlist i,
.wishlist_manage_table tfoot button.submit-wishlist-changes i,
.wishlist_table .add_to_cart.button i,
.wishlist_table .ask-an-estimate-button i,
.yith-wcwl-add-button > a i,
.yith-wcwl-wishlist-new button i,
.yith-wcwl-wishlist-search-form button.wishlist-search-button i {
  margin-right: 0px !important;
}
.wpr-grid-slider-dots {
  z-index: 9 !important;
}
.wishlist_table tr td,
.wishlist_table tr th.product-checkbox,
.wishlist_table tr th.wishlist-delete {
  text-align: left !important;
}
/* Cart */
.wc-block-grid__product-title {
  font-size: 18px !important;
  color: #121212 !important;
  text-decoration: none !important;
}
a.wc-block-grid__product-link {
  text-decoration: none !important;
}
.wc-block-grid__product-price {
  color: var(--primary-theme-color) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.wc-block-grid .wc-block-grid__product-onsale,
.wc-block-grid__product-image .wc-block-grid__product-onsale {
  top: 10px !important;
  right: 10px !important;
  left: auto !important;
  margin: 0 !important;
  line-height: 0 !important;
  background: #121212 !important;
  border-radius: 0 !important;
  padding: 14px 10px !important;
  min-height: 2em !important;
  color: #fff !important;
}
.wc-block-grid__products .wc-block-grid__product-image img {
  width: 100% !important;
}
/* CHECKOUT */
.wp-block-woocommerce-checkout-order-summary-block {
  border: 1px solid #dee2e6 !important;
  padding: 10px;
  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
}
/* MY ACCOUNT */

nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
  padding: 10px;
  margin-bottom: 15px;
  background: var(--primary-theme-color);
}
nav.woocommerce-MyAccount-navigation ul li:hover {
  background: #121212;
}
nav.woocommerce-MyAccount-navigation ul li a {
  text-decoration: none;
  color: #fff;
}
/* CHECKOUT */
.woocommerce form .form-row label,
.woocommerce form .form-row,
span.woocommerce-input-wrapper,
span.password-input {
  width: 100%;
}
/* BUTTONS */
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.added_to_cart {
  background: var(--primary-theme-color);
  color: #fff;
  line-height: unset;
  border-radius: 7px !important;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.added_to_cart:hover {
  background: #121212;
  color: #fff;
}
.woocommerce a.added_to_cart {
  padding: 0.618em 1em;
  font-weight: 700;
  margin-top: 1em;
  border-radius: 0px;
}
/* SHOP & SINGLE PRODUCT */

.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
  top: 5px;
  right: 5px;
  left: auto;
  margin: 0;
  line-height: 0;
  background: var(--primary-theme-color);
  border-radius: 5px;
  padding: 14px 10px !important;
  min-height: 2em !important;
}
.woocommerce span.onsale {
  left: 10px;
  right: auto;
}
h2.woocommerce-loop-product__title {
  font-size: 18px !important;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #000;
  display: block;
  margin-bottom: 0;
  font-size: 18px;
}
.woocommerce ul.products li.product .price ins,
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
  text-decoration: none;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  text-align: center;
}
.woocommerce .quantity .qty {
  width: 9em;
  padding: 8px;
}
.woocommerce ul.products li.product .star-rating {
  font-size: 12px;
  margin: 0 auto 8px;
}

.woocommerce .woocommerce-ordering select,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  padding: 12px;
  border: 1px solid #d3ced2;
  background: transparent;
}
.wp-block-button__link {
  color: #fff !important;
  background-color: var(--primary-theme-color);
  margin-bottom: 5px;
}
.wp-block-button.is-style-outline .wp-block-button__link {
  border: 1px solid var(--primary-theme-color);
  color: #121212 !important;
}
.wp-block-button.is-style-squared .wp-block-button__link {
  border-radius: 0px !important;
}
.product .add_to_cart_button.added {
  display: none !important;
}
/* shop page additional css */
.woocommerce ul.products li.product a img {
  margin-bottom: 0;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  border-radius: 20px;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  border: 1px solid var(--primary-theme-color);
  border-radius: 10px;
  padding: 10px;
}
ul.products a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
a.added_to_cart.wc-forward {
  padding: 8px 28px;
}
ul.products h2.woocommerce-loop-product__title {
  color: var(--primary-theme-color);
  font-size: 22px !important;
}

/* shop page pagination  */
.woocommerce nav.woocommerce-pagination ul li span.current {
  padding: 12px 15px;
  background: var(--primary-theme-color);
  color: #121212;
  border-radius: 10px;
  font-weight: bold;
}
.woocommerce nav.woocommerce-pagination ul li a {
  display: block;
  margin: 2px 2px 2px 0;
  padding: 12px 15px;
  text-decoration: none;
  width: auto;
  color: #fff;
  background: #121212;
  transition: background 0.15s ease-in-out;
  font-weight: bold;
  border-radius: 10px;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: var(--primary-theme-color);
  color: #121212;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
  border: none;
  float: none;
  overflow: unset;
}
.woocommerce nav.woocommerce-pagination {
  text-align: center;
  margin-bottom: 20px;
}
/*  SINGLE POST */
.single-post-category span {
  font-weight: 600;
  color: #5b5b5b;
}
.single-post-category .post-categories li,
.single-post-category ul {
  display: inline-block;
  padding-left: 0px;
}
.single-post-category .post-categories li a {
  margin-right: 8px;
  margin-bottom: 8px;
  background-color: var(--primary-theme-color);
  padding: 8px 10px;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
}
.single-post-category .post-categories li a:hover {
  background: #000000;
}
/*scroll-to-top*/
.scroll-up {
  position: fixed;
  bottom: 12px;
  right: 30px;
  z-index: 999;
}
.scroll-up a {
  background: var(--primary-theme-color);
  color: #ffffff;
}
.scroll-up a:hover {
  background: var(--secondary-theme-color);
}
.scroll-up a {
  bottom: 10px;
  right: 20px;
  width: 70px;
  height: 70px;
  display: block;
  text-decoration: none;
  border-radius: 50px;
  border: 10px solid rgb(243 243 243 / 69%);
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 9999;
  transition: border-width 0.3s ease-in-out;
}
.scroll-up a i {
  position: relative;
  top: 13px;
  font-size: 25px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 0px 0px;
  color: #fff !important;
  transform: translate(66%);
}
.scroll-up a:hover i {
  top: 5px;
}

/*PRELOADER*/

.loader {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999999999;
  display: flex;
  bottom: 0px;
  justify-content: center;
  align-items: center;
}
.preloader {
  animation: move 0.5s ease infinite alternate;
}
.diamond {
  width: 60px;
  height: 60px;
  transform: translateY(-50%);
  transform-style: preserve-3d;
  animation: spin 1s linear infinite;
  justify-content: center;
  align-items: center;
}
.diamond span {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
}
.diamond span:nth-child(1) {
  border: 10px solid var(--primary-theme-color);
  border-left-color: #000;
  border-right-color: #000;
  transform: rotateX(90deg) rotateZ(45deg);
}
.diamond span:nth-child(2) {
  border: 6px solid var(--primary-theme-color);
  border-left-color: #000;
  border-right-color: #000;
  transform: rotateX(90deg) rotateY(90deg) rotateZ(45deg);
}
.diamond span:last-child {
  border: 6px solid var(--primary-theme-color);
  border-left-color: #000;
  border-right-color: #000;
  transform: rotateZ(45deg);
}
@keyframes move {
  0% {
    transform: translateY(0) scaleY(0.9);
  }
  100% {
    transform: translateY(-70px) scaleY(1.1);
  }
}
@keyframes spin {
  0% {
    transform: translateY(-50%) rotateX(-15deg) rotateY(0deg);
  }
  100% {
    transform: translateY(-50%) rotateX(-15deg) rotateY(180deg);
  }
}
.result-search #searchform {
  display: table;
}
.not-found-content #searchform {
  display: inline-block;
}
.footer-copyright a,
.footer-copyright p {
  color: #ffffff;
}
/* ===============================================
  Progress Bar
=============================================== */
#elemento-progress-bar {
  background-color: var(--primary-theme-color);
  position: fixed;
  width: 0;
  height: 4px;
  z-index: 99999;
}
#elemento-progress-bar.top {
  top: 0;
}
.admin-bar #elemento-progress-bar.top {
  top: 32px;
}
/* ===============================================
   HOME PAGE CSS
   =============================================== */

.class-inner-section .uc_carousel.owl-carousel {
  display: flex;
  flex-direction: column-reverse;
}
.class-inner-section .owl-nav .owl-next,
.class-inner-section .owl-nav .owl-prev {
  position: static !important;
}
.class-inner-section .owl-nav .owl-prev {
  margin-right: 15px;
}
.class-inner-section .owl-nav {
  position: absolute;
  right: 0px;
  text-align: right;
  top: -74px;
}
.class-inner-section .uc_image_carousel_content {
  position: absolute;
  bottom: 0px;
  margin: 15px;
  border-radius: 10px;
  width: calc(100% - 30px) !important;
}
.class-inner-section .ue_post_btn_holder .uc_more_btn {
  position: relative;
}
.class-inner-section .ue_post_btn_holder .uc_more_btn:after {
  position: absolute;
  content: "\f105";
  font-family: "Font Awesome 6 Free";
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #000;
  font-weight: 900;
  right: -5px;
  border-radius: 50%;
  transform: translateY(-16%);
}
.class-inner-section .ue_post_btn_holder .uc_more_btn:hover:after {
  background-color: var(--primary-theme-color);
}
.class-inner-section .owl-carousel .owl-nav .owl-prev,
.class-inner-section .owl-carousel .owl-nav .owl-next {
  line-height: 47px !important;
}
/* banner section */

.banner-section .elementor-widget-prime-slider-sequester {
  padding: 0px !important;
}
.banner-section .bdt-prime-slider-content {
  order: 2;
}
.banner-section .bdt-slide-image {
  order: 1;
}
.banner-section .bdt-title-tag {
  border-left: 5px solid var(--primary-theme-color);
  padding-left: 10px !important;
}
.banner-section .bdt-prime-slider-sequester .bdt-slideshow-item:before {
  background-image: url(./assets/images/image-back.svg);
  height: -webkit-fill-available;
  content: "";
  width: 420px;
  position: absolute;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  left: 0px;
  background-color: #0000;
  background-position: top;
}
.banner-section
  .bdt-prime-slider-sequester
  .bdt-slideshow-item
  .bdt-slide-image {
  background-size: contain !important;
  aspect-ratio: 250 / 400;
  margin-top: 165px;
}
.banner-section .bdt-prime-slider-content {
  width: 60% !important;
}
.banner-section .bdt-slide-image {
  width: 40% !important;
}
.banner-section .bdt-prime-slider-sequester .bdt-prime-slider-previous::before {
  border: none;
  content: "\f30a";
  color: var(--secondary-theme-color);
  font-size: 30px;
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  position: absolute;
  left: -10px;
  top: 50%;
}
.banner-section .bdt-prime-slider-sequester .bdt-prime-slider-next:before {
  border: none;
  content: "\f30b";
  color: var(--secondary-theme-color);
  font-size: 30px;
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  position: absolute;
  right: 0;
  top: 50%;
}
.banner-section
  .bdt-prime-slider-sequester
  .bdt-prime-slider-previous:hover::before {
  color: var(--primary-theme-color);
}
.banner-section
  .bdt-prime-slider-sequester
  .bdt-navigation-arrows
  .bdt-prime-slider-next:hover::before {
  color: var(--primary-theme-color);
}
.banner-section .bdt-prime-slider-sequester .bdt-prime-slider-previous svg,
.banner-section .bdt-prime-slider-sequester .bdt-prime-slider-next svg,
.banner-section
  .bdt-prime-slider-sequester
  .bdt-prime-slider-previous:hover::after,
.banner-section
  .bdt-prime-slider-sequester
  .bdt-prime-slider-next:hover::after {
  display: none;
}
.banner-section .bdt-slider-excerpt p,
.bdt-title-tag {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.banner-section .bdt-prime-slider-desc,
.banner-section .bdt-main-title {
  position: relative;
}
.banner-section .bdt-prime-slider-desc:before {
  background-image: url(./assets/images/content-before.png);
  content: "";
  position: absolute;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  left: -100px;
  width: 85px;
  height: 82px;
  top: -66px;
}
.banner-section .bdt-main-title:after {
  background-image: url(./assets/images/content-after.png);
  content: "";
  position: absolute;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  right: -41px;
  width: 96px;
  height: 92px;
  z-index: 99;
}
.banner-section .bdt-title-tag,
.banner-section .bdt-slider-excerpt {
  width: 85%;
}
.banner-section .bdt-slider-excerpt p {
  line-height: 20px !important;
}

/* Wide Block  */
  
 .alignwide {
  margin-left  : -60px;
  margin-right : -60px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}

/* Sticky Copyright */

.sticky-copyright.footer-copyright{
  position: fixed;
  bottom:0;
  left:0;
  width: 100%;
  z-index: 999;
  transition: bottom 0.4s;
  box-shadow: 0px 0px 8px #000000;
}
.close-sticky {
  position: static;
}


/* CUSTOM CSS */

html, body {
  overflow-x: hidden !important;
}

#main-menu ul li.current-menu-parent > a, 
#main-menu ul li.current_page_ancestor > a, 
#main-menu ul li.current-menu-ancestor > a{
    color: #1C2023 !important;
}

li#menu-item-121 a{
  background: linear-gradient(142deg, rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%) !important;
  color: #fff !important;
  border-radius: 5px;
} 

.header-image-box{
  display: none !important;
}

.top-header{
  background: linear-gradient(182deg,rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%);
  padding: 10px 0;
}

.top-header .top-left-section{
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
}

.top-header .top-left-section .call-sec{
  padding-left: 25px;
  margin-right: 16px;
  position: relative;
}
.top-header .top-left-section .mail-sec{
  padding-left: 25px;
  position: relative;
}

.top-header .top-left-section .call-sec span,
.top-header .top-left-section .mail-sec span{
  font-size: 13px;
  color: #E6E9EF;
  font-weight: 500;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}


.top-header .top-left-section .call-sec span ion-icon,
.top-header .top-left-section .mail-sec span ion-icon{
/*   margin-right: 10px; */
  position: absolute;
  top: 3px;
  left: 0;
  font-size: 17px;
}

.top-header .right-col{
  text-align: right;
}

.top-header .top-right-section{
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  align-items: center;
}

.top-header .top-right-section .country span{
  font-size: 13px;
  color: #E6E9EF;
  font-weight: 500;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.top-header .top-right-section .top-social-icon ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  align-items: center;
  margin-bottom: 0;
  padding-left: 12px;
} 

.top-header .top-right-section .top-social-icon ul li{
  line-height: 10px;
}

.top-header .top-right-section .top-social-icon ul li a{
   color: #fff;
   padding: 0 5px;
   font-size: 17px;
}

.bottom-header::before{
  display: none;
}

.bottom-header{
  background: #fff;
}

#main-menu ul li.current-menu-item > a, #main-menu ul li.current_page_item > a,
#main-menu ul li a{
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px !important;
  color: #1C2023;
}

#main-menu ul li.menu-item-has-children::after{
  color: #1C2023;
}

#main-menu a:hover, #main-menu ul li a:hover, #main-menu li:hover > a{
  color: #2F4678;
}

#main-menu ul li.current_page_item > a::after {
  position: absolute;
  left: 9px;
  width: 60px;
  height: 2px;
  background: #1e335e;
  content: "";
  opacity: 1;
  top: 77%;
}

header#site-navigation{
  padding-top: 10px;
  padding-bottom: 10px;
  box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
}

#main-menu ul.sub-menu li a:hover{
  background: linear-gradient(182deg,rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%) !important;
}

/* Slider */
#content{
  margin-top: 0 !important;
}

.customer-trust-sec{
   position: relative;
   box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
   border-radius: 20px;
   padding: 25px 15px;
}

.customer-trust-sec .back-bg{
  position: absolute;
  top: 0;
  left: 0;
}

.customer-trust-sec .back-bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 75%;
  height: 194px;
}

.customer-trust-sec .back-bg img{
border-radius: 20px 20px 0 20px;
opacity: .6;
}

.customer-trust-sec .trust-icon{
  text-align: center;
}

.customer-trust-sec .trust-icon h5{
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #1C2023;
  font-size: 21px;
  margin-top: 15px;
}

.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7{
  margin-top: 15px;
  margin-bottom: 0 !important;
}

figure.wp-block-image.size-large{
  margin-top: 50px;
}

figure.wp-block-image.size-large img{
  width: 100%;
}


/* SMILE TEETH DESIGN */

.smile-listing .list-point{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 23px;
}

.smile-listing .list-point .smile-icon{
  width: 12%;
}

.smile-listing .list-point .smile-icon img{
    width: 66px;
    height: 64px;
    background: #fff;
    box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
    padding: 16px 8px;
    border-radius: 100px;
}

.smile-listing .list-point .detail-text{
  width: 88%;
  padding-left: 25px;
}

.smile-listing .list-point .detail-text h3{
  font-size: 23px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #1C2023;
  margin-bottom: 15px;
}

.smile-listing .list-point .detail-text p{
  color: #1C2023;
  font-size: 15px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}

h2.main-title{
  font-size: 36px;
  color: #1C2023;
  font-family: "Joan", serif;
  font-weight: 400;
  font-style: normal;
  margin: 40px 0;
}

.sign-design h2{
  font-size: 36px;
  color: #1C2023;
  font-family: "Joan", serif;
  font-weight: 400;
  font-style: normal;
  margin: 40px 0 0;
}

.sign-design h4{
  font-size: 24px;
  color: #1C2023;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  margin: 14px 0 20px;
}

.sign-design p{
  color: #1C2023;
  font-size: 16px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.sign-design .upload-btn {
/*   margin-top: 40px; */
margin-top: 20px;
}

.sign-design .upload-btn button,
div#n2-ss-2 .n2-style-a896c9098ce6c729fd3c38d12473e064-heading{
  background: linear-gradient(182deg,rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%) !important;
  opacity: 1;
  padding: 10px 30px 10px 30px;
  box-shadow: none;
  border-radius: 8px;
  font-family: 'Rajdhani';
  color: #ffffff;
  font-size: 93.75%;
  font-weight: 500;
  border: none;
}


/* YOUR WORK */

.your-work-section{
  text-align: center;
  padding: 30px 0 10px;
}

.your-work-section .your-work-title h2{
  font-size: 36px;
  color: #1C2023;
  font-family: "Joan", serif;
  font-weight: 400;
  font-style: normal;
}

.your-work-section .your-work-title h4{
  font-size: 24px;
  color: #1C2023;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  margin: 6px 0 30px;
}

.your-work-section .your-work-video-sec{
    width: 85%;
    margin: 0 auto;
}
.your-work-section .your-work-video-sec img{
   border-radius: 25px;
}

/* Testimonials */

.testimonial-title .testimonial-text-sec h2{
  font-size: 36px;
  color: #1C2023;
  font-family: "Joan", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  margin: 20px 0 0;
}

#sp-testimonial-free-wrapper-191 .sp-testimonial-free{
   position: relative;
}

#sp-testimonial-free-wrapper-191 .sp-testimonial-free-section .sp-testimonial-client-testimonial {
    color: #333333;
    box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
    border-radius: 15px;
    position: relative;
    padding: 20px 20px 30px 20px;
}

#sp-testimonial-free-wrapper-191 .sp-testimonial-free::before {
  background-image: url("https://image3d.tgaystechnology.com/wp-content/uploads/2025/11/1.54165346.png");
  position: absolute;
  top: 0;
  left: 0;
  opacity: .4;
}

#sp-testimonial-free-wrapper-191 .sp-testimonial-free-section .sp-testimonial-client-rating{
  display: none !important;
}

#sp-testimonial-free-wrapper-191 .sp-testimonial-free-section .sp-testimonial-client-image{
  text-align: center;
  width: 85px;
  position: absolute;
  bottom: -76px;
  left: 30px;
  z-index: 999999;
  border-radius: 0;
}

.sp-testimonial-free-section .sp-testimonial-title{
margin: 0 0 18px 0;
position: absolute;
bottom: -60px;
left: 139px;
}

#sp-testimonial-free-wrapper-191 .sp-testimonial-free-section .sp-testimonial-client-image img{
  background: #ffffff;
/*   border: 0px solid #dddddd; */
  padding: 0px;
  /* z-index: 999999; */
  border-radius: 13px;
  border: 2px solid #0b2b6f;
}

#sp-testimonial-free-wrapper-191 .sp-testimonial-free-section .sp-testimonial-title .sp-testimonial-post-title{
  font-size: 18px;
  color: #1C2023;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  text-align: left;
}

.sp-testimonial-free-section .sp-testimonial-client-testimonial p{
  font-size: 16px;
  color: #1C2023;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  text-align: left;
}

#sp-testimonial-free-wrapper-191 .sp-testimonial-free-section .swiper-button-prev.testimonial-nav-arrow,
#sp-testimonial-free-wrapper-191 .sp-testimonial-free-section .swiper-button-next.testimonial-nav-arrow{
  display: none !important;
}

#sp-testimonial-free-wrapper-191 .sp-testimonial-free-section {
  margin: 35px 16px 35px !important;
  padding: 2px 17px 60px !important;
}

.sp-testimonial-free-section .testimonial-pagination .swiper-pagination-bullet{
  width: 33px;
    height: 6px;
    border-radius: 0;
}

#sp-testimonial-free-wrapper-191 .sp-testimonial-free-section .testimonial-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #0b2b6f !important;
}

/* OUR SERVICES */

.testimonial-title.our-service-titl{
  margin-bottom: 30px;
}

.our-services-box{
  box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
  border-radius: 0 15px 0 15px;
  margin-bottom: 15px;
}

.our-services-box .service-img{
    border-radius: 0 15px 0 15px;
}

.our-services-box .service-img img{
  border-radius: 0 15px 0 15px;
  width: 100%;
}

.our-services-box .services-title{
  padding: 20px 20px 35px;
}

.our-services-box .services-title h3{
  font-size: 17px;
  font-weight: 400;
  color: #1C2023;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  text-align: center;
  margin-bottom: 24px;
}

.our-services-box .services-title .services-link {
    text-align: center;
}

.our-services-box .services-title .services-link a{
    border-radius: 0 15px 0 15px;
    background: linear-gradient(182deg, rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%) !important;
    opacity: 1;
    padding: 8px 30px 8px 30px;
    box-shadow: none;
    border-radius: 8px;
    font-family: 'Rajdhani';
    color: #ffffff;
    font-size: 93.75%;
    font-weight: 500;
    border: none;
    text-decoration: none;
}

.testimonial-title.our-service-title{
  margin-bottom: 29px;
}

/* OUR PARTNER */

.our-partner-section .is-layout-flex{
   justify-content: center;
}

.our-partner-section .our-partner-logo {
   border-radius: 8px;
   box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
   padding: 0 15px;
}

.our-partner-section .our-partner-title h3{
    font-size: 36px;
    color: #1C2023;
    font-family: "Joan", serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    margin: 20px 0 30px;
}

.our-partner-section{
  margin-top: 10px;
  margin-bottom: 30px;
}


/* BLOG SECTION */

.bdpp-post-carousel-wrap .owl-nav .owl-next, 
.bdpp-post-carousel-wrap .owl-nav .owl-prev{
  background: linear-gradient(182deg, rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%) !important;
}

.bdpp-post-carousel-wrap .owl-dots .owl-dot.active{
  background: #2a4681 !important;
}

.bdpp-post-carousel-wrap .owl-dots .owl-dot{
  width: 22px !important;
  height: 5px !important;
  border-radius: 0 !important;
  background: #cccccc !important;
}

.owl-carousel.owl-drag .owl-item .bdpp-post-slide{
  box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
  padding: 15px 15px 25px 15px;
  border-radius: 8px; 
  margin: 3px
}

.testimonial-title.our-service-title.news-blog{
    margin-bottom: 0;
}

.bdpp-post-carousel-wrap.bdpp-has-arrows{
  padding-top: 33px;
}

.bdpp-post-carousel-wrap.bdpp-design-1 .bdpp-post-carousel-content{
  text-align: left !important;
}

.bdpp-post-carousel-wrap h2.bdpp-post-title {
  font-size: 20px;
  margin-top: 20px !important;
}

.bdpp-post-carousel-wrap h2.bdpp-post-title a{
  font-family: "Rajdhani", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.bdpp-post-cats{
  display: none;
}

h2.bdpp-post-title{
  margin-bottom: 20px !important;
}

.post-content a {
    color: #0b2b6f;
    font-weight: 700;
    font-style: normal;
    font-family: "Inter", sans-serif;
}

.bdpp-post-slider-wrap .owl-dots .owl-dot.active{
   background: #0b2b6f !important;
}

.bdpp-post-slider-wrap .owl-dots .owl-dot{
   width: 33px !important;
    height: 6px !important;
    border-radius: 0;
}

/* NEWSLETTER */

.news-latter-section{
  background: #ffffff;
  box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
  border-radius: 15px;
  padding: 40px 30px 60px;
  width: 80%;
  margin: 55px auto -130px;
  position: relative;
}

.news-latter-section .your-work-title{
  text-align: center;
}

.news-latter-section .your-work-title h2{
  font-size: 36px;
  color: #1C2023;
  font-family: "Joan", serif;
  font-weight: 400;
  font-style: normal;
}

.news-latter-section .your-work-title h4{
  font-size: 24px;
  color: #1C2023;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  margin: 6px 0 35px;
}

.news-latter-section .news-letter-form .newsletter-frm{
  width: 82%;
  margin: 0 auto;
  position: relative;
}

.news-latter-section input{
  height: 46px;
  background: #fff;
  border-radius: 8px;
  width: 100%;
  box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
  border: none;
  padding: 10px 150px 10px 25px;
}

.news-latter-section input::placeholder {
  color: #928F8F; /* apna color */
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal; /* apna font */
}

/* Safari / Firefox ke liye support */
.news-latter-section input::-webkit-input-placeholder {
  color: #928F8F;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.news-latter-section input:-ms-input-placeholder {
  color: #928F8F;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.news-latter-section input::-ms-input-placeholder {
  color: #928F8F;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.news-latter-section button{
  background: linear-gradient(182deg, rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%) !important;
  opacity: 1;
  padding: 12px 30px 12px 30px;
  box-shadow: none;
  border-radius: 0 8px 8px 0;
  font-family: 'Rajdhani';
  color: #ffffff;
  font-size: 93.75%;
  font-weight: 500;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
}

/* FOOTER */

footer.footer-side{
  background-image: url(https://image3d.tgaystechnology.com/wp-content/uploads/2025/11/footer-bg-1024x486.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 130px;
}

.footer-widget{
  background: none !important;
  padding-bottom: 10px;
}

.footer-copyright {
    background: none !important;
}

.footer-logo img{
  width: 85%;
}

.footer-widget.footer-1 .text{
  margin-top: 20px;
}

.footer-widget.footer-1 .text p{
  font-size: 16px;
  color: #E6E9EF;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 23px;
} 

.footer-widget.footer-1 .footer-social-icon{
  margin-top: 35px;
}

.footer-widget.footer-1 .footer-social-icon ul{
  display: flex;
  gap: 10px;
  align-items: center;
}

.footer-widget.footer-1 .footer-social-icon ul li{
  line-height: 20px;
  font-size: 17px;
  color: #E6E9EF;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.footer-widget.footer-1 .footer-social-icon ul li a{
  border-radius: 100%;
} 

.footer-widget.footer-1 .footer-social-icon ul li.face-icon a{
  background: #3B5998;
  padding: 9px 16px;
}

.footer-widget.footer-1 .footer-social-icon ul li.twitter-icon a{
  background: #02B0E8;
  padding: 13px 14px 9px;
}

.footer-widget.footer-1 .footer-social-icon ul li.insta-icon a{
  background: linear-gradient(165deg,rgba(249, 206, 52, 1) 0%, rgba(238, 42, 123, 1) 50%, rgba(98, 40, 215, 1) 100%);
  padding: 13px 13px 8px;
}

.footer-widget.footer-1 .footer-social-icon ul li.linkedin-icon a{
  background: #05A7E3;
  padding: 13px 15px 8px;

}

.footer-widget.footer-area .footer-aside h4{
  font-size: 24px;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #E6E9EF;
  margin-bottom: 20px;
}

.footer-widget.footer-area .footer-aside ul li{
  padding: 5px 0;
  font-size: 17px;
  color: #E6E9EF;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.footer-widget.footer-area .footer-aside ul li a{
  font-size: 17px;
  color: #E6E9EF;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}


.footer-copyright p {
  color: #E6E9EF;
  border-top: 1px solid #E6E9EF;
  font-size: 16px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.footer-widget.footer-1 .footer-social-icon ul li a:hover{
   color: #0b2b6f !important;
   background: #fff !important;
   box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3) !important;
}

/* .footer-widget.footer-1 .footer-social-icon ul li.face-icon a {
    background: #fff;
    color: #3B5998;
    box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
} */

div#n2-ss-2 .nextend-arrow-animated-fade{
  display: none !important;
}

/* ABOUT US PAGE */

.about-us-area{
  padding-top: 50px;
}

.about-us-area h1{
  font-size: 36px;
  color: #1C2023;
  font-family: "Joan", serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 25px;
}

.about-us-area p{
  color: #1C2023;
  font-size: 17px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.about-us-area .about-us-thumb{
  position: relative;
}

.about-us-area .about-us-thumb .about-us-video-icon{
  position: absolute;
  top: 25%;
  left: 47%;
} 

.about-us-area .about-us-thumb .about-us-video-icon button{
  background: linear-gradient(142deg, rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%) !important;
  border-radius: 100px;
  color: #fff;
  padding: 20px 21px 21px;
  font-size: 28px;
  border: 1px solid #fff;
} 

.link-edit{
  display: none;
}








/* Container for the play button */
.about-us-video-icon{
  display:inline-block;
}

.video-play-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:64px;
  height:64px;
  border-radius:50%;
  background:linear-gradient(135deg,#ff6b6b,#ff9a6b);
  box-shadow:0 6px 18px rgba(0,0,0,.12);
  cursor:pointer;
  border:none;
  outline:none;
}
.video-play-btn svg{
  width:28px;
  height:28px;
  fill:#fff;
}


/* Modal overlay */
.video-modal{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,0.65);z-index:1000;padding:20px;
}


/* Modal content (video box) */
.video-modal__content{
  width:100%;
  max-width:1000px;
  background:transparent;
  border-radius:10px;
  position:relative;
  box-shadow:0 20px 50px rgba(0,0,0,.45);
}


/* Responsive iframe wrapper to keep 16:9 */
.video-responsive{
  position:relative;
  padding-bottom:56.25%;
  height:0;
  overflow:hidden;
  border-radius:8px;
}

.video-responsive iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:0;
}


/* Close button */
.video-close{
  position:absolute;
  top:-14px;
  right:-14px;
  width:40px;
  height:40px;
  border-radius:50%;
  background:#fff;
  border:0;cursor:
  pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
  z-index: 999999;
}
.video-close::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:50%;
}
.video-close svg{
  width:16px;
  height:16px;
}

.teeth-about-sec{
  padding-top: 90px;
}

.teeth-about-sec .about-five-box{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 20px;
}

.teeth-about-sec .about-five-box .box-sec-wrap{
  width: 18%;
  box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
  padding: 15px;
  border-radius: 9px;
  position: relative;
}
.teeth-about-sec .about-five-box .box-sec-wrap .icon{
  position: absolute;
  top: -40px;
  left: 26%;
  background: #fff;
}

.teeth-about-sec .about-five-box .box-sec-wrap .icon img{
  border-radius: 100px;
  width: 90px;
  box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
  padding: 8px;
}

.teeth-about-sec .about-five-box .box-sec-wrap .title-sec{
  padding-top: 50px;
}

.teeth-about-sec .about-five-box .box-sec-wrap .title-sec h5{
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  text-align: center;
}

.fleep-sec-wrapper-2 {
  position: relative;
  padding-top: 40px;
  margin-top: 60px;
}

.fleep-sec-wrapper-2 .choose-us-image img{
  height: 447px;
  object-fit: cover;
}

.fleep-sec-wrapper-2::before {
  position: absolute;
  bottom: 0;
  left: -130px;
  height: 100%;
  content: "";
  width: 32%;
  background: linear-gradient(182deg, rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%) !important;
  z-index: -1;
}

.fleep-sec-wrapper-2 .back-card{
  display: none;
}

.fleep-sec-wrapper-2 .fleep-kd{
  position: relative;
  margin-bottom: 25px;
  cursor: pointer;
}

.fleep-sec-wrapper-2 .fleep-kd::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--theme-color1);
    z-index: 2;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.fleep-img{
  position: relative;
}

.fleep-img::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(#212529), to(transparent));
    background: linear-gradient(to top, #212529, transparent);
    z-index: 2;
    content: "";
}

.fleep-kd:hover .fleep-img::before{
  background: linear-gradient(182deg, rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%) !important;
}



.fleep-sec-wrapper-2 .fleep-title {
/*   padding: 20px;
  position: absolute;
  bottom: 0px;
  z-index: 99; */

}

.fleep-sec-wrapper-2 .fleep-kd:hover .fleep-title h4{
/*    display: none; */
}

.fleep-sec-wrapper-2 .fleep-kd:hover .fleep-title{
  display: block;
}

.fleep-sec-wrapper-2 .fleep-title h4{
  font-size: 17px;
  font-weight: 400;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  text-align: center;
}

.fleep-sec-wrapper-2 .fleep-title{
  padding: 20px;
  position: absolute;
  bottom: 0px;
  z-index: 99;
}

.fleep-sec-wrapper-2 .fleep-kd:hover .fleep-title p{
    display: block;
}

.fleep-sec-wrapper-2 .fleep-title p{
  font-size: 16px;
  color: #fff;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
      margin-bottom: 0;
    text-align: center;
  display: none;
}

.counter-sec .conter-image{
   padding: 15px;
   box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
   border-radius: 10px;
}

.surgery-plan-sec{
  background: linear-gradient(182deg, rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%) !important;
  padding: 55px 0 40px;
  text-align: center;
}

.counter-sec{
  padding: 50px 0;
}

.surgery-pla-text h2{
  font-size: 36px;
  color: #fff;
  font-family: "Joan", serif;
  font-weight: 400;
  font-style: normal;
  margin: 0 0 20px;
}

.surgery-pla-text button{
/*   background: linear-gradient(182deg, rgb(246 246 247) 0%, rgb(173 175 179) 100%) !important; */
  background: #fff;
  opacity: 1;
  padding: 10px 30px 10px 30px;
  box-shadow: none;
  border-radius: 8px;
  font-family: 'Rajdhani';
  color: #000;
  font-size: 93.75%;
  font-weight: 600;
  border: none;
}

/* HOW TO WORK */

.offer-section-two{
  padding-top: 60px;
}

.offer-section-two {
    position: relative;
    overflow: hidden;
}

.offer-section-two .patten-sec{
/*   position: absolute;
  left: 0;
  top: 175px;
  width: 421px;
  height: 560px;
  content: ""; */

  display: none;
}

.offer-section-two .about-us-video-icon{
    position: absolute;
    top: 0;
    left: -9%;
}

.offer-section-two .about-us-video-icon .video-play-btn{
  background: linear-gradient(182deg, rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%);
  width: 77px;
  height: 75px;
  color: #fff;
  font-size: 28px;
  border-radius: 0;
}

.offer-section-two::after {
    position: absolute;
    background-image: url('https://image3d.tgaystechnology.com/wp-content/uploads/2025/11/pattern-8.png');
    left: 0;
    top: 175px;
    width: 421px;
    height: 560px;
    content: "";
}

.offer-section-two::before {
    position: absolute;
    left: 0;
    top: 140px;
    bottom: 0;
    width: 100%;
    background: linear-gradient(182deg, rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%);
    content: "";
}

.offer-section-two .content-column {
    position: relative;
}

.offer-section-two .content-column .inner-column {
    position: relative;
    padding: 140px 0 75px;
    z-index: 1;
}

.sec-title {
    position: relative;
    margin-bottom: 40px;
}

.sec-title h5{
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 21px;
  color: #fff;
}

.offer-section-two .info-box h3{
  font-size: 23px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  margin-bottom: 7px;
}

.offer-section-two .info-box p{
  font-size: 15px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  line-height: 22px;
}

.offer-section-two .content-column .info-box {
    position: relative;
    padding-left: 80px;
    min-height: 64px;
    margin-bottom: 45px;
}

.offer-section-two .content-column .info-box .count {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    width: 64px;
    background-color: #fff;
    line-height: 1em;
    font-size: 16px;
    font-weight: 700;
    color: #162951;
    border-radius: 50%;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.offer-section-two .content-column .info-box .text {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0;
    color: #212529;
    font-weight: 400;
    max-width: 400px;
}

.offer-section-two .image-column {
    position: relative;
    z-index: 1;
}

.offer-section-two .image-column .inner-column {
    position: relative;
    padding-left: 20px;
}

.offer-section-two .image-column .image-box {
    position: relative;
    margin-right: -375px;
}

.offer-section-two .image-column .image-box .image {
    position: relative;
    margin-bottom: 0;
    width: 100%;
}

.offer-section-two .image-column .image-box .image img {
    width: 100%;
    min-height: 930px;
    -o-object-fit: cover;
    object-fit: cover;
}

.offer-section-two .image-column .video-box {
    position: absolute;
    left: -140px;
    top: 0;
}

.offer-section-two .image-column .video-box .play-btn {
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 140px;
    width: 140px;
    background-color: #000;
    color: #fff;
    font-size: 24px;
}

.your-work-section iframe.your-work-video{
  width: 100%;
  height: 380px;
  border-radius: 30px;
}

.testimonial-title.testimonial-page-title{
  padding-top: 20px;
}

.testimonial-title .testimonial-text-sec h5{
  text-align: center;
  font-size: 24px;
  color: #1C2023;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  margin-top: 10px;
}

/* SERVICE PAGE */

.service-list-wrap{
  padding: 50px 0 25px;
  display: none;
}

.service-detail-one.high-quality-sec{
  margin-top: 50px;
}

.service-nav-list ul{
  padding-left: 0 !important;
  border: 1px solid #2f4678;
}

.service-nav-list ul li{
  border-bottom: 1px solid #2f4678;
  padding-left: 37px;
  position: relative;
}

.service-nav-list ul li.active{
  background: linear-gradient(182deg, rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%);
}

.service-nav-list ul li.active a{
  color: #fff;
}

.service-nav-list ul li.active span{
  background: linear-gradient(182deg, rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%);
}

.service-nav-list ul li:hover{
  background: linear-gradient(182deg, rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%);
}

.service-nav-list ul li:hover a{
   color: #fff;
}

.service-nav-list ul li span{
  position: absolute;
  top: 0;
  left: 0px;
  background: linear-gradient(182deg, rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%);
  width: 37px;
  height: 46px;
  line-height: 25px;
  color: #fff;
  padding: 12px 7px 7px 7px;
  font-size: 22px;
}

.service-nav-list ul li:nth-child(6){
  border-bottom: none;
}

.service-nav-list ul li a{
  text-decoration: none;
  width: 100%;
  display: block;
  padding: 10.25px 10px;
  font-size: 17px;
  font-weight: 500;
  color: #1C2023;
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
}

.service-list-wrap .service-right-sec{
  position: relative;
}

.service-list-wrap .service-title{
  position: absolute;
  top: 30px;
  left: 39px;
}

.service-list-wrap .service-title h5{
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 22px;
  color: #fff;
}

.service-detail-two{
  padding: 50px 0;
}

.service-detail-one .service-detail-img img,
.service-detail-two .service-detail-img img{
  width: 100%;
  height: 300px;
/*   border: 7px solid #2f4678; */
    object-fit: cover;
}

.service-detail-one .row,
.service-detail-two .row{
    align-items: center;
}

.service-detail-one .detail-text-ser-right{
  position: relative;
  box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
  border-radius: 0;
  padding: 35px 35px;
  background: #fff;
}

.service-detail-two .detail-text-ser-right {
  position: relative;
  box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
  border-radius: 0;
  padding: 35px 35px;
  background: #fff;
}

.service-detail-one .service-dt-text h5,
.service-detail-two .service-dt-text h5{
  font-family: "Rajdhani", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #1C2023;
  font-size: 24px;
}

.service-detail-one .service-dt-text p,
  .service-detail-two .service-dt-text p{
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  color: #1C2023;
  margin-bottom: 0;
}

.service-detail-one .detail-img-serv-left .service-detail-img{
  margin-right: -80px;
}

.service-detail-two .detail-img-serv-left .service-detail-img{
  margin-left: -80px;
}

.sgwf_come2theweb{
  padding: 50px 0 10px;
}

.sgwf_filter ul li a{
  text-decoration: none;
  padding: 6px 11px;
  border-radius: 5px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
}

.sgwf_filter ul li a.active{
  background: linear-gradient(182deg, rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%);
}

.sgwf-pagination{
  display: none !important;
}

.sgwf_gallery_items .sgwf_c2tw_iteminr a{
  box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
  padding: 5px;
  border-radius: 10px;
}

.c2twsg_mesonry_item .sgwf_c2tw_iteminr img{
  border-radius: 10px;
}

.sgwf_c2tw_iteminr h3{
  background: linear-gradient(182deg, rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%);
  font-size: 20px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  display: none !important;
}

.slbContentOuter .slbCaption{
  display: none;
}

#bdpp-post-list-1{
  padding: 50px 0 10px;
}


.bdpp-post-list-main {
    box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
    padding-top: 15px;
}

.bdpp-post-list-main .bdpp-post-content .bdpp-post-desc{
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #000;
}

.bdpp-post-list-main .bdpp-post-content a.bdpp-rdmr-btn{
  background: linear-gradient(142deg, rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%) !important;
  color: #fff !important;
  border-radius: 5px;
  border: none;
  padding: 10px 20px;
  font-weight: 400;
}

.bdpp-post-list-main .bdpp-post-content a.bdpp-rdmr-btn:hover{
  background: #000 !important;
  color: #fff !important;
  border-radius: 5px;
  border: none;
}


.online-tranin-text .sign-text-sec h2{
  margin-bottom: 20px ;
}

.youtube-videos-wrap{
  padding: 20px 0;
}

.youtube-videos-wrap .you-tube-vid{
  margin-bottom: 18px;
  box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
  border-radius: 8px;
  padding: 8px 8px 0;
  background: linear-gradient(142deg, rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%) !important;
}

.youtube-videos-wrap .you-tube-vid iframe{
  width: 100% !important;
  height: 196px;
  border-radius: 8px;
}

.banner-listing-wrap .banner-img{
  margin-bottom: 20px;
}

.banner-listing-wrap .banner-img img{
   border-radius: 8px;
}

#formnew{
  box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
  border-radius: 8px;
  padding: 35px 25px;
}

#formnew .form-group{
  margin-bottom: 20px;
}

#formnew .form-group input,
#formnew .form-group select,
.wpcf7-form .wpcf7-form-control-wrap input,
.wpcf7-form .wpcf7-form-control-wrap textarea{
   box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
   border: none;
}

#formnew .form-group input::placeholder{
  color: #555;
  opacity: 1; 
  font-size: 15px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.wpcf7-form .wpcf7-form-control-wrap input{
  box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
  border: none;
  width: 100%;
  height: 36px;
  border-radius: 5px;
  margin-top: 10px;
  padding: 10px 20px;
}

.wpcf7-form .wpcf7-form-control-wrap textarea{
  box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
  border: none;
  width: 100%;
  height: 150px;
  border-radius: 5px;
  margin-top: 10px;
  padding: 10px 20px;
}

.wpcf7-form .wpcf7-form-control-wrap input::placeholder,
.wpcf7-form .wpcf7-form-control-wrap textarea::placeholder{
  color: #555;
  opacity: 1; 
  font-size: 15px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.wpcf7-form label,
.wpcf7-form label{
  color: #1C2023;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  width: 100%;
}

.wpcf7-form p{
  margin-top: 20px;
}

#formnew .form-group select {
  color: #555;
  opacity: 1; 
  font-size: 15px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}

#formnew h5{
  color: #1C2023;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}

#formnew h4{
  color: #1C2023;
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-bottom: 25px;
}

#formnew input[type="checkbox" i]{
  margin-right: 5px;
  box-shadow: none;

}

#formnew label{
  color: #1C2023;
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-bottom: 8px;
}

#formnew button{
  background: linear-gradient(142deg, rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%) !important;
  color: #fff;
  font-size: 16px;
  color: #fff;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  margin-bottom: 15px;
}

#formnew form h4{
  margin-bottom: 30px !important;
}

#formnew .form-group p{
  color: #1C2023;
  font-size: 16px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}

#formnew .form-group p a{
  font-size: 16px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.ortho-img{
  margin-top: 25px;
}

.ortho-btn .ortho-print{
  margin-left: 10px;
}


.I3DCPlan-text h4{
  margin: 25px 0 8px;
}

.I3DCPlan-text h2{
  margin: 0 0 20px;
}

.I3DCPlan-img{
  margin-top: 30px;
}

.teeth-about-sec.ortho-teeth-sec{
  padding-top: 25px;
  padding-bottom: 50px;
}

.teeth-about-sec.ortho-teeth-sec .orth-process{
  margin-bottom: 70px;
}

.teeth-about-sec.ortho-teeth-sec .orth-process h2{
  font-size: 36px;
  color: #1C2023;
  font-family: "Joan", serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 15px;
}

.teeth-about-sec.ortho-teeth-sec .orth-process p{
  color: #1C2023;
  font-size: 16px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.teeth-about-sec.ortho-teeth-sec .about-five-box .box-sec-wrap .title-sec h5{
   font-size: 20px;
   font-weight: 600;
}

.teeth-about-sec.ortho-teeth-sec .about-five-box .box-sec-wrap .title-sec p{
  color: #1C2023;
  font-size: 15px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  text-align: center;
}

.surgery-plan-sec.ortho-surgery h5{
  font-size: 24px;
  color: #fff;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.orthodontic-smile-plan{
  padding-top: 50px;
}

.orthodontic-smile-plan .smile-title h4{
  font-size: 24px;
  color: #1C2023;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.orthodontic-smile-plan .smile-listing .smile-icon span{
  box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
  padding: 27px 22px 15px;
  border-radius: 50%;
  font-size: 25px;
  color: #1a2d57;
  border: 2px dotted #0b2b6f;
}

.orthodontic-smile-plan .smile-listing{
  margin-top: 40px;
}

.orthodontic-smile-plan .smile-ortho-ing img{
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 20px 30px 30px 128px;
}

.news-latter-section.inner-newslatter-sec{
  margin: 20px auto -130px;
}

.city-page-link {
   display: flex; 
   justify-content: center; 
   gap: 10px;
}

.city-workshop{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.city-workshop .box-wrap{
  width: 32%;
/*   background: linear-gradient(142deg, rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%) !important; */
  text-align: center;
  padding: 30px;
  border-radius: 15px;
  box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
  background: #fff;
}

.city-workshop .box-wrap h4{
  color: #1C2023;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-bottom: 25px;
  margin-bottom: 15px;
}

.city-workshop .box-wrap p{
  color: #1C2023;
  font-size: 16px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  margin-bottom: 8px;
  text-transform: lowercase;
}

.city-workshop .box-wrap .city-page-link a{
  text-decoration: none;
  font-family: 'Rajdhani';
/*   color: #2F4678; */
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #2F4678;
  border-radius: 5px;
  padding: 7px 20px;
/*   background: #fff; */
  background: linear-gradient(142deg, rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%) !important;
}

.city-box{
   padding: 50px 0;
}

.cerifi-maon-text .top-cerif-title{
  margin-bottom: 25px;
}

.cerifi-maon-text .top-cerif-title h2{
  font-size: 36px;
  color: #1C2023;
  font-family: "Joan", serif;
  font-weight: 400;
  font-style: normal;
}

.cerifi-maon-text .top-cerif-title p{
  color: #1C2023;
  font-size: 16px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  margin-bottom: 8px;
  text-transform: lowercase;
}

.cerifi-maon-text .bottom-cerfi-text h4{
  font-size: 17px;
  font-weight: 400;
  color: #1C2023;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
} 

.cerifi-maon-text .bottom-cerfi-text h4 span{
  margin-right: 10px;
}

.cerifi-maon-text .bottom-cerfi-text p{
  color: #1C2023;
  font-size: 16px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  margin-bottom: 8px;
  text-transform: lowercase;
} 

.cerifi-maon-text .bottom-cerfi-text.tow-certi{
  margin-top: 25px;
}

.cerificate-works .sec-title{
  margin-bottom: 0;
}

.cerificate-works {
/*   padding: 50px 0 15px; */
   padding: 25px 0 15px;
}

@media (min-width: 992px) {
    .cerificate-works .main_title {
        width: 83%;
    }
}

.cerificate-works .sec-title h2{
  font-size: 36px;
  color: #1C2023;
  font-family: "Joan", serif;
  font-weight: 400;
  font-style: normal;
}

.cerificate-works .sub_title h5{
    font-size: 19px;
    color: #1C2023;
    font-family: "Rajdhani", sans-serif;
    font-weight: 500;
    font-style: normal;
    margin: 14px 0 20px;
}

.cerificate-works .xb-item-inner {
    background-color: #fff;
    border: 1px solid #edf3f5;
    border-radius: 15px;
    box-shadow: 0 30px 45px rgba(122, 146, 168, .08);
    overflow: hidden;
    padding: 18px 25px 20px;
    position: relative;
    z-index: 1;
    margin-bottom: 25px;
    height: 126px;
}

.cerificate-works .xb-item-inner::before {
    background-color: #f4f8fa;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-top-right-radius: 0;
    content: "";
    height: 105px;
    left: 0;
    position: absolute;
    top: -6px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 45px;
    z-index: -1;
}

.cerificate-works .xb-item-number {
    align-items: center;
    background-color: #0b2b6f;
    border-radius: 50%;
    box-shadow: 0 4px 7px rgba(178, 190, 205, .29);
    color: #fff;
    display: flex;
    font-weight: 700;
    height: 36px;
    justify-content: center;
    left: 25px;
    margin-right: 29px;
    position: absolute;
    top: 49px;
    width: 36px;
}

.cerificate-works .xb-item-holder {
    padding-left: 75px;
}

.cerificate-works h3.xb-item-title {
    font-size: 19px;
    color: #1C2023;
    font-family: "Rajdhani", sans-serif;
    font-weight: 500;
    font-style: normal;
    margin-bottom: 15px;
}

.event-workshop .enevt-title h2{
  text-align: center;
  font-size: 36px;
  color: #1C2023;
  font-family: "Joan", serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 25px;
}

.event-workshop .event-img img{
  border-radius: 10px;
}

.event-workshop{
  padding: 40px 0 50px;
}

#success-stories{
  background-image: url("https://image3d.tgaystechnology.com/wp-content/uploads/2025/11/sucees-story-1024x402.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0 170px;
}

.certifi-text{
  padding-top: 40px;
  padding-bottom: 30px;
}

.city-box{
  background-image: url("https://image3d.tgaystechnology.com/wp-content/uploads/2025/11/teeth-ortho_bg-1024x475.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.cerificate-works{
  background-image: url("https://image3d.tgaystechnology.com/wp-content/uploads/2025/11/teeth-bg-1-1024x572.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#success-stories .sec-title h2 {
  text-align: center;
  font-size: 36px;
  color: #fff;
  font-family: "Joan", serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 25px;
}

.success-storie_review {
    margin-top: -150px;
    z-index: 999;
    position: relative;
}

.success-storie_review .testimonial-block {
    position: relative;
    padding: 15px 0px 30px;
    text-align: center;
}

.success-storie_review .testimonial-block .inner-box {
    position: relative;
}

.success-storie_review .testimonial-block .image-box {
  position: relative;
  display: inline-block;
  height: 180px;
  width: 180px;
  margin-bottom: 25px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.success-storie_review .testimonial-block .image-box img {
    height: 100%;
    width: 100%;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    border-radius: 50%;
    border: 5px solid #2a4070;
}

.success-storie_review .testimonial-block .image-box span {
  background: #2a4070;
  border-radius: 50%;
  position: absolute;
  right: -18px;
  bottom: 18px;
  color: #fff;
  font-size: 25px;
  padding: 13px 20px 7px;
}

.success-storie_review .testimonial-block .content-box {
    position: relative;
    background-color: #fff;
    padding: 30px 25px;
    -webkit-transition: all 300ms ease;
    border-radius: 8px;
    transition: all 300ms ease;
    box-shadow: 0 0px 8px rgba(178, 190, 205, .29);
}

.success-storie_review .testimonial-block .content-box h5.name{
  font-size: 18px;
  font-weight: 400;
  color: #1C2023;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
}

.success-storie_review .testimonial-block .content-box .designation{
  color: #1C2023;
  font-size: 16px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  margin-bottom: 8px;
  text-transform: lowercase;
}

#wpcf7-f557-p17-o1,
.contact-detail{
  padding-top: 20px;
}

.wpcf7-form-control.wpcf7-submit{
    background: linear-gradient(182deg, rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%) !important;
    opacity: 1;
    padding: 10px 30px 10px 30px;
    box-shadow: none;
    border-radius: 8px;
    font-family: 'Rajdhani';
    color: #ffffff;
    font-size: 93.75%;
    font-weight: 500;
    border: none;
}

.contact-detail h3{
      font-size: 36px;
    color: #1C2023;
    font-family: "Joan", serif;
    font-weight: 400;
    font-style: normal;
    margin: 0 0 25px;
}

.contact-detail .icon-box{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.contact-detail .icon-box span{
  width: 5%;
  font-size: 26px;
  color: #2f4678;
}

.contact-detail .icon-box .media-body{
  width: 90%;
}

.contact-detail .icon-box .media-body h5,
.related-post h3{
  font-size: 21px;
  color: #1C2023;
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.contact-detail .icon-box .media-body p{
  color: #1C2023;
  font-size: 16px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.contact-detail .icon-box .media-body p a{
  color: #1C2023;
    font-size: 16px;
    font-family: "Rajdhani", sans-serif;
    font-weight: 500;
    font-style: normal;
    text-decoration: none;
}

form.wpcf7-form{
  box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
  width: 100%;
  margin-top: 10px;
  padding: 20px 40px 25px;
  background: #fff;
  border: 15px solid #2f4678;
}

.post-single,
.sidebar-area{
  margin-top: 50px;
  box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
  padding: 20px;
}

.sidebar-area h4.title::before,
.sidebar-area h4.title::after{
   background: #2f4678 !important;
}

#searchform{
  border-radius: 8px !important;
}

.searchform input[type="submit"]{
  background: linear-gradient(182deg, rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%) !important;
  opacity: 1;
  padding: 10px 15px 10px 15px;
  box-shadow: none;
  border-radius: 8px;
  font-family: 'Rajdhani';
  color: #ffffff;
  font-size: 93.75%;
  font-weight: 500;
  border: none;
  position: absolute;
  right: 0;
  margin: 0;
}

.searchform input[type="text"]{
  border-radius: 8px;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  width: 100%;
  box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
  border: none;
  padding: 10px 113px 10px 15px;
}

.searchform input[type="text"]::placeholder{
  color: #555;
  opacity: 1; 
  font-size: 15px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}

#searchform{
  position: relative;
  border: none;
}

.sidebar-area h4.title{
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #1C2023;
}

.sidebar-area li a:hover, .sidebar-area li:hover{
  color: #1C2023;
}

.sidebar-area li a, .sidebar-area li{
  color: #1C2023;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.post-single .post-info span, 
.post-single .post-info a,
.post-info a,
.post-info a:hover{
  color: #666;
  font-size: 13px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  text-decoration: none;
}

.post-single .post-info i,
.post-info i,
.post-info i:hover{
  color: #666;
  font-size: 13px;
  text-decoration: none;
}

.post-single .post-content p,
.single-post-category span{
  color: #1C2023;
  font-size: 16px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.single-post-category .post-categories li a{
  color: #fff;
  font-size: 14px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  background: linear-gradient(182deg, rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%) !important;
  text-decoration: none;
}

#comments h2#reply-title{
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #1C2023;
}

#comments p{
    color: #1C2023;
  font-size: 16px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}

#comments p a:hover{
   color: #2f4678;
}

#comments .comment-form-comment textarea{
  box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
  border: none;
  width: 100%;
  height: 150px;
  border-radius: 5px;
  margin-top: 10px;
  padding: 10px 20px;
  margin-bottom: 0;
}

input:focus-visible,
textarea:focus-visible{
  outline: none;
}


#comments .comment-form-comment textarea::placeholder{
  color: #555;
  opacity: 1; 
  font-size: 15px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.comment-respond input#submit,
p.slider-button a{
  background: linear-gradient(182deg, rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%) !important;
  opacity: 1;
  padding: 10px 15px 10px 15px;
  box-shadow: none;
  border-radius: 8px;
  font-family: 'Rajdhani';
  color: #ffffff;
  font-size: 93.75%;
  font-weight: 500;
  border: none;
}

.related-post{
  margin-top: 20px;
  margin-bottom: 30px;
}

.related-post h3.post-title,{
  color: #0b2b6f;
  font-weight: 500;
  font-style: normal;
  font-family: "Inter", sans-serif;
  text-align: left;
  font-size: 18px;
  margin-bottom: 10px !important;
}

.related-post h3.post-title a{
  color: #0b2b6f;
  font-weight: 500;
  font-style: normal;
  font-family: "Inter", sans-serif;
  text-align: left;
}

.related-post h3.post-title a:hover{
  color: #0b2b6f;
}

.related-post .post-content{
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #1C2023;
  text-align: left;
}


#comments p.form-submit{
  margin-bottom: 30px;
}

.post-single .post-content .wp-block-heading{
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #1C2023;
}

.post-single ul.wp-block-list{
/*   padding-left: 0; */
}

.post-single .wp-block-list li{
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #1C2023;
  list-style: outside;
}

.post-single .wp-block-list li a{
    font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #1C2023;
}

.comment-form-author,
.comment-form-email,
.comment-form-url{
  display: none;
}

#services {
    padding-top: 50px;
    padding-bottom: 50px;
    z-index: 2;
    position: relative;
}

.service-wrap {
    position: relative;
}

.service-bg {
    background-color: #1D2F41;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    max-height: 305px;
    width: 100%;
    z-index: -1;
    /* height: 100%; */
    height: 305px;
    /* position: absolute; */
    top: 0;
}

.service .back-bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 294px;
  opacity: .7;
}

#services h2.section_title {
    font-size: 52px;
    color: #fff;
    padding: 70px 0 0 0;
    font-family: "Inter", sans-serif;
    font-weight: 700;
}

.service-img_right {
    background-image: url("https://image3d.tgaystechnology.com/wp-content/uploads/2025/11/service_img2222.jpg");
    background-repeat: no-repeat;
    max-height: 790px;
    right: 0;
    width: 41.5%;
    height: 685px;
    position: absolute;
    top: 0;
    border-radius: 30px 0 0 30px;
}

.service_list_cour {
    margin-top: -150px;
}

.service {
    position: relative;
}

.service .service-img {
  position: relative;
  box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
  background: #fff;
  border-radius: 20px;
}

.service .service-img img {
    border-radius: 20px;
    opacity: 0;
}

.service .service_text {
    position: absolute;
    top: 116px;
    width: 100%;
    text-align: center;
}

.service_text h5 {
  font-size: 25px;
  font-weight: 500;
  color: #1C2023;
  font-family: "Rajdhani", sans-serif;
  font-style: normal;
  text-transform: initial;
}


#featured_section {
    background-image: url("https://image3d.tgaystechnology.com/wp-content/uploads/2025/11/6as5o86as5o86as5-copy-1024x402.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding: 50px 0;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgb(29 29 30 / 100%), rgb(8 8 8 / 92%));
    z-index: -1;
}

#featured_section img {
    width: 78%;
    margin-top: 110px;
}

.section-intro {
    margin-bottom: 40px;
}

#featured_section h2.section_title {
    padding-top: 20px;
    padding-bottom: 30px;
    font-weight: 400 !important;
    font-size: 36px;
    color: #fff;
/*     padding: 70px 0 0 0; */
    font-family: "Joan", serif;
}

.featured_wrap .featud_box {
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
    background: #fff;
    position: relative;
    margin-bottom: 70px;
}

.featured_wrap .featud_box::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 5px;
    width: 100%;
    background: linear-gradient(to right, #4c69a5, #182b53);
    content: "";
}

.featured_wrap .featud_box .icon span {
    padding: 20px 27px;
    background: linear-gradient(to right, #4c69a5, #182b53);
    border-radius: 50px;
    color: #fff;
    font-size: 32px;
    position: absolute;
    top: -36px;
    left: 30px;
}

.featured_wrap .featud_box .text_box {
    padding: 80px 25px 25px 25px;
}

.featured_wrap .text_box h3 {
    font-size: 22px;
    color: #1C2023;
    font-family: "Rajdhani", sans-serif;
    font-weight: 700 !important;
}

.featured_wrap .text_box p {
    font-size: 16px;
    color: #1C2023;
    font-weight: 500;
    font-family: "Rajdhani", sans-serif;
}

.tech-stats-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 30px;
    max-width: 1200px;
    width: 100%;
}

.tech-card {
    background: #fff;
    padding: 40px 30px;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
/*     border: 1px solid rgba(255, 255, 255, 0.5); */
    box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
    border-radius: 10px;
    position: relative;
}

.tech-card .bg-img{
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: .1;
}

.tech-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    transition: opacity 0.4s ease;
}

.tech-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);
}

.tech-card:hover::before {
    opacity: 1;
}

.icon-wrapper {
    font-size: 40px;
    color: #304779;
}

.tech-card:hover .icon-wrapper {
    transform: scale(1.1);
}

.stat-number {
  font-size: 39px;
  margin-bottom: 5px;
  line-height: 1.1;
  background: linear-gradient(135deg, #2563eb, #06b6d4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -1px;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}

.stat-label {
    font-size: 20px;
    color: #1C2023;
    font-weight: 600;
    font-family: "Rajdhani", sans-serif;
    font-style: normal;
}

.tech-card {
    animation: fadeUp 0.8s ease-out forwards;
    opacity: 0;
    transform: translateY(20px);
}

.tech-card:nth-child(1) { animation-delay: 0.1s; }
.tech-card:nth-child(2) { animation-delay: 0.2s; }
.tech-card:nth-child(3) { animation-delay: 0.3s; }
.tech-card:nth-child(4) { animation-delay: 0.4s; }

@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.tech-stats-container{
  padding: 50px 0;
}

.orth-process-sec .featured_wrap .featud_box .icon span{
  line-height: 0;
  padding: 27px 27px !important;
}

#featured_section.orth-process-sec h2.section_title{
  padding-bottom: 5px;
  text-align: left !important;
}

#featured_section.orth-process-sec .section-intro p{
  color: #fff;
    font-size: 17px;
    font-family: "Rajdhani", sans-serif;
    font-weight: 500;
    font-style: normal;
    margin-bottom: 70px;
}




/* CUSTOM MEDIA QUERY */

@media (min-width: 992px) {
    .featured_wrap .featud_box.featud_three, .featured_wrap .featud_box.featud_four {
        margin-bottom: 50px !important;
    }
}


@media (max-width: 991px) {
    .service-img_right, .work_right_sec img, #featured_section .col-md-4 {
        display: none;
    }
}

@media (max-width: 767px) {
    #featured_section img {
        margin-top: 20px;
    }
}

@media (max-width: 550px) {
  #featured_section h2.section_title {
    font-size: 27px !important;
  }

  .service .back-bg{
    height: 274px;
  }

  .service-bg {
    max-height: 320px !important;
  }
}

@media only screen and (max-width: 1023px) {
    .offer-section-two .content-column .inner-column {
        padding-top: 120px;
        margin-right: 0;
        padding-bottom: 20px;
    }
}
@media only screen and (max-width: 1199px) {
    .offer-section-two .content-column .inner-column {
        margin-right: -30px;
    }
}

@media only screen and (max-width: 1023px) {
    .offer-section-two .image-column .inner-column {
      padding-left: 0;
    }

    .offer-section-two .image-column .image-box {
      margin-right: 0;
    }

    .offer-section-two .image-column .video-box {
      top: 50%;
      left: 50%;
      margin-left: -70px;
      margin-top: -70px;
      animation: zoom-one 5s infinite linear;
    }
}

@media (max-width: 1399px) {
    .fleep-sec-wrapper-2::before {
      width: 25%;
    }
}

/* Small screen tweaks */
@media (max-width:520px){
  .video-play-btn{
    width:56px;
    height:56px;
  }

  .video-modal{
    padding:10px;
  }
}

@media screen and (max-width: 420px) {

  .fleep-sec-wrapper-2 .fleep-title h4 {
    font-size: 15px !important;
  }

  .fleep-sec-wrapper-2 .fleep-title p {
    font-size: 14px !important;
  }

  .teeth-about-sec .about-five-box .box-sec-wrap:nth-child(5){
    margin-bottom: 35px !important;
  }

  .teeth-about-sec .about-five-box{
    display: block !important;
  }
  
  .teeth-about-sec .about-five-box .box-sec-wrap{
    width: 100%;
    margin-bottom: 70px;
  }
  
  .teeth-about-sec .about-five-box .box-sec-wrap .icon{
    position: initial !important;
    margin-top: -56px !important;
    background: transparent !important;
    text-align: center;
  } 

  .teeth-about-sec .about-five-box .box-sec-wrap .title-sec{
    padding-top: 20px !important;
  }

  .teeth-about-sec .about-five-box .box-sec-wrap .icon img{
    background: #fff;
  }

  .fleep-sec-wrapper-2{
    padding-top: 0 !important;
    margin-top: 0 !important;  
  }
}

@media screen and (min-width : 421px) and (max-width : 767px) {

  .fleep-sec-wrapper-2{
    padding-top: 0 !important;
    margin-top: 0 !important;  
  }

  .teeth-about-sec .about-five-box .box-sec-wrap .icon{
    position: initial !important;
    margin-top: -56px !important;
    background: transparent !important;
    text-align: center;
  } 

  .teeth-about-sec .about-five-box .box-sec-wrap .title-sec{
    padding-top: 20px !important;
  }

  .teeth-about-sec .about-five-box .box-sec-wrap {
    width: 47%;
    margin-bottom: 50px;
  }
}

@media screen and (min-width : 992px) and (max-width : 1199px) {
 .service-img_right{
    height: 595px !important;
    min-height: 595px !important;
  }

  .service .back-bg{
    height: 244px !important;
  }
}

@media screen and (min-width : 768px) and (max-width : 991px) {

  .service .back-bg{
    height: 174px !important;
  }

  .service .service_text{
    top: 64px !important;
  }

  .service_text h5{
    font-size: 20px !important;
  }

  .service-img_right{
    height: 465px !important;
    max-height: 465px !important;
  }

  .city-workshop .box-wrap{
    width: 48% !important;
  }
  .teeth-about-sec .about-five-box .box-sec-wrap {
    width: 31%;
    margin-bottom: 50px;
  }

  .teeth-about-sec .about-five-box{
    justify-content: center !important;
  }

  .counter-sec .conter-image:nth-child(1),
  .counter-sec .conter-image:nth-child(2){
     margin-bottom: 30px !important;
  }
  
  .fleep-sec-wrapper-2 .col-12.col-md-6.col-lg-7.mt-5.mt-lg-0{
    margin-top: 0 !important;
  }

}

@media screen and (min-width : 768px) and (max-width : 1199px) {
  .fleep-sec-wrapper-2 .col-12.col-md-5.col-lg-5,
  .fleep-sec-wrapper-2 .col-12.col-md-6.col-lg-7.mt-5.mt-lg-0{
    width: 100% !important;
  }

  .fleep-sec-wrapper-2 .choose-us-image img{
    height: auto !important;
    width: 100%;
  }

  .fleep-sec-wrapper-2 .choose-us-image{
    margin-bottom: 30px;
  }
}

@media screen and (min-width : 992px) and (max-width : 1199px) {
   .service-nav-list ul li a{
      padding: 12.25px 10px !important;
      font-size: 14.4px !important;
   }

   .service-list-wrap .service-title h5{
      font-size: 20px !important;
   }

   .service-nav-list ul li span{
      font-size: 16px !important;
      width: 34px !important;
   }

   .service-nav-list ul li{
      padding-left: 31px !important;
   }


}

@media screen and (max-width: 550px) {

  div#n2-ss-2 .n2-style-785355f374be86c332d4665aae819858-dot{
    padding: 3px !important;
  }

  .testimonial-title .testimonial-text-sec h5{
    font-size: 21px;
  }

  .sp-testimonial-free-section .sp-testimonial-title{
    left: 122px !important;
  }

  #sp-testimonial-free-wrapper-191 .sp-testimonial-free-section .sp-testimonial-client-image{
    left: 20px !important;
  }

  #sp-testimonial-free-wrapper-191 .sp-testimonial-free-section{
    margin: 35px 0px 35px !important;
  }

  div#n2-ss-8 .n2-ss-slide,
  div#n2-ss-3 .n2-ss-slide,
  div#n2-ss-4 .n2-ss-slide,
  div#n2-ss-5 .n2-ss-slide,
  div#n2-ss-6 .n2-ss-slide,
  div#n2-ss-7 .n2-ss-slide,
  div#n2-ss-8 .n2-ss-slide,
  div#n2-ss-9 .n2-ss-slide,
  div#n2-ss-10 .n2-ss-slide,
  div#n2-ss-11 .n2-ss-slide,
  div#n2-ss-12 .n2-ss-slide,
  div#n2-ss-13 .n2-ss-slide,
  div#n2-ss-14 .n2-ss-slide,
  div#n2-ss-15 .n2-ss-slide,
  div#n2-ss-16 .n2-ss-slide,
  div#n2-ss-17 .n2-ss-slide,
  div#n2-ss-18 .n2-ss-slide,
  div#n2-ss-19 .n2-ss-slide,
  div#n2-ss-20 .n2-ss-slide{
    height: 225px !important;
  }

  div#n2-ss-2 .n2-ss-slide{
    height: 420px !important;
  }

  div#n2-ss-2 .n-uc-3PUVLkA4GAzk-inner{
    padding-top: 20px !important;
  }

  .counter-sec{
    padding: 10px 0 0px !important;
  }

  .news-latter-section button{
    position: inherit !important;
    border-radius: 8px !important;
    width: 100%;
    margin-top: 20px;
  }

  .news-latter-section input{
    padding-right: 25px !important;
  }

  .news-latter-section{
    width: 90% !important;
    margin-top: 30px !important;
  }
}

@media screen and (max-width: 768px) {

  .admin-bar #main-menu{
    border-radius: 0 !important;
  }

  .about-us-area{
    padding-top: 30px !important;
  }

  .admin-bar button.close-menu {
    right: 9px !important;
    top: 7px !important;
    padding-left: 13px !important;
    padding-right: 13px !important;
    border-radius: 8px !important;
  }

  div#n2-ss-4 .n2-font-08ead44c4dc18d95848099b1b5611022-hover{
    font-size: 27px !important;
  }

  .bottom-header{
    background: none !important;
  }

  #site-navigation .bottom-header{
    float: right;
  }

  #site-navigation .menu-toggle,
  #site-navigation button.close-menu{
    background: linear-gradient(182deg, rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%) !important;
  }

  #sp-testimonial-free-wrapper-191 .sp-testimonial-free-section .sp-testimonial-title .sp-testimonial-post-title {
    font-size: 15px !important;
  }
}

@media screen and (min-width : 320px) and (max-width : 423px) {
  .contact-detail .icon-box .media-body {
    width: 87%;
  }  
}


@media screen and (min-width : 320px) and (max-width : 767px) {

  .sign-design.I3DCPlan-text{
    padding-top: 30px;
  }

  .orthodontic-smile-plan .smile-title h4{
        font-size: 20px;
  }

  .teeth-about-sec.ortho-teeth-sec{
    padding-bottom: 0 !important;
  }

  .I3DCPlan-text h4{
    margin-top: 0;
  }

  .contact-detail h3 {
    font-size: 29px;
  }

   .city-workshop .box-wrap{
    width: 100%;
   }

   .event-workshop .col-12.col-md-4:nth-child(2){
      margin: 15px 0;
   }

  .logo{
    margin-bottom: 0 !important;
  }

  div#n2-ss-12 .n-uc-5qo1fNRCt7VL{
    margin-bottom: 0 !important;
  }

  .sgwf_come2theweb .sgwf_come2thewe_cnt .sgwf_c2tw_item{
    position: inherit !important;
  }

  .sgwf_come2thewe_cnt{
    height: auto !important;
  }

  .sgwf_come2theweb {
    padding: 25px 0 0 !important;
  }

  form.wpcf7-form{
    padding: 6px 20px 25px !important;
  }
  
  div#n2-ss-13 .n2-font-f7790317ffd2aae5695d0d149325b13c-hover,
  div#n2-ss-16 .n2-font-f7790317ffd2aae5695d0d149325b13c-hover,
  div#n2-ss-12 .n2-font-08ead44c4dc18d95848099b1b5611022-hover,
  div#n2-ss-11 .n2-font-f7790317ffd2aae5695d0d149325b13c-hover,
  div#n2-ss-10 .n2-font-f7790317ffd2aae5695d0d149325b13c-hover,
  div#n2-ss-8 .n2-font-08ead44c4dc18d95848099b1b5611022-hover,
  div#n2-ss-7 .n2-font-08ead44c4dc18d95848099b1b5611022-hover,
  div#n2-ss-6 .n2-font-08ead44c4dc18d95848099b1b5611022-hover,
  div#n2-ss-5 .n2-font-08ead44c4dc18d95848099b1b5611022-hover,
  div#n2-ss-4 .n2-font-08ead44c4dc18d95848099b1b5611022-hover,
  div#n2-ss-3 .n2-font-08ead44c4dc18d95848099b1b5611022-hover,
  div#n2-ss-12 .n2-font-f7790317ffd2aae5695d0d149325b13c-hover,
  div#n2-ss-14 .n2-font-81552b89d397a52c2259a686f3275452-hover,
  div#n2-ss-15 .n2-font-f7790317ffd2aae5695d0d149325b13c-hover,
  div#n2-ss-9 .n2-font-f7790317ffd2aae5695d0d149325b13c-hover,
  div#n2-ss-17 .n2-font-f7790317ffd2aae5695d0d149325b13c-hover,
  div#n2-ss-18 .n2-font-f7790317ffd2aae5695d0d149325b13c-hover{
    font-size: 27px !important;
  }

  div#n2-ss-2 .n2-style-9b13fc6dde1572b0d59351cdd334fb41-heading,
  div#n2-ss-2 .n2-style-9b13fc6dde1572b0d59351cdd334fb41-heading{
    font-size: 34px !important;
  }

  div#n2-ss-2 .n2-style-f20c151d99d31877cae787392751ca24-heading{
        font-size: 19px !important;
  }
  
  div#n2-ss-16 .n2-font-a15a7ab4220dcd3e15900afb92c42acc-paragraph,
  div#n2-ss-14 .n2-font-e0bc1b08e478aa19d09ee9da2d3c757e-paragraph,
  div#n2-ss-11 .n2-font-a15a7ab4220dcd3e15900afb92c42acc-paragraph,
  div#n2-ss-10 .n2-font-a15a7ab4220dcd3e15900afb92c42acc-paragraph,
  div#n2-ss-9 .n2-font-a15a7ab4220dcd3e15900afb92c42acc-paragraph,
  div#n2-ss-8 .n2-font-a15a7ab4220dcd3e15900afb92c42acc-paragraph,
  div#n2-ss-7 .n2-font-a15a7ab4220dcd3e15900afb92c42acc-paragraph,
  div#n2-ss-6 .n2-font-a15a7ab4220dcd3e15900afb92c42acc-paragraph,
  div#n2-ss-5 .n2-font-a15a7ab4220dcd3e15900afb92c42acc-paragraph,
  div#n2-ss-4 .n2-font-a15a7ab4220dcd3e15900afb92c42acc-paragraph,
  div#n2-ss-3 .n2-font-a15a7ab4220dcd3e15900afb92c42acc-paragraph,
  div#n2-ss-12 .n2-font-a15a7ab4220dcd3e15900afb92c42acc-paragraph,
  div#n2-ss-14 .n2-font-a15a7ab4220dcd3e15900afb92c42acc-paragraph,
  div#n2-ss-15 .n2-font-a15a7ab4220dcd3e15900afb92c42acc-paragraph,
  div#n2-ss-13 .n2-font-a15a7ab4220dcd3e15900afb92c42acc-paragraph,
  div#n2-ss-17 .n2-font-a15a7ab4220dcd3e15900afb92c42acc-paragraph,
  div#n2-ss-18 .n2-font-a15a7ab4220dcd3e15900afb92c42acc-paragraph{
    font-size: 16px !important;
  }
  
  div#n2-ss-14 .n-uc-6g4n2KlLaS3r,
  div#n2-ss-9 .n-uc-5LoVONC8Rr3S,
  div#n2-ss-12 .n2-font-f7790317ffd2aae5695d0d149325b13c-hover {
   margin-bottom: 13px !important;
  }

  .service-list-wrap .service-title{
    left: 19px !important;
  }

  .service-list-wrap .service-title h5{
    font-size: 19px;
    width: 76%;
  }

  .service-list-wrap {
    padding: 25px 0 25px !important;
  }

  .service-list-wrap .row > *{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .service-detail-one,
  .service-detail-two{
        box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
  }
  
  .service-detail-one .detail-text-ser-right,
  .service-detail-two .detail-text-ser-right{
    box-shadow: none !important;
  }

  .service-detail-two {
    padding: 0px 0 !important;
    margin: 30px 0;
  }

  .service-detail-two .detail-img-serv-left .service-detail-img{
    margin-left: 0px !important;
  }

  .service-detail-one .detail-img-serv-left .service-detail-img {
    margin-right: 0;
  }

  .service-detail-one .detail-text-ser-right .service-dt-text,
  .service-detail-two .service-dt-text{
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .service-detail-one .row > *, .service-detail-two .row > *{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .counter-sec .conter-image{
    margin-bottom: 30px !important;
    text-align: center;
  }

  h2.bdpp-post-title {
    font-size: 19px;
    line-height: 26px;
  }

  .sidebar-area{
    padding: 30px !important;
    margin-bottom: 40px;
    margin-top: 0;
  }

  .footer-logo img {
    width: 45%;
  }


  .news-latter-section .your-work-title h2,
  .testimonial-title .testimonial-text-sec h2,
  .our-partner-section .our-partner-title h3,
  .testimonial-title .testimonial-text-sec h2,
  .your-work-section .your-work-title h2,
  .sign-design h2,
  h2.main-title,
  .about-us-area h1,
  .surgery-pla-text h2,
  .teeth-about-sec.ortho-teeth-sec .orth-process h2,
  .cerifi-maon-text .top-cerif-title h2,
  .cerificate-works .sec-title h2,
  .event-workshop .enevt-title h2,
  #success-stories .sec-title h2{
    font-size: 26px !important;
  }
  
  .orthodontic-smile-plan .smile-listing .list-point{
    padding: 49px 30px 20px !important;
  }
  .news-latter-section .your-work-title h4,
  .sign-design h4{
    font-size: 18px !important;
  }

  .wp-image-160{
    margin-top: 40px !important;
  }

  header#site-navigation{
    background: none !important;
    padding: 10px 10px !important;
  }

  .bottom-header{
     background: none !important;
  }

  #site-navigation .bottom-header{
    float: right;
    padding: 0 !important;
  }

  #site-navigation .menu-toggle{
    background: linear-gradient(182deg, rgba(47, 70, 120, 1) 0%, rgba(19, 37, 75, 1) 100%);
    border-radius: 5px;
    padding: 8px 14px 4px 13px !important;
  }

  div#n2-ss-2 .n2-font-ec2c0ab49595868f54de1a86451f7696-link a{
    margin-left: 0 !important;
  }

  div#n2-ss-2 .n2-style-a896c9098ce6c729fd3c38d12473e064-heading{
    padding: 10px 20px 10px 20px !important;
  }

  figure.wp-block-image.size-large {
    margin-top: 10px;
  }

  .sign-design h2{
     margin-top: 15px;
  }

  .our-partner-section .col-lg-2.col-md-4.col-sm-12.col-6{
    width: 48%;
    margin-bottom: 15px !important;
  }

  .our-partner-section{
    margin-bottom: 15px !important;
  }
}

@media screen and (min-width : 320px) and (max-width : 781px) {
    .smile-listing .list-point{
      display: block !important;
      margin-bottom: 40px;
      box-shadow: 0px 0px 4px 0px rgba(21, 21, 21, 0.3);
      padding: 20px 30px;
      border-radius: 18px;
      text-align: center;
    }

    .smile-listing .list-point:nth-child(4){
      margin-bottom: 0 !important;
    }

    .smile-listing .list-point .smile-icon {
      width: 100% !important;
    }

    .smile-listing .list-point .detail-text {
      width: 100% !important;
      margin-top: 25px;
      padding-left: 0;
    }
}

@media screen and (min-width : 782px) and (max-width : 1199px) {
    .smile-listing .list-point .detail-text{
      width: 79% !important;
    }

    .smile-listing .list-point .smile-icon {
      width: 16% !important;
    }
}

@media screen and (min-width : 768px) and (max-width : 991px) {
   .our-partner-section .is-layout-flex{
      justify-content: start !important;
   }

  .our-partner-section .col-lg-2.col-md-4.col-sm-12.col-6{
    width: 32.333333%;
    margin-bottom: 15px !important;
  }

  .footer-side .footer-area.col-lg-12.col-md-6.col-sm-12:nth-child(1),
  .footer-side .footer-area.col-lg-12.col-md-6.col-sm-12:nth-child(2),
  .footer-side .footer-area.col-lg-12.col-md-6.col-sm-12:nth-child(3){
    display: none !important;
  }

  .footer-side .footer-area.col-lg-12.col-md-6.col-sm-12:nth-child(4){
      width: 100% !important;
  }
}

@media screen and (min-width : 769px) and (max-width : 800px) {
  header#site-navigation .logo-image{
    text-align: center !important;
  }

  #main-menu ul li a {
      font-size: 14px !important;
      padding: 9px 7px !important;
  }
}

@media screen and (min-width : 801px) and (max-width : 991px) {
  header#site-navigation .logo-image{
    text-align: center !important;
  }

  #main-menu ul li a {
      font-size: 14px !important;
      padding: 9px 10px !important;
  }
}

@media screen and (min-width : 769px) and (max-width : 900px) {
  div#n2-ss-2 .n2-font-ec2c0ab49595868f54de1a86451f7696-link a{
    margin-left: 20px;
  }
}

@media screen and (min-width : 782px) and (max-width : 991px) {

  .our-services-box .services-title h3{
    font-size: 15px !important;
  }

  .our-services-box .services-title .services-link a{
     padding: 8px 21px 8px 21px !important;
  }

  .our-services-box .services-title{
     padding: 20px 10px 35px !important;
  }
}

@media (max-width: 575px) {
  .bdpp-post-list-inr-wrap{
    padding: 0 20px;
  }
}

@media (max-width: 991px) {

  .bdpp-post-list-main{
    padding-bottom: 25px;
  }

  .city-box{
    padding-bottom: 25px;
  }

  .cerificate-works{
    padding: 20px 0 15px !important;
  }

  .service-nav-list{
    display: none;
  }

  .offer-section-two .content-column .inner-column{
    margin-right: 0 !important;
  }

  .sign-design .upload-btn {
      margin-top: 25px;
  }

  .offer-section-two::before{
    top: 0 !important;
  }

  .offer-section-two{
    margin-top: 30px;
    padding-bottom: 60px;
  }

  .offer-section-two .content-column .inner-column{
    padding-top: 0 !important;
  }

  .offer-section-two .about-us-video-icon{
    top: 43% !important;
    left: 43% !important;
  }

  .offer-section-two .content-column .info-box .text{
    max-width: 100%;
  }

  .offer-section-two .image-column .image-box .image img{
    min-height: auto !important;
  }
}

@media (min-width: 992px) {
  .our-partner-section .col-lg-2.col-md-4.col-sm-12.col-6 {
    flex: 0 0 auto;
    width: 15.666667%;
    padding: 0 6px;
  }

  .teeth-about-sec.ortho-teeth-sec .about-five-box .box-sec-wrap{
      width: 23%;
  }
}