@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');
:root {
    --color-primary: #B12539;
    --color-secondary: #1D1E3D;
    --gradient-primary: linear-gradient(135deg, #FC415C 0%, #922030 100%);
    --text-primary: #1D1E3D;
    --text-secondary: #637381;
    --color-stroke: #919EAB20;
    --error-main: #FF5630;
}

body {
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: var(--text-primary);
}

    body.demo_barber {
        font-family: 'Public Sans', sans-serif;
        font-size: 18px;
        color: #7f7c79;
    }

    body.demo_dental {
        font-family: 'DM Sans', sans-serif;
        font-size: 18px;
        color: #393f43;
        background: #f3f3f3;
        padding: 80px;
    }

    body.demo_petcare {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 15px;
        color: #939393;
    }

main {
    overflow: hidden;
    position: relative;
}

section.section {
    padding: 40px 0;
}

section .section-title-wrap {
    margin-bottom: 40px;
}

section .section-title-wrap .section-title {
    font-size: 32px;
    font-weight: bold;
}

section .section-title-wrap .section-subtitle {
    font-size: 20px;
    font-weight: 400;
    color: var(--text-secondary);
}

.demo_dental .container {
    max-width: 1400px;
}

.img {
    max-width: 100%;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}

.f-left {
    float: left
}

.f-right {
    float: right
}

.fix {
    overflow: hidden
}

a,
.button {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

    a:focus,
    .button:focus {
        text-decoration: none;
        outline: none;
    }

    a, a:hover {
        text-decoration: none;
    }

        a:hover {
            color: #1696e7;
        }

ul li {
    list-style: none;
}

a,
button {
    color: #1696e7;
    outline: medium none;
    cursor: pointer;
}

button {
    padding: 0px;
    border: none;
    outline: none;
    background: none;
    display: inline-block;
}

    button:focus, input:focus, input:focus, textarea, textarea:focus {
        outline: 0
    }

.trophy-item {
    cursor: default!important;
}

.footer-bidy-img {
    width: 60px;
    max-width: 60px;
    height: 22px;
    max-height: 22px;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.badge {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    background-color: var(--color-primary);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    line-height: 15px;
}

.btn-delete-text {
    color: var(--color-primary);
}

.btn-delete-text:hover {
    color: var(--color-primary);
}

.card {
    border-radius: 16px;
    background: #fff;
    box-shadow: 0px 10px 24px -4px rgba(145, 158, 171, 0.30), 0px 0px 4px 0px rgba(145, 158, 171, 0.25);
}

.card .card-img {
    padding: 20px;
    border-radius: 12px;
    position: relative;
    min-height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card .card-img img {
    height: 260px;
    object-fit: contain;
    width: 50%!important;
}

.birds-carousel .card .card-img img {
    height: 300px;
}

.card .card-img iframe {
    min-height: 300px;
}

.card .card-img .card-badge {
    position: absolute;
    left: 20px;
    top: 20px;
    padding: 4px 8px;
    border-radius: 8px;
    background-color: var(--color-primary);
    color: #fff;
}

.card .card-body {
    padding: 16px 24px;
}

.card .card-body .title {
    font-size: 20px;
    font-weight: 500;
}

.card .card-body .gender {
    font-size: 18px;
    display: flex;
    align-items: center;
    font-weight: 500;
}

.card .card-body .gender i {
    font-size: 16px;
}

.card .card-body .price-text {
    font-size: 24px;
    font-weight: bold;
    color: var(--text-primary);
}

.card .card-body .detail-btn {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
}

.card .card-body .detail-btn i {
    color: var(--color-primary);
}

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

.title {
    font-size: 32px;
    font-weight: bold;
}

.informative-feature {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.informative-feature .item {
    display: flex;
    column-gap: 20px;
    align-items: center;
}

.informative-feature .item .circle-icon {
    padding: 14px;
    background: var(--gradient-primary);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.informative-feature .item .circle-icon i {
    color: #fff;
    font-size: 18px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    color: #000;
    margin-top: 0px;
    font-style: normal;
}

.demo_barber h1,
.demo_barber h2,
.demo_barber h3,
.demo_barber h4,
.demo_barber h5,
.demo_barber h6 {
    font-family: 'Oswald', sans-serif;
    color: #221f18;
    text-transform: uppercase;
}

.demo_dental h1,
.demo_dental h2,
.demo_dental h3,
.demo_dental h4,
.demo_dental h5,
.demo_dental h6 {
    font-family: 'Marcellus', serif;
    font-weight: 400;
}

.demo_petcare h1,
.demo_petcare h2,
.demo_petcare h3,
.demo_petcare h4,
.demo_petcare h5,
.demo_petcare h6 {
    font-family: 'Nunito', sans-serif;
    font-weight: 800;
    color: var(--text-primary);
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 35px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

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

img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

p {
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
    color: #393f43;
    margin-bottom: 15px;
}

hr {
    border-bottom: 1px solid #eceff8;
    border-top: 0 none;
    margin: 30px 0;
    padding: 0;
}

label {
    color: #7e7e7e;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

i,
span,
a {
    display: inline-block;
}

.input_field {
    position: relative;
    margin-bottom: 10px!important;
}

input, textarea, select {
    width: 100%;
    height: 55px;
    background-color: #fff;
    border: 1px solid var(--color-stroke);
    border-radius: 8px;
    padding: 0px 20px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.input_field i {
    position: absolute;
    right: 20px;
    top: 21px;
    font-size: 14px;
    color: #939393;
}

.input_field.with-icon i {
    position: absolute;
    left: 20px;
    right: auto;
    top: 18px;
    font-size: 20px;
    color: #939393;
}

.input_field.with-icon input {
    padding-left: 50px;
}

.input_field input.form-search-input:focus {
    outline: var(--color-primary) solid 2px;
}

textarea {
    padding-top: 10px
}

.input_field label {
    position: absolute;
    left: 10px;
    top: -10px;
    font-weight: 500;
    padding: 0 10px;
    background: #fff;
    cursor: revert;
}

.contact-us-wrapper input,
.contact-us-wrapper textarea {
    background: var(--color-secondary);
    border-color: #ffffff40;
    color: #fff;
}

.contact-card-wrapper textarea,
.contact-us-wrapper textarea {
    height: auto;
}

.contact-us-wrapper .input_field label {
    background: var(--color-secondary);
    color: #fff;
}

.custom-btn {
    z-index: 1;
    font-size: 16px;
    padding: 12px 20px;
    text-align: center;
    position: relative;
    border-radius: 8px;
    color: #fff;
    background: var(--color-primary);
    display: inline-block;
    line-height: 1.4;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.custom-btn:hover {
    color: #fff;
}

.custom-btn.custom-btn-text {
    color: var(--color-primary);
    background: transparent;
}

.custom-btn.btn-sm {
     padding: 6px 12px;
}

.custom-btn.btn-secondary {
    background-color: var(--color-secondary)!important;
    border-color: var(--color-secondary)!important;
}

.divider-vertical {
    display: block;
    height: 38px;
    width: 2px;
    content: "";
    background: #f0f0f0;
}

.divider-horizontal {
    display: block;
    height: 1px;
    width: 100%;
    content: "";
    background: #f0f0f0;
}

@media screen and (max-width: 1399.98px) {
    .card .card-img img {
        height: 220px;
        width: 50% !important;
    }
}

@media screen and (max-width: 991.98px) {
    .title {
        font-size: 28px;
        font-weight: bold;
    }

    .card .card-img {
        min-height: 200px;
    }

    .card .card-img img {
        height: 190px;
        width: 50% !important;
    }
}

@media screen and (max-width: 991.98px) {
    .card .card-img {
        min-height: auto;
    }

    .card .card-img img {
        height: 220px;
        width: 50% !important;
    }
}


@media screen and (max-width: 767.98px) {
    .card .card-img {
        min-height: auto;
        flex-direction: column;
    }

    .card .card-img img {
        height: 220PX;
        width: 100% !important;
    }
}

/* BREADCRUMB AREA START */
.breadcrumb-area {
    height: 160px;
    background: linear-gradient(0deg, rgba(29, 30, 61, 0.90) 0%, rgba(29, 30, 61, 0.8) 100%), url(/uploads/banner-img.png), lightgray 0px -223.416px / 100% 155.359% no-repeat;
    background-position: center;
    position: relative;
}

.breadcrumb-area .title-area {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.breadcrumb-area h1, .breadcrumb-area h2, .breadcrumb-area h3, .breadcrumb-area h4, .breadcrumb-area h5, .breadcrumb-area h6 {
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

.breadcrumb_nav li {
	color: #fff;
	position: relative;
	font-size: 16px;
	letter-spacing: 1px;
}

.breadcrumb_nav li a {
	color: #fff;
}

.breadcrumb-area .ul_li {
    justify-content: center;
}

.breadcrumb_nav li:not(:last-child) {
    margin-right: 8px;
    padding-right: 8px;
}

.breadcrumb_nav li:not(:last-child):before {
	top: 50%;
	right: -4px;
	content: "/";
	position: absolute;
	transform: translateY(-50%);
}
/* BREADCRUMB AREA END */

/* HEADER AREA START */
.header_petcare .header_inner {
    border-bottom: 1px solid #f0f0f0;
}

.header_area .logo a {
    max-width: 150px;
}

.logo img {
    width: 150px;
}

.main_menu_wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.main_menu ul li {
    margin-right: 20px;
    position: relative;
}

.main_menu ul li a {
    padding: 24px 0px;
    font-size: 15px;
    font-weight: 400;
    position: relative;
    display: block;
}

.main_menu ul li:hover a, .main_menu ul li.active > a {
    color: #c99e59;
}

.main_menu_wrap .author-menu-wrapper {
    position: relative;
}

.main_menu_wrap .author-menu-wrapper .dropdown-menu-wrapper {
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 10;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px 10px 24px -4px rgba(145, 158, 171, 0.30), 0px 0px 4px 0px rgba(145, 158, 171, 0.25);
    width: max-content;
    display: none;
    flex-direction: column;
    padding: 6px;
}

    .main_menu_wrap .author-menu-wrapper > div > a {
        color: var(--color-primary);
        font-weight: 600;
    }

    .main_menu_wrap .author-menu-wrapper > div:hover .dropdown-menu-wrapper {
        display: flex;
    }

.main_menu_wrap .author-menu-wrapper .dropdown-menu-wrapper a {
    width: 100%;
    padding: 10px;
    color: var(--text-primary);
    font-weight: 600;
}

.main_menu_wrap .author-menu-wrapper .dropdown-menu-wrapper a i {
    color: var(--color-primary);
}

.main_menu_wrap .author-menu-wrapper .dropdown-menu-wrapper a:hover {
    color: var(--color-primary);
}

.main_menu_wrap .language-menu-wrapper {
    position: relative;
}

.main_menu_wrap .language-menu-wrapper img {
    width: 50px;
    height: 20px;
    object-fit: contain;
}

.main_menu_wrap .language-menu-wrapper > div {
    padding: 10px 0;
}

    .main_menu_wrap .language-menu-wrapper .dropdown-menu-wrapper {
        position: absolute;
        top: 40px;
        left: 0;
        z-index: 10;
        background: #fff;
        border-radius: 6px;
        box-shadow: 0px 10px 24px -4px rgba(145, 158, 171, 0.30), 0px 0px 4px 0px rgba(145, 158, 171, 0.25);
        width: max-content;
        display: none;
        flex-direction: column;
        padding: 6px;
    }

.main_menu_wrap .language-menu-wrapper > div:hover .dropdown-menu-wrapper {
    display: flex;
}

.header_petcare .main_menu ul li a {
    color: var(--text-primary);
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
}

.header_petcare .main_menu ul li a {
    color: var(--text-primary);
    font-weight: 600;
}

.header_petcare .main_menu ul li a:hover, .header_petcare .main_menu ul li.active > a {
    color: var(--color-primary);
}

.main_menu_wrap .header_right {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.main_menu_wrap .header_right .header_btn {
    display: flex;
    column-gap: 14px;
    align-items: center;
}

.main_menu_wrap .header_right .header_btn a {
    margin-left: 20px;
}

.main_menu_wrap .header_right .header_btn .custom-select-wrap a {
    margin-left: 0;
}

.header_area .header_right .header-socials {
    display: flex;
}

.header_area .header_right .header-socials i.fa-facebook-f {
    color: #1877F2;
}

.header_area .header_right .header-socials i.fa-youtube {
    color: #E02D69;
}

.header_area .header_right .header-socials i.fa-instagram {
    color: #E02D69;
}

    .header_area .header_right .header-socials i.fa-x-twitter {
        color: #00AAEC;
    }

.custom-select-wrap {
    position: relative;
}

.custom-select-wrap .custom-select {
    display: none;
}

.custom-select-wrap #dropdown-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-left: 0px;
}

.custom-select-wrap #dropdown-list img, .btn-select img{
    width: 22px;
    border-radius: 4px;
}

.custom-select-wrap #dropdown-list li{
    padding: 6px 8px;
    border-radius: 4px;
}

.custom-select-wrap #dropdown-list li:hover{
 background-color: #F4F3F3;
 cursor: pointer;
}

.custom-select-wrap #dropdown-list li span, .btn-select li span{
  margin-left: 10px;
  color: var(--text-primary);
}

.custom-select-wrap .dropdown-list-wrap {
    display: none;
    width: 100%;
    max-width: 350px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 8px;
    position: absolute;
    z-index: 10;
    background: #fff;
    width: max-content;
    right: 0;
    padding: 4px;
}

.custom-select-wrap .open {
    display: show !important;
}

.custom-select-wrap .btn-select {
    width: 100%;
    max-width: 350px;
    height: 34px;
    background-color: #fff;
}
.custom-select-wrap .btn-select li{
  list-style: none;
  float: left;
  padding-bottom: 0px;
}

.custom-select-wrap .btn-select:hover li{
  margin-left: 0px;
}

.custom-select-wrap .btn-select li span {
    display: none;
}

.custom-select-wrap .btn-select:focus{
   outline:none;
}

/* HEADER AREA END */
/* HOME AREA START */
.banner-area {
    position: relative;
}

.banner-area .img-area {
    height: 400px;
    position: relative;
}

.banner-area .banner-carousel .owl-nav {
    margin-top: 0;
}

.banner-area .banner-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    height: 100%;
    width: 100px;
}

.banner-area .banner-carousel .owl-nav button.owl-next {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    height: 100%;
    width: 100px;
}

.banner-area .banner-carousel .owl-nav button:hover {
    background: #00000020
}

.banner-area .banner-carousel .owl-nav button span {
    font-size: 42px;
    color: #fff;
}

.banner-area .banner-carousel .owl-item img {
    height: 400px;
}

.banner-area .banner-carousel .owl-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
}

.owl-carousel .owl-dots .owl-dot.active span, 
.owl-carousel.owl-dots .owl-dot:hover span {
    background: var(--color-primary)!important;
}

.banner-area .img-area img {
    height: 100%;
    object-fit: cover;
}

.banner-area .banner-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.banner-area .banner-content h3 {
    color: #fff;
    text-wrap: nowrap;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}

.section-birds .birds-carousel .item_wrap {
    padding: 20px 10px 30px 10px;
}

.card .bird-information-wrapper .bird-number {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-primary);
    margin-bottom: 6px;
}

.card .bird-information-wrapper .bird-description p {
    font-size: 16px;
    margin-bottom: 0;
}

.section-couple-birds .couple-birds-carousel .item_wrap {
    padding: 20px 10px 30px 10px;
}

.contact-us-wrapper {
    padding: 40px 0;
    background-color: var(--color-secondary);
}

.contact-us-wrapper .title {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
}

.contact-us-wrapper .subtitle {
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 20px;
}

.sectiom-race-results .card .card-img img {
    height: 300px;
    object-fit: contain;
}

.card .bird-information-wrapper {
    min-height: 90px;
    max-height: 90px;
    overflow: hidden;
}

.card .bird-information-wrapper .bird-description * {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media screen and (max-width: 991.98px) {
    .sectiom-race-results .card .card-img {
        height: 300px;
    }

    .sectiom-race-results .card .card-img img {
        height: 260px;
        object-fit: contain;
    }
}

@media screen and (max-width: 767.98px) {
    .section-couple-birds .couple-birds-carousel .item_wrap .row > div:first-child,
    .sectiom-race-results .card .row > div:first-child {
        border-bottom: 1px solid var(--color-stroke);
        margin-bottom: 1rem;
        padding-bottom: 1rem;
    }
}

/* HOME AREA END */
/* PEDIGREE AREA START */
.nav-tabs {
    border-bottom: none;
    height: max-content;
}

.nav-tabs .nav-link {
    cursor: pointer;
    background-color: #fff;
    color: var(--text-primary);
    padding: 12px 16px;
    border-radius: 8px;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    color: #fff;
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}

.nav-tabs .nav-link.active i {
    color: #fff;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #fff;
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
}

.theme-main.pdf-box-icon-edit,
.theme-main .pdf-box-icon-edit {
    color: #B12539;
    position:absolute;
}

.theme-main .pdf-box-icon-edit i,
.theme-main .pdf-box-icon-edit i {
    background: #fff;
}

    .theme-main .pdf-box-icon-edit:hover,
    .theme-main .pdf-box-icon-edit:hover {
        color: #939393;
    }

.pdf-box-font {
    font-size: 20px;
    padding: 0px 4px;
}

.pdf-box-img {
    top: 18%;
    left: 15%;
    width: 307px;
    height: auto;
}

    .pdf-box-img img {
        width: 307px;
        height: auto;
    }

.theme-main .pdf-box-qr-area {
    top: 22.5%;
    left: 81%;
    width: 368px;
    height: 162px;
    text-align: start;
}

.theme-main .pdf-box-number {
    display: none;
    top: 22.5%;
    left: 17.5%;
    width: 371px;
    height: 165px;
}

.pdf-background {
    background-image: url('../../../uploads/legend-pedigree-bg-3.png');
    background-size: cover;
}

.pdf-box-info {
    display: none;
    bottom: -3%;
    left: 17%;
    width: 300px;
    height: 180px;
}

.pdf-box-logo {
    bottom: 0%;
    right: 3%;
    height: 80px;
    display: none;
}

.pdf-logo-px {
    height: 60px;
}

.theme-main .pdf-box-1 {
    top: 22%;
    left: 19.3%;
    width: 368px;
    height: 144px;
}

.theme-main .pdf-box-2 {
    top: 34%;
    left: 23%;
    width: 460px;
    height: 132px;
}

.theme-main .pdf-box-1 .pedigree-pdf-description {
    height: 124px !important;
}

    .theme-main .pdf-box-2 .pedigree-pdf-description,
    .theme-main .pdf-box-3 .pedigree-pdf-description {
        height: 116px !important;
    }


.theme-main .pdf-box-3 {
    top: 34.25%;
    left: 77.4%;
    width: 460px;
    height: 132px;
}

.theme-main .pdf-box-4 {
    top: 43.2%;
    left: 15.6%;
    width: 276px;
    height: 135px;
}

    .theme-main .pdf-box-4 .pedigree-pdf-description,
    .theme-main .pdf-box-5 .pedigree-pdf-description {
        height: 116px !important;
    }

.theme-main .pdf-box-5 {
    top: 43.2%;
    left: 37.8%;
    width: 276px;
    height: 135px;
}

.theme-main .pdf-box-6 {
    top: 43.2%;
    left: 62.3%;
    width: 276px;
    height: 135px;
}

    .theme-main .pdf-box-6 .pedigree-pdf-description,
    .theme-main .pdf-box-7 .pedigree-pdf-description {
        height: 112px !important;
    }

.theme-main .pdf-box-7 {
    top: 43.2%;
    left: 84.5%;
    width: 276px;
    height: 135px;
}

.theme-main .pdf-box-8 {
    top: 54%;
    left: 15.6%;
    width: 284px;
    height: 126px;
}

.theme-main .pdf-box-9 {
    top: 59.3%;
    left: 15.6%;
    width: 284px;
    height: 126px;
}

.theme-main .pdf-box-10 {
    top: 54%;
    left: 38.45%;
    width: 284px;
    height: 126px;
}

.theme-main .pdf-box-11 {
    top: 59.3%;
    left: 38.5%;
    width: 284px;
    height: 126px;
}

.theme-main .pdf-box-12 {
    top: 54%;
    left: 61.4%;
    width: 284px;
    height: 126px;
}

.theme-main .pdf-box-13 {
    top: 59.3%;
    left: 61.2%;
    width: 284px;
    height: 126px;
}

.theme-main .pdf-box-14 {
    top: 54%;
    left: 84.1%;
    width: 284px;
    height: 126px;
}

.theme-main .pdf-box-15 {
    top: 59.3%;
    left: 84.1%;
    width: 284px;
    height: 126px;
}

.theme-main .pdf-box .desc span {
    font-size: 20px!important;
}

.theme-main .pdf-box-font .pedigree-pdf-description > *,
.theme-main .pdf-box-font .pedigree-pdf-description > * {
    font-size: 19px !important;
}

.theme-main .pdf-box-notes-1 .pedigree-pdf-description > *,
.theme-main .pdf-box-notes-2 .pedigree-pdf-description > * {
    font-size: 17px !important;
}

.demo_petcare .theme-main .pdf-box-notes-1 .pedigree-pdf-description > *,
.demo_petcare .theme-main .pdf-box-notes-2 .pedigree-pdf-description > * {
    font-size: 17px !important;
}

.theme-main .pdf-box-8 .pedigree-pdf-description,
.theme-main .pdf-box-9 .pedigree-pdf-description,
.theme-main .pdf-box-10 .pedigree-pdf-description,
.theme-main .pdf-box-11 .pedigree-pdf-description,
.theme-main .pdf-box-12 .pedigree-pdf-description,
.theme-main .pdf-box-13 .pedigree-pdf-description,
.theme-main .pdf-box-14 .pedigree-pdf-description,
.theme-main .pdf-box-15 .pedigree-pdf-description {
    height: 100px !important;
}

.theme-main .pdf-box-note .pedigree-pdf-description {
    height: 490px !important;
}

.theme-main .pdf-box-notes-1 {
    top: 81%;
    left: 27.4%;
    width: 567px;
    height: 492px;
}

.theme-main .pdf-box-notes-2 {
    top: 81%;
    left: 73.2%;
    width: 567px;
    height: 492px;
}

.pdf-box-icon-man,
.pdf-box-icon-women{
    top: 2px;
    right: 4px;
}

.pdf-box-icon-man img,
.pdf-box-icon-women img {
    width: 18px;
}

@media screen and (max-width: 567.98px) {
    .pedigree-section-area .nav-tabs, .pedigree-section-area .nav-tabs .nav-link {
       width: 100%;
    }

    .pedigree-section-area .nav-tabs + div,
    .pedigree-section-area .nav-tabs + div .custom-btn {
        width: 100%;
    }
}
/* PEDIGREE AREA END */
/* BIRD DETAIL AREA START */
.card.carousel-card {
    padding: 20px;
}

.main-carousel {
    position: relative;
}

.carousel-card .main-carousel .owl-nav {
    margin-top: 0;
}

.main-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: 10px;
    top: 46%;
    transform: translateY(-50%);
}

.main-carousel .owl-nav button.owl-next {
    position: absolute;
    right: 10px;
    top: 46%;
    transform: translateY(-50%);
}

.main-carousel .owl-nav button.owl-prev span,
.main-carousel .owl-nav button.owl-next span {
    width: 40px;
    height: 40px;
    background: var(--gradient-primary);
    border-radius: 50%;
    line-height: 33px;
    font-size: 30px;
    color: #fff;
}

.main-carousel .owl-nav button:hover {
    background: transparent!important;
}

.bird-detail-section .bird-information-wrapper .information-top {
    padding: 0px 0 12px 0;
    border-bottom: 1px solid var(--color-stroke);
}

.bird-detail-section .bird-information-wrapper .information-top > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bird-detail-section .bird-information-wrapper .information-top .bird-name {
    font-size: 32px;
    font-weight: 600;
    color: var(--text-primary);
}

.bird-detail-section .bird-information-wrapper .information-top .bird-price {
    font-size: 24px;
    font-weight: 700;
    color: var(--text-primary);
}

.bird-detail-section .bird-information-wrapper .information-top .bird-name i {
    color: var(--color-primary);
}

.bird-detail-section .bird-information-wrapper .information-top .bird-number {
    font-size: 24px;
    font-weight: 700;
    color: var(--color-primary);
}

.bird-detail-section .bird-information-wrapper .information-desc {
    padding: 20px 0;
}

.bird-detail-section .bird-information-wrapper .information-desc p {
    margin-bottom: 6px;
}

.bird-detail-section .bird-information-wrapper .information-outputs a img {
    width: 75px;
    border-radius: 4px;
    height: 75px;
    object-fit: contain;
}

.bird-detail-section .carousel-card .bird-detail-carousel .item img {
    width: 100%;
    height: 350px;
    object-fit: contain;
}

.bird-information-wrapper .thumbnail-card {
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 10px 24px -4px rgba(145, 158, 171, 0.30), 0px 0px 4px 0px rgba(145, 158, 171, 0.25);
    padding: 6px;
    margin: 0 6px 10px 6px;
}
/* BIRD DETAIL AREA END */
/* RACE RESULTS AREA START */
#search-form .input_field.with-icon i {
    color: var(--color-primary);
}

.table thead tr {
    background-color: #F4F6F8;
}

.table thead tr th {
    padding: 16px;
    border-bottom: none;
    color: var(--text-secondary);
    font-weight: 600;
}

.table tbody tr > * {
    padding: 16px;
    border-bottom: 1px dashed var(--color-stroke);
}

.table .first-winner i {
    color: #E5E4E2;
}
.table .second-winner i {
    color: #B9F2FF;
}
.table .third-winner i {
    color: #FFD700;
}
.table .fourth-winner i {
    color: #C0C0C0;
}
.table .fifth-winner i {
    color: #CD7F32;
}

.pagination-container .pagination {
    justify-content: center;
    column-gap: 10px;
}

.pagination-container .page-link {
    padding: 6px 12px;
    border: none;
    border-radius: 8px;
    color: var(--text-primary);
    transition: all .3s ease-in-out;
}

.pagination-container .page-link:hover {
    background-color: var(--color-primary);
}

.pagination-container .page-link a{
    color: var(--text-primary);
    transition: all .3s ease-in-out;
}

.pagination-container .page-link:hover a {
    color: #fff;
}

.pagination-container .page-link.active {
    background-color: var(--color-primary);
    color: #fff;
}
/* RACE RESULTS AREA END */
/* ABOUT AREA START */
.banner-area.about-banner {
    position: relative;
    display: flex;
    align-items: center;
    height: 400px;
    background-color: var(--color-secondary);
}

.banner-area.about-banner .banner-title {
    color: #fff;
    margin-bottom: 30px;
    font-size: 48px;
}

.banner-area.about-banner .banner-text {
    color: #fff;
    font-size: 24px;
}

.banner-area.about-banner .banner-img {
    width: 500px;
    margin-bottom: -550px;
}

.about-section .title {
    margin-bottom: 40px;
}

@media screen and (max-width: 991.98px) {
    .banner-area.about-banner .banner-title {
        color: #fff;
        margin-bottom: 30px;
        font-size: 38px;
    }

    .banner-area.about-banner .banner-img {
        margin-bottom: -500px;
    }
}

@media screen and (max-width: 767.98px) {
    .banner-area.about-banner {
        height: auto;
        padding: 40px 0;
    }

    .banner-area.about-banner .banner-title {
        color: #fff;
        margin-bottom: 30px;
        font-size: 32px;
    }

    .banner-area.about-banner .banner-text {
        color: #fff;
        font-size: 18px;
    }

    .banner-area.about-banner .banner-title br {
        display: none;
    }

    .banner-area.about-banner .banner-img {
        margin-bottom: 0;
        margin-top: 30px;
    }

    .about-section .title {
        margin-bottom: 32px;
    }
}
/* ABOUT AREA END */
/* CONTACT AREA START */
.banner-area.contact-banner {
    z-index: -1;
}

.banner-area.contact-banner .img-area {
    height: 75vh;
    background: linear-gradient(0deg, rgba(29, 30, 61, 0.90) 0%, rgba(29, 30, 61, 0.8) 100%), url(/uploads/banner-img.png), lightgray 0px -223.416px / 100% 155.359% no-repeat;
    background-position: center;
}

.banner-area.contact-banner .img-area::before {
    background: transparent;
}

.contact-area {
    margin-top: -16%;
    margin-bottom: 40px;
}

.contact-area .contact-card-wrapper {
    padding: 40px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0px 10px 24px -4px rgba(145, 158, 171, 0.30), 0px 0px 4px 0px rgba(145, 158, 171, 0.25);
}

.contact-banner .title-area {
    position: absolute;
    left: 50%;
    top: 25%;
    transform: translate(-50%, -50%);
    text-align: center;
}
 
.contact-banner .title-area h4 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.contact-banner .title-area span {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}

.contact-area .contact-informations .informations-item .information-card {
    background: #fff;
    display: flex;
    align-items: center;
    border: 1px solid var(--color-stroke);
    padding: 35px 40px;
    border-radius: 8px;
    margin-bottom: 40px;
}

.contact-area .contact-informations .informations-item .information-card .contact-icon-wrap {
    margin-right: 20px;
}

.contact-area .contact-informations .informations-item .information-card .contact-icon-wrap .contact_icon {
    display: flex;
    width: 100%;
    height: 74px;
    align-items: center;
    justify-content: center;
}

.contact-area .contact-informations .informations-item .information-card .contact-icon-wrap .contact_icon  i {
    font-size: 60px;
    color: var(--color-primary);
}

.contact-area .contact-informations .informations-item .information-card .contact_text h4 {
    font-weight: 700;
}

.contact-area .contact-informations .informations-item .information-card .contact_text p {
    margin-bottom: 0!important;
}

.contact-area .contact-informations .informations-item .information-card .contact_text p a {
    color: var(--text-primary);
    font-weight: 500;
}

.contact-area .contact-card-wrapper .divider-horizontal {
    margin-bottom: 40px;
}

@media screen and (max-width: 1499.98px) {
    .contact-area {
        margin-top: -14%;
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 1199.98px) {
    .contact-area {
        margin-top: -18%;
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 991.98px) {
    .contact-area {
        margin-top: -30%;
        margin-bottom: 40px;
    }

    .contact-banner .title-area {
        width: 75%;
    }

    .contact-area .contact-informations .informations-item .information-card .contact-icon-wrap {
        margin-right: 15px;
    }

    .contact-area .contact-informations .informations-item .information-card .contact-icon-wrap .contact_icon {
        height: 40px;
    }

    .contact-area .contact-informations .informations-item .information-card .contact-icon-wrap .contact_icon  i {
        font-size: 40px;
    }

    .contact-area .contact-informations .informations-item .information-card .contact_text p {
        font-size: 16px;
    }

    .contact-area .contact-informations .informations-item .information-card .contact_text h4 {
        font-size: 20px;
    }
}

@media screen and (max-width: 767.98px) {
    .contact-area {
        margin-top: -38%;
        margin-bottom: 40px;
    }

    .contact-banner .title-area h4 {
        font-size: 26px;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    .contact-banner .title-area span {
        font-size: 16px;
        font-weight: 500;
        color: #fff;
    }

    .contact-area {
        margin-top: -50%;
        margin-bottom: 40px;
    }
}


@media screen and (max-width: 567.98px) {
    .contact-banner .title-area {
        width: 85%;
    }

    .contact-area {
        margin-top: -70%;
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 449.98px) {
    .contact-area {
        margin-top: -70%;
        margin-bottom: 40px;
    }
}

/* CONTACT AREA END */
/* FOOTER AREA START */
.footer-area {
    padding: 80px 0 40px 0;
    border-top: 1px solid var(--color-stroke);
}

.footer-area .footer-logo {
    width: 250px;
    height: auto;
    object-fit: contain;
    margin-bottom: 40px;
}

.footer-area .footer-widget p {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-secondary);
}

.footer-area .footer-widget .footer-socials {
    display: flex;
    column-gap: 30px;
}

.footer-area .footer-widget .footer-socials i.fa-facebook-f {
    color: #1877F2;
}

.footer-area .footer-widget .footer-socials i.fa-youtube {
    color: #E02D69;
}

.footer-area .footer-widget .footer-socials i.fa-instagram {
    color: #E02D69;
}

.footer-area .footer-widget .footer-socials i.fa-x-twitter {
    color: #00AAEC;
}

.footer-area .footer-widget .footer-title {
    color: var(--text-primary);
    font-size: 20px;
    margin-bottom: 24px;
    text-transform: uppercase;
}

.footer-area .footer-widget ul li a {
    color: var(--text-primary);
    font-size: 16px;
    transition: color 0.3s ease-in-out;
}

.footer-area .footer-widget ul li a:hover {
    color: var(--text-secondary);
}

.footer-area .footer-widget ul li:not(:last-child) a {
    margin-bottom: 10px;
}

.footer-area .footer-bottom-area .footer-bottom {
    padding-top: 80px;
}
/* FOOTER AREA END */