@font-face {
    font-family: "mervale-script.regular";
    src: url("../fonts/mervale-script.regular.woff") format("woff");
    font-style: normal;
    font-display: swap;
    font-weight: 400;
}

body {
    color: #000;
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    overflow-x: hidden !important;
}

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

html {
    scroll-behavior: smooth;
}

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

li {
    list-style: none;
}

a:hover {
    text-decoration: none;
}

a {
    text-decoration: none;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
}

h1 {
    font-size: 75px;
    font-family: "Lilita One", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    color: #fff;
}

h2 {

    font-size: 55px;
    font-weight: 400;
    font-family: "Lilita One", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    line-height: 1.2;
}

h3 {

    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
}

h4 {
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
}

h5 {

    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
}

h6 {

    font-size: 22px;
    font-weight: 500;
    line-height: 1.4;

}

p {
    margin: 0px;
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
}

.p_170 {
    padding: 180px 0px;
}

.p_100 {
    padding: 100px 0px;
}

.p_80 {
    padding: 80px 0px;
}

.p_50 {
    padding: 50px 0px;
}

.pb_60 {
    padding-bottom: 60px;
}

.pb_100 {
    padding-bottom: 100px;
}

.cta {
    background: linear-gradient(90deg, #C09602, #FFD253, #C09602);
    padding: 14px 39px;
    border-radius: 100px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 30px;
    display: inline-block;
    border: 1px solid transparent;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    z-index: 1;
    text-align: center;
}

.cta::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #ffffff;
    /* Background color on hover */
    transition: left 0.4s ease;
    z-index: -1;
}

.solials_links_here button:hover::before {
    background: linear-gradient(90deg, #C09602, #FFD253, #C09602);
    transition: .2s ease-in-out;
}

.insta_gram_post {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    margin-top: 26px;
    margin-left: 60px;
    margin-right: 60px;
    margin-bottom: 20px;
}

.cta:hover::before {
    left: 0;
}

.cta:hover {
    color: #000000;
    /* Text color after hover */
}


/* top navbar */
.top_navbar_slider .wrapper {
    width: 100%;
    padding-top: 0px;
    text-align: center;
}

ul.navbar-nav li a:hover {
    color: #C09602 !important;
    /* border-bottom: 1px solid; */
}

.top_navbar_slider .carousel {
    width: 90%;
    margin: 0px auto;
}

.top_navbar_slider .slick-slide {
    margin: 0px 10px;
}

.top_navbar_slider .slick-slide img {
    width: 100%;
    border: 0px solid #fff;
}

.top_navbar_slider .wrapper .slick-dots li button:before {
    font-size: 20px;
    color: white;
}

.top_navbar_slider .slick-prev:before {
    display: none;
}

.top_navbar_slider .slick-next:before {
    display: none;
}

.top_navbar_slider p {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}

.header_wrapper ul li .active {
    color: #C09602 !important;
}

header.header_wrapper ul li a {
    color: #000 !important;
}

.btn_allcollection a:hover {
    color: #C09602;
    transition: .2s ease-in-out;
}

.top_navbar_slider {
    background: #99DFEC;
    padding: 9px 0px;
    height: 45px;
    overflow: hidden;
}

ul.navbar-nav {
    justify-content: space-between;
    margin: auto;
    width: 100%;
    align-items: center;
}

a.navbar-brand img {
    width: 100%;
    max-width: 142px;
    height: 142px;
    object-fit: cover;
}

.solials_links_here {
    gap: 33px;
}

.home_menu {
    width: 42%;
    gap: 40px;
    align-items: center;
}

.navbar-nav li a {
    font-weight: 500;
    text-transform: uppercase;
}

.solials_links_here button {
    padding: 15px 38px;
    border-radius: 999px;
    background: linear-gradient(to right, #E0B847, #FFD700);
    /* golden gradient */
    display: inline-block;
    position: relative;
}

.solials_links_here button::before {
    content: "";
    position: absolute;
    top: .8px;
    left: .8px;
    right: .8px;
    bottom: .8px;
    border-radius: 999px;
    background: white;
    /* inner background color */
    z-index: -1;
    transition: .2s ease-in-out;
}

.solials_links_here button {
    position: relative;
    z-index: 1;
    color: #000 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    border-radius: 100px !important;
    border-color: transparent !important;
    padding: 15px 38px !important;
}

.solials_links_here button:hover {
    background: linear-gradient(90deg, #C09602, #FFD253, #C09602) !important;

}

.solials_links_here .btn-check:focus+.btn-outline-success,
.btn-outline-success:focus {
    box-shadow: none !important;
}

.main-logo {
    position: absolute;
    right: 0px;
    left: 0px;
    margin: auto;
    content: "";
    text-align: center;
    bottom: -73px;
    width: 12%;
}

header.header_wrapper {
    position: relative;
    padding: 20px 0px;
}

/* hero wrapper */
/* .hero_wrapper {
    background: url('../images/hero_banner.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
} */

section.hero_wrapper {
    position: relative;
}

a.navbar-brand {
    z-index: 99;
    position: relative;
}

section.hero_wrapper .container {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    content: "";
    display: flex;
    align-items: center;
}

.slide_dog:hover img {
    transform: scale(1.2);
    transition: .3s ease-in-out;

}

.slide_dog img {
    transition: .3s ease-in-out;

}

.outer_box:hover {
    border: 4px solid #FFD253;
    transition: .2s ease-in-out;
}

.outer_box {
    border: 4px solid #ffd15300;
    transition: .2s ease-in-out;
}

.slide_dog {
    overflow: hidden;
    border-radius: 15px;

}

.bg-video {
    top: 0;
    left: 0;
    min-width: 100%;
    max-height: 785px;
    object-fit: cover;
    z-index: -1;
}

.hero_center_cont {
    background: #99DFEC66;
    padding: 56px;
    border-radius: 30px;
    text-align: center;
    position: relative;
}

section.hero_wrapper .col-md-12 {
    width: 77%;
    margin: auto;
}

.hero_center_cont h6 {
    color: #fff;
}

.hero_center_cont .cta {
    position: absolute;
    bottom: -19px;
    right: 0px;
    left: 0px;
    width: 213px;
    margin: auto;
    justify-content: center;
}

/* chat-boat */
/* Chat Button */
.chat-button {
    position: fixed;
    bottom: 40px;
    right: 40px;
    width: 100px;
    height: 100px;
    background-color: transparent;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 9999;
}

.center-icon {
    font-size: 24px;
    position: absolute;
    z-index: 2;
}

.rotating-circle {
    position: absolute;
    width: 100px;
    height: 100px;
    animation: rotate 10s linear infinite;
    z-index: 1;
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Chat Box */
.chat-box {
    display: none;
    position: fixed;
    bottom: 150px;
    right: 40px;
    width: 300px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    overflow: hidden;
    font-family: sans-serif;
}

.chat-header {
    background: linear-gradient(90deg, #C09602, #FFD253, #C09602) !important;
    color: rgb(0, 0, 0);
    padding: 10px;
    font-weight: bold;
    text-align: center;
}

.chat-body {
    padding: 15px;
    height: 200px;
    overflow-y: auto;
}

.chat-footer {
    display: flex;
    border-top: 1px solid #ddd;
}

.chat-footer input {
    flex: 1;
    padding: 10px;
    border: none;
    outline: none;
}

.chat-footer button {
    background: linear-gradient(90deg, #C09602, #FFD253, #C09602) !important;
    border: none;
    color: rgb(0, 0, 0);
    padding: 0 20px;
    cursor: pointer;
    font-weight: 500;
    text-transform: uppercase;
}

.center-icon {
    background: #99DFEC;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}

.verrified p {
    text-transform: capitalize;
}

text {
    font-size: 14px !important;
    letter-spacing: 6px !important;
    font-weight: 600;
    fill: #555;
}

/* .insta_gram_post img:hover {
    transform: scale(1.01);
    transition: .2s ease-in-out;
}
.insta_gram_post img {
    transition: .2s ease-in-out;
} */

/* dog slider */
.slide_dog {
    margin: 0px 15px;
    position: relative;
}

.slide_dog img {
    border-radius: 15px;
}

section.dog_helps_sect {
    padding-left: 15%;
}

.carousel_full button.slick-prev.slick-arrow {
    background: #fff;
    width: 70px;
    border: .6px solid #99DFEC;
    height: 70px;
    border-radius: 100px;
}

.help_dog_title h2 {
    max-width: 92%;
}

.help_dog_title .cta {
    margin-top: 32px;
}

.help_dog_title .custom-next.slick-arrow {
    border: .6px solid #99DFEC;
    width: 70px;
    height: 70px;
    border-radius: 100px;
    transition: .2s ease-in-out
}

.help_dog_title .custom-prev.slick-arrow {
    border: .6px solid #99DFEC;
    width: 70px;
    height: 70px;
    border-radius: 100px;
    transition: .2s ease-in-out
}

.next_pre_dog {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 45px;
}

section.dog_helps_sect .container-fluid,
.col-md-9 {
    padding: 0px;
}

/* multubox */
section.multibox_sect {
    background: #000;
}

.multi_inner h6 {
    margin: 0px;
    color: #fff;
}

.multi_inner {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0px 15px;
}


/* expert dog */
.expert_title h6 {
    color: #848484;
}

.expert_title {
    max-width: 71%;
    margin: auto;
    margin-bottom: 35px;
}

.dog_expert_img {
    margin-top: 44px;
}

.expert_instructor {
    text-align: center;
}

.full_expert {
    border-radius: 30px;
    transition: .3s ease-in-out;
}

.dog_expert_img {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
}

.collection_img img:hover {
    transform: scale(1.2);
    transition: .2s ease-in-out;
}

.collection_img img {
    transition: .2s ease-in-out;
	height: 150px;
}

.dog_expert_img:hover .full_expert {
    transform: scale(1.1);
    transition: .3s ease-in-out;
}
.collection_caption h6 {
    min-height: 66px;
}
.web_logo {
    position: absolute;
    content: "";
    top: 47px;
    z-index: 5;
    left: 56px;
}

.updraded_trainer {
    color: #fff;
    position: absolute;
    bottom: 66px;
    max-width: 34%;
    right: 80px;
}

/* collection sldier progress */
.collection_slider .slick-list.draggable .slick-track {
    gap: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px 0px;
}

.collection_slider .progress {
    display: flex;
    height: 6px;
    overflow: hidden;
    font-size: .75rem;
    background-color: #00000012;
    border-radius: 100px;
}

.collection_slider .progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #99DFEC;
    transition: width .6s ease;
    border-radius: 100px;
}

.collection_img {
    border-radius: 15px;
    height: 264px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding: 10px;
}

.collection_caption {
    padding: 30px;
    border: 1px solid #0000000F;
    border-radius: 15px;
    margin: 0px 0px;
}

.collection_caption h6 {
    font-size: 20px;
}

.collection_caption p {
    font-weight: 600;
    color: #C09602;
}


.cart_cta {

    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    padding: 8px 17px;
    border-radius: 100px;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    background: #fff;
    border: 1px solid #99DFEC;
    transition: .2s ease-in-out;
    margin-top: 20px;
}


.cart_cta:hover {
    background: #99DFEC;
    border: 1px solid #99DFEC;
    transition: .2s ease-in-out;
    color: #000;
}

.collection_caption p span {
    font-size: 16px;
    margin-right: 5px;
    color: #D9D9D9;
    text-decoration: line-through;
}

.btn_allcollection a {
    color: #484848;
    font-size: 18px;
    font-weight: 500;
    position: relative;
}

.btn_allcollection {
    text-align: right;

}

.btn_allcollection a::after {
    background: #484848;
    width: 30px;
    height: 1px;
    position: absolute;
    content: "";
    left: -38px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.btn-container {
    text-align: right;
    position: relative;
    top: 30px;
}

/* button.customs-next.slick-arrow:hover {
    background: linear-gradient(180deg, #C09602, #FFD253);
    width: 60px;
    height: 40px;
    border: 1px solid transparent;
    border-radius: 21px;
    filter: opacity(1);
} */
/* button.customs-prev.slick-arrow:hover {
    background: linear-gradient(180deg, #C09602, #FFD253);
    width: 60px;
    height: 40px;
    border: 1px solid transparent;
    border-radius: 21px;
    filter: opacity(1);
} */
button.customs-next.slick-arrow {
    background: #fff;
    width: 60px;

    height: 41px;
    border: 0px solid #0000001A;
    border-radius: 21px;


}

button.customs-prev.slick-arrow {
    background: #fff;
    width: 60px;
    height: 40px;
    border: 0px solid #0000001A;
    border-radius: 21px;


}

span.current-page {
    font-size: 22px;
    font-weight: 600;
}

section.testimonials_sect {
    background: #99DFEC;
    position: relative;
}

.outer_box {
    padding: 48px;
    background: #fff;
    border-radius: 25px;
    margin: 0px 15px;
    display: flex;
}

.review_star {
    margin-bottom: 13px;
}

.by_user {
    margin-bottom: 30px;
    margin-top: 30px;
}

.by_user h6 {
    background: #000;
    color: #fff;
    text-transform: uppercase;
    border-radius: 100px;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.verrified p {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    margin-bottom: 0px;
}

.verrified span {
    color: #C09602;
    line-height: 100%;
    font-size: 12px;
    font-weight: 500;
}

.by_user {
    gap: 10px;
}

.footer_review img {
    width: 60px;
    padding: 5px;
    border: 1px solid #000;
    border-radius: 5px;
    height: 63px;
    object-fit: contain;
}

.footer_review span {
    font-weight: 700;
    max-width: 63%;
    line-height: 100%;
    color: #000;
    line-height: 1.4;
}

section.testimonials_sect {
    margin-bottom: 60px;
}

.footer_review {
    gap: 17px;
    padding-top: 20px;
    border-top: 1px solid #0000001f;
}

.testmonials_review {
    margin-top: 30px;
}

.sec_bottom {
    margin-top: auto;
}

.main_inner {
    display: flex;
    flex-direction: column;
}

.testmonials_review .slick-dots li.slick-active button:before {
    opacity: 1;
    color: black;
}

.testmonials_review .slick-dots li button:before {
    font-family: 'slick';
    font-size: 16px;
    line-height: 20px;
    color: #00000026;
    opacity: 1;
}

.testmonials_review .slick-dots li {
    width: 16px;
    height: 10px;
    margin: 0 2.5px;
    padding: 0;
    cursor: pointer;
}

/* dog swim */
.blog_hidden {
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 30px;
}

.blog_hidden:hover img {
    transform: scale(1.2);
    transition: .3s ease-in-out;
}

.blog_hidden img {
    transition: .3s ease-in-out;
}

section.sustainable_sect h2 {
    margin-left: 98px;
    margin-bottom: -20px;
}

.about_img {
    overflow: hidden;
    border-radius: 15px;
}

#bg-video-about {
    top: 0;
    left: 0;
    width: 100%;
    height: 550px;
    object-fit: cover;
    z-index: -1;
}

.about_img img {
    transition: .2s ease-in-out;
}

.about_img:hover img {
    transform: scale(1.2);
    transition: .2s ease-in-out;
}

.dog_swimsect {
    background: url('../images/dog_swim.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: flex-end;
    background-attachment: fixed;
}

.dog_swim_content h2 {
    font-size: 75px;
    color: #fff;
    max-width: 48%;
}

.blog_block img {
    width: 100%;
    border-radius: 15px;
	height:500px;
}

.blog_block h5 {
    font-weight: 700;
}

.blog_block p {
    font-size: 16px;
    color: #23b5d0;
    margin-bottom: 30px;
    font-weight: 700;
}

.header_logo {
    display: none;
}

.title_blog {
    margin-bottom: 37px;
}

.title_sustanable h2 {
    font-size: 75px;
}

.our_mission p {
    color: #848484;
    margin-bottom: 40px;
}

.our_mission h5 {
    margin-bottom: 17px;
    padding-top: 30px;
    position: relative;
}

.our_mission h5::before {
    background: #99DFEC;
    position: absolute;
    content: "";
    height: 1px;
    width: 66px;
    top: 0;
}

.our_mission {
    padding-right: 30%;
}

.about_img img {
    width: 100%;
    border-radius: 15px;
}

.insta_id_here h5 {
    gap: 10px;
}

.insta_id_here {
    font-size: 30px;
    gap: 10px;
}

.network_info .footer_chat {
    position: static;
    width: auto;
    height: auto;
    display: inline-block;
    border-radius: 100px;
    padding: 15px 30px;
    background: #C096020F;
    border: 1px solid #C09602B2;
    color: #fff;
    transition: .2s ease-in-out;
}

.network_info .footer_chat:hover {
    color: #000;
    border: 1px solid #fff;
    transition: .2s ease-in-out;
    background: #fff;
}

.network_info img {
    margin-bottom: 36px;
}

footer.footer_wrapper {
    background: #000;
}

.network_info h6 {
    color: #fff;
    margin-bottom: 11px;
}

.network_info p {
    color: #959595;
    margin-bottom: 30px;
}

footer.footer_wrapper a:hover {
    color: #FFD253;
    transition: .3s ease-in-out;
}

.network_info input {
    letter-spacing: .2px;
    color: #747474;
    font-size: 13px;
    padding: 18px;
    background: #fff;
    border: 0px;
    width: 100%;
}

.network_info input:focus-visible {
    outline: none;
}

.network_info h5 a {
    color: #fff;
}

.network_info form button {
    padding: 20px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 100%;
    border: 0px;
}

.network_info ::placeholder {
    color: #747474;
}

.subscribe_.input {
    background: #fff;
    border-radius: 5px;
    justify-content: space-between;
    display: flex;
    border-radius: 5px;
}

.footer_menu h6 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 16px;
    letter-spacing: .2px;
}

.footer_menu ul li a {
    color: #959595;
    line-height: 36px;
}

.socials_links_ft a {
    border: .8px solid #313131;
    width: 44px;
    height: 44px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}

.socials_links_ft {
    display: flex;
    gap: 15px;
}

.row.bottom_row {
    padding-top: 70px;
    border-top: 1px solid #323232;
}

.row.top_raw {
    padding-bottom: 84px;
}

.payment_method {
    margin-top: 70px;
}

.payment_method img {
    margin-top: 24px;
}

.socials_links_ft a:hover {
    background: #313131;
    transition: .2s ease-in-out;
}

.footer_menu a:hover {
    color: #fff;
    text-decoration: underline;
}

.dog_slider_box {
    position: relative;
    overflow: hidden;
}

/* Right fade effect */
.dog_slider_box::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    /* adjust fade width */
    height: 100%;
    z-index: 2;
    background: linear-gradient(to left, white, rgba(255, 255, 255, 0));
    pointer-events: none;
}







/* free Guide page */

.free_guide {
    background: url('../images/free_bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.play_video {
    display: flex;
    align-items: center;
    gap: 5px;
}

.free_guide .hero_center_cont {
    background: #99DFEC4D;
    padding: 72px 46px;
}

section.free_guide .col-md-12 {
    width: 80%;
    margin: auto;
}

section.free_guide h1 {
    padding-bottom: 30px;
}

section.step_by_step .our_mission {
    padding-right: 0px !important;
}

/* form */

.dog_form {
    max-width: 100%;
    width: 100%;
    padding: 20px;
}

select.dog_input {
    background: #fff;
    border: 1px solid #0000000F;
    padding: 12px;
}

select.dog_input:focus-visible {
    border: 1px solid #000;
    outline: none;
}

.dog_row {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.dog_input {
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 5px;
    font-size: 14px;
}

label.dog_label span {
    font-size: 12px;
}

.dog_full {
    margin-bottom: 15px;
}

.dog_optional {
    font-size: 12px;
    color: #aaa;
    margin-bottom: 5px;
    display: block;
}

.dog_btn {
    margin: 30px auto 0;
}

.dog_btn:hover {
    opacity: 0.9;
}

.dog_group input {
    border: 1px solid #0000000F;
    margin-top: 5px;
    padding: 12px;
}

.dog_group input:focus-visible {
    border: 1px solid #000;
    outline: none;
}

.dog_group.checkbox_input {
    display: flex;
    align-items: center;
    gap: 7px;
}

.dog_group.checkbox_input input {
    width: 15px;
    height: 15px;
    margin: 0px;
}

.dog_group.checkbox_input label {
    font-size: 12px;
}

.about_img.step_step {
    margin-right: 40px;
}

img.step_by_logo {
    width: 34%;
}

.out_hidden img {
    transition: .2s ease-in-out;
}

/* about page */

.events_page_hero {
    background-position: center;
    background-repeat: no-repeat !important;
    background-size: cover;
}

select.dog_input {
    color: #848484;
}

.course_page {
    background: url('../images/course_top.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

section.events_page_hero .container .col-md-12 {
    max-width: 70%;
    margin: auto;
}

.about_page .hero_center_cont {
    background: #99DFEC4D;
}

.about_page .container {
    width: 60%;
    margin: auto;
}

.hero_center_cont.about_hero h6 {
    max-width: 75%;
    margin: auto;
}

.about_logi {
    width: 100px;
}

.font_75 {
    font-size: 75px;
}

section.makes_diff h2.font_75 {
    font-size: 75px;
    max-width: 60%;
    margin: auto;
}

.makes_diffbox {
    padding: 25px;
    border: 1px solid #0000000F;
    border-radius: 5px;
}

.makes_diffbox p {
    color: #000;
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 17px;
}

.title_makes {
    margin-bottom: 35px;
}

.home_review .outer_box {
    padding: 48px;
    background: #fff;
    border-radius: 25px;
    margin: 0px 15px;
    display: flex;
    height: 718px;
}

.help_dog_title .custom-next:hover {
    background-color: #99DFEC;
    transition: .2s ease-in-out;
}

.help_dog_title .custom-prev:hover {
    background-color: #99DFEC;
    transition: .2s ease-in-out;
}


.collection_slider button.customs-prev[aria-disabled="true"] {
    border: 1px solid #0000008f !important;
    background: transparent !important;
    filter: opacity(.5) !important;
}


.collection_slider button.customs-next[aria-disabled="true"] {
    border: 1px solid #0000008f !important;
    background: transparent !important;
    filter: opacity(.5) !important;
}

button.customs-next {
    background: linear-gradient(180deg, #C09602, #FFD253) !important;
    opacity: 1;
}

button.customs-prev {
    background: linear-gradient(180deg, #C09602, #FFD253) !important;
    opacity: 1;
}

.subscribe_.input button {
    transition: .3s ease-in-out;
}

.subscribe_.input button:hover {
    background: linear-gradient(180deg, #C09602, #FFD253) !important;
    transition: .3s ease-in-out;
}

.center-icon:hover {
    background: linear-gradient(180deg, #C09602, #FFD253) !important;
    transition: .3s ease-in-out;
}

img.canine {
    position: absolute;
    content: "";
    top: 50px;
    right: 0;
}


.canine {
    position: absolute;
    right: 0;
    animation: slideLoop 3s ease-in-out infinite alternate;
}

@keyframes slideLoop {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: translateX(-50px);
        opacity: 1;
    }
}




/* course page */
.course_page .container {
    width: 60%;
    margin: auto;
}

.course_title {
    max-width: 53%;
    margin: auto;
    margin-bottom: 34px;
}

section.instructor_profile.p_100 {
    padding-bottom: 0px;
}

.course_block p {
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 20px;
}

section.course_makes.my_courses_sect.announcement_sec.p_100 {
    padding-bottom: 50px;
}

.course_block span {
    line-height: 1.8;
    margin-bottom: 22px;
    display: inline-block;
}

.course_block {
    padding: 30px;
    border: 1px solid #0000000F;
    border-radius: 15px;
}

.course_block {
    /*    display: none;
    opacity: 0;*/
    transform: translateY(-10px);
    /* slight slide from top */
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.load_more {
    display: flex;
    justify-content: center;
    align-items: center;
}

.course_block.visible {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.load_more {
    padding-top: 70px;
}

.course_block {
    margin-bottom: 25px;
}


/* .hero_wrapper{
    background: url('../images/dog_traning_video.mp4') !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
     */




section.testimonials_sect.home_review {
    overflow-x: hidden;
}

section.dog_helps_sect.p_100 {
    overflow-x: hidden;
}

h5.collect_caption {
    font-size: 24px;
    text-transform: uppercase;
    position: absolute;
    bottom: 34px;
    left: 40px;
    color: #fff;
}

.dog_toys {
    max-width: 60%;
}

section.sustainable_sect .our_mission h5 {
    font-weight: 700;
    font-size: 24px;
}


/* events page */
.about_img.events_img {
    margin-top: 36px;
    margin-right: 40px;
}

.sedule_time {
    padding: 15px;
    border-radius: 6px;
    background: #99DFEC0F;
    border: 1px solid #99DFEC;
    margin-bottom: 17px;
    margin-top: 25px;
}

.sedule_time ul li a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #000;
}

.sedule_time ul li {
    margin-bottom: 15px;
}

.sedule_time ul li:last-child {
    margin-bottom: 0px;
}

span.limited_spot {
    display: inline-table;
    font-weight: 600;
    margin-top: 14px;
    margin-bottom: 30px;
}

span {
    line-height: 1.8;
}

.row.fun_dog {
    margin-top: 70px;
}

.row.fun_dog .course_block {
    border: 0px;
    padding: 0px 3px;
}

.fun_bottom {
    padding: 21px 30px 25px 30px;
    border: 1px solid #0000000F;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top: 0px;
}

.row.fun_dog .course_block p {
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 0px;
}

section.hero_wrapper::before {
    position: absolute;
    background: #99DFEC;
    background-size: cover;
    content: "";
    width: 100%;
    height: 100%;
    mix-blend-mode: color-burn;
}


section.about_page .container {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
}

section.about_page {
    position: relative;
}

section.about_page::before {
    position: absolute;
    background: #99DFEC;
    background-size: cover;
    content: "";
    width: 100%;
    height: 99%;
    mix-blend-mode: color-burn;
}


/* booking form */
.booking_modal {
    width: 100%;
    padding: 12px;
    margin: 10px 0;
    border-radius: 8px;
    border: 1px solid #0000000F;
    font-size: 14px;
    box-sizing: border-box;
    border-radius: 5px;
    font-weight: 400;
    background-color: #fff;
}

.modal-body-booking .row {
    display: flex;
    gap: 10px;
}

.modal-body-booking .row>div {
    flex: 1;
}

.checkbox-container {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 14px;
    margin: 12px 0;
}

.modal-dialog {
    max-width: 830px;
}

.modal-body-booking {
    padding: 50px;
}

.modal-header {
    border-bottom: 0px solid #dee2e6;
}

.modal_booking_title h2 {
    font-size: 32px;
    max-width: 64%;
    margin: auto;
    margin-bottom: 6px;
}

.modal-body-booking {
    padding-top: 0px;
}

form#bookingForm ::placeholder {
    color: #000;
}

.modal_booking_title {
    margin-bottom: 10px;
}

select:focus-visible {
    outline: none;
    border: 1px solid #C09602;
}

input:focus-visible {
    outline: none;
    border: 1px solid #C09602;
}

textarea:focus-visible {
    border: 1px solid #C09602 !important;
    outline: none;
}

.checkbox-container input {
    width: 15px;
    height: 15px;
}

.checkbox-container label {
    font-size: 12px;
}

.checkbox-container {
    align-items: center;
}

.modal-body-booking button.cta {
    margin-top: 10px;
}

.btn-close {
    opacity: 1 !important;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px;
    border-radius: 20px;
    outline: 0;
}

.course_block .out_hidden {
    overflow: hidden;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}


.course_block .scale_img:hover {
    transform: scale(1.2);
    transition: .3s ease-in-out;
}

/* .out_hidden{
        overflow: hidden;
        border-radius: 15px;
    }


    .scale_img:hover{
        transform: scale(1.2);
        transition: .3s ease-in-out;
    } */



.blog_page {
    background: url('../images/blog_mian.png') !important;
    background-position: center;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

section.blog_page .container .col-md-12 {
    max-width: 73%;
    margin: auto;
}

.title_blog_below h2 {
    max-width: 60%;
    margin: auto;
}

.date_blog_when li a {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #000;
}

.blog_below_title .course_block {
    margin-top: 13px;
    padding: 0px;
    border: 0px;
}

.pagination {
    justify-content: center;
    gap: 10px;
    margin-top: 70px;
}

.page-item.active a.page-link {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(82deg, #C09602, #FFD253, #C09602);
    color: #fff;
    border: .5px solid #00000000;
}

.page-item:hover a.page-link {
    background: linear-gradient(82deg, #C09602, #FFD253, #C09602);
    color: #000000;
}

a.page-link {
    width: 50px;
    height: 50px;
    border-radius: 100px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    border: .5px solid #0000001A;
}

.emial_block input {
    width: 100%;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #0000000F;
    margin: 30px 0px;
}

.emial_block {
    padding: 30px;
    border: 1px solid #0000000F;
    border-radius: 15px;
}

.recent_post_main {
    display: flex;
    gap: 20px;
    align-items: center;
}

.recent_post_main {
    padding: 30px 0px;
    border-bottom: 1px solid #0000000F;
    padding-right: 20px;
}

.recent_post_main:last-child {
    border-bottom: 0px solid #0000000F;
    padding-bottom: 0px;
}

.recent_post_main p {
    font-weight: 500;
    margin-bottom: 5px;
}

.cata_log {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 27px 0px;
    border-bottom: 1px solid #0000000F;
}

.cata_log:last-child {
    border-bottom: 0px solid #0000000F;
    padding-bottom: 0px;
}

.emial_block.recet_main_here {
    margin: 35px 0px;
}

.catagory_side {
    padding-left: 40px;
}

.deatls_hiddden {
    border-radius: 30px;
}

.fun_bottom.details_bottom {
    padding: 0px;
    margin-top: 30px;
    border: 0px !important;
}

.fun_bottom.details_bottom .date_blog_when li {
    margin-bottom: 20px;
}

.fun_bottom.details_bottom p {
    color: #848484;
    font-weight: 400;
    margin-bottom: 35px;
}

.details_socils a {
    background: #C09602;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px;
}

.details_socils {
    display: flex;
    align-items: center;
    gap: 20px;
}

.fun_bottom.details_bottom h3 {
    font-family: "Lilita One", sans-serif;
    font-weight: normal;
}

.details_socils h5 b {
    font-family: "Lilita One", sans-serif;
    font-weight: 400;
}

.veiw_comments {
    display: flex;
    align-items: center;
    gap: 10px;
}

.veiw_comments p {
    margin: 0px;
}

.details_socils {
    margin: 47px 0px;
}

.comments_box {
    border: 1px solid #0000000F;
    padding: 40px 50px;
    border-radius: 10px;
}

.comments_box textarea {
    width: 100%;
    padding: 20px;
    border: 1px solid #0000000F;
    border-radius: 5px;
    margin-bottom: 20px;
    margin-top: 27px;
}

.next_previous_buton {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20%;
}

.next_previous_buton a {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #000;
    text-transform: uppercase;
}

.prevoius_button:hover {
    color: #C09602;
}

.prevoius_button:hover img {
    filter: sepia(1) saturate(5) hue-rotate(10deg) brightness(1.1) !important;
}

.product_listingsect .collection_img {
    border-radius: 15px;
    height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding: 10px;
}

.title_prod_list {
    margin-bottom: 30px;
}


.product_listingsect .pagination {
    justify-content: center;
    gap: 10px;
    margin-top: 70px;
}

.product_listingsect .page-item.active a.page-link {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(86deg, #C09602, #FFD253, #C09602);
    color: #fff;
    border: .5px solid #00000000;
}

.product_listingsect .page-item:hover a.page-link {
    background: linear-gradient(86deg, #C09602, #FFD253, #C09602);
    color: #000000;
}

.product_listingsect a.page-link {
    width: 50px;
    height: 50px;
    border-radius: 100px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    border: .5px solid #0000001A;
}

.page-link:focus {
    box-shadow: none !important;
}


/* breadcrumbs */
.breadcrumb {
    background-color: transparent;
    padding: 8px 0;
    margin-bottom: 0;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "›";
    /* Arrow separator */
    padding: 0 8px;
    color: #000000;
}

.breadcrumb a {
    color: #000000;
    text-decoration: none;
    font-size: 18px;
}

.breadcrumb .active {
    color: #C09602;
    font-size: 18px
}

.react_content {
    max-width: 62%;
}

/* product deatils */
.product_img_here {
    background: #99DFEC1A;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 100px;
}

.product_img_here img {
    width: 100%;
}

.product_details_content p {
    color: #848484;
    margin-bottom: 24px;
}

.qty_btn {
    background: #fff;
    padding: 9px 15px;
    border: 1px solid #0000000F;
    border-radius: 100px;
    width: 140px;
    margin-bottom: 30px;
}

input#quantity {
    border: none;
    font-size: 20px;
}

.qty_btn button {
    border: 0px;
    font-size: 20px;
}

.product_details_content h5 {
    color: #C09602;
    margin-bottom: 24px;
}

a.cta.buy_now {
    width: 42%;
    text-align: center;
    background: #fff;
    border: 1px solid #0000000F;
}

.add_to_cart .cta {
    text-align: center;
    width: 42%;
}

.add_to_cart {
    display: flex;
    align-items: center;
    gap: 30px;
}


/* tabs */
.tabs {
    display: flex;
    margin-bottom: 20px;
    cursor: pointer;
}

.tab {
    padding: 10px 20px;
    border: 1px solid #ccc;
    border-bottom: none;
    background: #f4f4f4;
}

.tab.active {
    background: white;
    font-weight: bold;
}

.tab-content {
    border: 1px solid #ccc;
    padding: 20px;
    display: none;
}

.tab-content.active {
    display: block;
}

.quantity-controls {
    display: flex;
    align-items: center;
    gap: 10px;
}

.quantity-controls button {
    padding: 5px 10px;
    font-size: 18px;
}

.quantity-controls input {
    width: 50px;
    text-align: center;
}

.tabs {
    text-transform: uppercase;
    font-size: 18px;
    gap: 80px;
    padding: 20px 40px;
}

.tab {
    border: 0px;
}

.tab.active {
    background: white;
    font-weight: bold;
    color: #C09602;
    text-decoration: underline;
}

.row.next_row_tab p {
    color: #848484;
    margin-bottom: 30px;
}

.tab-content {
    border: 0px;
    padding: 0px;
}

.ttdqf {
    margin-bottom: 8px !important;
    font-weight: 600;
    color: #000 !important;
}

section.product_details_here ul li {
    line-height: 38px;
    color: #848484;
    list-style: disc;
}

section.product_details_here ul {
    padding-left: 30px;
}

.cta.buy_now:hover {
    background: #d7ac20;
    /* transition: .2s ease-in-out; */
}

.title_aslo_like {
    margin-bottom: 35px;
}


/*checkout page css */
.shoppay_btn {
    background: #C09602;
    width: 100%;
    padding: 15px 20px;
    border-radius: 10px;
    text-align: center;
}

.g_pay_btn {
    background: #99DFEC;
    padding: 15px 20px;
    border-radius: 10px;
    width: 100%;
    text-align: center;
}

.shopay_block {
    margin-top: 17px;
    margin-bottom: 70px !important;
}

.or-cont {
    margin-bottom: 40px;
}

.check_out_pay h3 {
    letter-spacing: .2px;
    font-family: "Lilita One", sans-serif !important;
    font-weight: 400;
    margin-bottom: 17px;
    margin-top: 50px;
}

.check_out_pay input {
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #0000000F;
}

.check_out_pay select {
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #0000000F;
}

input:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #C09602 !important;
}

select:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #C09602 !important;
}

textarea:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #C09602 !important;
}

input#newsCheck {
    width: 22px;
    height: 22px;
    padding: 0px;
    margin: auto 0px;
}

.form-check.check_box_email {
    align-items: center;
    display: flex;
    gap: 11px;
}

.pay_app_main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 20px;
    border: 1px solid #0000000F;
    border-radius: 5px;
}

.pay_innre {
    background: #99DFEC26;
    border-radius: 5px;
    padding: 26px;
}

input#ceredit123 {
    width: 22px;
    height: 22px;
    margin: auto 0px;
}

.form-check.mb-2 {
    display: flex;
    align-items: center;
    gap: 10px;
}

.credit_card label {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
}

input#rememberMe {
    width: 22px;
    height: 22px;
    padding: 0px;
    margin: auto 0px;
}

.form-check {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pay_innre input {
    border: 1px solid transparent;
    background: #fff;
    border-radius: 6px;
    margin-bottom: 20px;
}

input#billingSame {
    padding: 0px;
    width: 22px;
    height: 22px;
    margin: auto 0px;
}

.outer_payr {
    border: 1px solid #4C3F3E1C;
    padding-bottom: 25px;
    border-radius: 6px;
}

.form-check.credit_card.purple_shoppay {
    margin-top: 25px;
}

.form-check.mb-3.save_by {
    padding: 24px 20px;
    border: 1px solid #0000000F;
    border-radius: 5px;
}

.loack_der {
    gap: 10px;
}

button.btn.btn-warning.w-100.cta.pay_btn_all {
    margin-bottom: 20px;
    margin-top: 48px;
}



.payments_block h3 {
    margin-bottom: 5px;
}

.payments_block p {
    margin-bottom: 22px;
}

.form-control.card_number::after {
    position: absolute;
    content: "";
    background: url('../images/card.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 30px;
    width: 30px;
    right: 0px;
}

.form-control.card_number {
    position: relative;
}

.bacK_browser a {
    font-weight: 500;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 70px;
    display: inline-block;
}

.order_summery {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #0000000F;
    padding-bottom: 16px;
    margin-bottom: 28px;
}

.order_sum {
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 400;
    font-family: "Lilita One", sans-serif !important;
    letter-spacing: .2px;

}

.order_summery a {
    text-decoration: underline;
    text-transform: capitalize;
    color: #000;
}

.product_imag_check {
    padding: 0px;
    height: 100%;
    padding: 20px 10px;
    border-radius: 5px;
    border: 1px solid #0000000F;
}

.pro_conte {
    gap: 20px;
}

.resuable_conte {
    font-size: 20px;
    font-weight: 400;
    max-width: 70%;
}

span.light_conet {
    font-size: 14px;
    font-weight: 300;
}

p.price_bold {
    font-weight: 500;
}

.price_tag {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.procedd_to {
    padding: 40px 30px;
    background: #fff;
    border-radius: 5px;
}

.procedd_to span {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 25px;
}

span.zero-font {
    font-weight: 300;
    line-height: 26px;
}

span.zero-font a {
    color: #C09602;
}

.shipping_fair {
    border-bottom: 1px solid #0000000F;
    margin-bottom: 25px;
}

.procedd_to button {
    margin-top: 30px;
}

.proceed_block {
    padding-left: 8%;
}

.login_form_here input {
    width: 100%;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #0000000F;
    margin-bottom: 25px;
}

.login_title {
    max-width: 88%;
    margin-bottom: 30px;
    margin: auto;
}

input#checkrember {
    width: 22px;
    height: 22px;
    margin: auto 0px;
}

.check_box_login {
    display: flex;
    gap: 10px;
    align-items: center;
}

.login_input.check_box_rem {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.login_tools label {
    color: #848484;
}

.login_tools ::placeholder {
    color: #848484;
}

.forgot_pass {
    color: #000;
    font-weight: 400;
}

.signup_here a {
    color: #000;
    font-weight: 500;
    text-decoration: underline;
}

.login_tools .bottom_cta {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 50px;
}

.login_form_here {
    margin-top: 30px;
}

.login_tools {
    padding-right: 25px;
}

.login_right {
    padding-left: 25px;
}

.login_title h6 {
    margin-bottom: 25px;
}


/* my-course page css */
table.table_group thead {
    background: #FFD25366;
    /* padding: 30px 20px !important; */
}

table.table_group thead th {
    padding: 20px 30px;
    font-size: 18px;
    font-weight: 600;
    border-right: 1px solid #0000000F;
}

table.table_group {
    width: 100%;
}

table.table_group tbody tr td {
    padding: 18px 30px;
    border-right: 1px solid #0000000F;
}

table.table_group tbody tr td:last-child {
    border-right: 0px solid #0000000F;
}

table.table_group th:last-child {
    border-right: 0px solid #0000000F;
    border-top-right-radius: 15px;
}

table.table_group th:first-child {
    border-right: 0px solid #0000000F;
    border-top-left-radius: 15px;
}

table.table_group tr {
    border-bottom: 1px solid #0000000F;
}

table.table_group tr:last-child {
    border-bottom: 0px solid #0000000F;
}

section.course_progress {
    background: #99DFEC;
}

table.table_group {
    background: #fff;
    border-radius: 15px;
}

.announcement_sec .sedule_time {
    padding: 0px;
    border-radius: 6px;
    background: #99DFEC0F;
    border: 0px solid #99DFEC;
    margin-bottom: 17px;
    margin-top: 7px;
}

.apply_code_here input {
    padding: 15px 20px;
    border: 1px solid #0000000F;
    border-radius: 5px;
}

button.cta.apply_code {
    background: #99DFEC;
}

.apply_code_here {
    gap: 40px;
}

.items_price {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid #0000000F;
    margin-bottom: 25px;
}

.price_bold.price_color {
    color: #C09602;
}

.apply_code_here {
    gap: 40px;
    padding-top: 25px;
    border-top: 1px solid #0000000F;
    margin-top: 20px;
}

.title_my_order {
    margin-bottom: 70px;
}

.quality_delet_btn {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #0000000F;
    padding-bottom: 17px;
    margin-bottom: 75px;
    padding-left: 20%;
}

.apply_code img {
    width: 100%;
}

.apply_code .product_imag_check {
    padding: 0px;
    height: 100%;
    padding: 30px 20px;
    border-radius: 5px;
    border: 1px solid #0000000F;
}

.cross_count {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 20%;
}

.cross_count .qty_btn {
    background: #fff;
    padding: 0px 0px;
    border: 0px;
    width: auto;
    margin-bottom: 30px;
}

.cross_count input {
    padding: 5px !important;
    font-size: 13px;
}

.cta.update_card {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
}

.clear_cart {
    font-size: 18px;
    color: #C09602;
    font-weight: 500;
}

.my_order_page .order_summery {
    margin-top: 45px;
    border-top: 1px solid #0000000F;
    padding-top: 30px;
    border-bottom: 0px;
}

.brder_top {
    border-top: 1px solid #0000000F;
    padding-top: 20px;
    margin-top: 20px;
}

.my_order_page .procedd_to span {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 0px;
}

.proceed_order {
    margin-top: 60px;
}

.yello_total {
    color: #C09602;
}

.brder_top strong {
    font-size: 18px;
}

.my_order_page .procedd_to {
    padding: 40px 30px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #0000000F;
    border-radius: 10px;
}

.apply_code {
    padding-right: 10%;
}

.shopay_block {
    gap: 20px !important;
}

.right_orde {
    padding-left: 10%;
}

.my_order_page .proceed_order {
    margin-top: 60px;
}

.order_history_table tr:last-child {
    border-bottom: 1px solid #0000000F;
}

.order_history_table tr {
    border-left: 1px solid #0000000F;
    border-right: 1px solid #0000000F;
}

.order_history_table tr:last-child td:first-child {
    border-bottom-left-radius: 15px !important;
}

.order_history_table tr:last-child td:last-child {
    border-bottom-right-radius: 15px !important;
}

table.table_group.order_history_table thead {
    background: #99DFEC66;
}

.view_download a {
    color: #C09602;
    text-transform: capitalize;
    font-weight: 600;
}

.title_progress {
    margin-bottom: 30px;
}

.view_download {
    display: flex;
    gap: 4px;
    color: #C09602;
    font-weight: 600;
}

.certification_block h5 {
    font-weight: 700;
    margin: 18px 0px;
}

.certification_block .out_hidden:hover img {
    transform: scale(1.2);
}

.certification_block .out_hidden {
    border-radius: 15px;
    overflow: hidden;
}



/* profile */
.profile_inner_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.profile_inner_info .cta img {
    margin-right: 10px;
}

.profile_name_img {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 60px;
}

.profile_main h2 {
    font-size: 26px;
}

.profile_name_img p {
    font-size: 20px;
    font-weight: 300;
    margin-top: 6px;
}

.profile_inpits {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 50px;
}

.profile_inpits label {
    color: #000;
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 300;
}

.profile_inpits input {
    color: #000;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 500;
    border: 0px;
    padding-bottom: 10px;
}

.profile_inpits ::placeholder {
    color: #000;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 500 !important;
    border: 0px;
    padding-bottom: 10px;
}

.profile_inner_info .cta:hover img {
    filter: invert(1);
}

.profile_inpits input:focus-visible {
    border: 0px solid #1c1c1c !important;
    outline: none;
}

.profile_inner_info {
    margin-bottom: 35px;
}

/* .profile_info_main {
    padding: 25px 30px;
    border: 1px solid #01010117;
} */
.secon_row_profile .profile_inpits {
    margin-bottom: 0px;
}

.profile_main {
    padding: 30px;
    border: 1px solid #0000000F;
    border-radius: 20px;
}

textarea#textarea123 {
    border: 1px solid transparent;
    height: 80px;
}

.logout_btn .cta {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.red_delete {
    background: #FF0000;
    color: #fff;
}

.logout_btn {
    display: flex;
    gap: 20px;
}

.logout_btn a {
    width: 20%;
}

.red_delete:hover img {
    filter: invert(1);
}

.cta.edit_pro {
    background: #99DFEC;
    display: flex;
    gap: 10px;
    align-items: center;
}

.edit_pro:hover img {
    filter: invert(0) !important;
}

.camera {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
}

.profile_img_here {
    position: relative;
}

textarea#textarea123:focus-visible {
    border: 1px solid transparent !important;
}

textarea#textarea123 {
    font-size: 20px;
    font-weight: 500;
}

table.table_group tbody tr td:first-child {
    border-left: 1px solid #0000000F;
}

table.table_group tbody tr td:last-child {
    border-right: 1px solid #0000000F;
}

table.table_group tbody tr:last-child {
    border-bottom: 1px solid #0000000F;
}

.course_upload {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.pagination_blog {
    position: relative;
}

.sedule_time.fun_activity.dog_breeed li {
    font-size: 14px;
    margin-bottom: 5px;
}

.sedule_time.fun_activity.dog_breeed span {
    font-weight: 500;
    margin: 0px;
}

section.hero_wrapper {
    max-height: 785px;
}


.outer_table {
    width: 100%;
    overflow-x: auto;
}

.table_group {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px;
    /* Adjust according to how wide your table needs to be */
}

.table_group th,
td {
    text-wrap: nowrap;
}

a.forgot_pass:hover {
    color: #000;
}

span.wpcf7-list-item.first.last {
    display: flex;
    gap: 15px;
}

span.wpcf7-list-item-label {
    margin-top: -5px;
}

.wpcf7-response-output {
    color: green;
}

.header-menu {
    display: flex;
}

.navbar-light .navbar-nav .nav-link {
    color: rgb(0 0 0 / 90%);
}

.cata_log p {
    color: #000;
}



/* arena-hire css */




.hero .hero-content {
    text-align: center;
}

.services-list ul li {
    list-style-type: disc;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.4;
}

.services-grid {
    display: flex;
    margin-top: 40px;
    align-items: center;
    gap: 50px;
}

.services-list h3 {
    margin-bottom: 15px;
    font-weight: 700;
}

.services-grid>div {
    width: 50%;
}

.trainder_testmonial .conrent {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.services.srvc-bok .services-list {
    text-align: center;
}

.services.srvc-bok .services-list h2 {
    margin-bottom: 20px;
}

.services.srvc-bok .services-list .cta {
    margin-top: 30px;
}

.services.srvc-bok.p_100 {
    padding-top: 0 !important;
}

.facilities h2 {
    text-align: center;
}

.conewt_dis {
    flex: 0 0 48%;
    box-sizing: border-box;
}

.conewt_dis h5 {
    font-weight: 600;
    margin-top: 15px;
}

.conewt_dis video,
.conewt_dis img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}

.service-item {
    margin-bottom: 15px;
    padding-left: 20px;
    position: relative;
}

.service-item::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #28a745;
    font-weight: bold;
}

.service-item strong {
    color: #2c5aa0;
}

/* Facilities Section */


.facilities-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 40px;
}

.facility-card {
    flex: 1 1 calc(33.333% - 30px);
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    min-width: 280px;
}

/* Image wrapper */
.faclty_img {
    flex: 0 0 220px;
    overflow: hidden;
}

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

.faclty-content {
    padding: 20px;
}


.facility-card {
    text-align: center;

}

.facility-card h3 {
    margin: 20px 0px;
}

.facility-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.fst-btn {
    margin-top: 50px;
    text-align: center;
}

.tdts-hd h2 {
    max-width: 698px;
    margin: auto auto 30px;
    text-align: center;
}

.facility-icon {
    width: 80px;
    height: 80px;
    background: #2c5aa0;
    border-radius: 50%;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 2rem;
}

/* Booking Section */
.booking {
    padding: 80px 0;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    text-align: center;
}



.booking p {
    font-size: 1.2rem;
    margin-bottom: 30px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}



/* Training Options */
.training-options {
    padding: 80px 0;
    background: white;
}

.options-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

.option-card {
    background: #f8f9fa;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

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

.option-image {
    height: 200px;
    background: linear-gradient(45deg, #4CAF50, #45a049);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.5rem;
}

.option-content {
    padding: 30px;
}


/* Testimonials */
.testimonials {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.testimonials h2 {
    color: #000 !important;
    margin-bottom: 30px;
    text-align: center;
}

.testimnl-sldie {
    padding: 40px;
    background: #99DFEC;
    height: 100%;
    text-align: center;
}

.testimonials-grid .slick-track {
    display: flex;
}

.testimonial-content {
    margin-bottom: 20px;
}

.testimonial-author {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    margin-bottom: 0px;
}

.testimonials-grid .slick-track .testimonial.slick-slide {
    height: auto;
    padding: 0px 15px;
}

.testimnl-sldie {
    border-radius: 25px;
    overflow: hidden;
}

.testimonials-grid .slick-prev:before,
.slick-next:before {
    font-size: 45px;
}

.testimonials-grid .slick-prev,
.slick-next {
    width: 40px;
    height: 40px;

}


/* private training css */
.conent_pricvate {
    position: relative;
    background-image: url('https://wp.sagmetic.com/2025/canine-education-academy/wp-content/uploads/2025/09/PetaClarkeScentWorkThursdaysFebruary1st-Onespotleft2-530PMRobertsonNSW7-1.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 40px;
    overflow: hidden; 
}


.conent_pricvate::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.4); 
    backdrop-filter: blur(2px); 
    z-index: 0;
 
}

.hero-content p {
    color: #fff;
    font-weight: 600;
}
.conent_pricvate > * {
    position: relative;
    z-index: 1;
}


.conent_pricvate ul li {
    margin-bottom: 15px;
}

.form-container {
    background-color: white;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 500px;
}

.form-group {
    margin-bottom: 20px;
}

.form-row {
    display: flex;
    gap: 15px;
}

.form-row .form-group {
    flex: 1;
    margin-bottom: 0;
}

label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #333;
}

.required {
    color: #666;
    font-weight: normal;
    font-size: 0.9em;
}

input[type="text"], input[type="email"], textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #0000000F;
    border-radius: 20px;
    font-size: 15px;
    box-sizing: border-box;
    transition: border-color 0.3s ease;
    line-height: 1.4;
    padding: 15px 20px;
}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
    outline: none;
    border-color: #000;
}

textarea {
    resize: vertical;
    min-height: 120px;
    font-family: Arial, sans-serif;
}
.hero-content p {
    color: #fff;
    font-weight: 600;
}

.contentdsfsd {
    max-width: 655px;
  padding-left: 30px;
}
.contentdsfsd input.wpcf7-form-control.wpcf7-submit.has-spinner {
    color: black;
    max-width: 100%;
    text-transform: uppercase;
        background: linear-gradient(90deg, #C09602, #FFD253, #C09602);
    padding: 14px 39px;
    border-radius: 100px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 30px;
    display: inline-block;
    border: 1px solid transparent;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    z-index: 1;
    text-align: center;
    margin: auto;
    width: 50%;
    display: flex;
    justify-content: center;
    border: 1px solid transparent;
}

.contentdsfsd input.wpcf7-form-control.wpcf7-submit.has-spinner::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #ffffff;
    transition: left 0.4s ease;
    z-index: -1;
}
.contentdsfsd input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    color: #000000;
    background: #fff;
    border-color: #000;
}

.wpcf7-form-control-wrap {
    width: 100%;
}
.woocommerce .quantity .qty {
    width: 5.631em;
    text-align: center;
}
.woocommerce-form-row.form-row {
    display: unset;
}
.payment_box.payment_method_stripe ul li {
    display: flex;
    gap: 2px;
}
div#comments {
    display: none;
}