*{margin: 0px; padding: 0px; box-sizing: border-box;}

img{max-width: 100%;}

a,a:hover,a:visited,a:active,a:focus{text-decoration: none;}

ul{margin: 0px; padding: 0px;}

p{margin: 0px;}


body{  font-family: "Times New Roman", sans-serif;}


body h2 { font-family: emoji; }

/* header{position: absolute; left: 0px; right: 0px; top: 0px; z-index: 99;} */

header .topbar {padding: 10px 0; background-color: #04285b;}

header .topbar .contact-info li { color: #fff; }

header .header-bottom{background: #ebebeb; padding: 0px 15px; box-shadow: 0 2px 40px hsla(0,0%,90%,.502);}
 
header .header-bottom .navbar{padding: 0px;}

header .header-bottom .navbar .navbar-brand{width:11%;}

header .header-bottom .navbar .navbar-nav{align-items: center; justify-content: center; gap: 30px; margin-right: 25px;}

header .header-bottom .navbar .navbar-nav .nav-link{color: #000; font-size: 15px; font-weight: 400; position: relative; transition: .5s; font-family: Poppins,Arial,Helvetica,sans-serif;}

header .header-bottom .navbar .navbar-nav .nav-link:hover{color: #093364}

/* header .header-bottom .navbar .navbar-nav .nav-link::before{position: absolute; content: ''; width: 0px; height: 2px; background-color: #ff0000; bottom: 7px; transition: .5s; z-index: 1;} */

header .header-bottom .navbar .navbar-nav .nav-link:hover::before{width: 100%;}

header .header-bottom .navbar .outbox li a{font-size: 14px; color: #000; transition: .5s;}

header .header-bottom .navbar .outbox li a:hover{color: #093364;}

header .header-bottom .dropdown .dropdown-menu{border-left: 4px solid #093364 !important; background-color: #fff; padding: 0; border-radius: 0 0 0 0; width: auto; box-shadow: 0 0 10px 0 rgba(0,0,0,.12); border: transparent;}

header .header-bottom .dropdown .dropdown-menu .dropdown-item:hover{background-color: #fff; color: #093364;}

header .header-bottom .navbar .navbar-toggler{color: #093364; box-shadow: none; border: 2px solid #093364; border-radius:0px;}

header .header-bottom .navbar .offcanvas{width: 280px;}

/* Hide dropdown by default */
/* .navbar .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    border: none;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
} */
@media (max-width: 992px) {
    header .header-bottom .navbar .navbar-nav .nav-link {color: #000000 !important;}
    header .header-bottom .navbar .outbox li  i{color: #000 !important;} 
     .navbar .dropdown-item {
        font-size: 10px;
    }
    header .header-bottom .navbar .navbar-nav{
        gap:10px;
    }

    header .topbar { display: none;}
}
/* Show on hover */
@media (min-width: 992px) {
    .navbar .dropdown:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

/* Dropdown items */
.navbar .dropdown-item {
    padding: 10px 20px;
    border-bottom: 1px solid #093364;
}

/* Arrow rotate */
@media (min-width: 992px) {
    .navbar .dropdown:hover .dropdown-toggle::after {
        transform: rotate(180deg);
    }
}


/* header ko sticky karna ki */

.sticky{background-color:#ffffffcc ; color: #000; left: 0; right: 0;z-index: 999; position: fixed !important; top:0px; animation: slideDown .5s ease-out;}


@keyframes slideDown { from { transform: translateY(-100%); }

                       to { transform: translateY(10); }

  }

header .heaberbooyem .offcanvas-title{color: #020202; }


.main{ background: linear-gradient(180deg,#f1f6fa,#f9f8ff); }





/* ======================================================================================== */
/* ======================================================================================== */



/* footer */

:root {
    --primary: #6C63FF;
    --primary-dark: #4D44DB;
    --secondary: #FF6584;
    --dark: #1A1A2E;
    --darker: #0F0F1B;
    --light: #F8F9FA;
    --white: #ffffff;
    --gray: #ADB5BD;
    --transition: all 0.3s ease;
}

/* Footer */
#footer {
    background: linear-gradient(135deg, var(--darker), var(--dark));
    color: var(--white);
    padding: 80px 0 30px;
    position: relative;
}


.footer-logo {
    width: 150px;
    margin-bottom: 15px;
}

.footer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 40px;
}

.footer-column h3 {
    font-size: 22px;
    margin-bottom: 20px;
    position: relative;
}

.footer-column h3::after {
    content: "";
    width: 45px;
    height: 3px;
    background: var(--primary);
    position: absolute;
    left: 0;
    bottom: -8px;
}

.footer-column p {
    font-size: 14px;
    color: var(--gray);
    line-height: 1.7;
}

/* Links */
.footer-links {
    list-style: none;
}

.footer-links li {
    margin-bottom: 10px;
}

.footer-links a {
    color: var(--gray);
    text-decoration: none;
    position: relative;
    transition: var(--transition);
}

.footer-links a::before {
    content: "→";
    position: absolute;
    left: 0;
    opacity: 0;
    transition: var(--transition);
}

.footer-links a:hover {
    color: var(--white);
    padding-left: 22px;
}

.footer-links a:hover::before {
    opacity: 1;
    color: var(--primary);
}

/* Contact */
.contact-item {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    align-items: center;
}

.contact-item i {
    color: var(--primary);
}

.contact-item a{
     color: var(--white);
}

/* Social */
.social-links {
    display: flex;
    gap: 12px;
    margin-top: 20px;
}

.social-link {
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.08);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: var(--transition);
}

.social-link:hover {
    background: var(--primary);
    transform: translateY(-4px);
}

/* Bottom */
.copyright {
    text-align: center;
    margin-top: 40px;
}
.copyright  a img{
    width: 200px;
    height: auto;
}

/* Back to top */
.back-to-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 48px;
    height: 48px;
    background: var(--primary);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    cursor: pointer;
}

.back-to-top.visible {
    opacity: 1;
    visibility: visible;
}


/* model */

.modal .forem .icon-input {position: relative;}

.modal .modal-content{background-color: #f8f8f8; padding: 30px;}

.modal .forem span {position: absolute; top: 9px; left: 23px; color: #093364;}

.modal .forem .form-control {background-color: #fff; padding: 10px 40px; box-shadow: none; border: transparent;
border-radius: 0px; margin-bottom: 10px; font-size: 15px;}

.modal .forem .btn {padding: 10px 30px; background-color: #093364; color: #fff; border-radius: 0px; margin-top: 20px;}



    /* whatapp */
	.quickcontact { width: 40px; position: fixed; top: 77%; right: 30px; z-index: 9999;}


/* ======================================================================================== */
 /* slider section css start  */
/* ======================================================================================== */

#slider-section {text-align:center}

#slider-section .slider{position:relative;height:80vh;overflow:hidden}

#slider-section .slides{height:100%;position:relative}

#slider-section .slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}

#slider-section .slide.active{opacity:1}

#slider-section .slide img{width:100%;height:100%;object-fit:cover;}

#slider-section .content{position:absolute;left:10%;bottom:40%;color:#fff;text-align:left}

#slider-section .content h2{font-size:48px;margin-bottom:10px}.content p{max-width:500px;font-size:18px}

#slider-section .prev,.next{position:absolute;top:50%;transform:translateY(-50%);font-size:30px;background:rgba(0,0,0,.5);color:#fff;border:none;padding:10px 16px;cursor:pointer}

#slider-section .prev{left:20px}

#slider-section .next{right:20px}

@media (max-width:768px){#slider-section .content h2{font-size:28px} #slider-section .content p{font-size:14px}}



/* ======================================================================================== */
 /* info bar section css start  */
/* ======================================================================================== */


#info-bar {background:#fff;border-bottom:1px solid #eee;padding:20px 0}

#info-bar .info-container{max-width:1300px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:0 20px}

#info-bar .info-item{display:flex;align-items:center;gap:15px}

#info-bar .info-item img{width:40px;height:40px;object-fit:contain}

#info-bar .info-item h4{font-size:14px;font-weight:600;margin:0;color:#222}

#info-bar .info-item p{font-size:13px;margin:4px 0 0;color:#777;line-height:1.4}

@media (max-width:992px){#info-bar .info-container{grid-template-columns:repeat(2,1fr)}}

@media (max-width:576px){#info-bar .info-container{grid-template-columns:1fr} #info-bar .info-item{align-items:flex-start}}





/* ======================================================================================== */
 /* about section css start  */
/* ======================================================================================== */






#about-section{padding:70px 15px;background:#f9fbff}
#about-section .about-section .container{max-width:1200px;margin:auto}
#about-section .about-wrapper{display:flex;align-items:center;gap:40px}
#about-section .about-content{flex:1}
#about-section .about-content h2{font-size:36px;margin-bottom:20px;color:#081756}
#about-section .about-content p{font-size:16px;line-height:1.8;color:#555;margin-bottom:15px}
#about-section .about-image{flex:1}
#about-section .about-image img{width:100%;border-radius:14px;box-shadow:0 15px 35px rgba(0,0,0,.12)}
@media (max-width:768px){
  #about-section .about-wrapper{flex-direction:column}
  #about-section .about-content h2{font-size:25px}
  #about-section .about-image img{margin-top:20px}}
  #about-section .about-content p{text-align: justify;}


/* ======================================================================================== */
 /* brand section css start  */
/* ======================================================================================== */



#brand-section .brand-card{display:flex; flex-direction:column; align-items:center;justify-content:center;filter:grayscale(100%);opacity:.7;transition:all .3s ease}

#brand-section .brand-card:hover{filter:grayscale(0%);opacity:1}

#brand-section {padding:60px 20px;background:#e9e9e9;text-align:center}

#brand-section h2{font-size:28px;margin-bottom:30px}

/* #brand-section .brand-card img{margin-bottom:15px} */

#brand-section .brand-card h4{margin:0;font-size:18px}

#brand-section .brand-card p{font-size:14px;color:#666;}

#brand-section .brand-carousel .owl-stage{display:flex;align-items:stretch}

#brand-section .brand-carousel .owl-item{padding:15px}

#brand-section .owl-item.active .brand-card{animation:slideFade .6s ease forwards}

@keyframes slideFade{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}



#brand-section .brand-card .product-name{
    font-size:15px;
    font-weight:600;
    color:#fff;
    letter-spacing:0.3px;
    transition:color .3s ease;
    background-color: #000;
    width: 100%;
    padding: 20px 0;
}

/* Optional subtitle / category (agar future me add karo) */
#brand-section .brand-card .product-sub{
    font-size:13px;
    color:#666;
}


@media (max-width: 992px){
    #brand-section .brand-card{
        filter: grayscale(0%);
        opacity: 1;
    }

    #brand-section .brand-card:hover{
        filter: grayscale(0%);
        opacity: 1;
    }
}

/* ======================================================================================== */
 /* service section css start  */
/* ======================================================================================== */


#services-section{padding:70px 0; background: linear-gradient(45deg, #04285b, #04285b52);}

#services-section .services-title{text-align:center;font-size:32px;font-weight:700;margin-bottom:15px; color: #fff;}

#services-section .services-subtitle{text-align:center;font-size:16px;color:#e7e7e7;max-width:700px;margin:0 auto 45px;line-height:1.6}

#services-section .service-card{background:#fff;border-radius:12px;padding:30px 25px;text-align:center;height:100%;transition:.35s ease;box-shadow:0 8px 22px rgba(0,0,0,.08)}

#services-section .service-card:hover{transform:translateY(-8px);box-shadow:0 18px 40px rgba(0,0,0,.15)}

#services-section .service-icon{width:70px;height:70px;margin:0 auto 20px;background:#eef2ff;color:#1e40af;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:bold}

#services-section .service-card h3{font-size:20px;margin-bottom:10px}

#services-section .service-card p{font-size:15px;color:#000;line-height:1.6}




/* ======================================================================================== */
 /* brand-logo section css start  */
/* ======================================================================================== */


#brands-deal-section{padding:60px 15px;background:#f9fbff}
#brands-deal-section .container{max-width:1200px;margin:auto;text-align:center}
#brands-deal-section .brands-title{font-size:34px;color:#081756;margin-bottom:40px}
#brands-deal-section .brands-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:25px}
#brands-deal-section .brand-card{background:#ffffff;padding:20px 15px;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.08);transition:all .3s ease}
#brands-deal-section .brand-card img{max-width:90px;height:100px;margin-bottom:12px;object-fit:contain}
#brands-deal-section .brand-card span{display:block;font-size:16px;font-weight:600;color:#333}
#brands-deal-section .brand-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px rgba(0,0,0,.15)}
@media (max-width:991px){#brands-deal-section .brands-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:576px){#brands-deal-section .brands-grid{grid-template-columns:repeat(2,1fr)} #brands-deal-section .brands-title{font-size:26px}}




/* ======================================================================================== */
 /* videos section css start  */
/* ======================================================================================== */


#video-section{
    padding:80px 20px;
    background:#f6f7f9;
    font-family:Arial, sans-serif;
}

#video-section .video-container{
    max-width:1200px;
    margin:auto;
    text-align:center;
}

#video-section .video-title{
    font-size:28px;
    margin-bottom:8px;
}

#video-section .video-subtitle{
    font-size:14px;
    color:#666;
    margin-bottom:40px;
}

#video-section .video-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

#video-section .video-card{
    background:#fff;
    padding:12px;
    border-radius:14px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.3s;
}

#video-section .video-card:hover{
    transform:translateY(-6px);
}

#video-section .video-card iframe{
    width:100%;
    height:220px;
    border-radius:12px;
}

/* Tablet */
@media (max-width:992px){
    #video-section .video-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

/* Mobile */
@media (max-width:600px){
    #video-section .video-grid{
        grid-template-columns:1fr;
    }

    #video-section .video-card iframe{
        height:200px;
    }
}




/* ======================================================================================== */
 /* state section css start  */
/* ======================================================================================== */



.stats-section {padding:70px 0;background-image:url(../images/counter-bg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}

.stats-section .stat-box{padding:25px 10px;background:#ffffff1c;border-radius:10px; margin: 20px 0;}

.stats-section .stat-box h2{font-size:44px;font-weight:700;color:#fff;margin-bottom:6px}
.stats-section .stat-box span{font-size:14px;color:#fff;letter-spacing:.3px}

@media(max-width:575px){.stats-section .stat-box h2{font-size:34px}
                         .stats-section .stat-box span{font-size:12px;}
}


/* ======================================================================================== */
 /* testimonial section css start  */
/* ======================================================================================== */


#gr-section {padding:70px 20px;background:#fff;font-family:Arial,sans-serif}
#gr-section .gr-container{max-width:1200px;margin:auto}
#gr-section .gr-title{text-align:center;font-size:26px;margin-bottom:30px}
#gr-section .gr-top{background:#f6f7f8;padding:22px 28px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}
#gr-section .gr-left{display:flex;align-items:center;gap:15px}
#gr-section .gr-left img{width:85px}
#gr-section .gr-rating{font-size:16px}
#gr-section .gr-rating strong{font-size:20px}
#gr-section .gr-rating small{color:#666;margin-left:6px}
#gr-section .stars{color:#fbbc05;margin-left:6px}
#gr-section .gr-btn{background:#04285b;color:#fff;padding:10px 18px;border-radius:20px;font-size:14px;text-decoration:none}
#gr-section .gr-card{background:#f6f7f8;border-radius:12px;padding:22px;height:250px; overflow-y: auto;
    padding-right: 5px;}
#gr-section .gr-user{display:flex;gap:10px;align-items:center;margin-bottom:8px}
#gr-section .gr-user img{width:40px!important;height:40px;border-radius:50%}
#gr-section .gr-user h4{font-size:14px;margin:0}
#gr-section .gr-user span{font-size:12px;color:#777}
#gr-section .gr-card p{font-size:14px;color:#444;margin-top:8px}
#gr-section .gr-card a{font-size:13px;color:#04285b;text-decoration:none}
#gr-section .owl-dots{margin-top:18px}
@media (max-width:768px){#gr-section .gr-title{font-size:22px;line-height:1.3}
#gr-section .gr-top{flex-direction:column;align-items:center;gap:15px;padding:18px}
#gr-section .gr-left{flex-direction:column;align-items:center;gap:8px}
#gr-section .gr-left img{width:70px}
#gr-section .gr-rating{font-size:14px}
#gr-section .gr-rating strong{font-size:18px}
#gr-section .gr-btn{align-self:center;padding:8px 16px;font-size:13px;border-radius:18px}
#gr-section .gr-card{min-height:auto;padding:18px}
#gr-section .owl-nav{position:relative;margin-top:15px;text-align:center}
#gr-section .owl-nav button{position:static!important;margin:0 8px}
#gr-section .owl-dots{text-align:center}
}
#gr-section .gr-card::-webkit-scrollbar{
    width: 6px;
}

#gr-section .gr-card::-webkit-scrollbar-track{
    background: #eaeaea;
    border-radius: 10px;
}

#gr-section .gr-card::-webkit-scrollbar-thumb{
    background: #04285b;
    border-radius: 10px;
}

#gr-section .gr-card::-webkit-scrollbar-thumb:hover{
    background: #021b3a;
}





/* ======================================================================================== */
 /* contact section css start  */
/* ======================================================================================== */



#contact-section{
    padding:80px 20px;
    background:#f6f7f9;
    font-family:Arial, sans-serif;
}

#contact-section .contact-container{
    max-width:1200px;
    margin:auto;
    display:flex;
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.1);
}

/* FORM */
#contact-section .contact-form{
    width:50%;
    padding:50px;
}

#contact-section .contact-form h2{
    font-size:28px;
    margin-bottom:10px;
}

#contact-section .contact-form p{
    font-size:14px;
    color:#666;
    margin-bottom:25px;
}

#contact-section .form-group{
    margin-bottom:18px;
}

#contact-section .form-group input,
#contact-section .form-group textarea{
    width:100%;
    padding:12px 14px;
    border:1px solid #ddd;
    border-radius:6px;
    font-size:14px;
}

#contact-section .form-group textarea{
    resize:none;
    height:120px;
}

#contact-section .contact-form button{
    background:#1a73e8;
    color:#fff;
    border:none;
    padding:12px 28px;
    border-radius:25px;
    font-size:14px;
    cursor:pointer;
    transition:.3s;
}

#contact-section .contact-form button:hover{
    background:#1558b0;
}

/* MAP */
#contact-section .contact-map{
    width:50%;
}

#contact-section .contact-map iframe{
    width:100%;
    height:100%;
    min-height:450px;
    border:0;
}

/* RESPONSIVE */
@media(max-width:900px){
    #contact-section .contact-container{
        flex-direction:column;
    }

    #contact-section .contact-form,
    #contact-section .contact-map{
        width:100%;
    }

    #contact-section .contact-map iframe{
        min-height:300px;
    }
}

















#faq-section {padding:80px 20px;background:#f8f9fc}
#faq-section .faq-title{text-align:center;font-size:36px;font-weight:700;margin-bottom:50px;color:#081756}
#faq-section .faq-item{background:#fff;border-radius:12px;margin-bottom:15px;box-shadow:0 10px 25px rgba(0,0,0,.06);overflow:hidden}
#faq-section .faq-question{width:100%;background:none;border:none;padding:20px 25px;font-size:18px;font-weight:600;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:#081756}
#faq-section .faq-question .icon{font-size:26px;transition:transform .3s ease}
#faq-section .faq-answer{max-height:0;overflow:hidden;transition:all .4s ease;padding:0 25px}
#faq-section .faq-answer p{padding-bottom:20px;color:#555;line-height:1.7}
#faq-section .faq-item.active .faq-answer{max-height:200px}
#faq-section .faq-item.active .icon{transform:rotate(45deg)}
@media(max-width:768px){
#faq-section .faq-title{font-size:28px}
#faq-section .faq-question{font-size:13px}
#faq-section .faq-section{padding:60px 0}
}








#budget-section {padding:70px 20px;background:#f8fafc;font-family:Arial,sans-serif}

#budget-section .budget-title{text-align:center;font-size:28px;margin-bottom:40px;font-weight:600}
#budget-section .budget-title span{color:#22c55e}
#budget-section .budget-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
#budget-section .budget-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 10px 25px rgba(0,0,0,.08);position:relative;transition:.3s}
#budget-section .budget-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.12)}
#budget-section .budget-card img{width:100%;border-radius:12px}
#budget-section .add-btn{position:absolute;bottom:16px;right:16px;width:38px;height:38px;border-radius:50%;border:none;background:#222;color:#fff;font-size:22px;cursor:pointer}
#budget-section .budget-card.active{box-shadow:0 20px 45px rgba(0,0,0,.18)}
@media(max-width:992px){#budget-section .budget-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:576px){#budget-section .budget-grid{grid-template-columns:1fr}}




#contact-page {
    background: #f5f5f5;
    padding: 60px 0;
}

#contact-page .contact-top {
    margin-bottom: 40px;
}

#contact-page .contact-image img {
    width: 100%;
    border-radius: 6px;
    object-fit: cover;
}

#contact-page .contact-form {
    padding-left: 30px;
}

#contact-page .small-title {
    color: #04265a;
    font-size: 14px;
    font-weight: 500;
    display: block;
    margin-bottom: 10px;
}

#contact-page .contact-form h2 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 15px;
}

#contact-page .contact-form h2 span {
    color: #04265a;
}

#contact-page .contact-form p {
    color: #777;
    margin-bottom: 25px;
}

#contact-page .contact-form input,
#contact-page .contact-form textarea {
    width: 100%;
    border: 1px solid #ddd;
    padding: 14px;
    margin-bottom: 15px;
    border-radius: 4px;
    font-size: 14px;
}

#contact-page .contact-form textarea {
    height: 120px;
    resize: none;
}

#contact-page .btn-submit {
    background: #04265a;
    color: #fff;
    border: none;
    padding: 14px 30px;
    border-radius: 30px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

#contact-page .btn-submit:hover {
    background: #000;
}


#contact-page-map {
    background: #ffffff;
    padding: 0;
}

#contact-page-map .contact-map iframe {
    width: 100%;
    height: 450px;
    border: 0;
}

#contact-page-map .contact-info {
    padding: 60px 40px;
}

#contact-page-map .info-box {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 25px;
}

#contact-page-map .icon {
    width: 60px;
    height: 60px;
    background: #eee;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #04265a;
    flex-shrink: 0;
}

#contact-page-map .info-text h5 {
    font-weight: 600;
    margin-bottom: 5px;
}

#contact-page-map .info-text p {
    margin: 0;
    color: #555;
    font-size: 18px;
}

#about-gait {
    background: #f8f9fa;
}

#about-gait .about-content h2 {
    font-weight: 700;
}

#about-gait .about-content h2 span{
    color:#073163;
}

#about-gait .about-list {
    list-style: none;
    padding: 0;
    margin-top: 15px;
}

#about-gait .about-list li {
    margin-bottom: 8px;
    font-weight: 500;
}



#media-showcase {
    background: linear-gradient(135deg, #f4f7fb, #ffffff);
    padding: 80px 0;
}

#media-showcase .section-heading h2 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 10px;
}

#media-showcase .section-heading p {
    color: #666;
    margin-bottom: 40px;
}

#media-showcase .media-card {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: 0.3s ease;
}

#media-showcase .media-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.12);
}

#media-showcase .media-frame {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 ratio */
}

#media-showcase .media-frame iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
    top: 0;
    left: 0;
}


@media(max-width:576px){
    #about-gait .row{
        flex-direction: column-reverse;
        row-gap: 20px;
    }
    #about-gait .about-content h2 {
    text-align: center;
}
#about-gait .about-content p {
    text-align: justify;
    margin-bottom:10px;
}
}

#gt-product-detail {
    padding: 50px 0;
}

#gt-product-detail .product-top {
    background: #ffffff;
    padding: 20px;
    border-radius: 14px;
}

#gt-product-detail .product-image img,
#gt-product-detail .product-image-box img {
    width: 100%;
    border-radius: 12px;
    display: block;
}

#gt-product-detail .product-title {
    font-size: 30px;
    font-weight: 700;
    color: #1f1f1f;
    margin-bottom: 10px;
    line-height: 1.3;
}

#gt-product-detail .product-price {
    font-size: 24px;
    font-weight: 700;
    color: #05255a;
    margin-bottom: 18px;
}

#gt-product-detail .product-desc {
    font-size: 20px;
    color: #666;
    line-height: 1.8;
    margin-bottom: 14px;
}

#gt-product-detail .feature-heading {
        font-size: 30px;
    font-weight: 600;
    margin: 18px 0 16px;
}

#gt-product-detail .feature-list {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}

#gt-product-detail .feature-list li {
    position: relative;
    padding-left: 22px;
    font-size: 20px;
    color: #444;
    margin-bottom: 8px;
}

#gt-product-detail .feature-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: #05255a;
    font-size: 22px;
}

#gt-product-detail .enquire-btn {
    margin-top: 18px;
    padding: 13px 30px;
    background: #05255a;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    transition: 0.3s ease;
}

#gt-product-detail .enquire-btn:hover {
    background: #000;
    transform: translateY(-2px);
}

#gt-product-detail .description-area,
#gt-product-detail .description-section {
    padding-top: 25px;
    border-top: 1px solid #e3e3e3;
    margin-top: 30px;
}

#gt-product-detail .desc-tab,
#gt-product-detail .desc-heading {
    font-size: 22px;
    font-weight: 600;
    color: #222;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
}

#gt-product-detail .desc-tab::after,
#gt-product-detail .desc-heading::after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background: #05255a;
    margin-top: 6px;
    border-radius: 3px;
}

#gt-product-detail .desc-text, #gt-product-detail .description-section p {
    font-size: 20px;
    color: #666;
    line-height: 1.9;
}

#gt-product-detail .related-products-part {
    margin-top: 40px;
}

#gt-product-detail .product-carousel .item {
    background: #fff;
    border-radius: 14px;
    padding: 20px;
    text-align: center;
    border: 1px solid #edf0f4;
    transition: all 0.35s ease;
    height: 100%;
}

#gt-product-detail .product-carousel .item:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.08);
    border-color: transparent;
}

/* Image */
#gt-product-detail .product-carousel .item img {
    width: 100%;
    height: 140px;
    object-fit: contain;
    margin-bottom: 14px;
    transition: transform 0.4s ease;
}

#gt-product-detail .product-carousel .item:hover img {
    transform: scale(1.06);
}


#gt-product-detail .product-carousel .item h5 {
    font-size: 16px;
    font-weight: 600;
    color: #1f1f1f;
    margin-bottom: 6px;
}

#gt-product-detail .product-carousel .item p {
    font-size: 18px;
    color: #666;
    line-height: 1.6;
    margin: 0;
}


#gt-product-detail .product-carousel .owl-stage {
    display: flex;
    align-items: stretch;
}

#gt-product-detail .product-carousel .owl-item {
    display: flex;
    height: auto;
}


#gt-product-detail .product-carousel .owl-dots {
    text-align: center;
    margin-top: 20px;
}

#gt-product-detail .product-carousel .owl-dot span {
    width: 8px;
    height: 8px;
    background: #ccc;
    display: block;
    border-radius: 50%;
    margin: 5px;
    transition: 0.3s;
}

#gt-product-detail .product-carousel .owl-dot.active span {
    background: #05255a;
    width: 20px;
    border-radius: 10px;
}

#gt-product-detail .owl-next {
  position: absolute;
  top:110px;
  right: -46px;
  height: 35px;
  width: 35px;
 background-color: #123564;
    color: #ffffff;
  border-radius: 50px;
  font-size: 35px;
  text-align: center;
  line-height: 35px;
}

#gt-product-detail .owl-prev {
 position: absolute;
    top:110px;
    left: -46px;
    height: 35px;
    width: 35px;
    background-color: #123564;
    color: #ffffff;
    border-radius: 50px;
    font-size: 35px;
    text-align: center;
    line-height: 35px;
}

#gt-product-detail .owl-theme .owl-dots .owl-dot {
  display: none;
}

#gt-product-detail .owl-next span,
#gt-product-detail .owl-prev span {
  position: relative;
  top: -4px;
}

@media (max-width: 991px) {
    #gt-product-detail .product-top {
            padding: 25px 5px;
    }

    #gt-product-detail .product-title {
        font-size: 24px;
        margin-top: 20px;
    }

    #gt-product-detail .product-carousel .item img {
        height: 120px;}
    #gt-product-detail .owl-prev {
    left: 3px;}
    #gt-product-detail .owl-next {
    right: 5px;}
    #gt-product-detail .enquire-btn {
    margin-top: 10px;
    padding: 5px 6px;
    font-size: 13px;}
    #gt-product-detail .product-desc {
    font-size: 18px;}
    
#gt-product-detail .feature-list li {
    font-size: 18px;}
    #gt-product-detail .desc-text, #gt-product-detail .description-section p {
    font-size: 18px;}
    #contact-page-map .info-text p {
    font-size: 14px;
}
}

#gt-product-detail .feature-list .tbody, td, tfoot, th, thead, tr{
    border: 1px solid #000;
    padding: 2px 20px;
}


#contact-page {
    background: #f5f5f5;
    padding: 40px 0;
}
#contact-page .contact-form {
    padding-left: 0px;
   padding-top: 25px;
}
#contact-page .contact-form h2 {
    font-size: 30px;
    margin-bottom: 10px;
}
#contact-page .contact-form p {
    margin-bottom: 20px;
}
#contact-page .btn-submit {
    padding: 10px 15px;}
    #contact-page-map .contact-map iframe {
    height: 300px;}
    #contact-page-map .contact-info {
    padding: 20px 0px;
}

}

#related-products{
    margin: 75px 0 !important;
    background: #f8f9fa;
}

#related-products .heading-rp {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 40px;
}

/* Card */
#related-products .card-rp {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    transition: 0.3s;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    height: 100%;
}

#related-products .card-rp:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

/* Image */
#related-products .img-rp {
    background: #f1f3f5;
    padding: 20px;
    text-align: center;
}

#related-products .img-rp img {
    max-width: 100%;
    height: 150px;
    object-fit: contain;
}

/* Content */
#related-products .content-rp {
    padding: 18px;
    text-align: center;
}

#related-products .content-rp h5 {
    font-size: 18px;
    margin-bottom: 8px;
    color: #222;
}

#related-products .content-rp p {
    font-size: 14px;
    color: #666;
    margin: 0;
}

#related-products .content-rp a {
    text-decoration: none;
}