/*=== GLOBAL RESETS ===*/

:root {
  --primary-color: #FF7722; 
  --secondary-color: #002D5B; 
  --bg-light: #f8f9fa;
  --text-gray: #666;
   --text-dark: #212121;
  --card-shadow: 0 10px 25px rgba(0,0,0,0.06);
}

body{font-family:'Poppins',sans-serif;overflow-x:hidden;padding-top:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;top:0!important}
p,li{margin-bottom:0;font-size:14px;color:#666;line-height:30px; text-align: justify; text-justify: inter-word;}
a{text-decoration:none!important}
ul{padding:0;margin:0;list-style:none}
h1,h2,h3,h4,h5,h6{margin:0}
*,:after,:before{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/*=== BUTTONS - Primary/Secondary ===*/
a.filled-button{background:#FF7722;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;padding:12px 30px;border-radius:30px;display:inline-block;transition:.3s}
a.filled-button:hover{background:#fff;color:#FF7722}
a.border-button{background:0 0;color:#fff;border:2px solid #fff;font-size:13px;font-weight:700;text-transform:uppercase;padding:10px 28px;border-radius:30px;display:inline-block;transition:.3s}
a.border-button:hover{background:#fff;color:#FF7722}
.btn-service{padding:8px 20px!important;font-size:12px!important;width:fit-content!important;display:inline-block!important}
.btn-download-custom{background:#FF7722!important;color:#fff!important;border-radius:50px;padding:8px 22px!important;font-weight:700;font-size:14px;display:inline-flex;align-items:center;border:none}
/*.training-btn{color:#011761!important;border:2px solid #011761;border-radius:20px;padding:0 8px 8px;line-height:3;font-weight:600}*/
.training-btn {
    color: #ffffff !important; 
    background-color: #FF7722 !important;
    border: 2px solid #FF7722 !important; 
    border-radius: 25px;
    padding: 8px 20px;
    line-height: 1.5;
    font-weight: 600;
    text-decoration: none !important;
    display: inline-block;
    transition: all 0.3s ease;
}

.training-btn:hover {
    background-color: #011761 !important; 
    border-color: #ffffff !important; 
    color: #ffffff !important;
}

@media (max-width: 768px) {
    .training-btn {
        padding: 5px 5px !important;
        font-size: 12px !important;
    }
}
.admission-link{border:2px solid #FF7722!important;color:#FF7722!important;font-weight:700}

/*=== HEADER & NAVIGATION ===*/
header{position:relative;width:100%;z-index:1000}
.main-navbar{position:sticky!important;top:0!important;z-index:9999!important;background:#FF7722!important;display:block!important}
@media(min-width:993px){.main-navbar{background:#011761!important}
.nav-menu li a:hover{background:#FF7A18;color:#fff!important;border-radius:4px}}

/* Top Bar */
.top-nav-bar{background:#FF7722;padding:10px 0}
.top-nav-bar .left-links a{color:#fff;font-size:14px;margin-right:20px}
.top-nav-bar .social-icons{display:flex;gap:10px}
.top-nav-bar .social-icons li a{color:#fff;font-size:16px}

/* Middle Header */
.middle-header{background:#fff;border-bottom:1px solid #ddd}
.header-logo{height:110px}
.center-logos{display:flex;justify-content:center;align-items:center}
.brand-text h2{color:#FF7722;font-weight:700;font-size:16px}
.brand-tagline{margin:0;color:#dc3545;font-size:14px;font-weight:500}

/* Navigation Menu */
.nav-menu{display:flex}
.nav-menu li{padding:5px 11px}
.nav-menu li a{display:block;color:#fff!important;padding:8px 15px!important;transition:.3s}
.profile-img{width:70px;height:70px;border-radius:50%;object-fit:cover}

@media (max-width: 768px) {
    .brand-text h3 {
        color: #ffffff !important;
        font-size: 13px !important; 
        white-space: nowrap;  
        margin-left: 5px !important;
    }

    .brand-tagline {
        font-size: 10px;
        margin-left: 10px !important;
    }

    .header-logo {
        max-height: 60px; 
        width: auto;
    }
    
    .logo-area {
        display: flex;
        align-items: center;
    }
}

@media (max-width: 991px) {
    .brand-text h3 {
        color: #ffffff !important;
        font-size: 14px !important;
        white-space: nowrap;  
        margin-left: 8px !important; 
        font-weight: bold;
    }

    .brand-tagline {
        color: #f1f1f1 !important;
        font-size: 10px !important;
        margin-left: 8px !important;
        display: block !important;  
    }

    .header-logo {
        max-height: 50px !important; 
        width: auto;
    }
    
    .logo-area {
        display: flex;
        align-items: center;
    }

    .middle-header {
        background-color: #002147 !important; 
    }
}

@media (min-width: 992px) {
    .brand-text h3 {
        color: #000000 !important; 
        font-size: 1.75rem; 
    }
    .middle-header {
        background-color: #ffffff !important;
    }
}

.nav-item.dropdown:hover .dropdown-menu {
    display: block; 
    margin-top: 0;
}

.dropdown-menu {
    background-color: #011761; 
    border-radius: 0 0 8px 8px;
    padding: 10px 0;
}

.dropdown-item {
    color: #ffffff !important;
    font-size: 14px;
    padding: 10px 20px;
    transition: 0.3s;
}

.dropdown-item:hover {
    background-color: #FF7722 !important; 
    color: #fff !important;
}

/* Dropdown arrow (Optional) */
.dropdown-toggle::after {
    vertical-align: middle;
    margin-left: 5px;
}

/*=== LANGUAGE TRANSLATOR ===*/
iframe#\:1\.container,a.VIpgJd-ZVi9od-l4eHX-hSRGPd,.goog-logo-link,.goog-te-gadget span,.goog-te-banner-frame.skiptranslate,.goog-te-balloon-frame,#goog-gt-tt{display:none!important}
#google_translate_element select{background:0 0!important;border:none!important;font-size:16px!important;height:24px!important;width:100px;padding:0!important;margin:0!important;cursor:pointer;outline:0!important;font-family:'Poppins',sans-serif;color:#333}
.goog-te-gadget{color:transparent!important;font-size:0!important}
.goog-te-combo{margin:0!important;padding:2px!important}
.goog-text-highlight{background:0 0!important;box-shadow:none!important}
.lang-container{display:flex;align-items:center;background:#fff;padding:0 5px;border-radius:4px;height:28px;width:120px;border:1px solid #ccc}
.lang-select{padding:2px 8px;border-radius:4px;border:none;font-size:13px}

/*=== SOCIAL SIDEBAR ===*/
.side-social-bar{position:fixed;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;z-index:1000}
.social-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;background:#FF7722;transition:.3s}
.social-icon:hover{width:60px;background:#e96500}

/*=== SECTION HEADINGS - Used on all pages ===*/
.section-heading{text-align:center; margin-bottom: 20px;}
.section-heading h2, .section-heading h3, .section-heading h4, .section-heading h5, .section-heading h6 {
    font-size: 30px;
    font-weight: 700;
    color: #2c3e50;
    text-transform: uppercase;
}

/* Mobile Responsive Heading */
@media (max-width: 767px) {

    .section-heading h2, 
    .section-heading h3, 
    .section-heading h4, 
    .section-heading h5, 
    .section-heading h6 {
        font-size: 20px !important; 
        letter-spacing: 0.5px; 
        line-height: 1.3; 
    }
}

.section-heading em{font-style:normal;color:#f33f3f}
.section-heading span{display:block;margin-top:15px;text-transform:uppercase;font-size:15px;color:#7a7a7a;letter-spacing:1px}

/*=== PRELOADER - Loading animation ===*/
#preloader{overflow:hidden;background:#FF7722;position:fixed;z-index:9999999;color:#fff;inset:0}
#preloader .jumper{position:absolute;margin:auto;width:50px;height:50px;inset:0}
#preloader .jumper>div{background:#fff;width:50px;height:50px;border-radius:100%;position:absolute;opacity:0;-webkit-animation:jumper 1s linear infinite;animation:jumper 1s linear infinite}
#preloader .jumper>div:nth-child(2){-webkit-animation-delay:.33333s;animation-delay:.33333s}
#preloader .jumper>div:nth-child(3){-webkit-animation-delay:.66666s;animation-delay:.66666s}
@-webkit-keyframes jumper{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}5%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}
@keyframes jumper{0%{opacity:0;transform:scale(0)}5%{opacity:1}100%{opacity:0}}

/*=== BANNER/SLIDER - Homepage slider ===*/
.Modern-Slider {
    background: #000;
    overflow: hidden;
}
.Modern-Slider .item .img-fill {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 75vh; /* Desktop ke liye height */
}
.Modern-Slider .item-1 .img-fill{background-image:url(../images/slide_01.jpg)}
.Modern-Slider .item-2 .img-fill{background-image:url(../images/slide_02.jpg)}
.Modern-Slider .item-3 .img-fill{background-image:url(../images/slide_03.jpg)}
.Modern-Slider .NextArrow{position:absolute;top:50%;right:30px;background:0 0;font-size:36px;font-family:FontAwesome;color:#fff;z-index:5;cursor:pointer;border:none}
.Modern-Slider .NextArrow:before{content:'\f105'}
.Modern-Slider .PrevArrow{position:absolute;top:50%;left:30px;background:0 0;font-size:36px;font-family:FontAwesome;color:#fff;z-index:5;cursor:pointer;border:none}
.Modern-Slider .PrevArrow:before{content:'\f104'}
ul.slick-dots{display:none!important}
.Modern-Slider .text-content{text-align:left;width:75%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.Modern-Slider .item h1{margin-bottom:15px;font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#FF7722;animation:fadeOutRight 1s both}
.Modern-Slider .item h2{margin-bottom:30px;font-size:44px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:#fff;animation:fadeOutLeft 1s both}
.Modern-Slider .item p{max-width:570px;color:#fff;font-size:15px;line-height:30px;margin-bottom:40px}
.Modern-Slider .item.slick-active h6{animation:fadeInDown 1s both 1s}
.Modern-Slider .item.slick-active h4{animation:fadeInLeft 1s both 1.5s}
.Modern-Slider .item.slick-active{animation:Slick-FastSwipeIn 1s both}
.img-fill{width:100%;overflow:hidden;position:relative;text-align:center}
.img-fill img{min-width:100%;min-height:100%;position:relative;display:inline-block}


@media (max-width: 767px) {
    .Modern-Slider .item .img-fill {
        height: 40vh; 
        background-size: contain; 
        background-size: cover; 
    }
    
    .Modern-Slider .text-content {
        width: 90% !important; 
    }

    .Modern-Slider .item h2 {
        font-size: 24px !important; 
        line-height: 30px;
    }

    .Modern-Slider .item h1 {
        font-size: 16px !important;
    }
    
    .Modern-Slider .item p {
        font-size: 13px !important;
        line-height: 20px;
        margin-bottom: 20px;
    }
}

/* Baki purana images ka path waisa hi rahega */
.Modern-Slider .item-1 .img-fill{background-image:url(../images/slide_01.jpg)}
.Modern-Slider .item-2 .img-fill{background-image:url(../images/slide_02.jpg)}
.Modern-Slider .item-3 .img-fill{background-image:url(../images/slide_03.jpg)}

/* Text centering fix */
.Modern-Slider .text-content{
    text-align: left;
    width: 75%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

/*=== SLICK SLIDER - Carousel library ===*/
.slick-slider{position:relative;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;margin:0;padding:0!important}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-slide{display:none;float:left;height:100%;min-height:1px;padding:0}
.slick-initialized .slick-slide{display:block}
.Grid1k{padding:0 15px;max-width:1200px;margin:auto}

/*=== ABOUT PAGE - Full screen about section ===*/
.full-screen-about{width:100%;min-height:100vh;display:flex;align-items:center;background:#fff;padding:60px 0}
.about-wrapper{display:flex;align-items:center;width:100%}
.about-image-side{text-align:center;margin-bottom:30px}
.main-img-container img{width:100%;max-width:400px;aspect-ratio:1/1;object-fit:cover;border-radius:30px;box-shadow:0 15px 35px rgba(0,0,0,.1);border:10px solid #f8f8f8}
.about-content-side{padding:0 15px}
.about-content-side h1{font-size:48px;font-weight:800;margin:15px 0}
.about-content-side p{font-size:17px;line-height:1.6;color:#555}

/*=== Contact PAGE & Feedback page */
   .premium-card {
        background: #ffffff;
        border-radius: 20px;
        padding: 40px 30px;
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        border: 1px solid #eee;
        height: 100%;
    }

    .premium-card:hover {
        transform: translateY(-15px);
        box-shadow: 0 25px 50px rgba(0,0,0,0.1) !important;
    }

    .icon-box-modern {
        width: 70px;
        height: 70px;
        background: #f0f4ff;
        color: var(--secondary-color);
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 28px;
        margin: 0 auto 25px;
    }

    /* Form Design */
    .glass-form-card {
        background: #ffffff;
        border-radius: 30px;
        border: 1px solid #f0f0f0;
    }

    .small-label {
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 1px;
        color: #666;
        margin-bottom: 10px;
        display: block;
    }

    .premium-input {
        width: 100%;
        padding: 10px 10px;
        border: 2px solid #f1f1f1;
        border-radius: 15px;
        background: #f9f9f9;
        transition: 0.3s;
        font-size: 16px;
    }

    .premium-input:focus {
        outline: none;
        border-color: var(--secondary-color);
        background: #fff;
        box-shadow: 0 0 0 5px rgba(1, 23, 97, 0.05);
    }

    .premium-btn {
        background: var(--secondary-color);
        color: #fff;
        border: none;
        border-radius: 50px;
        font-weight: 700;
        font-size: 18px;
        padding: 15px 50px;
        transition: 0.4s;
        cursor: pointer;
    }

    .premium-btn:hover {
        background: var(--primary-color);
        box-shadow: 0 15px 30px rgba(243, 63, 63, 0.3);
        transform: scale(1.05);
    }

    .divider-custom {
        width: 80px;
        height: 5px;
        background: var(--primary-color);
        border-radius: 10px;
        margin: 15px auto;
    }

    /* Map Styling */
    .map-full-width {
        width: 100%;
        height: 500px;
        filter: grayscale(0.2);
    }
/*=== End */

/*=== Gallery PAGE */
  .gallery-wrapper {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
            max-width: 1200px;
            margin: 0 auto;
        }

        .gallery-item {
            position: relative;
            overflow: hidden;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            cursor: pointer;
            transition: transform 0.3s ease;
        }

        .gallery-item img {
            width: 100%;
            height: 250px;
            object-fit: cover; 
            display: block;
            transition: filter 0.3s ease;
        }

        .gallery-item:hover {
            transform: scale(1.03);
        }

        .gallery-item:hover img {
            filter: brightness(80%);
        }

        .gallery-item::after {
            content: '🔍';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 2rem;
            color: white;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .gallery-item:hover::after {
            opacity: 1;
        }
/*=== Gallery PAGE */

.instructors-card{background:#fff;border:2px solid #eee;border-radius:8px;text-align:center;margin:10px;overflow:hidden;transition:.3s;min-height:380px;display:flex;flex-direction:column}
.instructors-card:hover{box-shadow:0 10px 20px rgba(0,0,0,.08);border-color:#e0e0e0}
.instructors-img-box{background:#f4f8f4;padding:20px 10px}
.instructors-img-box img{max-width:100%;height:auto;display:block;margin:0 auto}
.instructors-details{padding:20px 15px;border-top:1px solid #f9f9f9}
.instructors-details h4{font-size:18px;font-weight:600;margin-bottom:5px;color:#333}
.instructors-details p,.testimonial-p{font-size:14px;color:#777;margin:0; text-align:center;}
.location-text{display:block;font-size:13px;color:#f60;margin-bottom:10px;font-weight:600}
.testimonial-p{color:#666;line-height:1.5;font-style:italic;margin-top:10px}
/* Download Cards - Publications page */
.download-card{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #ddd;border-left:5px solid #011761;padding:20px 25px;margin-bottom:10px;border-radius:8px;width:100%}
.download-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.1)}
.publication-title{font-size:18px;font-weight:600;flex:1;margin-right:20px}

/* Testimonial Cards */
.testimonial-card{background:#fff;padding:15px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.05);text-align:center;border:1px solid #f0f0f0;transition:.3s}
.testimonial-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.1)}
.testimonial-card h4{font-size:18px;font-weight:700;color:#2c3e50;margin-bottom:5px}
.testimonial-card span{display:block;font-size:13px;color:#FF7722;font-weight:600;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}
.testimonial-card p{font-size:15px;line-height:1.7;color:#666;font-style:italic}
.client-img {width: 100%; height: 100%; border-radius: 0; object-fit: cover; border: none; box-shadow: none; margin: 0;}

/* Info Cards - Goat farming page */
.info-card{background:#fff;padding:40px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.05);height:100%;border-bottom:5px solid #FF7722;transition:.3s}
.info-card:hover{transform:translateY(-10px)}
.info-card .icon-box{width:70px;height:70px;background:#f4f9e9;color:#FF7722;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:25px}

/* Purpose/Objective Boxes */
.purpose-box,.objective-box{background:#fff;padding:30px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.05);height:100%;transition:.3s}
.purpose-box:hover,.objective-box:hover{transform:translateY(-5px)}

/* Training Items */
.training-item{background:#fff;padding:30px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.05);margin-bottom:30px;transition:.3s}
.training-item:hover{transform:translateY(-5px)}

/* Requirement Box */
.requirement-box{background:#fff;padding:30px;border-radius:15px;border:1px dashed #FF7722;position:relative;margin-top:20px}
.step-number{position:absolute;top:-15px;left:20px;background:#FF7722;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}

/* Team Cards */
.team-item img{width:100%}
.team-item .down-content{background:#fff;padding:30px}
.team-item .down-content h4{font-size:20px;font-weight:700;letter-spacing:.25px;margin-bottom:10px}
.team-item .down-content span{display:block;color:#FF7722;font-weight:600;font-size:14px;margin-bottom:15px}
.team-item .down-content p{margin-bottom:20px}

/* Contact Items */
/*.contact-item{padding:30px;background:#E9ECEF;text-align:center}
.contact-item i{color:#FF7722;font-size:48px;margin-bottom:40px}
.contact-item h4{font-size:20px;font-weight:700;margin-bottom:15px}
.contact-item p{margin-bottom:20px}
.contact-item a{font-weight:600;color:#FF7722;font-size:15px}*/

/*=== FORM STYLES - Contact forms ===*/
/* Request Form */
.request-form{background:#011761;padding:10px 0;color:#fff}
.request-form span{font-size:15px;display:inline-block;margin-top:10px}
.request-form a.border-button{margin-top:12px;float:right}

/* Callback Form */
.callback-form{margin-top:30px}
.callback-form .contact-form{background:#FF7722;padding:60px;border-radius:5px;text-align:center}
.callback-form .contact-form input,.callback-form .contact-form textarea,footer .contact-form input,footer .contact-form textarea{border-radius:20px;display:inline-block;padding:0 15px;font-size:13px;border:none;box-shadow:none}
.callback-form .contact-form input,footer .contact-form input{height:40px;line-height:40px;margin-bottom:35px}
.callback-form .contact-form textarea,footer .contact-form textarea{height:120px;padding:15px;margin-bottom:35px}
footer .contact-form input,footer .contact-form textarea{background:#343434;color:#aaa!important;margin-bottom:15px}
.callback-form .contact-form button.border-button{background:0 0;color:#fff;border:2px solid #fff;font-size:13px;font-weight:700;text-transform:uppercase;padding:10px 28px;border-radius:30px;cursor:pointer;transition:.3s}
.callback-form .contact-form button.border-button:hover{background:#fff;color:#FF7722}

/* Footer Form */
footer .contact-form button.filled-button{background:#FF7722;color:#fff;border:none;font-size:13px;font-weight:700;text-transform:uppercase;padding:12px 30px;border-radius:30px;cursor:pointer;transition:.3s}
footer .contact-form button.filled-button:hover{background:#fff;color:#FF7722}

/* Contact Us Form */
.contact-us{background:#f7f7f7;padding:140px 0}
.contact-us .contact-form{background:0 0!important;padding:0!important}
.contact-us .contact-form button.filled-button{background:#FF7722;color:#fff;border:none;font-size:13px;font-weight:700;text-transform:uppercase;padding:12px 30px;border-radius:30px;cursor:pointer;transition:.3s}
.contact-us .contact-form button.filled-button:hover{background:#fff;color:#FF7722}

/*=== BREADCRUMB - Navigation path ===*/
.breadcrumb-wrapper{background:#011761;border-bottom:1px solid #eee;margin-bottom:40px}
.breadcrumb{background:0 0;display:flex;align-items:center;padding-left:0}
.breadcrumb-item a{color:#fff;font-weight:600;font-size:14px;transition:.3s}
.breadcrumb-item a:hover{color:#ff8a5c}
.breadcrumb-item.active{color:#ff8a5c;font-weight:600;font-size:14px}
.breadcrumb-item+.breadcrumb-item:before{content:"»";padding:0 10px;color:#999}

/*=== FUN FACTS - Statistics section ===*/
.fun-facts{background:url(../images/fun-facts-bg.jpg) center/cover fixed;padding:140px 0;color:#fff}
.fun-facts span{display:block;text-transform:uppercase;font-size:15px;color:#fff;letter-spacing:1px;margin-bottom:10px}
.fun-facts h2{font-size:36px;font-weight:600;margin-bottom:35px}
.fun-facts em{font-style:normal;color:#FF7722}
.fun-facts p{color:#fff;margin-bottom:10px}
.fun-facts .left-content{margin-right:45px}
.count-area-content{text-align:center;background:rgba(250,250,250,.1);padding:25px 30px 35px;margin:15px 0}
.count-digit{margin:5px 0;color:#FF7722;font-weight:700;font-size:36px}
.count-title{font-size:20px;font-weight:600;color:#fff;letter-spacing:.5px}

/*=== MORE INFO - Content sections ===*/}
.more-info .left-image img{width:100%}
/*.more-info .more-info-content{background:#f7f7f7}*/
.more-info .right-content span{display:block;text-transform:uppercase;font-size:15px;color:#666;letter-spacing:1px;margin-bottom:10px}
.more-info .right-content h2{font-size:36px;font-weight:600;margin-bottom:35px}
.more-info .right-content em{font-style:normal;color:#FF7722}
.more-info .right-content p{margin-bottom:30px}

/* About Info */
.rms-owner-section {
    padding: 30px 0;
}

.rms-owner-img-wrapper {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border-bottom: 5px solid #FF7722;
    max-height: 400px;
    display: flex;
    align-items: center;
}

.rms-owner-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    object-position: top; 
}

.rms-owner-img-wrapper:hover img {
    transform: scale(1.05);
}

.rms-owner-badge {
    color: #FF7722;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 5px;
}

.rms-owner-name {
    color: #011761;
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 20px;
}

.rms-owner-desc {
    color: #606060;
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 15px;
}

.rms-owner-list {
    list-style: none;
    padding: 0;
}

.rms-owner-list li {
    margin-bottom: 10px;
    font-size: 15px;
    color: #444;
    display: flex;
    align-items: center;
    gap: 10px;
}

.rms-owner-list li i {
    color: #FF7722;
    font-size: 14px;
}

/* Mobile Adjustments */
@media (max-width: 768px) {
    .rms-owner-section { padding: 50px 0; }
    .rms-owner-name { font-size: 26px; }
}

/*=== TESTIMONIALS SECTION ===*/
.testimonials{padding:10px 0;background:#f9fbff}
.about-testimonials{margin-top:0!important}
.owl-testimonials .item{padding:5px}
.owl-theme .owl-dots .owl-dot span{background:#ccc}
.owl-theme .owl-dots .owl-dot.active span{background:#f60!important}

/*=== GALLERY SECTION ===*/
.gallery-section{padding:30px 0}
.gallery-img {
        width: 100%;
        height: 250px;
        object-fit: cover;
        object-position: center;
        transition: transform 0.3s ease;
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }

    .gallery-img:hover {
        transform: scale(1.05);
        box-shadow: 0 8px 16px rgba(0,0,0,0.2);
    }

/*=== TRAINING SECTION ===*/
.training-section{padding:20px 0}
.section-icon{font-size:40px;color:#33ccff;margin-bottom:20px}
.highlight-text{color:#33ccff;font-weight:600}

/*=== GOAT FARMING PAGE ===*/
#goat-farming-info{background:#fcfdfb}
.benefit-list li{padding:10px 0;border-bottom:1px solid #f0f0f0;display:flex;align-items:center}
.benefit-list li i{color:#FF7722;margin-right:10px}

/*=== PARTNERS SECTION ===*/
.partners{margin-top:140px;background:#f7f7f7;padding:60px 0}
.partners .owl-item{text-align:center;cursor:pointer}
.partners .partner-item img{max-width:156px;margin:auto}

/*=== TEAM PAGE ===*/
.team{background:#f7f7f7;margin-top:140px;margin-bottom:-140px;padding:120px 0}

/*=== PAGE HEADING - Page titles ===*/
.page-heading{text-align:center;background:url(../images/page-heading-bg.jpg) center/cover;padding:100px 0;color:#fff}
.page-heading h1{font-size:36px;font-weight:700;text-transform:capitalize;letter-spacing:2px;margin-bottom:18px}
.page-heading span{display:block;font-size:15px;text-transform:uppercase;letter-spacing:1px;color:#fff}

/*=== FOOTER ===*/
footer{background:#232323;padding:80px 0;color:#fff}
footer h4{color:#fff;font-size:20px;font-weight:600;letter-spacing:.25px;margin-bottom:35px}
footer p{color:#fff}
footer ul.social-icons{margin-top:25px}
footer ul.social-icons li{display:inline-block;margin-right:5px}
footer ul.social-icons li a{width:34px;height:34px;display:inline-block;line-height:34px;text-align:center;background:#fff;color:#232323;border-radius:50%;transition:.3s}
footer ul.social-icons li a:hover{background:#FF7722}
footer ul.menu-list li{margin-bottom:13px}
footer ul.menu-list li a{font-size:14px;color:#fff;transition:.3s}
footer ul.menu-list li a:hover{color:#FF7722}

/*=== SUB-FOOTER ===*/
.sub-footer{background:#343434;text-align:center;padding:25px 0}
.sub-footer p{color:#fff;font-weight:300;letter-spacing:.5px}
.sub-footer a{color:#fff}

/*=== UTILITY CLASSES ===*/
#about-owner {padding: 80px 0;background-color: #f9f9f9;}
.owner-img-container {padding: 10px; background: #fff; box-shadow: 0px 10px 30px rgba(0,0,0,0.1); border-radius: 15px; overflow: hidden; transition: transform 0.3s ease;}
.owner-img-container:hover {transform: translateY(-5px);}
.owner-img {border-radius: 10px; width: 100%; }
.right-content h4 {font-size: 28px; font-weight: 700; margin-bottom: 5px; color: #232d39;}
.right-content span {display: block; margin-bottom: 20px; color: #f33f3f; font-weight: 600; font-size: 16px; text-transform: uppercase;}
.right-content ul {padding: 0;margin-top: 20px; list-style: none;}

.right-content ul li {font-size: 15px; font-weight: 500; color: #232d39; margin-bottom: 15px; display: flex; align-items: center; }

.right-content ul li i { width: 25px; height: 25px; background: #f33f3f; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; margin-right: 15px; box-shadow: 0 4px 10px rgba(243, 63, 63, 0.3);}
.info-section{padding:20px 0}
.purpose-objectives{background:#f8f9fa;padding:60px 0}
  .instructors-section{padding:20px 0;background:#fff}
.align-items-stretch{display:flex}

/*=== CUSTOM TOGGLER - Mobile menu button ===*/
.custom-toggler{border:1px solid rgba(255,255,255,.5)!important;padding:5px 10px}
.custom-toggler .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}

/*=== PUBLICATION PAGE ===*/
.publication-page-wrapper{width:100%;overflow-x:hidden}



/*=== Videos  PAGE ===*/
    .rms-yt-card { 
        background: #fff; border-radius: 12px; overflow: hidden; 
        box-shadow: 0 4px 12px rgba(0,0,0,0.1); cursor: pointer; 
        transition: 0.3s; position: relative; margin-bottom: 20px;
    }
    .rms-yt-card:hover { transform: translateY(-5px); }

    .rms-yt-wrapper { position: relative; width: 100%; aspect-ratio: 16/9; background: #000; overflow: hidden; border-radius: 12px 12px 0 0; }
    .rms-static-thumb { width: 100%; height: 100%; object-fit: cover; display: block; transition: 0.3s; }
    
    .rms-yt-play-btn { 
        position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); 
        width: 68px; z-index: 10; transition: 0.2s; pointer-events: none;
    }
    .rms-yt-svg-fill { fill: #212121; fill-opacity: 0.8; }
    .rms-yt-card:hover .rms-yt-svg-fill { fill: #ff0000; fill-opacity: 1; }

    /* 4. Hover Video Preview Box */
    .rms-preview-box { 
        position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
        opacity: 0; transition: 0.4s; pointer-events: none; 
    }
    .rms-yt-card:hover .rms-preview-box { opacity: 1; }
    .rms-yt-card:hover .rms-static-thumb { opacity: 0; }

    /* 5. Text Info */
    .rms-yt-info { padding: 12px; }
    .rms-yt-info h5 { font-size: 16px; font-weight: 600; color: #011761; margin-bottom: 4px; }
    .rms-yt-info p { font-size: 13px; color: #606060; margin: 0; }

    /* 7. Modal */
    .rms-modal { 
        position: fixed; top: 0; left: 0; width: 100%; height: 100%; 
        background: rgba(0,0,0,0.9); display: none; z-index: 99999; 
        align-items: center; justify-content: center; 
    }
    .rms-modal-content { width: 95%; max-width: 800px; position: relative; }
    .rms-close { position: absolute; top: -40px; right: 0; color: #fff; font-size: 35px; cursor: pointer; }
/*=== Videos  PAGE END ===*/
/*=== MOBILE RESPONSIVE - All media queries ===*/
@media (max-width:992px){header{position:fixed;top:0;width:100%;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.1)}
body{padding-top:130px}
.middle-header{background:#011761!important;border-bottom:2px solid #FF7722}
.navbar-collapse{position:fixed;top:140px;width:100%;max-height:calc(100vh - 130px);overflow-y:auto;background:#C65100!important}
.hide-mobile{display:none!important}
.header-logo{height:70px!important;background:#fff;border-radius:50%;padding:2px}
.custom-btn-toggle{background:0 0;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:22px;padding:5px 10px;border-radius:4px}
.nav-menu li{border-bottom:1px solid rgba(255,255,255,.1);text-align:left}
.nav-menu li a{padding:5px 0px!important;color:#fff!important;font-size:15px;display:block;text-transform:capitalize}
.top-nav-bar .left-links{font-size:12px;display:flex;flex-wrap:wrap;gap:10px}
.full-screen-about{height:auto;padding:40px 0}
.about-wrapper{flex-direction:column;text-align:center}
.about-content-side h1{font-size:32px}
.main-img-container img{max-width:280px;height:280px;margin:0 auto}
.service-card{margin-bottom:30px}
.service-title-bar{font-size:1.1rem;padding:12px 20px}
.service-media{height:200px}
.download-card,.download-card{flex-direction:column;text-align:center;gap:15px}
.publication-title{margin-right:0}
.breadcrumb-item{font-size:12px}
.request-form{text-align:center}
.request-form a.border-button{float:none;margin-top:5px}
.fun-facts .left-content{margin-right:0;margin-bottom:30px}
.more-info .right-content{padding:30px}
footer{padding:80px 0 20px}
footer .footer-item{border-bottom:1px solid #343434;margin-bottom:30px;padding-bottom:30px}
footer .last-item{border-bottom:none}
.about-info .right-content{margin-right:0;margin-bottom:30px}
.team .team-item,.contact-item{margin-bottom:30px}}

@media (max-width:575px){

    .download-card {
        padding: 20px;
    }

    .gallery-img {
        height: 150px;
    }

    .publication-title {
        font-size: 15px;
    }

}
/*  Registation page */ 

.rms-registration-section {
    padding: 20px 0;
    background-color: #ffffff;
}

.rms-reg-img-wrapper {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    max-height: 350px; 
    display: flex;
    align-items: center;
}

.rms-reg-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.rms-reg-desc {
    margin-top: 15px;
    color: #606060;
    line-height: 1.6;
    font-size: 15px;
}

.rms-btn-register {
    background-color: #011761;
    color: #ffffff !important;
    padding: 12px 35px;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 2px solid #011761;
    transition: all 0.3s ease;
    font-size: 15px;
}

.rms-btn-register:hover {
    background-color: #FF7722;
    border-color: #FF7722;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(255, 119, 34, 0.3);
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .rms-registration-section {
        padding: 30px 15px;
    }
    .rms-reg-img-wrapper {
        max-height: 250px;
    }
}

/*  end Registation page  */ 
/*  BLog page  */ 



/*  end BLog page */ 

/*  BLog view page  */ 
/* --- Global Styles --- */
.blog-detail-section { background: #fff; position: relative; z-index: 1; }

/* Fixed Title Area for Mobile */
.blog-title-container { 
    margin-bottom: 30px; 
    display: block !important; 
    position: relative;
    clear: both;
}

.main-title { color: #011761; font-size: 34px; font-weight: 800; line-height: 1.3; margin: 0; }
.post-meta-date { color: #FF7722; font-weight: 700; font-size: 14px; display: block; margin-bottom: 8px; }
/*.header-line { width: 50px; height: 4px; background: #FF7722; margin-top: 15px; border-radius: 2px; }*/

/* Images & Content */
.post-featured-image img { width: 100%; border-radius: 12px; margin-bottom: 35px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); }
.p-main-content { font-size: 18px; line-height: 1.8; color: #444; }

/* Headings Hierarchy */
.p-main-content h3 { color: #011761; margin: 35px 0 15px; font-weight: 700; border-left: 4px solid #FF7722; padding-left: 15px; font-size: 26px; }
.p-main-content h4 { color: #011761; font-size: 22px; margin: 25px 0 15px; font-weight: 700; border-left: 4px solid #FF7722; padding-left: 15px; font-size: 26px;}
.p-main-content h5 { color: #011761; font-size: 18px; margin: 20px 0 10px; font-weight: 700; border-left: 4px solid #FF7722; padding-left: 15px; font-size: 26px; }
.p-main-content h6 { color: #011761; font-size: 14px; margin-top: 20px; font-weight: 400; border-left: 4px solid #FF7722; padding-left: 15px; font-size: 26px; }

/* Lists */
.p-main-content ul { padding: 0; list-style: none; margin: 20px 0; }
.p-main-content ul li { position: relative; padding-left: 30px; margin-bottom: 10px; }
.p-main-content ul li::before { 
    content: "✓"; 
    position: absolute; 
    left: 0; 
    color: #FF7722; 
    font-weight: bold; 
}

/* Sidebar (Spans Only) */
.sidebar { padding-left: 30px; }
.widget { background: #f9f9f9; padding: 25px; border-radius: 12px; margin-bottom: 30px; }
.widget-title { display: block; color: #011761; font-size: 18px; font-weight: 700; border-bottom: 2px solid #FF7722; padding-bottom: 10px; margin-bottom: 20px; text-transform: uppercase; }

.recent-posts ul { list-style: none; padding: 0; }
.recent-posts li { margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.recent-posts a span { color: #333; font-weight: 600; font-size: 15px; transition: 0.3s; display: block; }
.recent-posts a:hover span { color: #FF7722; }
.post-date { font-size: 12px; color: #888; display: block; }

/* Sharing */
.post-share-box { margin-top: 50px; padding-top: 25px; border-top: 1px dashed #ddd; }
.share-btn { display: inline-block; padding: 8px 15px; border-radius: 4px; color: #fff !important; text-decoration: none !important; font-size: 14px; margin-right: 10px; }
.share-btn.wa { background: #25D366; }
.share-btn.fb { background: #1877F2; }

/* Mobile Optimization */
@media (max-width: 991px) {
    .main-title { font-size: 24px !important; line-height: 1.4; display: block !important; }
    .sidebar { padding-left: 0; margin-top: 40px; }
    .blog-title-container { margin-top: 10px; }
}

.share-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
}

.share-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 15px;
    border-radius: 4px;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
}

.share-btn i {
    font-size: 16px;
    display: inline-block !important;
}

/* Colors - Direct classes use kar rha hu jo tumne HTML me dali hain */
.share-btn.wa { background-color: #25D366 !important; }
.share-btn.fb { background-color: #1877F2 !important; }
.share-btn.tg { background-color: #0088cc !important; }
.share-btn.insta { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important; }
.share-btn.yt { background-color: #ff0000 !important; }
.share-btn.tw { background-color: #000000 !important; }


.share-btn.copy { background-color: #6c757d !important; }


.share-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    opacity: 0.9;
}

@media (max-width: 576px) {
    .share-btn span {
        display: none;
    }
    .share-btn {
        padding: 10px 12px;
    }
}
/*  end BLog view page */ 

/*  Product page */ 
.product-container-fluid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 43px;
    padding: 40px 5%;
}

.product-card {
    background: #fff;
    border-radius: 4px;
    position: relative;
    border: 1px solid #eee;
    overflow: hidden;
    transition: all 0.3s ease-in-out; 
}

.image-wrapper {
    position: relative;
    width: 100%;
    padding-top: 100%; 
    background: #fbfbfb; 
    overflow: hidden;
}

.image-wrapper img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    width: 90%; 
    height: 90%;
    object-fit: contain; 
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 2. AFTER HOVER STATE (The Effect) */
.product-card:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.1); 
    border-color: #ddd;
}

.product-card:hover .image-wrapper img {
    transform: translate(-50%, -50%) scale(1.08); 
}

/* Badges & Rating Overlay */
.badge-discount {
    position: absolute;
    top: 10px;
    left: 10px;
    background: var(--primary-color);
    color: white;
    padding: 3px 8px;
    font-size: 11px;
    font-weight: bold;
    z-index: 10;
}

.product-rating-overlay {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: rgba(255, 255, 255, 0.95);
    padding: 2px 8px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* Content Area */
.product-content {
    padding: 15px;
    text-align: center;
}

.product-title {
    font-size: 14px;
    color: var(--text-dark);
    margin-bottom: 8px;
    font-weight: 500;
}

.price-wrapper {
    margin-bottom: 12px;
    display: flex;
    justify-content: center;
    gap: 8px;
    align-items: center;
}

.current-price { font-size: 16px; font-weight: 700; color: #000; }
.old-price { font-size: 13px; color: #999; text-decoration: line-through; }

/* Action Button */
.btn-add-to-cart {
    width: 100%;
    background: var(--secondary-color);
    color: white;
    border: none;
    padding: 12px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
    transition: background 0.3s;
}

.btn-add-to-cart:hover {
    background: #001a35;
}
/*  end Product page */ 

/*  Product view page */ 

.product-view-container {
    max-width: 1100px;
    margin: 30px auto;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Gallery Section */
.product-gallery { flex: 1.2; min-width: 320px; }
.main-image-container {
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    margin-bottom: 15px;
}
.main-image-container img { max-width: 100%; max-height: 400px; object-fit: contain; }
.thumbnail-wrapper { display: flex; gap: 10px; overflow-x: auto; padding-bottom: 10px; }
.thumb-img { width: 65px; height: 65px; border: 1px solid #ddd; border-radius: 4px; cursor: pointer; padding: 3px; background: #fff; }
.thumb-img.active { border: 2px solid var(--secondary-color); }

/* Details Section */
.product-details-info { flex: 1; min-width: 320px; }
.brand-name { color: var(--secondary-color); font-weight: 700; font-size: 13px; text-transform: uppercase; }
.product-main-title { font-size: 26px; font-weight: 600; margin: 8px 0; color: var(--text-dark); }

/* Rating Style */
.rating-row { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; }
.stars { color: var(--star-gold); font-size: 18px; }
.review-count { color: #666; font-size: 13px; }

/* Price Section */
.price-box { margin: 15px 0; }
.current-price { font-size: 28px; font-weight: 700; color: #000; }
.old-price { font-size: 18px; color: #999; text-decoration: line-through; margin-left: 10px; }

/* Weight Selector */
.size-selector-label { font-size: 14px; font-weight: 600; margin-bottom: 10px; display: block; }
.size-options { display: flex; gap: 10px; margin-bottom: 25px; }
.size-btn {
    border: 1px solid #ddd;
    background: #fff;
    padding: 8px 15px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
    transition: 0.2s;
}
.size-btn.active { border: 2px solid var(--secondary-color); color: var(--secondary-color); background: #f0f7f3; }

/* Qty & Button */
.qty-row { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; }
.qty-input-box { display: flex; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; }
.qty-btn { padding: 10px 18px; border: none; background: #f8f8f8; cursor: pointer; font-weight: bold; }
#qty-val { padding: 10px 20px; min-width: 30px; text-align: center; font-weight: bold; }

.btn-whatsapp {
    width: 100%;
    background: var(--secondary-color);
    color: #fff;
    border: none;
    padding: 18px;
    font-weight: 700;
    border-radius: 4px;
    cursor: pointer;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.description-section { margin-top: 30px; border-top: 1px solid #eee; padding-top: 20px; }
.description-text { color: #555; line-height: 1.6; font-size: 14px; }

@media (max-width: 768px) { .product-view-container { flex-direction: column; } }
/*  End Product view page */ 

/*  Header submenu */ 
/* Desktop Hover Logic */
@media (min-width: 992px) {
    .nav-item.dropdown-custom {
        position: relative;
    }
    .submenu-panel {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        width: 250px !important;
        background: #011761 !important;
        display: none !important; /* Default hide */
        list-style: none;
        padding: 10px 0;
        margin: 0;
        box-shadow: 0 5px 15px rgba(0,0,0,0.3);
        z-index: 1000;
    }
    .nav-item.dropdown-custom:hover > .submenu-panel {
        display: block !important;
    }
    .desktop-arrow {
        margin-left: 8px !important;
        font-size: 11px;
        transform: rotate(90deg);
        display: inline-block;
    }

    .back-btn-mobile { display: none !important; }
}

/* --- MOBILE VIEW (Up to 991px) --- */
@media (max-width: 991px) {
    .mobile-between {
        justify-content: space-between !important;
        width: 100%;
    }

    .submenu-panel {
        position: absolute;
        top: 0;
        left: 100%; 
        width: 100%;
        height: 100%;
        background: #011761;
        z-index: 2000;
        transition: left 0.3s ease;
        padding: 0;
        list-style: none;
        display: block; 
    }

    .submenu-panel.is-active {
        left: 0; 
    }

    .back-btn-mobile {
        background: #021d7a;
        display: block !important;
    }
}
/*  Header submenu end */ 
@media (min-width:768px){.align-items-stretch{display:flex}}

@media (min-width:1200px){.publication-page-wrapper .container{max-width:95%!important;width:1400px}}