.header-style-6 .social-line li a {
    color: #ffffff !important;
}

.icon-bx-cus img {
    height: 78px !important;
}

.icon-bx-lg-cus img {
    height: auto !important;

}

.icon-bx-sm-cus img {
    height: 85px !important;
}

.bg-cus {
    background-color: #104431 !important;
}

.logo-footer img,
.logo-header img
{
    max-width: 80%;
    /*width: 70% !important;*/
    height: auto;
    padding: 10px 10px 0 !important;
}

.custom-shadow-light {
    box-shadow: 0px 0px 6px 1px #aaa;
}

.custom-box-shadow-light:hover {
    box-shadow: 0px 0px 6px 1px #aaa;
}

.custom-box-shadow-dark:hover {
    box-shadow: 0px 0px 8px 2px #777;
}

.custom-box-full-width {
    width: 100%;
}

.hierarcy-arrow-img::after {
    content: "";
    background: url("../../frontend/images/hierarchy-arrow-lg.png") no-repeat;
    width: 46px;
    height: 250px;
    position: absolute;
    top: 14px;
    right: -33px;
}

.header-padding {
    padding-top: 20px;
}
.sticky-header.main-bar-wraper.navbar-expand-lg:after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    background: #346D5C;
    width: 30%;
    height: 36px;
}

.cus-icon-size{
    font-size: 28px;
}
.header-style-6 .header-nav .nav>li>a:hover{
    color:#fff !important;
}
.header-style-6 .header-nav .nav > li.active > a{
    color: #ffff !important;
}
.icon-bx-lg-prog{
    width: auto;
    height: auto;
    /*margin-top: -25px;*/
}
.cus-bg-acod{
    background-color: #104431 !important;
    opacity: 0.882;
}

.min-height-135
{
    min-height: 135px;
}
.cus-small-title
{
    font-size: 15px;
    line-height: 26px
}
.width-190
{
    width: 190px;
}
.font-small
{
    font-size: small;
}
.min-height-339
{
    min-height: 339px;
}
.min-height-313
{
    min-height: 313px;
}

.custom-button-style:hover {
    border: 2px solid #104431;
    color: #fff;
    background-color: #104431;
}
.custom-button-style {
    border: 2px solid #104431;
    color: #104431;
    background: transparent;
}
.min-height-253
{
    min-height: 253px;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #104431;
    border-color: #104431;
}
.icon-bx-lg {
    width: 120px;
    height: auto !important;
    line-height: 120px;
}
.rules-regulation-filters li
{
    text-align: right;
}
.rules-regulation-filters li::before
{
    top: 34% !important;
}
.fixed-filters-sidebar
{
    position: fixed;
    top: 200px;
    width: 370px;
}

.rules-regulation-filters ul
{
    max-height: 400px;
    overflow-y: auto;
}

#virtual-breeding .top-section img
{
    max-height: 143px;
}
.icon-bx-sm img
{
    height: 100%;
    max-height: 78px;
}
.close-mating {
    bottom: -8px;
    margin-left: 48%;
    position: absolute;
    cursor: pointer;
}
.close-mating .badge{
    display: inline-block;
    min-width: 10px;
    padding: 7px 8px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999;
    border-radius: 13px;
}

/* pgsdc style  */
/* header button */
/* Menu active color */
[class*=bg-] .header-nav .nav>li.active>a, [class*=bg-] .header-nav .nav>li.current-menu-item>a {
    color: #16db65 !important;
}
/* Menu hover color */
[class*=bg-] .header-nav .nav>li:hover>a, [class*=bg-] .header-nav .nav>li>a:hover {
    color: #16db65;
}
footer a, footer a:visited {
    color:#000000 !important;
}
footer a, footer a:hover {
    color:#000000 !important;
}
.mail-btn{
    background-color: #104431;
}
.cus-justify-align{
    hyphens: auto;
    display: block;
    margin: 0 auto;
    width: 270px;
    height: auto;
}
.acod-head a{
    color: #fff !important;
    background: #034833;
}
.acod-head a:after{
    color: #fff !important;
}
.custom-color-primary
{
    color: #104431 !important;
    text-shadow: 2px 2px #FFFFFF !important;
}
.custom-slider-heading-shadow
{
    text-shadow: 2px 2px #104431 !important;
}


.header-contant-block .logo-header{
    width: 350px !important;
}
.logo-header.mostion
{
    width: 200px !important;
}
.sticky-header.main-bar-wraper.navbar-expand-lg.is-fixed .container.clearfix.bg-primary
{
    box-shadow: 0px 0px 6px 0px #aaa;
}
.social-line li a{
    color: #FFFFFF !important;
}
footer h1, footer h1 a, footer h2, footer h2 a, footer h3, footer h3 a, footer h4, footer h4 a, footer h5, footer h5 a, footer h6, footer h6 a {
  color: #000000 !important;
}
footer, footer b, footer p, footer strong {
  color: #000 !important;
}

.section-head {
  margin-bottom: 10px !important;
}
/*.blog-title-cus{
    color: #ffffff !important;
}*/



/*************** new custom style for new Design Layout ******************/
.contact-info {
       padding: 5px 0 5px 20px !important;
    background: #346D5C;
    border-radius: 36px 0 0;
}
.main_search {
    width: auto !important;
    border:none !important;
    padding: 0px !important;
    border-radius: 0 !important;
    display: flex;
    justify-content: space-between;
    cursor: text;
}
.contact-info li{
    width: auto !important;
}

.contact-info li a{
    color: #fff;
        padding: 0 20px!important;
    border-right: 1px solid #fff;
    font-size: 12px;
}
.contact-info li {
    padding: 0px !important;
    position: relative;
    z-index: 5;
}
.contact-info li button{
    background: none !important;
    padding: 0px;
}
.contact-info li .extra-cell i{
    display: block !important;
}
.contact-info li.sign-in-field a{
    padding-right: 0 !important;
    border-right: 0;
}
.contact-green-box{
    margin: 0 0 20px;
}
.contact-info li i{display: none !important;}
h1, h2, h3, h4, h5, h6 {
    color: #034833 !important;
       font-family: 'Poppins', sans-serif !important;
       -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.slide1{
    background: url("/frontend/images/main-slider/main-slider.jpg") no-repeat left center;
    background-size: cover;
}
.banner{
    display: table;
    height: 600px;
    width: 50%;
}
.banner-inner{
    display: table-cell;
    vertical-align: middle;
}
.banner-inner h1{
    font-size: 60px;
    line-height: 74px;
    font-weight: 700;
    color: #fff !important;
}
.banner-button{
    float: left;
}
.banner-button a{
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 60px;
    text-align: center;
    border-radius: 32px;
    border: 1px solid #fff;
    font-weight: 400;
     width: 160px;
}
.banner-button a:hover{
    background: #4D503A;
    color: #fff;
    border: 1px solid #4D503A;
}
/************* Small-text-box **************/
.small-text-box{
    background: #fff;
    border-radius: 16px;
    color: #5E6282;
    padding: 10px 20px;
    margin-right: 1%;
    width: 24.2%;
    margin-top: -70px;
    z-index: 9;
   box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1);
}
.small-text-box:last-child{
    margin-right: 0;
}
.sports-icon {
    display: table;
    width: 72px;
    height: 72px;
    background: #4D503A;
    border-radius: 100%;
    padding-top: 8px;
    text-align: center;
    margin-bottom: 20px;
}
.sports-icon img{
    width:75%;
}
.small-text-box h4{
      font-size: 20px;
    line-height: 26px;
}
.dez-separator[class*=style-]:after, .dez-separator[class*=style-]:before, .skew-triangle.left-top:after{
    display: none !important;
}
.dez-separator.style-liner {
    width: 30%;
    margin: 10px 0 20px;
}
p{
font-family: 'Poppins', sans-serif !important;
}
.w-100{
    width: 100%;
}
body {
  font-family: 'Poppins', sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-smooth: always;
  color: #333;
  line-height: 26px;
 
}

p {
  font-family: 'Poppins', sans-serif !important;
  color: #333;
  line-height: 26px;
   text-transform: capitalize !important;
}
body{
   background: url("../images/body-bg.jpg") no-repeat center center;
   background-size: auto !important;
 -webkit-font-smoothing: antialiased;       /* Chrome/Safari */
  -moz-osx-font-smoothing: grayscale;        /* Firefox on macOS */
  text-rendering: optimizeLegibility;        /* Improves kerning and ligatures */
  font-smooth: always; 
}
.page-wraper{
    background: transparent !important;
}
.no-padding{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.date {
    background: #034833;
    text-align: center;
    padding: 0;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    /* font-family: 'Poppins'; */
    line-height: 26px;
    height: 167px;
    border: 2px solid #034833;
    border-right: 0px;
}
.date span {
    display: block;
    font-weight: 400;
}
.event-text {
    color: #5E6282;
    font-weight: 500;
    line-height: 30px;
    padding: 20px 30px 17px;
    border: 2px solid #034833;
    border-left: 0;
    background: rgba(255, 255, 255, 0.7);
}
.event-text h4 {
    font-size: 22px;
    line-height: 26px;
    margin: 0 0 10px;
}
.event-text p {
    margin: 0;
}
.small-eventbox{
    padding: 0;
    margin: 0 0 10px;
    float: left;
}
.small-eventbox:last-child{
    margin: 0px;
}
.meeting-box {
    margin: 0px;
}
.padding-50{
    padding-top: 50px;
    padding-bottom: 50px;
}
.about-text-box ul {
    margin: 0 0 30px 30px;
}
.text-box figure {
    margin: 0 15px 0 0;
}
.about-image-box .dez-media{
    background: none !important;
}
.text {
    font-size: 40px;
    line-height: 40px;
    font-weight: 600;
}
.text span {
    display: block;
    font-size: 16px;
    line-height: 16px;
}
.about-text-box{
    padding-left: 3%;
    padding-top: 7%;
    text-align:justify;
}
.about-box-section {
    padding: 100px 0 40px;
}
/***********testimonials ***********/
.testimonial-section{
    background: url("/frontend/images/home-page-images/green-pattern.jpg") no-repeat left top;
    background-size: cover;
    padding: 60px 0;
    border-radius: 32px;
    margin-top: 50px;
}
.testimonial-section:after{
    display: none !important;
}
.testimonial-box{
    background: #fff;
    border-radius: 32px;
        padding: 50px 22px 0 22px;
}
.testimonial-6 .testimonial-detail {
    background: none !important;
    padding-left: 135px;
}
.testimonial-6 .testimonial-detail:after{
    display: none;
}
.testimonial-6 .testimonial-pic {
   right: auto;
    top: -30px;
    float: left;
    left: 20px;
}
.testimonial-position{
    color: #252B42;
    font-style: normal;
}
.testimonial-section h2{
    color: #fff !important;
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 40px;
}
.testimonial-section h2 span{
    display: block;
    text-transform: uppercase;
    font-size: 18px;
}
/********* FOOTER Section ************/
.site-footer{
    float: left;
    width: 100%;
    padding: 60px 0 0;
    background: url("/frontend/images/home-page-images/green-pattern.jpg") no-repeat left top;
    background-size: cover;
    border-radius: 32px 32px 0 0;
}
.site-footer .widget_services ul li a {
    color: #fff !important;
        font-size: 12px;
}
footer a, footer a:hover {
    color: #fff !important;
}
.footer-col-4 h4{
    color: #fff !important;
    margin: 0 0 30px;
}
.widget_getintuch li{
    color: #fff;
}
.footer-col-4 a{
    color: #fff !important;
}
.widget_archive ul li, .widget_categories ul li, .widget_meta ul li, .widget_nav_menu li, .widget_pages ul li, .widget_recent_comments ul li, .widget_recent_entries ul li, .widget_services ul li{
    padding-left: 0px;
}
.footer-col-4 ul li:before{
    display: none;
}
footer, footer b, footer p, footer strong{
    color: #fff !important;
}
.widget_services ul li{
    padding: 0 !important;
    margin: 0 0 10px !important;
    font-size: 14px;
    border-bottom: none !important;
}
.widget_services form.bg-primary{
    padding: 0 !important;
    background: none !important;
    margin: 0 0 15px;
    float: left;
    width: 100%;
}
.newsletter-form .newsletter-field{
    float: left;
    width: 70%;
}
.news-letter-btn {
    float: right;
    width: 30%;
    color: #fff;
    background: #4D503A;
    padding: 10px 0;
}
.green-button{
    float: left;
    margin: 0 20px 0 0;
}
.green-button a{
    display: block;
    font-size: 14px;
    line-height: 60px;
    min-width: 160px;
    color: #fff;
    text-align: center;
    border-radius: 32px;
    background-color: #4D503A;
}
.helpbox{
    margin: 10px 0 0;
  font-size: 18px;
  font-weight: 600;  
}
.helpbox span{
    display: block;
    font-weight: 400;
    font-size: 16px;
}
.icons-box.pull-left.w-100 {
    margin: 0 0 30px;
}
.blog-box{
    padding: 30px 15px 10px;
}
.blog-box h2{
    margin: 0 0 20px;
}
.blog-box p{
    margin: 0 0 10px;
}
.site-footer p{
    margin-top: 15px;
}
/*************** MEMBER Directory Page ***********/
.icon-bx-sm, .icon-bx-lg {
    display: inline-block;
    margin: -160px auto 15px !important;
    width: 250px;
    height: 250px;
    padding: 10px;
    float: none !important;
    border: 1px solid #FEC225;
    border-radius: 16px;
    background: #fff;
}
.icon-bx-sm img,.icon-bx-lg img {
    height: 228px;
    max-height: 228px;
     border-radius: 16px;
}
.icon-bx-wraper {
    text-align: center;
    margin: 160px auto 0;
    background: #fff;
    border-radius: 16px !important;
}
.icon-content {
    overflow: hidden;
    font-size: 14px;
    color: #034833;
    display: inline-block;
    width: 100%;
}
.icon-content h6 {
    font-size: 16px;
    line-height: 30px;
    margin: 0;
    text-transform: capitalize !important;
}
.small-content-section i{
    font-style: normal !important;
}
.contact-info{
    float:right !important;
}
.icon-content i{
    font-style: normal !important;
}
.breadcrumb p{
    margin: 0 !important;
}
/*********** sub pages ***********/
.inner-banner {
    padding: 140px 2% 15px;
    text-align: center;
}
.inner-banner h1{
    margin: 0 0 25px;
    font-size: 45px;
    line-height: 48px;
    color: #fff !important;
    font-weight: 700;
}
.inner-banner h1 span{
    display: block;
    font-size: 36px;
}
.inner-banner .custom-shadow-light{
    box-shadow: none;
}
.inner-banner .custom-shadow-light {
    box-shadow: none;
    width: 50%;
    display: inline-block;
    padding: 0;
}
.inner-banner .input-group .form-control, .inner-banner .input-group-addon, .input-group-btn {
    display: table-cell;
    border-radius: 6px;
    line-height: 50px;
    height: 50px;
    color: rgba(0,0,0,0.5);
    font-size: 13px;
    padding: 0 4%;
    text-align: center;
}
.page-item.active .page-link{
    transform: scale(1.1);
}
.blogs-section .dez-media img, .blogs-section .dez-post-media img{
    border-radius: 32px;

}
.blogs-section .dez-media, .blogs-section .dez-post-media{
    background: none !important;
}
.bg-white{
    background: transparent !important;
}
.bg-white-important{
    background-color: #fff !important;
}
/******* INNER PAGES **********/
.inner-small-banner{
        padding: 150px 2% 60px;
}
.inner-small-banner h1{
    margin: 0;
}
.custom-padding{
    padding:30px 0 ;
}
.rules-regulation-filters li{
    text-align: left !important;
}
.testimonial-6 .testimonial-detail{
       top: 0px !important;
}
.testimonial-6 .testimonial-text {
    padding: 15px 15px 25px 15px !important;
}
.small-white-box .icon-bx-wraper.center{
    margin: 0 auto 30px;
}
.section-head-inner h2{
    margin: 0 0 30px;
}
.section-head-inner{
    padding: 30px 2%;
}
.card-container{
    position: relative !important;
    left: auto !important;
    top: auto !important;
}
.card-container .dez-media img{
    height: 280px !important;
}
.small-white-box .icon-bx-wraper{
    margin: 0 auto 30px;
    padding: 20px 30px;
    text-align: left !important;
}
.team-small-box .site-button{
    margin: 20px auto 30px;
    float: left;
}
.list-num-count>li:before{
    padding: 2px !important;
}
.rules-regulation-filters a {
    border: none  !important;
    padding: 7px 4px !important;
    font-weight: 400 !important;
    TEXT-ALIGN: LEFT;
    display: inline-block;
}
.rules-regulation-filters a b{
    font-weight: 400 !important;
}
.rules-regulation-filters a:hover{
    padding: 7px 4px !important;
    background: none !important;
    color: #034833 !important;
}
.small-text-box2 .icon-bx-wraper{
    margin: 0 auto 20px;
}
.small-text-box2 .icon-bx-sm {
    width: 80px !important;
    height: 80px !important;
    line-height: 60px !important;
}
.small-text-box2{
    margin-top: 50px;
}
.testimonial-section-inner .testimonial-6 .testimonial-detail{
    top: -30px !important;
}
.testimonial-section-inner .testimonial-6 .testimonial-text {
    padding: 40px 15px 80px 15px !important;
}
.team-small-box-inner .small-text-box2 {
    float: left;
    width: 32%;
    margin: 186px 2% 29px 0;
    max-width: inherit !important;
    flex: inherit;
    padding: 0px 15px 0;
    border-radius: 12px;
    background: #fff;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 23px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
.team-small-box-inner .small-text-box2 span{
    color: #034833 ;
}

.team-small-box-inner .small-text-box2:last-child{
    margin-right: 0 !important;
}
.small-text-box2 .dez-box .dez-title a{
    font-size: 18px;
    color: #00783a;
}
.team-small-box-inner .dez-media{
   display: inline-block;
    margin: -160px auto 0px !important;
    width: 250px;
    height: 260px;
    padding: 10px;
    float: none !important;
    border: 1px solid #FEC225;
    border-radius: 16px;
    background: #fff;
}

.team-small-box-inner .dez-media img, .team-small-box-inner .dez-post-media img{
    height: 242px;
     border-radius: 16px;

}
.small-text-box2 .dez-member-position{
    margin: 0 0 10px;
}
.small-text-box2 p {
    font-size: 14px;
    margin: 0 0 10px;
    color: #034833 ;
    text-align: center !important;
}
.team-small-box-inner .small-text-box2 span{
    margin: 0 0 10px;
    display: block;
}
.small-text-box2 .p-a15 {
    padding: 15px 20px 20px;
    background: #fff;
    
}
.dez-img-effect.zoom:hover img{
    transform: scale(1);
}
.team-small-box-inner2 .small-text-box2:nth-child(3n){
    margin-right: 0;
}
.small-text-box2 .dez-info-has {
    position: relative;
    bottom: auto; 
    left: auto; 
    width: 100%;
    height: auto;
    padding: 0;
    opacity: 1;
    margin-bottom: 0px;
    z-index: 2;
}
.small-text-box2 .dez-social-icon.dez-social-icon-lg li a{
    border-radius: 100%;
    background: #034833 !important;
}
/*********** CONTACT PAGE ***************/
.contact-main-box  .small-white-box .icon-bx-wraper{
      float: left;
    margin:0 2% 20px 0;
    width: 32%;
    text-align: center !important;
     box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 23px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
.contact-main-box  .small-white-box .icon-bx-wraper:last-child{
       margin-right: 0px;
}
.contact-main-box h2{
    margin: 0 0 5px !important;
}
.contact-main-box .icon-bx-wraper p{
    font-size: 14px;
    color: #333;
    line-height: 20px;
}
.contact-main-box .icon-bx-xs{
    float: none !important;
    display: inline-block !important;
    margin: 0 auto 10px !important;
}
.contact-info-section{
    padding: 50px 0 20px;
}
.contact-form-section {
    background: #f7f7f7;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 23px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
    padding: 35px 30px;
        border-radius: 16px;
}
.map-section{
    padding: 20px;
    background: #fff;
        border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 23px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
.contact-style-1 input, .contact-style-1 textarea{
    font-size: 14px;
}
.widget_gallery li img {
    width: 90px;
    /*height: 88px;**/
}
h2{
    font-size: 30px !important; 
}
.footer-bottom{
    font-size: 12px;
}
.testimonial-pic.radius img{
    border-radius: 10px;
     border: 1px solid #FEC225;
}
.blogs-section{
    padding-top: 60px;
    padding-bottom: 0px;
}
.footer-info>img{
    width: 70%;
}
.event-new-slider .owl-stage {
  display: flex;
}
.event-new-slider .owl-stage {
  display: flex;
}
.item .small-eventbox {
  display: flex;
  flex-direction: row;
}
.owl-nav{
    display: none !important;
}
.event-text ul {
    margin: 0;
    padding: 0 0 0 15px;
}
.no-margin-rt{
    margin-right: 0px !important;
}
.rules-box .dez-box .dez-title a{
        font-size: 16px;
}
.rules-box .small-text-box2 .p-a15{
        padding: 15px 0 0;
}
.dez-gallery-box .dez-media{
    border-radius: 10px;
    margin: 0 0 10px;
     border: 1px solid #FEC225;
}
.rules-box .dez-gallery-listing .dez-img-effect{
    height: 220px;
    border-radius: 10px;
     border: 1px solid #FEC225;
}

.breadcrumb{
    margin-bottom: 0px;
}
.shadow-box{
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 23px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
.new-box{
    padding: 30px;
}
.white-bg{
    background: #fff;
}
.new-box p{
    margin: 0;
}
.float-right{
    float: right;
}
.rules-box .dez-img-effect img{
      height: 240px !important;
}
.register-box .icon-bx-wraper{
    padding: 0px;
    margin: 0 auto 10px;
}
/*************** BLOGS bOX ************/
.blog-box .dez-media{
    background: none;
}
.blog-inner-box {
    PADDING: 20PX;
    text-align: center;
    border-radius: 0 0 10px 10px;
}
.read_more_btn {
    padding: 6px 20px 6px 20px;
    border-radius: 10px;
    background-color: #00783a;
    color: #ffffff;
    margin-top: 20px;
    border-style: none;
    margin: 10px 0 0;
    display: inline-block;
}
.blog-inner-box .read_more_btn {
    padding: 6px 20px 6px 20px;
    border-radius: 10px;
    border-style: none;
    margin: 10px 0 0;
    display: inline-block;
}
.dez-post-text{
    padding: 30px;
}
.dez-post-title {
    margin: 0 0 15px;
}
.condition-box{
    display: none;
}
.about-section-inner {
    margin: 0 !important;
    padding-bottom: 20px;
}
.about-inner-image img{
     border-radius: 10px;
     border: 1px solid #FEC225;
}
.table-bordered, .table-bordered td, .table-bordered th{
    border:none !important;
}
.table-bordered tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05);
}
.breadcrumb {
    display: none;
}
.dez-tabs.bg-tabs .nav-tabs>li>a{
    border-radius: 10px;
}
/*.database-table tr{
    background: none !important;
    border-bottom: 1px solid #ccc !important;
}
/*.database-table tr td, .database-table tr th{
    padding: 5px 0 !important;
    text-align: left !important;
    border-top: none !important;
    border-bottom: 1px solid #ccc !important;
}*/
.pedigree-imagebox img{
    border-radius: 32px;
    border: 1px solid #FEC225;
    padding: 10px;
    height: 100%;
    width: 100%;
}
.no-padding-top{
    padding-top: 0px !important;
}
.section-head h2{
    text-transform: capitalize !important;
}
.cus-small-title {
        text-transform: capitalize !important;
}
footer li, footer p{
    font-size: 12px;
}
.pagination{
    margin: 0 !important;
}
.database-table h3{
    font-weight: 400 !important;
}
.nav-tabs{
    border-bottom: none !important;
}
table thead th {
    color: #333 !important;
}
.header-style-4 .header-nav.navbar-collapse ul{
    padding-top: 10px !important;
}
.inner-banner h1 br{
    display: none;
}
.event-small-box h5{
   text-align: center;
    background: #034831 !important;
    color: #fff !important;
    margin: 0 !important;
    padding: 9px 0 !important;
    border-radius: 10px;
}
.event-small-box .bottom-heading{

    background: #c3c1c1 !important;
    font-size: 17px !important;
    margin: 9px 0 0 !important;
    line-height: 35px;
    border-radius: 10px;
    
}
.event-small-box p {
    margin: 0 !important;
    padding: 5px 0;
}
.event-small-box a h2 {
    font-size: 20px !important;
    padding: 0;
    text-align: center;
    margin: 0;
}
.database-table .animalBox{
    border-radius: 6px !important;
    border: none !important;
     box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 23px, rgba(0, 0, 0, 0.22) 0px 10px 10px !important; 
}
/*************************/
.contact-info li:nth-child(2) a {
    text-transform: lowercase;
}
.icons-box{
    display: none;
}
.footer-small-box ul li:last-child a{
    text-transform: lowercase;
}
button#quik-search-btn {
    background-color: transparent !important;
    border-radius: 0px !important;
    border-color: transparent !important;
}
.contact-info li{
    padding-top: 0px !important;
}
.header-style-4 .header-nav .nav > li > a {
    padding: 33px 15px 10px 15px !important;
}
 .header-style-4 .is-fixed .header-nav .nav > li > a {
    padding: 15px 15px 10px 15px !important;
}
/************** LOGIN PAGE *************/
.login-form{
    border-radius: 16px !important;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 23px, rgba(0, 0, 0, 0.22) 0px 10px 10px !important;
}

/************** MOBILE mENU ****************/

.border-radius-custom{
    border-radius: 16px;
}
.text-center{
    text-align: center;
}
.person-image img{
    border: 1px solid #FEC225;
    border-radius: 32px;
    padding: 10px;
}

.breadcrumb{
    display: none !important;
}
.team-small-box-inner2 .visiting-judges{
    min-height: 292px;
}
.wardens-box .small-text-box2{
    margin-top: 0px !important;
}
.table-inner tr th{
    color: #fff !important;
        background: #034831 !important;
}

/********************************************/
.pedigree-imagebox{
        background: #fff;
    padding: 10px;
    border-radius: 32px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 23px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
.new-table{
        background: #fff;
    border-radius: 32px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 23px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

.modal-content{
    border-radius: 16px;
     background: url("../images/body-bg.jpg") no-repeat center center !important;
   background-size: auto !important;
 -webkit-font-smoothing: antialiased;       /* Chrome/Safari */
  -moz-osx-font-smoothing: grayscale;        /* Firefox on macOS */
  text-rendering: optimizeLegibility;        /* Improves kerning and ligatures */
  font-smooth: always; 
      padding: 54px 30px 30px !important;
}
.modal-content .btn{
    background: #034833;
    border-radius: 10px;
}
.testimonial-6 .testimonial-text p{
    text-align: justify;
}
.white-text{
    color: #fff !important;
}
.card{
    background: none !important;
    border:none !important;
}
.breed-table h2, .breed-table thead th{
    color: #fff !important;
}
.banner-slider .carousel-item{
    padding-top: 80px !important;
}
.scroltop{
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 100%;
}
.scroltop::before{
    font-size: 36px;
}
.padding-innerbox{
    padding: 30px;
}
.no-padding-box{
    padding: 0px !important;
}
.no-height-box .pedigree-imagebox{
    height: 425px;
}
.no-height-box .pedigree-imagebox img{
    height: auto;
}
.height-box{
    height: 355px !important;
}
.lightgreen-bg{
    background-color: #F2F2F2;
}
.child-box a, .child-box p, .child-box h6{
    color: #fff !important;
}
.arrow-section {
    margin: 80px 0 0;
}
.green-border{
    background:#f2f2f2 !important;
}
.height-box2 {
    height: 300px !important;
}
    .dez-quik-search {
        top: 90px !important;
    }
    #upcoming_litters .icon-bx-sm img, #upcoming_litters .icon-bx-lg img{
        height:228px !important;
    width: 228px;
    max-height: 228px;
}
/***************** DASHBOARD sTYLE ******************/
.anchor-navigation .nav-dots > li {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    text-align: right;
}
.anchor-navigation .nav-dots > li > a {
    font-size: 16px;
    color: #222222;
    padding: 6px 25px 6px 0px;
    text-align: right;
    position: relative;
    display: block;
    border-radius: 0;
}
.anchor-navigation .nav-dots > li > a:before {
    border: 2px solid white;
    content: "";
    height: 12px;
    width: 12px;
    border-radius: 10px;
    background: #555555;
    position: absolute;
    right: 0px;
    top: 14px;
    z-index: 10;
}
.anchor-navigation .nav-dots > li > a:after {
    content: "";
    border: 1px solid #dddddd;
    height: 100px;
    background: red;
    position: absolute;
    right: 5px;
    top: 14px;
}
.dashboard-right-innerbox{
    float: right;
    width: 63%;
    padding: 30px 3%;
}
.dashboard-imagebox{
    float: left;
    width: 33%;
}
.nav-dots > li > a:hover, .nav-dots > li.active > a {
    background: #034833;
    color: #fff;
}
.dasboard-bottom-tabs{    
    float: left;
    width: 100%;
    margin: 20px 0 0;
}
.dashboard-imagebox{
    text-align: center;
}
.dashboard-btn {
    display: inline-block;
    margin: 10px auto;
}
.dashboard-btn a {
    display: block;
    padding: 5px 14px;
    border-radius: 9px;
    background: #f7f7f7;
    color: #000;
    text-align: center;
}
/* Toggle switch */
.switch {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 19px;
  margin: 0;
  vertical-align: middle;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .3s;
  border-radius: 24px;
}
.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 3px;
  top: 3px;
  background-color: white;
  transition: .3s;
  border-radius: 50%;
}
input:checked + .slider {
  background-color: #034833; /* green */
}
input:checked + .slider:before {
  transform: translateX(22px);
}

/* Label text */
.label-text {
  margin-left: 8px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  vertical-align: middle;
}
.inline-editor{
  padding: 4px 6px;
  font-size: 14px;
  line-height: 1.2;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  outline: none;
}
.inline-editor:focus{ border-color:#3b82f6; box-shadow:0 0 0 2px rgba(59,130,246,.15); }
/* Keep buttons in one line and preserve existing styling */
.dashboard-imagebox .dashboard-btns{
  display:flex; flex-wrap:wrap; gap:8px; margin-top:10px;
}
.dashboard-imagebox .dashboard-btn { display:inline-block; }
.dashboard-imagebox .dashboard-btn a { display:inline-block; padding:8px 12px; }

/* Active button highlight (adjust to your theme colors) */
.switch-image.is-active, .update-profile a.is-active{
  background:#034833; color:#fff; border-radius:6px;
}

/* Hover upload overlay */
.image-wrapper { position:relative; }
.upload-overlay{
 position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    text-align: center;
    padding: 8px;
    opacity: 0;
    transition: opacity .25s ease;
    border-radius: 0 0 30px 30px;
    width: 100%;
}
.image-wrapper:hover .upload-overlay{ opacity:1; }
.upload-label{
    cursor: pointer;
    display: block;
    line-height: 20px;
    padding: 5px 0;
    margin: 0;
} 
/* Top-left badge to show which image is open */
.img-tag{
  position:absolute; top:10px; left:10px;
  background:rgba(0,0,0,.7); color:#fff; font-size:12px;
  padding:4px 8px; border-radius:999px; pointer-events:none;
}

.header-nav .nav > li{
    padding: 0 5px !important;
}
/************* STUD  page ***********/
.dashboard-card {
    margin: 0 0 20px;
}
.dashboard-sidebar{
    min-height: 520px;
}
.dashboard-card .card-header, .table-heading {
    padding: 1.25rem 2rem;
    background: #034833;
    border-radius: 20px 20px 0 0;
}
.dashboard-card .card-header h6, .table-heading,.dashboard-card .card-header h2{
    color: #fff !important;
    font-size: 20px !important;
    margin: 0;
}
.dashboard-card .card-body {
    padding: 2rem 2rem 1.5rem;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0px 0px 32px 32px;
    box-shadow: 0 17px 14px 6px rgba(0, 0, 0, 0.1);
}
.table-margin{
    float: left;
    width: 100%;
    margin: 0 0 20px;
}
.dashboard-table th, .dashboard-table td{
    border-top: none !important;
}
.top-heading-dashboard {
    background: #034833;
    padding: 1rem 2rem 1rem;
    border-radius: 20px 20px 0 0;
}
.top-heading-dashboard h6{
    font-size: 24px;
    color: #fff !important;
    margin: 12px 0 0 !important;
}
.top-heading-dashboard a{
    margin: 0 !important;
    color: #fff;
    border-color: #fff;
    padding: 10px 0 8px;
}
.top-heading-dashboard a:hover{
    background-color: #fff;
    color: #034833;
    border-color: #fff;
}
.dashboard-right-innerbox table th,.dashboard-right-innerbox table td{
    font-size: 14px;
    vertical-align: middle !important;
    padding: 8px 10px !important;
    line-height:12px !important;

}
.dashboard-imagebox img {
    height: 300px;
    width: 100% !important;
}
.dashboard-right-innerbox .dez-post-title{
    margin: 0 !important;
}
.dashboard-right-innerbox h3{
    margin:0 0 15px !important;
}
.dashboard-small-box {
    float: left;
    padding:30px;
    /*width: 31%;*/
    margin: 0 2% 0 0;
    border-radius: 32px;
    text-align: center;
}
.dashboard-small-box:last-child{
    margin-right: 0px;
} 
/*********** graph style ************/
/* layout (optional) */
.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:20px}

/* your existing box */
.dashboard-small-box.white-bg{
  background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 6px 18px rgba(0,0,0,.06)
}
.dashboard-small-box .title {
    font: 600 20px / 1.2 system-ui, Segoe UI, Roboto, Arial;
    color: #000;
    margin-bottom: 20px;
}
/* --- Donut (pure CSS) --- */
.donut{
  --size:110px;               /* circle size */
  --thickness:12px;           /* ring thickness */
  --track:#e6e9ef;            /* background ring */
  --fill:#1fb6c9;             /* progress ring color (change to your dark navy if you want) */
  --val:0;                    /* current value */
  --max:100;                  /* scale */
  --pct: calc((var(--val) / var(--max)) * 100%);

  width:var(--size);
  aspect-ratio:1;
  border-radius:50%;
  background:conic-gradient(var(--fill) var(--pct), var(--track) 0);
  display:grid;place-items:center;position:relative;margin:0 auto;
}
/* inner hole */
.donut::before{
  content:"";position:absolute;inset:calc(var(--thickness));
  background:#fff;border-radius:50%;
}
/* value text inside */
.donut-value{
  position:relative;z-index:1;
  font:700 22px/1.1 system-ui,Segoe UI,Roboto,Arial;color:#374151;
  letter-spacing:.3px;
}

/* small caption under donut (optional) */
.donut-caption{font:500 12px/1.2 system-ui,Segoe UI,Roboto,Arial;color:#94a3b8;text-align:center;margin: 0 auto;}
/* Layout for the 4 boxes you already have (optional) */
.stats-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(200px,1fr));
  gap:18px;
  margin-bottom:18px;
}
.update-image{
    display: none !important;
}
/* ==== Global Fix for double dropdown issue ==== */

/* Hide native <select> when enhanced by JS plugins */
.select2-hidden-accessible,
.bs-select-hidden {
  display: none !important;
}

/* Nice Select fallback (if used anywhere) */
.ns-hidden {
  display: none !important;
}

/* Prevent layout shifts on hidden selects */
select[aria-hidden="true"] {
  display: none !important;
}
/* Dropify: filename aur "Drag & Drop..." message hide */
.dropify-wrapper .dropify-infos,
.dropify-wrapper .dropify-filename,
.dropify-wrapper .dropify-message p {
  display: none !important;
}
.dropify-wrapper.touch-fallback .dropify-clear {
    top: auto;
    bottom: 23px;
    opacity: 1;
    border-color: red !important;
    color: #fff !important;
    background: red !important;
    border-radius: 10px;
}
/* ===== Labels 2nd image jaisay (line below label) ===== */
.form-group label {
  display: block;
  margin-bottom: 6px;
}

/* Select2 should fill the input width */
.select2-container { width: 100% !important; }

/* ----- Core fix: hide native <select> ONLY when Select2 exists ----- */

/* Select2 by default adds this class; off-screen hide (mobile-safe) */
select.select2-hidden-accessible {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* If plugin sets aria-hidden instead of class */
select[aria-hidden="true"] {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* CSS :has() – parent/sibling based hide (works in modern browsers) */
@supports selector(:has(+ .select2-container)) {
  /* If a select is immediately followed by a Select2 container, hide it */
  select:has(+ .select2-container) {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

.team-section-head h2{
    font-size: 36px !important;
}

/* Mobile hardening (some themes re-show selects on small screens) */
@media (max-width: 768px) {
  select.select2-hidden-accessible,
  select[aria-hidden="true"] {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* ----- Select2 visual consistency (Bootstrap 4 theme) ----- */
.select2-container--bootstrap4 .select2-selection--single {
  min-height: 42px;
  padding: .375rem .75rem;
  line-height: 1.6;
  display: flex;
  align-items: center;
}

.select2-container--bootstrap4 .select2-selection__rendered {
  padding-left: 0 !important;
}

/* Spacing under each field */
.form-group { margin-bottom: 14px; }

@media (max-width:1024px){
  .stats-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:640px){
  .stats-grid{ grid-template-columns:1fr; }
}

/* Row that contains the big chart box(es) */
.analytics-row{
  display:block;            /* single full-width card */
  margin-top:10px;
}
.analytics-row.two-col{
  display:grid;             /* if you use the 2-col optional layout */
  grid-template-columns:2fr 1fr;
  gap:18px;
}

/* Card styling */
.panel{
  background:#fff;
  border-radius:14px;
  box-shadow:0 6px 24px rgba(0,0,0,.06);
  overflow:hidden;
}
.panel-head{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px 0 16px;
}
.panel-head h3{
  margin:0; font:600 16px/1.2 system-ui,Segoe UI,Roboto,Arial;
  color:#111827;
}
.legend-note{
  font:500 12px/1 system-ui,Segoe UI,Roboto,Arial; color:#6b7280;
}
.legend-note .dot{
  display:inline-block; width:10px; height:10px; border-radius:50%;
  margin:0 6px 0 12px; vertical-align:middle;
}
.legend-note .dot-credit{ background:#212529; }
.legend-note .dot-debit{ background:rgba(33,37,41,.2); }

/* The canvas must have a fixed height from its parent */
.panel-body{
  position:relative;
  padding:16px;
  height:360px;           /* Adjust height as you like */
}
.panel-body canvas{
  position:absolute; inset:16px;  /* keep internal padding */
  width:auto !important; height:auto !important;
  left:16px; right:16px; top:16px; bottom:16px;
}

/* Responsive for the 2-col optional layout */
@media (max-width:1024px){
  .analytics-row.two-col{ grid-template-columns:1fr; }
}
.donut-caption{
    display: none;
}
.dashboard-imagebox a.dez-img-effect {
    border-radius: 32px;
    border: 1px solid #FEC225;
    padding: 10px;
    height: 100%;
    width: 100%;
}
.dashboard-imagebox a.dez-img-effect img{
    border: none !important;
    padding: 0 !important;
}
.bootstrap-select.btn-group .dropdown-menu li a:hover{
    background-color: #fff !important;
    color: #000 !important;
}
.dashboard-right-section .btn-primary,.dashboard-right-section  .btn-success {
    color: #fff;
    background-color: #034833;
    border-color: #034833;
    border-radius: 10px;
}
.dashboard-right-section .btn-danger, .dashboard-right-section .btn-secondary {
    border-radius: 10px;
}
.dashboard-sidebar .nav-dots > li > a:hover{
    background-color: #f7f7f7;
    color:#000;
}
.drawer-head{
    display: none;
}
/* breakpoints: adjust as per your grid; 991px matches Bootstrap md/lg */
@media (max-width: 991px) {
  /* hide desktop column behavior on mobile */
  .dashboard-sidebar {
    position: fixed;
    top: 0;
    left: -280px;           /* hidden off-canvas */
    width: 260px;
    height: 100vh;
    z-index: 1050;          /* above content */
    background: #fff;
    box-shadow: 2px 0 16px rgba(0,0,0,.15);
    overflow-y: auto;
    transition: left .25s ease-in-out;
    padding: 16px 12px;
    
  }
  .dashboard-sidebar.is-open { left: 0; }

  .mobile-nav-toggle {
    display: inline-block;
    border: 1px solid #ddd;
    background: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 12px;
  }
  .drawer-head{
    display: block;
}
  .mobile-nav-close {
    display: inline-block;
    background: transparent;
    border: 0;
    font-size: 28px;
    line-height: 1;
    padding: 4px 8px;
    margin: -6px 0 10px auto;
  }

  .mobile-nav-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.35);
    z-index: 1040;
  }

  /* make list touch-friendly */

  .anchor-navigation .nav li a {
    display: block;
    padding: 12px 10px;
    border-radius: 8px;
  }
  .anchor-navigation .nav li.active > a {
    background: #f2f6ff;
    font-weight: 600;
  }

  /* optional utility to hide elements >= md */
  .md\\:hidden { display: inline-block; }
}

/* desktop: show as normal column and hide mobile controls/overlay */
@media (min-width: 992px) {
  .mobile-nav-toggle,
  .mobile-nav-close,
  .mobile-nav-overlay { display: none !important; }
}
/* ---------- MOBILE DRAWER (RIGHT SLIDE) ---------- */
@media (max-width: 991px) {

  /* Panel */
  #accountNav.dashboard-sidebar{
    position: fixed;
    top: 120px;
    right: -84vw;                   /* was left:-84vw */
    width: 84vw;
    max-width: 300px;
    height: 75vh;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,.18);
    border-left: 1px solid #eef1f6; /* was border-right */
    transition: right .28s cubic-bezier(.4,0,.2,1); /* was left */
    padding: 18px 14px 14px;
    overscroll-behavior: contain;
    z-index: 1001;
  }
  #accountNav.is-open { right: 0; } /* was left:0 */

  /* Overlay */
  #accountNavOverlay{
    position: fixed;
    inset: 0;
    background: rgba(20,24,33,.38);
    backdrop-filter: blur(2px);
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease, visibility .25s ease;
    z-index: 1000;
  }
  #accountNavOverlay.is-open{
    opacity: 1;
    visibility: visible;
  }

  /* Header (logo + close) */
  #accountNav .drawer-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding: 12px 8px 12px 6px;
    border-bottom:1px solid #eef1f6;
    margin: -6px -2px 8px;
  }
  #accountNav .drawer-head .brand img{
    height: 60px;
    width: auto;
    display:block;
  }
  #accountNav .mobile-nav-close{
    font-size: 28px;
    line-height: 1;
    padding: 6px 8px;
    border-radius: 10px;
    background: transparent;
    border: 0;
  }
  #accountNav .mobile-nav-close:hover{ background:#f3f5f9; }

  /* List reset + spacing */
  .anchor-navigation .nav{
    list-style: none;
    margin: 8px 0 0 !important;
    padding: 8px 4px !important;
  }
  .anchor-navigation .nav > li{
    position: relative;
    margin: 2px 0;
    border: 0 !important;
    float: left;
    width: 100%;
  }
  .anchor-navigation .nav > li::before,
  .anchor-navigation .nav > li::after{
    content: none !important;
    border: 0 !important;
  }

  /* Item */
  .anchor-navigation .nav > li > a{
    display: block;
    padding: 12px 12px;
    font-size: 15px;
    line-height: 1.2;
    color: #1c2330;
    text-decoration: none;
    transition: background .18s ease, transform .06s ease;
    background: transparent !important;  /* remove theme pills */
    box-shadow: none !important;
    text-align: left;
  }
  .anchor-navigation .nav > li > a:hover{ background:#f6f8fc !important; color:#034833; }
  .anchor-navigation .nav > li > a:active{ transform: translateY(1px); }

  /* Active */
  .anchor-navigation .nav > li.active > a{
    background:#034833 !important;
    color:#fff !important;
    font-weight:600;
    box-shadow:none !important;
  }
  .anchor-navigation .nav > li.active::before{
    content:"";
    position:absolute;
    right:-6px;                     /* accent on drawer edge (right) */
    top:10px; bottom:10px;
    width:3px; border-radius:3px;
    background: linear-gradient(180deg,#2f66ff 0%, #7aa2ff 100%);
  }

  /* Section label (optional) */
  .anchor-navigation .nav .label{
    font-size:11px;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#75809a;
    margin:10px 8px 4px;
  }

  /* Safe-area pad */
  #accountNav{ padding-bottom: calc(14px + env(safe-area-inset-bottom)); }

  /* Mobile toggle button (if you use it) */
  .dashboard-mobile-nav{
    float: right;
    background: #034833;
    color: #fff;
    margin: -35px 0 10px;
  }
}

/* Desktop: keep normal look; hide mobile-only elements */
@media (min-width: 992px){
  .mobile-nav-toggle,
  .mobile-nav-close,
  #accountNavOverlay{ display:none !important; }
}

/*************** responsivE View *****************/
@media screen  and  (min-width:992px) and (max-width:1250px){
.header-style-4 .header-nav .nav > li > a {
    padding: 15px 5px 10px 5px !important;
}
.contact-info li a{
    padding: 0 12px !important;
}
.header-nav .nav > li {
    padding: 0 3px !important;
}
}
@media screen and (max-width:991px){
/******************* header **************/

    .header-style-6 .navbar-toggler {
        margin: 40px 0 17px 5px !important;
    }
.sticky-header.main-bar-wraper.navbar-expand-lg:after{
    background: none;
}
.extra-nav .d-grid,.extra-nav a.d-grid{
    border: none !important;
}
    .header-style-4 .extra-nav {
        padding: 9px 0 !important;
    }
.navbar-toggler {
      margin: 32px 0 16px 5px !important;
    }
.extra-nav{
    margin-top: 25px !important;
}
.is-fixed .m0-fixed {
    margin-top: 15px !important;
}
.is-fixed .navbar-toggler {
    margin: 33px 0 15px 5px !important;
}
.logo-footer img, .logo-header img {
    width: 70% !important;
}

    .header-style-4 .is-fixed .extra-nav {
        padding: 35px 0 15px !important;
    }
    .logo-footer img, .logo-header img {
    width: 80% !important;
}
.logo-footer img, .logo-header img {
    width: 80% !important;
}
/*************** END hEADER **************/
/************ BANNER ***********/
.banner{
    height: auto;
    padding: 90px 2%;
}
.banner-inner h1 {
    font-size: 40px;
    line-height: 50px;
}
.banner-button a{
    line-height: 45px;
}
/*************** END Banner **************/
    .small-text-box {
        width: 100%;
        margin: 20px 4% 0 !important;
        border: 1px solid #ccc;
        text-align: center;
    }
    .sports-icon{
    margin: 0 auto 10px;
    }
.padding-50{
    padding-top: 30px;;
}
figure.meeting-box img{
    width: 100%;
}

.event-text{
    text-align: center;
    border: 2px solid #034833 !important;
    border-top: 0;
}
.date {
    background: #034833;
    padding: 20px;
    height: auto;
}
.testimonial-box {
    padding: 50px 20px 0;
}
.testimonial-6 .testimonial-text {
    padding: 40px 15px 50px 15px !important;
}

.testimonial-section {
    padding: 50px 0;
}
.testimonial-section h2 {
    font-size: 24px;
    line-height: 30px;
}
.text{
    font-size: 28px;
}
.text-box{
    margin: 0 0 20px;
}

/*********** SUB pAGES ***********/
.inner-banner {
  padding: 30px 2% 25px;
}
.inner-banner h1{
    font-size: 45px;
    line-height: 55px;;
}
.inner-banner .custom-shadow-light {
    width: 100%;
}
/*********** rules page ************/
.rules-box {
    padding: 30px 20px 15px;
}
.rules-box .small-text-box2{
    width: 100%;
    margin: 160px auto 20px !important;
}
.new-box{
    padding: 20px;
    margin: 0 0 20px;
}
/**********************************/
.header-style-4 .is-fixed .header-nav .nav > li > a {
    padding: 7px 15px 7px 15px !important;
}
    .header-style-4 .header-nav .nav>li>a {
        padding: 8px 15px 6px !important;
    }

    #breeding .icon-bx-wraper-exchange{
        margin: 15px auto 0 !important;
    }
    .mobile-padding{
        padding-left: 4% !important;
        padding-right: 4% !important;
    }
    .banner-slider .carousel-item {
    padding-top: 0px !important;
}
.mobile-padding{
    padding: 30px;
}
.no-height-box .pedigree-imagebox {
     height: auto !important;
}
.no-mobile-padding{
    padding-left: 0% !important;
        padding-right: 0% !important;
}
.arrow-section {
    margin: 0;
}
.acod-content{
    margin-left: 0px;
    margin-right: 0px;
}
    #virtual-breeding .top-section img {
    max-height: inherit;
}
/************ dashboard *********/
.nav-dots > li {
    display: inline-block;
    width: auto;
    margin: 0 0 5px;
    border-right: 1px solid #ccc;
}
.nav-dots > li > a {
    font-size: 16px;
    padding: 5px 10px;
    
}
.nav-dots > li > a:before, .nav-dots > li > a:after{
    display:none;
}
.dashboard-sidebar{
    min-height: inherit;
}
  /* hide desktop update on mobile */
  .dashboard-right-innerbox .update-profile {
    display: none;
  }

  /* mobile image box positioning */
  .dashboard-imagebox {
    position: relative;
  }
  
  .dashboard-imagebox{
    position: relative;
  }
  .update-image{
    display: block !important;
    position: absolute;
    top: 18px;
    right: 14px;
    margin: 0;
  }
  .update-image a{
      pointer-events: none;
    opacity: 0.6;
    border-radius: 32px !important;
    line-height: 20px;
}
/************* dashboard side bar style mobile view ***************/
#accountNav.dashboard-sidebar{
    position: fixed;
    top: 120px;                  /* header ki height */
    left: 0; right: 0;
    width: 100vw; max-width: none;
    height: calc(100dvh - 120px);
    background:#fff;
    box-shadow: 0 12px 30px rgba(0,0,0,.18);
    border-bottom:1px solid #eef1f6;
    padding:18px 14px 14px;
    z-index:1001;

    transform: translateY(-100%);
    transition: transform .30s cubic-bezier(.4,0,.2,1);
  }
  #accountNav.is-open{ transform: translateY(0); }

  #accountNavOverlay{
    position: fixed; inset: 0;
    background: rgba(20,24,33,.38);
    backdrop-filter: blur(2px);
    opacity: 0; visibility: hidden;
    transition: opacity .25s ease, visibility .25s ease;
    z-index: 1000;
  }
  #accountNav.is-open + #accountNavOverlay{
    opacity: 1; visibility: visible;
  }
/* === FORCE RIGHT-SIDE MOBILE DRAWER (OVERRIDE) === */
  #accountNav.dashboard-sidebar{
    position: fixed;
    top: 120px;
    right: 0;                     /* anchor on right edge */
    left: auto !important;        /* kill any left from theme */
    width: 84vw;
    max-width: 300px;
    height: 75vh;
    background: #fff;
    box-shadow: -8px 0 24px rgba(0,0,0,.18);
    border-left: 1px solid #eef1f6;
    padding: 18px 14px 14px;
    overscroll-behavior: contain;
    z-index: 1001;

    /* slide from right using transform (avoids left/right conflicts) */
    transform: translateX(100%);
    transition: transform .30s cubic-bezier(.4,0,.2,1);
  }
  #accountNav.is-open{
    transform: translateX(0);     /* visible */
  }

  /* overlay */
  #accountNavOverlay{
    position: fixed; inset: 0;
    background: rgba(20,24,33,.38);
    backdrop-filter: blur(2px);
    opacity: 0; visibility: hidden;
    transition: opacity .25s ease, visibility .25s ease;
    z-index: 1000;
  }
  #accountNavOverlay[hidden] { display: block; }  /* allow transitions */
  #accountNav.is-open + #accountNavOverlay{
    opacity: 1; visibility: visible;
  }


  /* optional: avoid layout shifts from grid/float classes */
  #accountNav.dashboard-sidebar.col-lg-3,
  #accountNav.pull-left{
    float: none !important;
    width: auto !important;
  }
  .vitual-box{
    PADDING: 0;
    margin: 0;
}
.vitual-box .dez-box{
    padding: 0;
    margin: 0 auto 20px !important;
    height: auto;
}


}
@media (min-width: 992px) {
  .update-fab-mobile {
    display: none;
  }
  


}

@media screen and (max-width:767px){
    .inner-banner h1 {
    font-size: 24px;
    line-height: 28px;
    }
    .inner-banner h1 span{
         font-size: 20px;
    }
    .banner{
    height: auto;
    width: 100%;
}
    .inner-banner .input-group .form-control, .inner-banner .input-group-addon, .input-group-btn {
    line-height: 40px;
        height: 40px;
        font-size: 12px;
        text-align: center;
    }
.about-box-section {
    padding: 40px 0 10px;
}
.testimonial-section {
        padding: 50px 0;
    }
    .testimonial-6 .testimonial-text {
    padding: 0 15px 75px 15px;
}
    .testimonial-6 .testimonial-text p{
        font-size: 14px;line-height: 22px;
}
.blog-box {
    padding: 20px 15px;
}
.meeting-box{
    padding: 30px 2%;
}
    .testimonial-6 .testimonial-detail {
        padding: 0 15px 0 100px;
        width: 100%;
    }
body, p{
    font-size: 14px;
    line-height: 22px;
}
.small-text-box h4{
    margin: 0;
}
.small-text-box .dez-separator.style-liner{
    margin: 10px 0;
}
.small-text-box .skew-triangle{
    padding: 10px;
}
.small-text-box{
    padding: 20px;
    
}
.date span {
    display: inline-block;
    font-weight: 400;
    margin: 0 0 0 10px;
}
.event-text{
    padding: 15px;
    text-align: left;
}
.event-text h4 {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 10px;
}
    .testimonial-section {
        padding: 36px 0;
    }
    .blog-box h4{
        margin-bottom: 10px;
    }
    .site-footer {
        padding-top: 40px;
    }
    .footer-info img{
        width: 50%;
    }
    .site-footer p {
    margin-top: 8px;
}
    .blog-box {
        padding: 10px 15px 0;
    }
        .date {
        width: 100%;
        display: flex;
    }
    .section-head-inner h2{
        margin: 0;
    }
    .team-small-box .site-button {
    margin: 010px 0 -10px;
    float: none;
}
.rules-regulation-filters a {
    float: left !important;
}
.rules-regulation-filters li:before{
    display: none !important;
}
.rules-regulation-filters li {
    text-align: left !important;
    float: left;
    width: 100%;
    padding: 0 !important;
}
/*************************/
.small-white-box{
    padding-right: 4%;
    padding-left: 4%;
}
.section-head-inner .small-white-box{
    padding-right: 0%;
    padding-left: 0%;
} 
.mt-5, .my-5 {
    margin-top: 0rem !important;
}
.small-white-box h2{
    margin: 0 0 10px;
}
.custom-padding{
    padding: 0 2%;
}
#masonry{
    height: auto !important;
}
.cus-justify-align {
    text-align: center !important;
}
.p-a30 {
    padding: 15px;
}
.p-a20 {
    padding: 10px;
}
p {
    margin-bottom: 5px;
}
.p-t40 {
    padding-top: 40px !important;
}
.m-b30 {
    margin-bottom: 10px;
}
iframe{
    height: 200px !important;
}
    .team-small-box-inner .small-text-box2 {
        width: 96%;
        margin: 140px 2% 30px 0;
        padding: 20px 15px;
        float: none;
        display: inline-block;
        margin: 160px auto 0;
    }
.team-small-box-inner .row:first-child .small-text-box2:first-child{
       margin: 140px auto 0;
}
.small-text-box2 p {
    text-align: center !important;
}
.team-small-box-inner{
    padding-top: 30px;
}
    .content-inner {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .widget_gallery li.social-icon-setting{
        width: auto !important;
        min-width: auto !important;
        max-width: 15% !important;
    }
    .contact-main-box .small-white-box .icon-bx-wraper {

    margin: 0 0 20px;
    width: 100%;
}
.contact-form-section{
    margin-bottom: 20px;
    padding-top: 20px;
}
.about-box-section{
    padding-bottom: 0px;
}
.icons-box.pull-left.w-100{
    margin-bottom: 0px;
}
h2 {
    font-size: 22px !important;
    margin: 0 !important;
}
.contact-area p{
    margin: 0 0 10px;
}
.padding-section{
    padding-left: 2%;
    padding-right: 2%;
}
.col-sm-6.small-text-box2{
    width: 100% !important;
    flex: 0 0 100%;
    max-width: 100%;
}
.condition-box{
    display: block;
}
.condition-box2{
    display: none;
}
/*.owl-nav{
    display: block !important;
}*/
.meeting-textbox .testimonial-five{
    text-align: center;
}
.meeting-textbox .testimonial-five .owl-nav{
    margin-top: 10px;
}
.testimonial-section{
    margin-top: 30px;
}
.small-content-section .ml-auto.m-auto{
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.no-padding-top {
    padding-top: 15px !important;
}
.inner-banner h1 br{
    display: block;
}
.contact-info-section {
    padding: 0 0 20px;
    text-align: center;
}
.team-small-box-inner .m-b30{
    margin-bottom: 30px !important;
}
.team-small-box-inner .dez-separator.style-liner {
    width: 30%;
    margin: 10px 0 0;
}
 #breeding .icon-bx-wraper-exchange{
        margin: 15px auto 0 !important;
    }
    .title-head {
        display: inline-block !important;
    
    }
    .homepage-testimonial .testimonial-text p{
       display: -webkit-box;
        -webkit-line-clamp: 3;  /* Always show only 3 lines */
     -webkit-box-orient: vertical;
          overflow: hidden;
    text-overflow: ellipsis; /* Adds "..." at the end if cut off */
    }
    .homepage-testimonial .testimonial-text {
        padding: 40px 0px 30px 0px !important;
    }
    .testimonial-6 .testimonial-pic {
    right: auto;
    top: -30px;
    float: left;
    left: 0;
}
.person-image{
    text-align: center;
}
.wardens-box .small-text-box2{
    margin-top: 0px !important;
    margin-right: 0px !important;
}
.top-margin{
    margin-top: 30px;
}
.simple-text-section {
    margin: 0 15px;
}
.show-result-box h2{
    font-size: 20px !important;
}
.show-result-box h4{
    font-size: 15px;
    line-height: 20px;
}
.new-table th, .new-table td{
    font-size: 12px;
}
.homepage-testimonial{
    padding: 20px 0;
}
.homepage-testimonial .testimonial-box {
        padding: 50px 15px 0;
    }
.homepage-testimonial .testimonial-6 .testimonial-pic{
    left: -7px;
}
.dashboard-imagebox {
    float: left;
    width: 100%;
    margin: 0 0 20px;
}
.dashboard-right-innerbox {
    width: 100%;
}
.dashboard-right-section, .dashboard-pages{
    padding: 0px;
}
.dashboard-imagebox img{
    height: 100% !important;
}
/************** profile page **********/
.dashboard-grid {
    display: inline-block;
    width: 100%;
    gap: 20px;
}
.dashboard-small-box {
    width: 100%;
    margin: 0 0 20px;
}
.panel-body canvas {
    position: absolute;
    inset: 16px;
    width: 100% !important;
    height: 100% !important;
    left: 16px;
    right: 16px;
    top: 5px;
    bottom: 16px;
}
.panel-head, .legend-note{
    width: 100%;
}
.legend-note{
    margin: 5px 0 0;
}
.panel-head {
    display: inline-block;
    width: 100%;
    text-align: center;
}
/************** DASHBOARD DATA TABLE ***************/
div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, 
div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate{
    text-align: left !important;
}
div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:first-child{
    padding: 0;
}
div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child{
    padding: 0;
}
.dashboard-card .card-body {
    padding: 2rem 1rem 1.5rem;
    overflow-x: scroll;
}
    .top-heading-dashboard a {
        margin: 7px auto 0 !important;
        display: inline-block;
        width: auto;
        float: none !important;
    }
.top-heading-dashboard h6 {
    margin: 0px 0 5px !important;
    width: 100%;
    font-size: 20px;
    text-align: center;
}
.dashboard-card .col-3, .dashboard-card .col-2 , .dashboard-card .col-4{
    flex: 0 0 100%;
    max-width: 100%;
    margin: 10px 0 0px;
}
.dashboard-card table td {
    padding: 15px 10px;
    font-size: 12px;
}
.top-heading-dashboard {
    background: #034833;
    text-align: center;
}
.team-section-head h2{
    font-size: 28px !important;
}

}
@media screen  and  (min-width:1200px){
    .container{
        max-width: 1265px;
    }
}
@media only screen and (max-width: 600px) {
    .logo-header {
        width: 200px !important;
        margin: 10px 0 0;
    }
}
@media screen and (max-width:460px){
    .banner {
        padding: 90px 2%;
        width: 100%;
    }
}

table .bg-theme{
    background: none !important;
}
table .card-header.bg-theme{
    padding: 0px !important;
}
table .bg-theme th, table .bg-theme  h2{
    background-color: #104431 !important;
}
table  .bg-theme th:first-child{
    border-radius: 20px 0 0 0 !important;
}
table .bg-theme th:last-child{
    border-radius: 0px 20px 0 0 !important;
}
.bg-theme h2{
    padding: 15px !important;
    border-radius: 20px 20px 0 0 !important;
    font-size: 24px !important;
}

.vitual-box .dez-box{
    height:100%;
    border-radius: 20px;
}
.ped_nav .nav-link i {
    margin-top: 6px !important;
}
    

.pgfooter-logo img {
    height: 90px;
}