/*
Theme Name: Twenty Thirteen
Theme URI: https://wordpress.org/themes/twentythirteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 4.4
Tested up to: 6.8
Requires at least: 3.6
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, footer-widgets, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready, block-patterns
Text Domain: twentythirteen

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


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

 .header {
     background-color: #fff;
     width: 100%;
     border-bottom: 1px solid #ebebeb;
     padding: 10px 0px;
 }
section.topbar img.img-fluid {
			width: 50%;
		}

		.content-header {
			border-bottom: 1px solid #ccc;
			padding-bottom: 10px;
		}

		.content-header i {
			background: #F4F9FF;
			padding: 10px;
			border-radius: 5px;
			font-size: 20px;
		}

		.content-header .contact-number {
			color: #2A4989;
			font-size: 18px;
			font-weight: 500;
		}

		.content-header .contact-number {
			color: #2A4989;
			font-size: 18px;
			font-weight: 500;
		}

		.is-form-style input.is-search-input {
			border: 1px solid #e8e8e8 !important;
		}

		a.header-btn {
			background: #FEB501;
			padding: 10px 20px;
			border-radius: 8px;
			color: #fff;
			text-decoration: none;
		}

		header#masthead {
			padding: 10px 0;
		}

        section.topbar img.celebration {
			width: 37% !important;
		}
        
		@media(max-width:767px) {
			/* section.topbar img.img-fluid {
				width: 80%;
			} */
            section.topbar img.img-fluid {
				width: 50%;
			}
            section.topbar img.celebration {
    width: 40% !important;
    margin-bottom: 10px;
}

			.navbar.main-navigation {
				justify-content: flex-end;
			}
		}
img.img.fluid.logo-iso {
    width: 50%;
}
a {
    text-decoration: none;
}
 .row1 {
     --bs-gutter-x: 0;
     --bs-gutter-y: 0;
     display: flex;
     flex-wrap: wrap;
     margin-top: 0;
     margin-right: 0;
     margin-left: 0;
 }


 .logo-img {
     width: auto;
     height: 83px;
 }

 .certified {
     font-size: 10px;
     color: red;
 }

 .main-category {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0 !important;

 }

 .category-btn {
     background-color: #2A4989;
     color: #fff;
     border-radius: 6px;
     padding: 10px 20px;
     font-weight: 600;
 }

 .category-btn i {
     margin-right: 8px;
 }

 .search-box {
     border: 1px solid #dee2e6;
     border-radius: 6px;
     padding: 8px 15px;
     display: flex;
     align-items: center;
     width: 100%;
     max-width: 600px;
 }

 .search-box input {
     border: none;
     flex: 1;
     outline: none;
 }

 .search-box i {
     color: #adb5bd;
 }

 .phone-box {
     display: flex;
     align-items: center;
     gap: 10px;

     padding: 10px 15px;
     border-radius: 8px;
 }

 .phone-icon {
     background-color: #e8f0ff;
     padding: 10px;
     border-radius: 10px;
     color: #1d4088;
 }

 .phone-text {
     font-size: 14px;
     color: #6c757d;
     margin: 0;
 }

 .phone-number {
     font-size: 16px;
     font-weight: 600;
     color: #1d4088;
 }


 /* sub-header */
 .navbar-custom {
     padding: 15px 0;
     background-color: #fff;
     font-family: 'Poppins', sans-serif;
     width: 100%;
 }

 .nav-link {
     color: #6c7585;
     font-size: 18px;
     margin-right: 20px;
 }

 .nav-link:hover,
 .nav-link.active {
     color: #1d4088;
 }

 .get-in-touch {
     background-color: #FEB501;
     color: #fff;
     font-weight: 600;
     padding: 10px 22px;
     border-radius: 10px;
     font-size: 16px;
     transition: 0.3s ease-in-out;
 }

 .get-in-touch:hover {
     background-color: #e8a500;
     color: #fff;
 }

 .navbar-toggler {
     border: none;
 }

 .navbar-toggler:focus {
     box-shadow: none;
 }

 /* section1 */


 .hero-section {
     padding: 0px 0;
     font-family: 'Poppins', sans-serif;
     background-color: #fdf1dd;
 }

 .hero-text h1 {
     font-family: "Edu NSW ACT Cursive", cursive;
     font-size: 60px;
     font-weight: normal;
     margin-bottom: 10px;
 }

 .hero-text h2 {
     font-size: 35px;
     font-weight: 600;
     margin-bottom: 20px;
 }

 .hero-text p {
     font-size: 16px;
     color: #444;
     max-width: 450px;
 }

 .hero-image-rounded {
     width: 100%;
     height: auto;
     max-width: 100%;
 }

 .hero-image-rounded2 {
     width: 100%;
     height: auto;
     max-width: 100%;
     padding: 60px 0px 0px;
 }

 /* section2 */
 .enquire-section {
     font-family: 'Poppins', sans-serif;
     text-align: center;
     padding: 80px 20px;
 }

 .con-2 {
     padding: 0 130px;
     text-align: center;
     justify-items: center;
 }

 .enquire-section h2 {
     font-size: 32px;
     line-height: 1.4;
     color: #000;
 }

 .enquire-section p {
     font-size: 16px;
     color: #777;
     max-width: 800px;
     margin: 20px auto 40px;
 }

 .btn-enquire {
     background-color: #FF9C00;
     color: #fff;
     font-weight: 500;
     border-radius: 50px;
     padding: 12px 24px;
     border: none;
     font-size: 16px;
     display: inline-flex;
     align-items: center;
     gap: 12px;
     text-decoration: none;
 }

 .btn-enquire:hover {
     background-color: #e69500;
     color: #fff;
 }

 .arrow-circle {
     font-size: 20px;
 }

 /* section3 */
 .sec-3 {
     background-image: url(assets/images/bg-products.png);
     width: 100%;
     height: auto;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: top;
     color: #fff;
     padding: 100px 0;
 }

 .tranding {
     font-family: 'Dancing Script', cursive !important;
     font-size: 20px !important;
     margin: 0;
 }

 .product-con {
     padding: 0;
 }

 .products h4 {
     font-family: 'Poppins', sans-serif;
 }

 .products p {
     font-family: 'Poppins', sans-serif;
     font-size: 18px;
 }

 .product-img-div {
     background-color: #fff;
     width: 190px;
     height: 190px;
 }

 .products-btn {
     background-color: #FF9C00;
     border-radius: 50px;
     border: none;
     padding: 10px 30px;
 }

 .products-btn a {
     color: #fff;
     text-decoration: none;
     font-size: 18px;
 }

 /* section4 */
 .team-section {
     background-color: #FBF6F2;
 }

 .team-1 p {
     font-family: 'Dancing Script', cursive !important;
     font-size: 25px;
     color: #000;
 }

 .team-div h2 {
     font-family: 'Poppins', sans-serif;
 }

 .team-div h2 span {
     font-weight: 400;
 }

 .team-content {
     display: flex;
 }







 .container2 {
     /* max-width: 1200px; */
     width: 100%;
     margin: auto;
     padding: 60px 20px;
 }

 .team-header {
     display: flex;
     justify-content: space-between;

     align-items: center;
     flex-wrap: wrap !important;
     margin-bottom: 40px;
     width: 100%;
 }

 .team-1 {
     width: 50%;
 }

 .subheading {
     color: #999;
     margin: 0;
     font-size: 25px;
 }

 .title {
     font-size: 36px;
     font-weight: bold;
     margin: 10px 0 0;
 }

 .title span {
     font-weight: 400;
 }

 .description-nav {
     /* max-width: 500px; */
     width: 50%;
     display: flex;
     align-items: center;
     justify-content: end;
     gap: 20px;
 }

 .custom-nav {
     display: flex;
     gap: 10px;
 }

 .custom-nav button {
    background-color: transparent;
    color: #777;
    border: none;
    font-size: 25px;
}

 

.team-carousel .team-member {
    text-align: center;
    position: relative;
    overflow: hidden;
}

.team-member {
    height: 600px;
    border-radius: 200px 194px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: all 0.3s ease;
}

.over-owl {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 200px 194px;
    color: white;
    opacity: 0;
    transition: all 0.3s ease;
}

.team-member:hover .over-owl {
    opacity: 1;
    background: rgba(0, 0, 0, 0.5);
}

.over-owl p {
    font-size: 24px;
    margin-bottom: 20px;
    transform: translateY(20px);
    transition: transform 0.3s ease;
}

.over-owl button a {
    color: white;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 5px;
    display: inline-block;
    transform: translateY(20px);
    transition: transform 0.3s ease;
}

.team-member:hover .over-owl p,
.team-member:hover .over-owl button a {
    transform: translateY(0);
}

.over-owl button {
    border: none;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
}

.over-owl {
    width: 100%;
    /* background-color: #00000054; */
    /* height: 600px; */
    /* border-radius: 206px 196px 194px 200px; */
    padding: 200px 0;
}
  .over-owl p{
font-family: 'Dancing Script', cursive !important;
    font-size: 70px;
    color: #fff;
  }

.over-owl button{
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 50px;
    padding: 10px 30px;
}
.over-owl button a{
    color: #fff;
text-decoration:none;
}
a.footer-service {
    color: black;
    text-decoration: none;
}



/* <!-- section5 --> */


  
    .stats-section{
font-family: 'Poppins', sans-serif;
      background-color: #fff;
      color: #0D0D1C;
      text-align: center;
      padding: 60px 20px;
    }

    .stats-section h2 {
      font-size: 2rem;
      font-weight: 600;
      margin-bottom: 50px;
      line-height: 1.4;
    }

    .stats-box {
      border-bottom: 1px solid #e0e0e0;
      padding-bottom: 50px;
      margin-bottom: 50px;
    }

    .stat-number {
      font-size: 3rem;
      font-weight: 700;
      color: #0D0D1C;
    }

    .stat-title {
      font-size: 1.125rem;
      font-weight: 600;
      color: #5c5c5c;
      margin-top: 10px;
    }

    .stat-desc {
      font-size: 1rem;
      color: #6c6c6c;
      margin-top: 5px;
    }

    .btn-touch {
      background-color: #FF9C00;
      color: #fff;
      font-size: 1.125rem;
      font-weight: 500;
      padding: 12px 30px;
      border-radius: 50px;
      border: none;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      transition: background-color 0.3s ease;
    }

    .btn-touch:hover {
      background-color: #e69500;
    }

    .btn-touch svg {
      width: 18px;
      height: 18px;
      fill: #fff;
    }

/* section6 */
.sec-6{
    background-image: url(assets/images/manufacturing-bg.png);
    padding: 150px 0;
    background-repeat: no-repeat;
    background-size: cover;
         font-family: 'Poppins', sans-serif;

}
.manufacturing-div{
    background-color: #FEF5E4;
    width: 100%;
    text-align: center;
    padding: 100px 50px;
}
.manufacturing-div h2{
    font-size: 40px;
    color: #323232;
}
.manufacturing-div p{
    padding: 20px 20px;
}
.manufacturing-div button{
    background-color: transparent;
    border: 2px solid #323232;
    border-radius: 10px;
    padding: 10px 20px;
    margin: 20px 10px 0;
}
.manufacturing-div button:hover{
        background-color: #FF9C00;
        border: 2px solid #FF9C00;

}
.manufacturing-div button:hover a{
    color: #000;
}
.manufacturing-div button a{
    color:#323232 ;
    text-decoration: none;
    font-weight: 600;
}


/* section7 */
  .sec-7{
      font-family: 'Poppins', sans-serif;
      background: #fff;
      padding: 60px 20px;
    }

    .section-subtitle {
      font-style: italic;
      font-size: 1.5rem;
      color: #1a1a1a;
      font-family: 'Dancing Script', cursive !important;

    }

    .section-title {
      font-size: 2rem;
      font-weight: 600;
      color: #0D0D1C;
      margin-top: 10px;
    }

    .section-desc {
      max-width: 700px;
      margin: 20px 0;
      font-size: 1rem;
      color: #6c6c6c;
    }

    .benefit-box {
      border: 1px solid #CBD5E1;
      background-color: #F9F9F9;
      border-radius: 12px;
      padding: 50px 20px;
      text-align: center;
      transition: all 0.3s ease;
      height: 100%;
    }
    .benefit-box:hover{
        background-color: #2A4989;
    }

    .benefit-box:hover {
      transform: translateY(-3px);
    }

    .benefit-icon {
      font-size: 32px;
      margin-bottom: 15px;
      display: inline-block;
    }

    .benefit-title {
      font-size: 1rem;
      font-weight: 500;
      color: #3f3f3f;
      padding: 20px 0 0;
    }
     .benefit-box:hover .benefit-title{
        color: #fff;
     }
/* ---------------------------------------------------------------------------------------section8---------------------------------------------------- */
 .sec-8 {
     margin: 0;
     font-family: 'Poppins', sans-serif;
     color: #fff;
     background: linear-gradient(135deg, #87b5aa 19%, #DE639B, #000 96%);
     background-size: cover;
     background-attachment: fixed;
     padding: 80px 20px;
 }

 .trusted-section {
     max-width: 1400px;
     margin: auto;
 }

 .trusted-title {
     font-size: 4rem;
     font-weight: 600;
     line-height: 1.1;
 }
.btn-owl{
    text-align: end;
}
 .carousel-btn {
     background: none;
     border: none;
     color: #fff;
     font-size: 2.5rem;

     cursor: pointer;
     transition: transform 0.2s;
     padding: 100px 0px 0 0px;
     margin-right: 50px;
 }

 .carousel-btn:hover {
     transform: scale(1.1);
 }

 .carousel-btn:focus {
     outline: none;
 }

 .owl-nav {
     position: absolute;
     top: -50px;
     right: 0;
 }

 .owl-nav button {
     background: none;
     border: none;
     font-size: 2rem;
     color: white;
     margin-left: 10px;
 }

 .owl-carousel .item {
     border: 1px solid rgba(255, 255, 255, 0.4);
     border-radius: 30px;
     padding: 30px;
     backdrop-filter: blur(8px);
     background: rgba(255, 255, 255, 0.05);
     min-height: 320px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }

 .item p {
     color: #f1f1f1;
     font-size: 1rem;
 }

 .trusted-author {
     margin-top: 20px;
 }

 .trusted-author .name {
     font-weight: 500;
     font-size: 1.2rem;
     color: #fff;
 }

 .trusted-author .desc {
     color: #ccc;
     font-size: 0.9rem;
 }


/* ---------------------------------------------------------------------section9 --------------------------*/

 .faq-section {
     background-color: #fff;
     padding: 100px 0;
 }

 .faq-image-box {
     background-image: url(assets/images/question-bg.png);
     height: 700px !important;
     width: 100% !important;
     background-size: cover;
     background-repeat: no-repeat;
    padding: 50px 30px;
     border-radius: 6px;
     height: 100%;
 }

 .faq-image-box h2 {
     color: #f7a400;
     font-size: 3rem;
 }

 .faq-image-box p {
     font-size: 1.5rem;
   
 }



 .accordion{
    margin-top: 50px;
 }
.accordion-item{
    border: none;
}
.accordion-button{
    font-size: 1.5rem;
}
.accordion-button:not(.collapsed) {
    color: #000;
     background-color: #fff; 
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
    
}
.accordion-body p{
    font-size: 1.2rem;
    padding-right:100px ;
    color: #777;
}
.still-div{
    margin-top: 80px;
    padding: 20px;
}
.still-div h5{
    font-size: 1.5rem;
}
.still-div p{
    margin-bottom: 50px !important;
    font-size: 1.2rem;
}
.still-div a{
    background-color: #FF9C00;
    padding: 10px 20px ;
    border: none;
    color: #fff;
    text-decoration: none;
    border-radius: 10px;
  
}

/*----------------------------------------------- section10 */
 .recent-articles {
     font-family: 'Poppins', sans-serif;

 }

 .recent-articles h2 {
     font-size: 3.2rem;
     font-weight: 400;
 }

 .card-img-top {
     height: auto;
     width: 100%;
     object-fit: cover;
     border-radius: 1.5rem;
 }

 .card-title {
    font-size: 1.3rem;
    margin-top: 0.5rem;
    margin: 20px 0;
}

 .badge {
     font-size: 0.8rem;
     border: 1px solid #ccc;
     color: #777;
     border-radius: 15px;
 }
 .card-btn{
    text-decoration: none;
    font-size: 1.3rem;
 }



/*-----------------------------------------------------footer-------------------------*/

footer {
    font-family: 'Poppins', sans-serif;
    margin: 100px 0 0;
    border-top: 2.5px solid;
}
.footer-logo{
    width: 100%;
    padding: 40px 12px 20px 0;
}

.footer-row{
    border-bottom: 3px solid #000;
}
 .footer-menu{
    width: 100%;
    border-right: 3px solid #000;
    padding: 30px 0 20px;
 }
 .footer-menu ul{
    list-style: none;
    display: flex;
    justify-content: space-evenly;
 }
  .footer-menu ul li a{
  color: #000;
  text-decoration: none;
  font-size: 17px;
}
 .helloemail{
    text-align: center;
    padding-top: 20px;
 }

 .footer-icon{
    color: #fff;
    background-color: #000;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 12px 5px 0;
    text-align: center;
 }

 .footer-row-2{
    text-align: center;
 }
 .footer-last-line{
    border-right: 3px solid #000;
    padding: 40px 0 20px;
 }









/*-----------------------------------------------responsive-------------------------------------------------*/

/* @media (min-width: 1380px) {
    .container{
        max-width: 90%;
    }
}  */
@media (max-width: 768px) {
    .header {
     width: 100%;
 }
    .logo-img {
     width: 100%;
     padding: 10px;
 }
  .search-box {
    display: none;
 }
 .search-box input {
     display: none;
 }
.phone-box {
     display: none;
     
 }
 .main-category{
    
    justify-content: center;
   /* padding-right: 20px; */
 }
/* section1 */
.hero-image-rounded {
      width: 100%;
      height: auto;
      max-width: unset;
    }
    .hero-image-rounded2{
        width: 100%;
      height: auto;
      max-width: unset;
      padding: 0px 0px 0px;
    }
.hero-text h1 {
      font-size: 40px;
      margin-bottom: 10px;
      padding: 50px 0px 0px;
    }
     .hero-text h2 {
      font-size: 25px;
    }
    .hero-text p {      
      max-width: 100%;
    }
    /* section2 */
 .enquire-section {
          
      padding: 50px 15px;
    }

    .con-2{
    padding: 0 0px;
}
.enquire-section h2 {
      font-size: 24px;
    }
    .enquire-section p {
      font-size: 15px;
      max-width: 100%;
      margin: 20px auto 40px;
    }
.btn-enquire {
        flex-direction: column;
        padding: 10px 16px;
        gap: 8px;
      }
      .btn-enquire {
      display: unset;
      
    }


    /* section3 */
 .sec-3 {
     background-position: center;
     padding: 50px 0px;
 }
.product-img-div{
    background-color: #fff;
    width: 100%;
    height: 190px;
}

/* section4 */

.team-header {
    display: unset; 
   
}
.team-1 {
    width: 100%;
    margin-bottom: 20px;
}
.custom-nav {
    display: block;
    gap: 10px;
}
.description-nav {
    width: 100%;
    display: unset;
 text-align: center !important;
}
.over-owl {
    width: 100%;
    /*background-color: #00000054;
    height: 500px;
    border-radius: 321px 312px 288px 293px;
    padding: 200px 0; */
}

/* section5 */
.stats-section h2 {
    font-size: 1.3rem;
}
.stat-number {
    font-size: 2.5rem;
   
}
/* section6 */

.sec-6 {
    padding: 100px 0;
   
    background-position: center;
}
.manufacturing-div {
    
    padding: 70px 0px;
}

.manufacturing-div h2 {
    font-size: 30px;
}
.manufacturing-div p {
    padding: 20px 10px;
}
/* section7 */
.section-title {
    font-size: 1.5rem;
    
}
.section-desc {
    margin: 20px 0 0;
    
}

/*---------------------------------------- section8 */
  .trusted-title {
    text-align: center;
    font-size: 2rem;
  }

  .trusted-title span {
    display: inline;
  }

  .btn-owl {
    text-align: center;
  }

  .carousel-btn {

    padding: 0px 0px 0 10px;
    margin-right: 0px;
  }

  .owl-theme .owl-nav {
    margin-top: 10px;
    display: none;
  }

/* -----------------------------------------------------------section9  */
.faq-section {
    background-color: #fff;
    padding: 50px 0;
}
.faq-image-box {
    height: 400px !important;
   
    background-position: center;
    padding: 30px 10px;
 
   
}
.faq-image-box h2 {
    color: #f7a400;
    font-size: 2rem;
}
.faq-image-box h2 {
    color: #f7a400;
    font-size: 2rem;
}
.faq-image-box p {
    font-size: 1.2rem;
}
.accordion-body p {
    font-size: 1rem;
    padding-right: 0px;
  
}
.accordion-button {
    font-size: 1.2rem;
}
.still-div {
    margin-top: 20px;
    padding: 20px;
}
.still-div p {
    margin-bottom: 30px !important;
    font-size: 1rem;
}





/* -----------------------------------------------------------section 10------------------------*/

.recent-articles h2 {
    font-size: 2.2rem;
    font-weight: 400;
}

/*------------------------------------------------------- footer  */
footer {
    margin: 0;
    padding: 0px 0 30px;
}
.footer-logo{
    width: 100%;
    height: auto;
    padding:  0;
}
.footer-row{
    border-bottom: none;
}
 .footer-menu{
    width: 100%;
    border-right: none;
    padding: 0px 0 0px;
 }
 .footer-menu ul{
    display: block;
    padding: 0;
 }
  .footer-menu ul li {
 padding: 20px 0px 20px 20px ;
}
.helloemail {
    text-align: start;
    /* padding-top: 0px; */
    padding: 0 0 0 20px;
}
.footer-last-line{
    border-right: none;
    padding: 40px 0 20px;
 }
  .footer-row-2{
    text-align: start;
 }
 .footer-last-line {
    border-right: none;
    padding: 20px 0 0px 30px;
}








}















/* ------------------------------------------tablet---------------------------------------- */

   @media (max-width: 991.98px) {
      .navbar-nav {
        background-color: #fff;
        padding: 10px;
        border-radius: 8px;
      }

      .nav-link {
        margin-right: 0;
        padding: 10px 0;
        border-bottom: 1px solid #eee;
      }

      .get-in-touch {
        margin-top: 10px;
      }

      /* section1 */
      .hero-text {
        text-align: center;
        margin-bottom: 30px;
      }

      .hero-text p {
        margin-left: auto;
        margin-right: auto;
      }

      .hero-image {
        margin-bottom: 20px;
      }
    }


/* breadcrumb css */

section.breadcrumb-inner {
    background: url(https://anaderm.in/wp-content/uploads/2025/05/3.png);
    background-color: #FEB501;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 50px;
    text-align: left;
    color: #fffdfd;
    font-weight: 600;
    margin: 0;
}

.main-heading {
    font-weight: 700;
    font-size: 3rem;
    padding: 65px 0 50px 0;
    color: #294989;
}



@media(max-width:767px){
    .main-heading {
    font-weight: 700;
    font-size: 28px !important;
    padding: 10px 0 !important;
    color: #294989;
}
}

/* ---------------inner-pages css-------------------- */
p.lead {
    font-weight: 500;
    font-size: 17px;
    color: #dc0c0c;
}
p.text-center.lead1 {
    font-weight: 500;
    font-size: 17px;
    color: #fddbdb;
}
.franchise-hero.py-5.text-center {
    font-size: 30px;
    font-weight: bold;
	color: #294989;
}

/* Anaderm Page Styles */
.anaderm-hero {
    padding: 5rem 0;
    text-align: center;
}

.anaderm-primary-bg {
    background-color: #294989;
}

.anaderm-secondary-bg {
    background-color: #fdf1dd;
}

.anaderm-primary-text {
    color: #294989;
}

.anaderm-secondary-text {
    color: #fdf1dd;
}

.anaderm-dark-text {
    color: #000000;
}

/* About Us Page */
.about-hero {
    padding: 5rem 0;
}

.about-achievements .achievement-icon {
    color: #294989;
    font-size: 2rem;
}

.about-philosophy {
    border-left: 4px solid #294989;
}

/* Director's Message */
.director-profile img {
    max-width: 300px;
    border: 5px solid #294989;
}

.director-quote {
    border-left: 4px solid #294989;
}
i.fab.fa-linkedin-in.fa-lg {
    color: #294989;
}
i.fab.fa-twitter.fa-lg {
    color: #294989;
}
/* Quality Policy */
.quality-feature-card {
    transition: transform 0.3s ease;
}

.quality-feature-card:hover {
    transform: translateY(-5px);
}

/* Mission Vision Values */
.mv-card {
    min-height: 100%;
}

.mv-icon-wrapper {
    width: 80px;
    height: 80px;
}

/* PCD Franchise */
.franchise-hero {
    background-size: cover;
    padding: 5rem 0;
    color: white;
    position: relative;
}

.franchise-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(41, 73, 137, 0.9);
}

.franchise-benefit-icon {
    width: 60px;
    height: 60px;
}

/* Contact Page */
.contact-info-card {
    transition: all 0.3s ease;
}

.contact-info-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.contact-map {
    height: 400px;
    border: 0;
}
input.wpcf7-form-control.wpcf7-text {
    width: 100%;
    padding: 10px 15px;
    border: 2px solid #294989;
    border-radius: 8px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    border: 2px solid #294989;
    border-radius: 8px;
    width: 100%;
    height:200px;
    padding: 10px 15px;
}

div#contactModal input.wpcf7-form-control.wpcf7-text {
    width: 100%;
    padding: 10px 15px;
    border: 2px solid #dedede;
    border-radius: 8px;
}
div#contactModal textarea.wpcf7-form-control.wpcf7-textarea {
    border: 2px solid #dedede;
    border-radius: 8px;
    width: 100%;
    height: 200px;
}

.anaderm-card.contact.p-4.h-100 {
    background-color: #FEF5E4;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: #294989;
    padding: 8px 60px;
    border-radius: 17px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    border: 2px solid #294989;
    width: 100%;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    background-color: #d30000;
    border: 2px solid #d30000;
}
/* Shared Components */
.anaderm-card {
    border: none;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.anaderm-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.anaderm-btn-primary {
    background-color: #294989;
    color: white;
}

.anaderm-btn-primary:hover {
    background-color: #1a2f5e;
    color: white;
}

.anaderm-btn-secondary {
    background-color: #fdf1dd;
    color: #294989;
}

.anaderm-btn-secondary:hover {
    background-color: #e8d9c5;
    color: #294989;
}

/* Mission Vision Values Page */
.mv-hero {
    background: linear-gradient(135deg, #294989 0%, #1a2f5e 100%);
}

.mv-card {
    min-height: 100%;
}
.anaderm-primary-bg .card-body {
    color: #000;
}
/* Quality Policy Page */
.quality-hero {
    background: linear-gradient(rgba(41, 73, 137, 0.9), rgba(41, 73, 137, 0.9)), url('../assets/images/quality-bg.jpg');
    background-size: cover;
}

.quality-feature-card {
    transition: transform 0.3s ease;
}

.quality-feature-card:hover {
    transform: translateY(-5px);
}

/* PCD Franchise Page */
.franchise-hero {
    background: url('../assets/images/franchise-bg.jpg');
    background-size: cover;
    position: relative;
}

.franchise-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(41, 73, 137, 0.9);
}

.franchise-benefit-icon {
    width: 60px;
    height: 60px;
}

.z-index-1 {
    position: relative;
    z-index: 1;
}

/* product list css */

/* ================ Product Archive Styles ================ */
section.ancient-products {
  background-color: #f9f9f9;
}

section.ancient-products .ancient-page-header {
  margin-bottom: 40px;
}

section.ancient-products .ancient-page-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #ffffff;
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}

section.ancient-products .ancient-page-title:after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 3px;
  background: #294989;
}

section.ancient-products .ancient-page-subtitle {
  font-size: 1.2rem;
  color: #666;
}

section.ancient-products .ancient-product-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  overflow: hidden;
  position: relative;
}

section.ancient-products .ancient-product-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

section.ancient-products .product-badge .badge {
  background: #294989;
  color: #fff;
  padding: 6px 15px;
  border-radius: 30px;
  font-size: 0.8rem;
  font-weight: 600;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 2;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

section.ancient-products .product-image-wrapper {
  position: relative;
  overflow: hidden;
  padding-top: 100%;
}

section.ancient-products .product-image-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

section.ancient-products .product-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(37, 100, 83, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

section.ancient-products .ancient-product-card:hover .product-overlay {
  opacity: 1;
}

section.ancient-products .quick-view-btn {
  color: #fff;
  background: #294989;
  padding: 10px 20px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  transform: translateY(20px);
  transition: transform 0.3s ease;
}

section.ancient-products .ancient-product-card:hover .quick-view-btn {
  transform: translateY(0);
}

section.ancient-products .product-content {
  padding: 20px;
}

.product-title {
  font-size: 1.2rem;
  font-weight: 600;
  color: #294989;
  margin-bottom: 1rem;
}

section.ancient-products .product-title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease;
}

section.ancient-products .product-title a:hover {
  color: #294989;
}

section.ancient-products .product-meta {
  font-size: 0.9rem;
  color: #555;
  margin-bottom: 15px;
}

section.ancient-products .meta-item {
   margin-bottom: 8px;
        align-items: center;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
}

section.ancient-products .meta-item i {
  color: #feb502;
  margin-right: 8px;
  width: 20px;
  text-align: center;
}

section.ancient-products .product-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

section.ancient-products .price {
  font-weight: 700;
  color: #ffffffff;
}

section.ancient-products .price .amount {
  font-size: 1.2rem;
}

section.ancient-products .add-to-cart a {
  background: #294989;
  color: #fff;
  border: none;
  padding: 8px 20px;
  border-radius: 30px;
  font-size: 0.9rem;
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
}

section.ancient-products .add-to-cart a:before {
  content: '\f217';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 8px;
}

section.ancient-products .add-to-cart a:hover {
  background: #294989;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(139, 194, 74, 0.3);
}

/* ================ Single Product Styles ================ */
section.ancient-single-product {
    background-color: #f9f9f9;
    padding: 50px 0;
}

section.ancient-single-product .ancient-product-detail {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    padding: 30px;
    margin-bottom: 30px;
}

section.ancient-single-product .ancient-product-gallery {
    position: relative;
}

section.ancient-single-product .main-image {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
}

section.ancient-single-product .main-image img {
    width: 100%;
    height: auto;
    display: block;
}

section.ancient-single-product .thumbnail-slider {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

section.ancient-single-product .thumbnail-img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 5px;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

section.ancient-single-product .thumbnail-img:hover {
    border-color: #294989;
}

section.ancient-single-product .ancient-product-info {
    padding-left: 30px;
}

section.ancient-single-product .product-title {
    font-size: 2rem;
    margin-bottom: 10px;
    color: var(--brand-primary);
}

section.ancient-single-product .product-rating {
    margin-bottom: 15px;
}

section.ancient-single-product .star-rating {
    color: #ffb300;
    font-size: 1.2rem;
}

section.ancient-single-product .product-price {
    font-size: 1.8rem;
    color: var(--brand-primary);
    font-weight: 700;
    margin-bottom: 20px;
}

section.ancient-single-product .meta-box {
    background: rgba(139, 194, 74, 0.05);
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
}

section.ancient-single-product .meta-title {
    font-size: 1.1rem;
    color: var(--brand-primary);
    margin-bottom: 10px;
    font-weight: 600;
}

section.ancient-single-product .meta-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

section.ancient-single-product .meta-list li {
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}

section.ancient-single-product .meta-list li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

section.ancient-single-product .description-title {
    font-size: 1.3rem;
    color: var(--brand-primary);
    margin-bottom: 15px;
    font-weight: 600;
}

section.ancient-single-product .product-share {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

section.ancient-single-product .share-label {
    font-weight: 600;
    margin-right: 15px;
    color: var(--brand-primary);
}

section.ancient-single-product .share-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
    color: #fff;
    transition: all 0.3s ease;
}

section.ancient-single-product .share-icon.facebook {
    background: #3b5998;
}

section.ancient-single-product .share-icon.twitter {
    background: #1da1f2;
}

section.ancient-single-product .share-icon.linkedin {
    background: #0077b5;
}

section.ancient-single-product .share-icon.whatsapp {
    background: #25d366;
}

section.ancient-single-product .share-icon:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

@media (max-width: 992px) {
    section.ancient-single-product .ancient-product-info {
        padding-left: 0;
        padding-top: 30px;
    }
    
    section.ancient-single-product .product-title {
        font-size: 1.6rem;
    }
    
    section.ancient-single-product .product-price {
        font-size: 1.5rem;
    }
}

@media (max-width: 768px) {
    section.ancient-single-product .ancient-product-detail {
        padding: 20px;
    }
    
    section.ancient-single-product .thumbnail-slider {
        flex-wrap: wrap;
    }
}
.ancient-related-products {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.ancient-related-products .section-title {
    font-size: 1.8rem;
    font-weight: bold;
    color: #294989;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    text-align: center;
}

.ancient-related-products .section-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: #294989;
}

.ancient-related-products .ancient-product-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    overflow: hidden;
}

.ancient-related-products .ancient-product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.ancient-related-products .product-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 2;
}

.ancient-related-products .product-badge .badge {
    background: #294989;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 600;
}

.ancient-related-products .product-image-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}

.ancient-related-products .product-image-wrapper img {
    width: 100%;
    height: auto;
    transition: all 0.3s ease;
}

.ancient-related-products .product-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.3s ease;
}

.ancient-related-products .ancient-product-card:hover .product-overlay {
    opacity: 1;
}

.ancient-related-products .quick-view-btn {
    color: #fff;
    background: #294989;
    padding: 8px 15px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 0.9rem;
}

.ancient-related-products .product-content {
    padding: 15px;
}

.ancient-related-products .product-title {
    font-size: 1.1rem;
    margin-bottom: 10px;
}

.ancient-related-products .product-title a {
    color: var(--brand-primary);
    text-decoration: none;
}

.ancient-related-products .product-meta {
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 15px;
}

.ancient-related-products .product-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ancient-related-products .price {
    font-weight: 700;
    color: var(--brand-primary);
}

@media (max-width: 768px) {
    .ancient-related-products .section-title {
        font-size: 1.5rem;
    }
}

/* Table and grid toggle css */

/* View Toggle Styles */
    .view-toggle {
        background: #fff;
        border-radius: 30px;
        overflow: hidden;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }

    .view-toggle .btn {
        border: none;
        padding: 8px 20px;
        font-weight: 500;
        transition: all 0.3s ease;
    }

    .view-toggle .btn.active {
        background: #294989;
        color: #fff;
    }

    .view-toggle .btn:not(.active):hover {
        background: rgba(139, 194, 74, 0.1);
        color: var(--brand-primary);
    }

    /* Table View Styles */
    .products-table-view .table {
        background: #fff;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    }

    .products-table-view .table th {
        background:#294989;
        color: #fff;
        font-weight: 600;
        border: none;
        padding: 15px;
    }

    .products-table-view .table td {
        vertical-align: middle;
        padding: 15px;
        border-color: rgba(0, 0, 0, 0.05);
    }

    .products-table-view .table tr:hover td {
        background: rgba(139, 194, 74, 0.05);
    }

    .products-table-view .badge {
        background:#294989;
        color: #fff;
        padding: 4px 10px;
        border-radius: 30px;
        font-size: 0.7rem;
        font-weight: 600;
        display: inline-block;
        margin-top: 5px;
    }
.team-section .owl-nav {
    display: none;
}

/* sequence */

#sequence {
	width: 100%;
	float: left;
	background: #1a2f5e;
	position: fixed;
	bottom: 0px;
	z-index: 100;
	padding: 0;
	color: #fff !important;
	margin: 0 !important;
}

#sequence a {
	width: 33.3333%;
	float: left;
	text-align: center;
	padding: 5px 0;
	font-size: 15px;
	color: #fff !important;
	font-weight: 600;
	text-decoration: none !important;
	border-right: 1px solid;
}
