@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');



/***** General CSS *****/



body {

    word-break: break-word;

    font: 15px/25px "Montserrat", sans-serif;

    color: #393939;

    overflow-x: hidden;

}



a {

    text-decoration: none;

    color: #28b16d;

    white-space: initial;

}



a:hover,

a:focus {

    text-decoration: none;

    color: #393939;

}



a:hover {

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

}



img {

    max-width: 100%;

}



input[type="text"]:focus,

textarea:focus,

input[type="password"]:focus,

select:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="tel"]:focus,

input[type="number"]:focus {

    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    outline: none;

}



select,

input[type="text"],

input[type="password"],

input[type="email"],

input[type="url"],

input[type="number"],

textarea,

input[type="tel"] {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}



ul {

    margin: 0 0 20px;

    padding: 0;

    list-style-type: none;

}



p {

    font-weight: 400;

    line-height: 25px;

    font-family: "Montserrat", sans-serif;

    color: #282522;

    font-size: 14px;

}





/***** Font Files *****/



@font-face {

    font-family: 'Brunson';

    src: url(../fonts/Brunson.ttf);

}





/***** Custom Classes *****/



.noPadding {

    padding: 0;

}



.noLeft {

    padding-left: 0;

}



.noRight {

    padding-right: 0;

}



.centerCol {

    float: none;

    margin: 0 auto;

}



.pt_8 {

    padding-top: 80px;

}



.pb_8 {

    padding-bottom: 80px;

}



.py_8 {

    padding: 80px 0px;

}



.theme_btn {

    padding: 0px 10px 0 20px;

    color: #ffffff;

    z-index: 1;

    background: linear-gradient(45deg, #d5560a, #ff721f);

    position: relative;

    font-size: 14px;

    transition: all 250ms;

    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 13px;

    width: fit-content;

    text-transform: uppercase;

    height: 54px;

    border-radius: 30px;

    border: 1px solid #ff721f;

    font-weight: 500;

}



.theme_btn::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 0;

    border-radius: 14px;

    background-color: #f8f4e9;

    z-index: -1;

    transition: all 250ms

}



.theme_btn:hover {

    color: #000;

    border: 1px solid #f07227;

}



.theme_btn:hover::before {

    width: 100%;

}



.theme_btn span {

    width: 50px;

    height: 33px;

    background: #fff;

    display: flex;

    align-items: center;

    border-radius: 30px;

    justify-content: center;

    box-shadow: -3px 0px 6px #0000005e;

}



.theme_btn:hover span {

    background: linear-gradient(45deg, #d5560a, #ff721f);

}



.theme_btn:hover span img {

    filter: brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(0%) hue-rotate(70deg) brightness(108%) contrast(108%);

}



.theme_btn span img {

    width: auto;

    height: auto;

}



.flexRow {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

}



.flexCol {

    -webkit-box-flex: 1;

    -moz-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    align-items: center;

}



h1 {

    font-family: 'Brunson';

    font-size: 82px;

    line-height: 1;

    color: #fff;

    font-weight: 500;

    margin: 0 0 18px;

    text-transform: uppercase;

}



h2 {

    font-family: 'Brunson';

    font-size: 70px;

    line-height: 1.2;

    color: #15110c;

    font-weight: 500;

    margin: 0 0 30px;

}



h3 {

    font-family: 'Brunson';

    line-height: 1.2;

    color: cornsilk;

    font-weight: 400;

    margin: 0 0 20px;

    font-size: 24px;

    color: #363636;

}



h4 {

    font-family: "Montserrat", sans-serif;

    font-size: 24px;

    line-height: 1.2;

    color: #393939;

    font-weight: 500;

    margin: 0 0 13px;

}



h5 {

    font-family: "Montserrat", sans-serif;

    font-size: 20px;

    line-height: 1.2;

    color: #393939;

    font-weight: 500;

    margin: 0 0 20px;

}



h6 {

    font-family: "Montserrat", sans-serif;

    font-size: 18px;

    line-height: 1.2;

    font-weight: 400;

    margin: 0 0 22px;

}



select {

    background: #fff url('../images/arrow.png') no-repeat right;

    padding: 0 40px 0 30px;

}



::-webkit-input-placeholder {

    color: #575757;

}



::-moz-placeholder {

    color: #575757;

    opacity: 1;

}



:-ms-input-placeholder {

    color: #575757;

}



:-moz-placeholder {

    color: #575757;

    opacity: 1;

}



/*header css start */



.menuSec {

    position: relative;

}



.menu-wrap:before {

    position: absolute;

    content: '';

    background: #f8f4e9;

    width: 32%;

    height: 100%;

    right: 0;

    top: 0;

    border-radius: 60px;

    z-index: -1;

}

.menu-wrap {

    position: relative;

    padding: 10px 0;

}

.top-wrap {

    background: repeating-linear-gradient(360deg, #d9590c, #f47a2f 100px);

}



.top-wrap p {

    margin: 0;

    padding: 7px 0;

    text-align: center;

    color: #fff;

    line-height: 1;

    font-size: 13px;

    font-weight: 500;

}

.menuSec img {

    margin: 0;

}



ul#menu {

    position: relative;

    list-style: none;

    padding: 0;

    margin: 0;

    text-align: center;

    text-transform: capitalize;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 30px;

}



ul#menu li {

    position: relative;

    display: inline-block;

    margin: 0;

    padding: 0;

}



ul#menu ul {

    display: none;

}



ul#menu li a {

    position: relative;

    display: inline-block;

    text-decoration: none;

    color: #282828;

    font-weight: 600;

    padding: 0;

    font-size: 14px;

    text-transform: uppercase;

}



ul#menu li:last-child a:after {

    display: none;

}



ul#menu li a:hover,

ul#menu li a.active {

    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    color: #f47a2f;

}



ul#menu li:hover>ul {

    display: block;

    position: absolute;

    z-index: 1000;

    background-color: #000000;

    left: 0px;

    width: 230px;

    text-align: left;

    top: 38px;

}



ul#menu li>ul>li>a {

    border: none;

    padding: 13px 20px !important;

    color: #fff !important;

    overflow: hidden;

    font-size: 13px;

    line-height: 20px;

    width: 100%;

}



.menuSec li>ul>li,

.menuSec li>ul>li>a {

    display: block;

    margin: 0;

}



ul#menu li>ul>li>a:before,

ul#menu li>ul>li>a:after {

    display: none;

}



ul#menu li:hover li {

    float: none;

}



.menuSec .row {

    align-items: center;

}



ul#menu li ul li a:hover {

    background-color: #ffffff;

    color: #000000 !important;

}



.menuSec ul ul ul {

    left: 100%;

    top: 0;

}



ul#menu li>ul>li:hover>ul {

    left: 230px;

    top: 0px;

    width: 270px;

}



ul.list-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    margin: 0;

    width: 100%;

}



.droopdwon li:hover>ul {

    display: block;

    position: absolute;

    z-index: 1000;

    background-color: #000000;

    left: 0px;

    width: 230px;

    text-align: left;

    top: 40px;

}



ul.list-icon li i {

    color: #000;

    font-size: 15px;

}



ul.list-icon li form button i {

    color: #000;

}



ul.list-icon li form {

    position: relative;

}



ul.list-icon li form input {

    width: 100%;

    padding: 10px;

    border: unset;

    background: #fff;

    border-radius: 30px;

    color: #15110c;

    font-weight: 500;

    height: 50px;

}



ul.list-icon li form input::placeholder {

    font-size: 13px;

    text-transform: uppercase;

    letter-spacing: 1px;

}



ul.list-icon li form button {

    background: unset;

    border: unset;

    font-size: 13px;

    position: absolute;

    right: 10px;

    top: 35%;

    border-left: 1px solid #000;

    padding-left: 20px;

    line-height: 1;

}





/*header css end */



.dropdown-menu {

    position: absolute !important;

    z-index: 1000;

    display: block;

    min-width: 10rem;

    padding: 0.5rem 0;

    margin: 0;

    font-size: 1rem;

    color: #212529;

    text-align: left !important;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid rgba(0, 0, 0, 0.15);

    border-radius: 0.25rem;

}





/*banner css start */





/* Tab slider fix  */



.tab_sec .tab-pane {

    display: block;

    border: 0;

    height: 0;

}



.tab_sec .tab-pane.active {

    display: block !important;

    height: auto;

}





/* Tab slider fix  */



.carousel-inner>.item>a>img,

.carousel-inner>.item>img {

    width: 100%;

}



.carousel-control.right,

.carousel-control.left {

    background: none;

    opacity: 1;

    width: 50px;

    height: 50px;

    top: initial;

    top: 40%;

    background: rgba(255, 255, 255, 0.1);

    text-shadow: none;

}



.carousel-control.right:hover,

.carousel-control.left:hover {

    background: rgba(255, 27, 27, 0.6);

    color: #fff;

}



.carousel-control.right .fa,

.carousel-control.left .fa {

    position: relative;

    top: 12px;

    font-size: 20px;

    color: #fff;

    opacity: 0.5;

}



.carousel-control.right {

    right: 0px;

}



.carousel-control.left {

    left: 0px;

}



.carousel-indicators [data-bs-target] {

    box-sizing: content-box;

    flex: 0 1 auto;

    width: 10px;

    height: 12px;

    padding: 0;

    margin: 3px !important;

    text-indent: -999px;

    cursor: pointer;

    background-color: #fff;

    background-clip: padding-box;

    border: 0;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    opacity: 1;

    /* transition: opacity 0.6s ease; */

    border-radius: 20px;

}



.carousel-caption {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    left: 0;

    right: 0;

    margin: 0;

    padding: 0;

    color: #fff;

    text-align: left;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

    background: rgba(0, 0, 0, 0.1);

}



.carousel-indicators li {

    border: none;

    border-radius: 100%;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    background: #fff;

    width: 12px;

    height: 12px;

    margin: 0;

}



.carousel-indicators .active {

    margin: 0;

    background-color: #28b16d;

    width: 10px;

    height: 12px;

}





/*banner css end*/



.blog_sec {

    padding: 5% 0;

}





/* Tabs  */



.tab_sec .nav-tabs .nav-link.active {

    background: #242889;

    color: #fff;

}



.tab_sec .nav-tabs .nav-link {

    background: #ccc;

    border-radius: 50px;

    color: #000;

    padding: 7px 28px;

}



.tab_sec .nav-tabs {

    border: none;

    justify-content: center;

    gap: 20px;

    margin-bottom: 20px;

}





/* Tabs  */





/* ++++++++++++++++++++++++++++++++++++++++ Home ++++++++++++++++++++++++++++++++++++++++  */

a.icon-top {

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #fff;

    color: #000;

    border-radius: 50%;

}



ul.list-icon li:first-child {

    width: 70%;

}



.container-fluid {

    padding: 0 5%;

}



section.banner {

    position: relative;

    /* padding: 120px 0 50px; */

    /* background: #f8f4e9; */

    z-index: 0;

    margin-top: 20px;

}

section.banner .container {

    position: relative;

}

.ban-img:before {

    position: absolute;

    content: '';

    background-image: url(../images/paw.png);

    width: 90%;

    height: 100%;

    right: 20px;

    bottom: -10px;

    background-size: contain;

    background-repeat: no-repeat;

    z-index: -1;

}



.ban-wrap h1 span {

    background: repeating-linear-gradient(360deg, #fff, #ffffff7a 100px);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.ban-wrap a.theme_btn {box-shadow: 0 0  5px #fff;}

.ban-wrap p {

    width: 100%;

    color: #fff;

}

.slick-slide.slick-current.slick-active .ban-wrap h1 {

    animation: slideUp 1s ease-out forwards;

}

.slick-slide.slick-current.slick-active .ban-wrap p {

    animation: slideUp 2s ease-out forwards;

}



.slick-slide.slick-current.slick-active .ban-wrap a.theme_btn {

    animation: slideUp 2.5s ease-out forwards;

}

.banner .banner_bottom>.slide_counter>h2 {

    display: flex;

    gap: 3px;

    align-items: center;

    line-height: 40px;

    font-weight: 400;

    font-size: 20px;

    margin: 0;

    justify-content: center;

    gap: 10px;

}

.ban-wrap .theme_btn{

    margin: 0 auto;

}



.banner .banner_bottom>.slide_counter>h2>span.end_number {

    color: #c5c5c5;

    font-family: 'Brunson';

    letter-spacing: 1px;

}



.banner .banner_bottom>.slide_counter>h2>span.start_number {

    color: #eb6f23;

    font-family: 'Brunson';

    letter-spacing: 2px;

}



.banner .slick-prev:before {

    display: none;

}



.banner .slick-next:before {

    display: none;

}



.banner .slick-prev {

    display: none;

}



.banner .slick-next {

    display: none;

}



.banner .banner_bottom {

    display: flex;

    align-items: center;

    justify-content: space-between;

    position: absolute;

    width: 149px;

    z-index: 99;

    bottom: 20px;

    background: #fff;

    right: 40px;

    padding: 0;

    border-radius: 80px;

}



.banner .banner_bottom>.slide_arrows {

    display: flex;

    align-items: center;

    gap: 10px;

    position: relative;

    z-index: 10;

    justify-content: space-between;

    margin: 0;

    width: 100%;

}



ul.slide_arrows li img:hover {

    cursor: pointer;

}



.slide_counter {position: absolute;left: 0;right: 0;margin: 0 auto;}



.banner .banner_bottom>.slide_arrows li {

    width: 40px;

    height: 40px;

    background: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    /* border: 1px solid #808080; */

    transition: 0.5s;

    box-shadow: 0 0 10px #ccc;

    cursor: pointer;

}



.banner .banner_bottom>.slide_arrows li:hover {

    background: #f48038;

}



.banner .banner_bottom>.slide_arrows li:hover img {

    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(149deg) brightness(103%) contrast(105%);

}

p.line_div {

    margin: 0;

}



.banner .banner_bottom>.slide_arrows li img {

    width: 14px;

}





/* .progress {

    display: block;

    width: 100%;

    height: 4px;

    border-radius: 10px;

    overflow: hidden;

    background-color: #c5c5c5;

    background-image: repeating-linear-gradient(360deg, #d9590c, #f47a2f 100px);

    background-repeat: no-repeat;

    background-size: 0 100%;

    transition: background-size 0.4s ease-in-out;

    position: absolute;

    left: 5%;

    width: 62%;

}

 */

section.banner .container-fluid {

    padding-right: 6%;

    position: relative;

}

.ban-wrap {

    text-align: center;

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    top: 50%;

    transform: translate(0, -50%);

}



.ban-box {

    position: relative;

}



img.ban-bg {

    border-radius: 20px;

    width: 100%;

}



.banner-slider .slick-slide {

    margin: 0;

}





section.banner .row {

    align-items: center;

}



img.ban-1 {

    width: 108%;

    height: 500px;

    object-fit: contain;

    object-position: top;

    border-radius: 0 30px 30px 0;

    margin: 0 0 0 auto;

    display: block;

}



img.ban-2 {

    width: 260px;

    height: auto;

}



.ban-img {

    position: relative;

}



/* section.banner:after {

    content: "";

    position: absolute;

    background: #fff;

    width: 6%;

    height: 90%;

    bottom: 0;

    z-index: -1;

    right: 0;

}

 */

.main-silder-socail-link {

    position: absolute;

    right: 22px;

    bottom: 0;

    z-index: 111;

}



.main-silder-socail-link ul {

    position: relative;

    margin-top: 160px;

}



.main-silder-socail-link ul:before {

    content: "";

    position: absolute;

    background: #808080;

    width: 0.5px;

    height: 176px;

    right: 0;

    left: 0;

    margin: 0 auto;

    top: -200px;

}



.main-silder-socail-link ul li a {

    color: #808080;

    font-size: 18px;

    border: 1px solid #808080;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    margin-top: 20px;

    transition: 0.5s;

}



.main-silder-socail-link ul li a:hover {

    transition: 0.5s;

    transform: rotate(360deg);

    background: #ea6e22;

    color: #fff;

}





.main_slider-follow-us h2 {

    font-size: 18px;

    color: #000;

    text-transform: uppercase;

    margin: 0;

    letter-spacing: 2px;

}



.banner-slider {

    background: linear-gradient(360deg, #d9590c, #f47a2f 100px);

    padding: 0;

    border-radius: 40px;

    background-size: cover;

    position: relative;

}





.main_slider-follow-us {

    position: absolute;

    right: 32px;

    z-index: 9999;

    top: 37%;

    width: fit-content;

    margin: 0 0 0 auto;

    writing-mode: sideways-lr;

}



.food-img span {

    width: 90px;

    height: 90px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px dashed #808080;

    border-radius: 50%;

    position: relative;

    margin: 0 auto;

    margin-bottom: 200px;

}



.food-img span:before {

    position: absolute;

    content: '';

    border: 1px dashed #808080;

    width: 1px;

    height: 180px;

    bottom: -192px;

}



.food-img {

    width: fit-content;

    margin: 0 auto;

}



.food-img h3 {

    text-align: center;

    letter-spacing: 2px;

    font-size: 18px;

    font-weight: 500;

    margin-bottom: 30px;

}

.food-img span img {

    width: auto;

    height: auto;

}

.food {

    width: fit-content;

    position: absolute;

    bottom: 0;

    left: -140px;

    bottom: 10px;

}



img.foo2 {

    position: absolute;

    right: 20px;

    top: 20px;

}



section.about-us {

    padding: 80px 0;

}



.abt-img1 img {

    width: 100%;

    border-radius: 20px 20px 0 20px;

}



.dummy-text h4 {

    font-size: 139px;

    font-family: 'Brunson';

    color: #f5f5f5;

    line-height: 1;

    margin: 0;

    letter-spacing: 3px;

    text-align: center;

}



.dummy-text img {

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    top: 60%;

    transform: translate(0, -50%);

}



.dummy-text {

    position: relative;

}



.abt-img3 img {

    width: 100%;

    border-radius: 0 20px 20px;

}



.check-text h3 {

    font-size: 29px;

    letter-spacing: 1px;

}



.check-text ul li {

    font-size: 19px;

    color: #0f0e0e;

    font-family: 'Brunson';

    font-weight: 400;

    letter-spacing: 1px;

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 20px;

}



.check-text p {

    width: 80%;

}



section.about-us .row {

    align-items: center;

}



.abt-text {

    width: 94%;

    margin: 0 0 0 auto;

}



.top-heading {

    text-align: center;

}



.top-heading p {

    width: 40%;

    margin: 0 auto;

    margin-bottom: 40px;

}



.prd-box {

    padding: 40px 20px 20px;

    background: #f8f4e9;

    border-radius: 10px;

    text-align: center;

    transition: 0.5s;

}



.prd-box:hover {

    background: #f96e1c;

}



.prd-box img {

    width: 210px;

    margin: 0 auto;

    display: block;

    margin-bottom: -50px;

    height: 200px;

    object-fit: contain;

}



.prd-text {

    background: #fff;

    padding: 110px 10px 20px;

    border-radius: 10px;

}



.ratings {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 4px;

}



.ratings i {

    color: #ffae00;

    font-size: 15px;

}



.ratings span {

    font-weight: 500;

    color: #000;

    font-family: 'Brunson';

    letter-spacing: 1px;

    font-size: 15px;

}



.prd-text p {

    font-size: 16px;

}





.theme_btn.btn2 {

    padding: 0 20px;

}



.prd-text a {

    margin: 0 auto;

    margin-top: 10px;

    width: 190px;

}

section.real-stories {

    position: relative;

    background-size: cover;

    padding: 40px 0;

    background-color: #f8f4e966;

    background-image: url(../images/real4.png);

    background-blend-mode: color;

    margin: 80px 0;

}



section.real-stories .row {

    align-items: center;

}



.real-img img {

    width: 100%;

    z-index: 99;

    position: relative;

    margin-bottom: -40px;

}.real-story span {

    color: #ed6616;

}

section.real-stories:before {

    position: absolute;

    content: '';

    background-image: url(../images/real2.png);

    background-size: cover;

    height: 100%;

    right: 0;

    width: 27%;

    top: 0;

    z-index: 0;

}

img.paw {

    position: absolute;

    width: 32%;

    right: 0;

    object-position: right;

    object-fit: cover;

    bottom: 0;

    z-index: 0;

}

section.benefits {

    padding-bottom: 80px;

}

.ben-box {

    background-image: url(../images/benefits-bg.png);

    background-size: cover;

    background-position: top;

    padding: 40px 20px 55px;

    text-align: center;

    width: 100%;

}



.img-ben span {

    width: 90px;

    height: 80px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto;

    background: #f8f4e9;

    border-radius: 50%;

    margin-top: -53px;

    margin-bottom: 50px;

}

.ben-box h3 {

    letter-spacing: 1px;

}

/* Footer Section Start */



footer.footer-sec {

    position: relative;

    padding: 70px 0 0;

    background-color: #090909;

    border-top: 10px solid #000;

}

footer.footer-sec button.theme_btn.btn2 {

    position: absolute;

    right: 0;

    top: 0;

    height: 50px;

}





ul.footer-social-list {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    margin-top: 40px;

    gap: 10px;

    margin-bottom: 15px;

}



ul.footer-social-list li i {

    font-size: 16px;

    width: 46px;

    height: 46px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: transparent;

    color: #fff;

    border-radius: 50%;

    border: 1px solid #ffffff6e;

}



ul.footer-social-list li i:hover {

    background: #f47a2f;

    transition: 1s ease-in-out;

    color: #fff;

}



.footer-text h2 {

    font-size: 30px !important;

    line-height: 1.2;

    margin-bottom: 30px;

    color: #fff;

}



ul.footer-ser li a {

    font-size: 15px;

    color: #ffffffa6;

    line-height: 40px;

    font-weight: 500;

    text-transform: capitalize;

}



ul.footer-link li a {

    font-size: 15px;

    color: #ffffffa6;

    line-height: 40px;

    font-weight: 500;

    text-transform: capitalize;

}



.footer-form {

    position: relative;

}



.footer-form input {

    width: 100%;

    height: 50px;

    padding: 15px;

    border: 1px solid #dddddd99;

    margin-bottom: 20px;

    color: #fff;

    font-weight: 400;

    font-family: 'Montserrat';

    font-size: 13px;

    padding-left: 20px;

    background: transparent;

    border-radius: 230px;

}



.footer-form i {

    position: absolute;

    top: 19px;

    left: 30px;

    font-size: 20px;

    color: #999;

}



.footr-btn button {

    width: 100%;

    justify-content: center;

}



.footer-text p {

    margin: 20px 0px 0 0;

    color: #ffffffa6;

}



ul.footer-link {

    display: block;

}



.footer-text {

    position: relative;

}



.footer-text img {

    display: flex;

    margin-bottom: 40px;

}





.bottom-nav {

    padding: 10px 20px;

    text-transform: capitalize;

    border-top: 1px solid #7c7c7c;

    margin-top: 30px;

}



.bottom-nav p {

    font-size: 14px;

    color: #fff;

    font-family: 'Montserrat';

    text-align: start;

    line-height: 30px;

    margin: 0;

    font-weight: 300;

}

.payment-img {

    text-align: right;

}



ul.footer-link li {

    border-bottom: 1px solid transparent;

    width: 75%;

    transition: 1s ease-in-out;

}



ul.footer-link li:hover {

    padding-left: 10px;

    border-color: #fff;

    transition: 1s ease-in-out;

    color: #999999;

}



.no-border:before {

    display: none;

}





/* Footer Section End */

.save-img img {

    width: 100%;

    border-radius: 10px 0 0 10px;

    height: 560px;

    object-fit: cover;

}



.save-text {

    padding: 33px 50px;

    background: linear-gradient(45deg, #d5560a, #ff721f);

    border-radius: 0 10px 0 0;

    height: 560px;

}

.save-box {

    background: #fff;

    padding: 30px;

    border-radius: 10px;

    margin-left: -100px;

}

.save-img-2 img {

    width: 100%;

    border-radius: 0 0 10px 10px;

}

section.save-bark .row {

    align-items: center;

}



.save-text2 {

    text-align: right;

}



.save-text2 p {

    width: 80%;

    margin: 0 0 0 auto;

    margin-bottom: 10px;

}



section.save-bark {

    padding-bottom: 80px;

}

.footer-text a {

    transition: 0.5s;

    display: block;

    color: #ffffffa6;

}



.footer-text p {

    margin-bottom: 20px;

}



.footer-text a:hover {

    color: #f47a2f;

}



.footer-text.w-set {

    width: 75%;

    margin: 0 0 0 auto;

}





/* Testimonial Section Start */



.testimonial-sec {

    position: relative;

    padding: 50px 0;

}

.section-heading p {

    width: 60%;

    margin: 0 auto;

}

ul.tidti-list li {

    color: #fa6f1d;

}



.testimonial-sec .sec-head h2 {

    font-size: 65px;

}



.test-box-text {

    background-image: url(../images/testi-bg.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: auto;

    padding: 0 40px;

}







.testi-img img {

    height: 240px;

    object-fit: cover;

    object-position: top;

}



.testi-box {

    background: #fff;

    border-top-right-radius: 10px;

    border-bottom-right-radius: 10px;

    overflow: hidden;

    /* box-shadow: 0 0 10px 0 #fff; */

}



.authr-box {

    display: flex;

    align-items: end;

}



.authr-box>div {

    margin-left: 10px;

}



.authr-box img {

    margin-bottom: 30px;

}



.testi-box {

    margin: 0;

}



.authr-box>img {

    width: auto;

}



.testi-slider .slick-list {

    padding: 20px 0;

}



.testi-slider button.slick-arrow {

    transition: 2s all;

    height: 200px;

    width: 200px;

    background-color: #0cd94100 !important;

    border-radius: 20px;

    background-blend-mode: overlay;

    background-size: cover !important;

    background-position: center !important;

}



.testi-slider button.slick-prev.slick-arrow {

    left: -240px;

}



.testi-slider button.slick-next.slick-arrow {

    right: -240px;

}



.testi-slider button.slick-prev.slick-arrow:before {



    display:none;

}



.testi-slider button.slick-next.slick-arrow:before {

display:none;

}



.testi-slider .slick-slide {

    transition: all ease-in-out .3s;

    opacity: 1;

    margin: 10px;

}







.testi-slider button.slick-arrow:hover:before {

    color: #fff;

    transition: 0.5s ease-in-out;

}



.testi-slider button.slick-next.slick-arrow:before {

    right: 50px;

    position: absolute;

    left: auto;

}



.testi-slider .slick-dots li.slick-active button:before {

    opacity: 1;

    color: #0c7f7d;

    font-size: 16px;

}



.testi-slider .slick-dots li button:before {

    font-family: 'slick';

    font-size: 16px;

    line-height: 20px;

    position: absolute;

    top: 0;

    left: 0;

    width: 20px;

    height: 20px;

    content: '•';

    text-align: center;

    opacity: 1;

    color: black;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.testi-slider .slick-dots {

    position: absolute;

    bottom: -55px;

    display: block;

    width: 100%;

    padding: 0;

    margin: 0;

    list-style: none;

    text-align: center;

}



.testi-slider-box {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 20px;

    padding-right: 40px;

    border-radius: 0;

    position: relative;

    z-index: 2;

    transition: 1s ease-in-out;

    background: #f8f4e9;

    border-radius: 10px;

    box-shadow: 0px 6px 27px 0px rgba(0, 0, 0, 0.09);

    margin: 30px auto;

    width: 91%;

}



.testi-slider-box .col-lg-8 {

    position: relative;

    z-index: 1;

}



ul.tidti-list {

    display: flex;

    align-items: center;

    justify-content: start;

    margin: 0;

    gap: 10px;

}



ul.star {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 3px;

}



.test-box-text ul.star i {

    background: #f39f1e;

    -webkit-background-clip: text;

    -moz-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.test-box-text p {

    z-index: 1;

    font-size: 14px;

    color: #8a8a8a;

    position: relative;

    font-style: italic;

}



.test-box-text p::before {

    left: 0;

    right: 0;

    z-index: -1;

    content: '';

    bottom: 10px;

    height: 60px;

    margin: auto;

    width: 100px;

    background: url(../images/comaas2.png) no-repeat;

    background-position: center;

    background-size: contain;

    position: absolute;

}



.section-heading {

    text-align: center;

}



section.testimonial-sec .top-heading {

    margin-bottom: 10px;

}

.wrap-img-testi {

    padding: 30px 30px 20px;

    background: linear-gradient(45deg, #d5560a, #ff721f);

    border-radius: 10px;

}



.testi-img img {

    border-radius: 10px;

    margin-bottom: 10px;

}



.wrap-img-testi  h3 {

    font-weight: 400;

    margin: 0;

    color: #fff;

    font-size: 15px;

}



.wrap-img-testi  h4 {

    color: #fff;

    text-transform: uppercase;

    margin-bottom: 5px;

    font-family: 'Brunson';

    font-size: 29px;

    letter-spacing: 1px;

}



/* Testimonial Section End */



  @keyframes slideUp {

    0% {

      opacity: 0;

      transform: translateY(20px);

    }

    100% {

      opacity: 1;

      transform: translateY(0);

    }

  }

/* ++++++++++++++++++++++++++++++++++++++++  end ++++++++++++++++++++++++++++++++++++++++  */



section.inner-banner {
    padding: 160px 20px;
    background-image: url(../images/inner-banner.jpg);
    background-repeat: repeat;
    background-size: cover;
}

.inner-banner-txt h1 {font-size: 70px;line-height: 1;margin-bottom: 30px;}
section.inner-about {
    padding: 50px 0px 100px;
}
.abt-in-img img {
    width: 100%;
    height: 432px;
    object-fit: cover;
    border-radius: 4px;
}
.in-abt-txt {
    width: 94%;
    margin: 0 0 0 auto;
}
.in-abt-txt p.bold {
    font-weight: 700;
}
.in-abt-txt p {
    margin: unset;
}

section.inner-about .row {
    align-items: center;
}

section.inner-banner.woofz {
  background-image: url(../images/woofz-tailz-banner.jpg);  
}
section.inner-banner.cont{
 background-image: url(../images/inner-banner-cont.jpg);    
}


/* Heading Style (Thick and Black like the image) */
.display-title {
    /* font-family: 'Anton', sans-serif; */
    font-size: 70px;
    letter-spacing: 1px;
    color: #000;
    margin-bottom: 35px;
}
section.contact-pg {
    padding: 100px 0px;
}
/* Custom Input Styling */
.form-label {
    font-weight: 400;
    color: #555;
    margin-bottom: 5px;
}

.custom-input {
    border-radius: 20px; /* Rounded inputs as per image */
    border: 1px solid #ccc;
    padding: 12px 20px;
    margin-bottom: 15px;
}

.custom-input:focus {
    box-shadow: none;
    border-color: #f45d01;
}

/* Message box specific styling */
textarea.custom-input {
    border-radius: 20px;
}

/* Orange Submit Button */
.btn-submit {
    background-color: #f45d01; /* Orange color */
    color: white;
    border-radius: 25px;
    padding: 10px 40px;
    font-weight: 600;
    padding: 4px 20px 0px 20px;
    color: #ffffff;
    z-index: 1;
    background: linear-gradient(45deg, #d5560a, #ff721f);
    position: relative;
    font-size: 14px;
    transition: all 250ms;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    width: fit-content;
    text-transform: uppercase;
    height: 54px;
    border-radius: 30px;
    border: 1px solid #ff721f;
    font-weight: 500;
    font-size: 14px;
    border: none;
    transition: 0.3s;
}

.btn-submit:hover {
    background-color: #d44e00;
    /* color: white; */
}

/* Info Section Styling */
.info-label {
    font-weight: 400;
    margin-bottom: 2px;
    color: #666;
}

.info-value {
    font-weight: 400;
    margin-bottom: 25px;
}

.text-success {
    color: #000000 !important; /* Greenish color for email/phone */
}
.shop-inn-txt {
    padding: 30px;
    background-color: #fff;
}
/* Map Styling */
.map-container {
    border: 1px solid #ddd;
    overflow: hidden;
    border-radius: 4px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .display-title {
        font-size: 2.5rem;
    }
}

section.inner-banner.shop {
    background-image: url(../images/shop-bannar.jpg);
}

/* Main Section Styling */
.inner-product {
    background-color: #fff; /* Light cream background */
    padding: 60px 0;
    min-height: 100vh;
}

/* Top Bar Styling */
.inner-product .top-bar span {
    font-size: 14px;
}

.inner-product .form-select {
    border-radius: 0;
    border: 1px solid #777;
    width: 200px;
    font-size: 14px;
}

/* Card Wrapper */
.inner-product .main-card-wrapper {
    background-color: transparent;
}

.inner-product .inner-white-card {
    border-radius: 12px;
    overflow: hidden;
    background-color: #f7f3e9;
}

/* Image Styling */
.inner-product .product-img {
    max-width: 260px;
    height: auto;
}

/* Typography */
.inner-product .brand-title {
    font-family: 'Impact', 'Arial Black', sans-serif;
    font-size: 32px;
    color: #2b2b2b;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.inner-product .feature-item {
    margin-bottom: 20px;
}

.inner-product .feature-item h6 {
    font-weight: 800;
    font-size: 16px;
    color: #000;
    margin-bottom: 4px;
}

.inner-product .feature-item p {
    font-size: 15px;
    color: #333;
    line-height: 1.4;
    margin: 0;
}

/* Shop Now Button */
.inner-product .btn-shop {
    background-color: #ed6a1b;
    color: #ffffff;
    border: none;
    padding: 12px 60px;
    border-radius: 50px;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 15px;
    transition: 0.3s;
}

.inner-product .btn-shop:hover {
    background-color: #d15915;
    transform: translateY(-2px);
}

/* Responsive Fix */
@media (max-width: 768px) {
    .inner-product .form-select {
        width: 150px;
    }
    .inner-product .brand-title {
        font-size: 24px;
    }
}
.inner-product .inner-white-card:hover {
    transition: 1s;
    background-color: #ed6a1b;
}

/*CART PAGE CSS*/
.shopping_cart {
  position: relative;
  z-index: 1;
  position: relative;
  margin: 100px 0;
}
section.shopping_cart.inner-bg:before {
  position: absolute;
  content: "";
  top: 0;
  right: 34%;
  height: 100%;
  width: 1px;
  background: #d9d3c7;
  display: none;
}
.chk-btn {
  text-align: center;
}
.shopping_cart img.bk-2 {
  bottom: -38%;
  width: 6%;
}
.shopping_cart img.bk-1 {
  bottom: -2%;
  width: 7%;
}
.cart-pag-qunty .product-detail .num-in {
  width: 30% !important;
  border: 0 !important;
}
.payment_card a.btn-1 {
  color: #000 !important;
  margin: 0 auto;
  display: block;
  width: fit-content;
}
.payment_card a.btn-1 i {
  color: #fff !important;
}
.shopping_cart_table h2 {
  font-size: 34px;
  margin-bottom: 30px;
  color: #000000;
}
.shopping_cart_table table th {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Montserrat";
  padding-bottom: 10px;
  color: #151414;
}
.shopping_cart_table table thead {
  border-bottom: 1px solid #b8b8b8;
}
.shopping_cart_table table tbody td {
  padding: 25px 0;
  border-bottom: 1px solid #dddddd;
}
.shopping_cart_table table tbody .cart_box_product {
  display: flex;
  align-items: center;
}
.shopping_cart_table table tbody .cart_box_product .cart_product_img {
  width: 43%;
  /* background-color: #f2f2f2; */
  margin-right: 10px;
  height: 100px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.cart_product_name {
  padding: 0 0 0 10px;
}
.shopping_cart_table table tbody .cart_box_product .cart_product_name h5 {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Montserrat";
  margin: 0;
  margin-bottom: 5px;
}
.shopping_cart_table table tbody .cart_box_product .cart_product_name p {
  font-size: 13px;
  color: #000;
  text-transform: uppercase;
  font-family: "Montserrat";
  margin: 0;
  line-height: 16px;
  font-weight: 600;
}
.shopping_cart_table table tbody td select {
  height: 40px;
  padding-left: 10px;
  appearance: auto;
  border: 1px solid #b8b8b8;
}
.shopping_cart_table table tbody td .skin-2 .num-in {
  border-radius: 0;
  border: 0;
  width: 50%;
}
.shopping_cart_table table tbody td .t_price {
  font-size: 35px;
  font-weight: 500;
  color: #070707;
  margin: 0;
  font-family: 'Brunson';
}
th.w-40 {
  width: 40%;
}
.shopping_cart_table table tbody td i.fas.fa-times {
  font-size: 20px;
  color: #000;
}
.cart_recipt {
  margin-top: 70px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.cart_recipt > a {
  padding: 15px 50px;
  border: 1px solid #b8b8b8;
  border-radius: 6px;
  font-size: 15px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #151414;
  font-weight: 500;
  border-radius: 100px;
}
.cart_recipt > a i {
  margin-right: 10px;
}
.recipt {
  width: 30%;
}
.recipt li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 19px;
  font-weight: 500;
  margin-bottom: 20px;
  color: black;
  text-transform: uppercase;
  font-weight: 600;
}
.recipt li:last-child {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #dddddd;
}
.recipt li span {
  color: #151414;
  font-size: 15px;
  letter-spacing: 2px;
}
.payment_card {
  background-color: transparent;
  padding: 0px 0px 0px 90px;
}
.payment_card h3 {
  font-size: 35px;
  color: black;
  font-weight: 500;
  margin-bottom: 20px;
  padding-bottom: 40px;
  text-transform: uppercase;
  border-bottom: 1px solid #dddddd;
}
.payment_card * {
  color: #000 !important;
  font-weight: 600;
  margin: 0 auto;
}
.credit_paypal a {
  padding: 10px 20px;
  border: 1px solid transparent;
  border-radius: 30px;
  display: inline-flex;
  background: #f3f3f3;
  align-items: center;
  color: #fff;
  font-weight: 500;
  font-family: "Montserrat";
  font-size: 15px;
}
.credit_paypal a img {
  height: 20px;
  object-fit: contain;
  margin-right: 10px;
}
.credit_paypal {
  padding-bottom: 20px;
  border-bottom: 1px solid #dddddd;
}
.payment_card form label {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}
.payment_card form {
  margin-top: 15px;
}
.payment_card form input {
  width: 100%;
  height: 50px;
  border: none;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 15px;
  background: transparent;
  padding: 0;
}
.payment_card form select {
  width: 100%;
  height: 50px;
  border: none;
  color: #fff;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 15px;
  background: transparent;
  padding: 0;
}
.payment_card form input::placeholder {
  color: #7d7d7d;
}
.expiry_cvv {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.expiry_date {
  width: 70%;
}
.cvv_box {
  width: 26%;
}
.month_year {
  display: flex;
  justify-content: space-between;
}
.month_year select {
  width: 48% !important;
  appearance: auto;
}
.month_year select option {
  color: #000;
}
.payment_card form .btn1 {
  margin: 30px 85px;
  border: 1px solid;
}
.shopping_cart_table {
  padding-right: 30px;
}
.payment_card a.theme_btn {
  color: #fff !important;
  margin: 0 auto;
  margin-top: 10px;
}
/* skin 2 */
.skin-2 .num-in {
  border-radius: 60px;
  cursor: pointer;
}
.skin-2 .num-in span {
  width: 40%;
  display: flex;
  height: 50px;
  float: left;
  position: relative;
  border: 1px solid #ccc;
  border-radius: 0;
  align-items: center;
  justify-content: center;
  font-size: 30px;
}
.skin-2 .num-in span:before,
.skin-2 .num-in span:after {
  content: "";
  position: absolute;
  /* background-color: #667780; */
  height: 2px;
  width: 10px;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  margin-left: -5px;
}
.skin-2 .num-in span.plus:after {
  transform: rotate(90deg);
}
.skin-2 .num-in input {
  float: left;
  width: 20%;
  height: 37px;
  border: none;
  text-align: center;
  background-color: #f0f0f0;
  font-family: "Montserrat";
  font-size: 20px;
  font-weight: 600;
  color: #9c7b76;
}
.product-detail .num-in {
  background: transparent;
  box-shadow: none;
  width: 92%;
  height: 52px;
  border: 1px solid #e1e1e1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-right: 0;
  border-left: 0;
}
.product-detail input.in-num {
  border: 0;
  background-color: transparent;
  width: 45%;
  margin: 0 5px;
  color: black;
}
.productdetailsec .btn10 {
  color: white;
}
.quanity.product-detail.cart-pag-qunty {
  padding: 0 0 0 30px;
}
.side-btn a {
  color: white !important;
  /* background-color: #19305a; */
  /* border: 1px solid #909094; */
}
.side-btn a span {
  height: 48px;
  border-radius: 0 6px 6px 0;
}
/*CART PAGE CSS END*/

/* Inner Check Out Start */
.billing_form h3 {
  font-size: 35px;
  margin: 0;
  margin-bottom: 30px;
  color: #222222;
  font-weight: 500;
}
.billing_form label {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #7c7c7c;
}
.radiosss p {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  color: #949694;
  font-family: "Montserrat";
}
.check-out-btn button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: none;
  font-size: 16px;
  height: 55px;
  border-radius: 0;
  text-transform: uppercase;
}
.billing_form input {
  width: 100%;
  height: 50px;
  border: 1px solid #d9d9d9;
  margin-bottom: 20px;
  padding-left: 15px;
  background: transparent;
  font-weight: 500;
  color: #8d8d8d;
}
.billing_form input::placeholder {
  color: #7c7c7c;
  font-size: 15px;
}
.cart_sidebar .cart_lst li:not(:last-child) {
  margin-bottom: 20px;
}
.cart_sidebar .cart_lst li {
  font-size: 14px;
  color: #7c7c7c;
  font-weight: 600;
}
.cart_sidebar .cart_lst li span {
  float: right;
}
.cart_sidebar .cart_lst li:last-child {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  font-family: 'Brunson';
  font-weight: 200;
}
.cart_sidebar .cart_lst {
  margin-top: 20px;
  margin-bottom: 40px;
}
.thankyou_txt {
  padding: 50px;
  border: 2px solid #b7b7b7;
}
.thankyou_txt h3 {
  font-size: 35px;
  color: #000;
  font-weight: 800;
  margin: 0;
  font-family: "Montserrat", sans-serif;
}
.thankyou_txt h3 i {
  font-size: 40px;
  margin-right: 15px;
}
.order_det h5 {
  font-size: 20px;
  color: #7c7c7c;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
}
.order_det p {
  font-weight: 700;
  font-size: 20px;
  color: #000;
  margin: 0;
}
.order_complete_detail h3 {
  font-size: 22px;
  color: #000;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}
.order_detail_table {
  padding: 40px;
  border: 1px solid #b7b7b7;
}
.order_detail_table h5 {
  margin-top: 0px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dbdbdb;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  font-family: "Montserrat", sans-serif;
}
.order_detail_table ul {
  margin-top: 20px;
  margin-bottom: 30px;
}
.order_detail_table ul li:not(:last-child) {
  margin-bottom: 25px;
}
.order_detail_table ul li {
  font-size: 14px;
  color: #7c7c7c;
}
.order_detail_table ul li span {
  float: right;
}
.order_detail_table ul li:last-child {
  font-weight: 700;
  color: #000;
}
.order_detail_table h6 {
  font-size: 17px;
  font-weight: 700;
  color: #000;
  font-family: "Roboto", sans-serif;
  padding: 25px 0;
  border-top: 1px solid #dbdbdb;
  margin: 0;
}
.order_detail_table h6 span {
  float: right;
}
.check_menu ul {
  text-align: center;
  margin-bottom: 40px;
}
.check_menu ul li {
  display: inline-block;
  font-size: 22px;
  font-weight: 700;
  color: #7c7c7c;
  margin: 0 14px;
}
.check_menu ul li i {
  font-size: 18px;
}
.check_menu ul li.purp {
  color: #19305a;
}
.cart_sidebar {
  padding: 40px 25px;
  /* border: 1px solid #b7b7b7; */
  background-color: unset;
}
.cart_sidebar h3 {
  font-size: 25px;
  color: #394136;
  margin-top: 0px;
  margin-bottom: 20px;
  line-height: normal;
  font-weight: 400;
}
.cart_sidebar .h-sub {
  font-weight: 700;
  font-size: 24px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 20px;
  line-height: 0;
  padding-bottom: 30px;
  padding-top: 20px;
  color: #000;
  /* font-family: "yipes"; */
  font-weight: 400;
}
.cart_sidebar h5 span {
  float: right;
  color: #394136;
}
.cart_sidebar h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: normal;
  padding-top: 0;
  text-transform: uppercase;
  color: #394136;
  font-family: "yipes";
}
.cart_sidebar ul li input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.cart_sidebar ul li label {
  position: relative;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  color: #7c7c7c;
}
.cart_sidebar ul li label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #b7b7b7;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
}
.cart_sidebar ul li input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #19305a;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.cart_sidebar ul li:not(:last-child) {
  margin-bottom: 15px;
}
.cart_sidebar form {
  margin-top: 30px;
  padding-bottom: 40px;
  border-bottom: 1px solid #b7b7b7;
}
.cart_sidebar form h4 {
  font-size: 14px;
  font-weight: 400;
  color: #b7b7b7;
  font-family: "Roboto", sans-serif;
}
.cart_sidebar form select {
  width: 100%;
  height: 40px;
  padding-left: 15px;
  border-radius: 0;
  border: 1px solid #b7b7b7;
  margin-bottom: 20px;
  appearance: auto;
  color: #b7b7b7;
}
.cart_sidebar form select option {
  color: #000;
}
.cart_sidebar form input {
  width: 100%;
  height: 40px;
  padding-left: 15px;
  border-radius: 0;
  border: 1px solid #b7b7b7;
  margin-bottom: 20px;
  appearance: auto;
  color: #b7b7b7;
}
.cart_sidebar form input::placeholder {
  color: #b7b7b7;
  font-family: "Montserrat-Ultral";
}
.cart_sidebar form button {
  color: #000;
  font-size: 15px;
  border-radius: 0px;
  font-family: "Poppins", sans-serif;
  padding: 10px 40px;
  background-color: #ebebeb;
  border: 2px solid #ebebeb;
}
.cart_sidebar form button:hover {
  background-color: transparent;
  transition: 0.3s ease-in-out;
}
.checkout_btn {
  padding: 12px 50px;
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 24px;
  border-radius: 0;
  font-weight: 500;
  border: 2px solid transparent;
  background-color: #19305a;
  font-family: "Montserrat-Ultral";
}
ul.shipping-ul {
  border-bottom: 1px solid #dbdbdb;
  margin: 0;
  padding-bottom: 30px;
}
h6.payment-h {
  font-size: 18px;
  margin-bottom: 30px;
  font-weight: 700;
  color: #394136;
  font-family: "yipes";
}
.cart_sidebar .radiosss-payments li label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #b7b7b7;
  box-shadow: 0 1px 2px rgb(0 0 0 / 5%),
    inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
  border-radius: 50px;
}
.cart_sidebar .radiosss-payments li input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  border-radius: 20px;
  left: 6px;
  border: 0;
  width: 10px;
  height: 10px;
  background-color: #19305a;
}
.radiosss-payments .card.card-body {
  padding: 0;
  border: 0;
  margin-left: 30px;
  background: none;
}
.radiosss-payments {
  border-bottom: 1px solid rgb(219, 219, 219);
}
section.checkout_page {
  padding: 80px 0 100px;
}
.checkout_page .img-1 {
  position: absolute;
  left: -13%;
  top: 50%;
  width: 340px;
}
.checkout_page .img-2 {
  position: absolute;
  right: -7%;
  top: 60%;
  width: 230px;
  transform: rotate(200deg);
}
.billing_form {
  /* border: 1px solid #b7b7b7; */
  padding: 35px;
}
.check-out-btn button {
  background-color: #0675ad;
  /* border: 1px solid #909094; */
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: fit-content;
  border-radius: 100px;
  margin: 0 auto;
  display: block;
}
.check-out-btn button span {
  height: 55px;
  border-radius: 0 4px 4px 0;
}
.table-responsive {
    overflow: hidden;
}
/* Inner Check Out End */

/* Inner Check Out Start */
.billing_form h3 {
  font-size: 35px;
  margin: 0;
  margin-bottom: 30px;
  color: #222222;
  font-weight: 500;
}
.billing_form label {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #7c7c7c;
}
.radiosss p {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  color: #949694;
  font-family: "Montserrat";
}
.check-out-btn button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: none;
  font-size: 16px;
  height: 55px;
  border-radius: 0;
  text-transform: uppercase;
}
.billing_form input {
  width: 100%;
  height: 50px;
  border: 1px solid #d9d9d9;
  margin-bottom: 20px;
  padding-left: 15px;
  background: transparent;
  font-weight: 500;
  color: #8d8d8d;
}
.billing_form input::placeholder {
  color: #7c7c7c;
  font-size: 15px;
}
.cart_sidebar .cart_lst li:not(:last-child) {
  margin-bottom: 20px;
}
.cart_sidebar .cart_lst li {
  font-size: 14px;
  color: #7c7c7c;
  font-weight: 600;
}
.cart_sidebar .cart_lst li span {
  float: right;
}
.cart_sidebar .cart_lst li:last-child {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  font-family: 'Brunson';
  font-weight: 200;
}
.cart_sidebar .cart_lst {
  margin-top: 20px;
  margin-bottom: 40px;
}
.thankyou_txt {
  padding: 50px;
  border: 2px solid #b7b7b7;
}
.thankyou_txt h3 {
  font-size: 35px;
  color: #000;
  font-weight: 800;
  margin: 0;
  font-family: "Montserrat", sans-serif;
}
.thankyou_txt h3 i {
  font-size: 40px;
  margin-right: 15px;
}
.order_det h5 {
  font-size: 20px;
  color: #7c7c7c;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
}
.order_det p {
  font-weight: 700;
  font-size: 20px;
  color: #000;
  margin: 0;
}
.order_complete_detail h3 {
  font-size: 22px;
  color: #000;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}
.order_detail_table {
  padding: 40px;
  border: 1px solid #b7b7b7;
}
.order_detail_table h5 {
  margin-top: 0px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dbdbdb;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  font-family: "Montserrat", sans-serif;
}
.order_detail_table ul {
  margin-top: 20px;
  margin-bottom: 30px;
}
.order_detail_table ul li:not(:last-child) {
  margin-bottom: 25px;
}
.order_detail_table ul li {
  font-size: 14px;
  color: #7c7c7c;
}
.order_detail_table ul li span {
  float: right;
}
.order_detail_table ul li:last-child {
  font-weight: 700;
  color: #000;
}
.order_detail_table h6 {
  font-size: 17px;
  font-weight: 700;
  color: #000;
  font-family: "Roboto", sans-serif;
  padding: 25px 0;
  border-top: 1px solid #dbdbdb;
  margin: 0;
}
.order_detail_table h6 span {
  float: right;
}
.check_menu ul {
  text-align: center;
  margin-bottom: 40px;
}
.check_menu ul li {
  display: inline-block;
  font-size: 22px;
  font-weight: 700;
  color: #7c7c7c;
  margin: 0 14px;
}
.check_menu ul li i {
  font-size: 18px;
}
.check_menu ul li.purp {
  color: #19305a;
}
.cart_sidebar {
  padding: 40px 25px;
  /* border: 1px solid #b7b7b7; */
  background-color: unset;
}
.cart_sidebar h3 {
  font-size: 25px;
  color: #394136;
  margin-top: 0px;
  margin-bottom: 20px;
  line-height: normal;
  font-weight: 400;
}
.cart_sidebar .h-sub {
  font-weight: 700;
  font-size: 24px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 20px;
  line-height: 0;
  padding-bottom: 30px;
  padding-top: 20px;
  color: #000;
  /* font-family: "yipes"; */
  font-weight: 400;
}
.cart_sidebar h5 span {
  float: right;
  color: #394136;
}
.cart_sidebar h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: normal;
  padding-top: 0;
  text-transform: uppercase;
  color: #394136;
  font-family: "yipes";
}
.cart_sidebar ul li input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.cart_sidebar ul li label {
  position: relative;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  color: #7c7c7c;
}
.cart_sidebar ul li label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #b7b7b7;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
}
.cart_sidebar ul li input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #19305a;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.cart_sidebar ul li:not(:last-child) {
  margin-bottom: 15px;
}
.cart_sidebar form {
  margin-top: 30px;
  padding-bottom: 40px;
  border-bottom: 1px solid #b7b7b7;
}
.cart_sidebar form h4 {
  font-size: 14px;
  font-weight: 400;
  color: #b7b7b7;
  font-family: "Roboto", sans-serif;
}
.cart_sidebar form select {
  width: 100%;
  height: 40px;
  padding-left: 15px;
  border-radius: 0;
  border: 1px solid #b7b7b7;
  margin-bottom: 20px;
  appearance: auto;
  color: #b7b7b7;
}
.cart_sidebar form select option {
  color: #000;
}
.cart_sidebar form input {
  width: 100%;
  height: 40px;
  padding-left: 15px;
  border-radius: 0;
  border: 1px solid #b7b7b7;
  margin-bottom: 20px;
  appearance: auto;
  color: #b7b7b7;
}
.cart_sidebar form input::placeholder {
  color: #b7b7b7;
  font-family: "Montserrat-Ultral";
}
.cart_sidebar form button {
  color: #000;
  font-size: 15px;
  border-radius: 0px;
  font-family: "Poppins", sans-serif;
  padding: 10px 40px;
  background-color: #ebebeb;
  border: 2px solid #ebebeb;
}
.cart_sidebar form button:hover {
  background-color: transparent;
  transition: 0.3s ease-in-out;
}
.checkout_btn {
  padding: 12px 50px;
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 24px;
  border-radius: 0;
  font-weight: 500;
  border: 2px solid transparent;
  background-color: #19305a;
  font-family: "Montserrat-Ultral";
}
ul.shipping-ul {
  border-bottom: 1px solid #dbdbdb;
  margin: 0;
  padding-bottom: 30px;
}
h6.payment-h {
  font-size: 18px;
  margin-bottom: 30px;
  font-weight: 700;
  color: #394136;
  font-family: "yipes";
}
.cart_sidebar .radiosss-payments li label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #b7b7b7;
  box-shadow: 0 1px 2px rgb(0 0 0 / 5%),
    inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
  border-radius: 50px;
}
.cart_sidebar .radiosss-payments li input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  border-radius: 20px;
  left: 6px;
  border: 0;
  width: 10px;
  height: 10px;
  background-color: #19305a;
}
.radiosss-payments .card.card-body {
  padding: 0;
  border: 0;
  margin-left: 30px;
  background: none;
}
.radiosss-payments {
  border-bottom: 1px solid rgb(219, 219, 219);
}
section.checkout_page {
  padding: 80px 0 100px;
}
.checkout_page .img-1 {
  position: absolute;
  left: -13%;
  top: 50%;
  width: 340px;
}
.checkout_page .img-2 {
  position: absolute;
  right: -7%;
  top: 60%;
  width: 230px;
  transform: rotate(200deg);
}
.billing_form {
  /* border: 1px solid #b7b7b7; */
  padding: 35px;
}
.check-out-btn button {
  background-color: #f3772d;
  /* border: 1px solid #909094; */
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: fit-content;
  border-radius: 100px;
  margin: 0 auto;
  display: block;
  padding: 12px 20px;
  color: #fff;
}
.check-out-btn button span {
  height: 55px;
  border-radius: 0 4px 4px 0;
}
/* Inner Check Out End */

/* product detail starts */

section.product-detail {

  padding: 80px 0;

}



.product-detail .productdetailportion {

  height: 520px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 10px;

}



.productdetailfor .slick-slide img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.productdetailnav .slick-slide {

  margin: 0 10px;

  cursor: pointer;

}



.productdetailsmallportion img {

  width: 160px;

  height: 130px;

  object-fit: cover;

  transition: 0.3s;

}

.productdetailnav .slick-slide.slick-current .productdetailsmallportion {

  position: relative;

}



.productdetailnav .slick-slide.slick-current .productdetailsmallportion::before {

  content: '';

  width: 100%;

  height: 100%;

  position: absolute;

  top: -10px;

  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);

  /* background-color: #2876af; */

  z-index: -1;

}



.productdetailnav .slick-slide.slick-current .productdetailsmallportion img {

  /* background: #2876af; */

  padding: 5px;

}



.product-content .top-section h6 {

  font-size: 33px;

  margin-bottom: 15px;

  font-family: 'Brunson';

  color: #000;

}



.product-content ul {

  list-style: none;

  padding: 0;

  margin: 0;

}



.product-content ul li {

  margin-right: 5px;

  font-size: 17px;

  color: black;

  font-weight: 600;

}



.product-content ul li i.fas.fa-star {

  color: #ec6d20;

}



.product-content hr {

  margin: 20px 0;

  border-color: #eee;

}

.row.flexEnd.price_rev ul {

  display: flex;

  position: relative;

}

.row.flexEnd.price_rev ul::before {

  content: '';

  position: absolute;

  width: 1px;

  height: 38px;

  background-color: #00000082;

  right: 60px;

}

.row.flexEnd.price_rev p {

  font-size: 17px;

  color: black;

  font-weight: 600;

  font-size: 17px;

}



.brand p {

  color: #666;

  line-height: 1.6;

}

.product-detail .slick-active {

  opacity: 1;

}

.product-detail .slick-slide {

  transition: all ease-in-out .3s;

  opacity: 1;

  margin: 8px 10px;

}

ul.brand h3 {

  color: #00000082;

  font-size: 22px;

  padding: 20px 0 20px 0;

  text-decoration: line-through;

  display: none;

}



ul.brand h2 {

  color: #000;

  font-weight: 600;

  /* padding: 0 0 30px 0; */

  font-size: 35px;

  font-weight: 400;

  margin-bottom: 10px;

}



ul.brand p {

  padding: 0 0 10px 0;

  margin-bottom: 0;

  font-weight: 500;

  color: #000;
}

.quanity.product-detail div {display: flex;align-items: center;margin: 13px 0 0 0;border-radius: 0 !important;gap: 10px;/* display: none; */margin-top: 5px;padding: 0;/* border: 1px solid #000 !important; */width: 150px;}

.sku {

  display: flex;

  justify-content: space-between;

  width: 70%;
}



.sku p {

  color: #000;

  font-size: 17px;

  font-weight: 100;

  padding: 0 0 10px 0;

  margin-bottom: 0;

  font-family: 'Brunson';
}



.sku span {

  color: #2876af;

  font-size: 17px;

  font-weight: 600;

}

ul.share-icon {

  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 9px;

}

ul.share-icon a {

  font-size: 14px;

  color: #858585;

  border: 1px solid #858585;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;
}






.pro-colors-box {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 10px;
  margin: 20px 0;
}

.pro-colors-txt {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
}

.pro-colors-txt h6 {
  font-size: 14px;
  line-height: 20px;
  color: #000;
  text-transform: uppercase;
  font-family: 'Brunson';
  margin: 0;
}

.pro-colors-txt ul {
  margin: 0;
}

/* Show only the active color name */
.pro-colors-txt ul li h6 {
  display: none;
}

.pro-colors-txt ul li h6.color-active {
  display: block;
}

/* Palette layout */
.pro-colors-main {
  display: flex;
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
}

.pro-colors {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid transparent;
  cursor: pointer;
}

.pro-colors.active {
  border-color: #222;
}

/* Swatch colors */
.pro1 {
  background: #8aa19e;
}

/* Red */
.pro2 {
  background: #882e2e;
}

/* Green */
.pro3 {
  background: #3d5577;
}

/* Light Green */
.pro4 {
  background: #a09f9c;
}

/* Yellow */
.pro5 {
  background: #908271;
}

/* Black */
.pro6 {
  background: #a1b9ac;
}

/* Pink */
.pro7 {
  background: #fb8c00;
  display: none;
}

/* Orange */
.pro8 {
  background: #1e88e5;
  display: none;
}

/* Blue */

/* Fullscreen viewer */
#pv {
  position: fixed;
  inset: 0;
  background: #fff;
  display: none;
  z-index: 9999;
}

#pv.is-open {
  display: block;
}

.pv__close {
  position: absolute;
  top: 12px;
  right: 16px;
  font-size: 34px;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.pv__nav {
  position: absolute;
  top: 86%;
  transform: translateY(-50%);
  background: #000;
  color: #fff;
  border: 0;
  cursor: pointer !important;
  width: 50px;
  height: 50px;
  font-size: 26px;
  z-index: 9;
  border-radius: 5px;
}

.pv__prev {
  left: -8%;
}

.pv__next {
  right: -8%;
}

.pv__stage {
  position: absolute;
  inset: 64px 0 120px 120px;
  overflow: hidden;
  touch-action: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

.pv__stage img {
  max-width: 90%;
  max-height: 90%;
  transform-origin: center center;
  user-select: none;
  pointer-events: none;
}

.pv__thumbs {
  position: absolute;
  left: 12px;
  top: 64px;
  bottom: 120px;
  width: 88px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pv__thumbs img {
  width: 100%;
  cursor: pointer;
  border: 2px solid transparent;
}

.pv__thumbs img.is-active {
  border-color: #000;
}

.pv__palette {
  position: absolute;
  left: 120px;
  right: 120px;
  bottom: 24px;
  display: flex;
  justify-content: center;
}

.pv__palette .pro-colors-main {
  display: flex;
  gap: 12px;
}

@media (max-width: 991px) {
  .pv__stage {
    inset: 64px 0 140px 0;
  }

  .pv__thumbs {
    display: none;
  }

  .pv__palette {
    left: 16px;
    right: 16px;
  }
}




/*  product Detail Review Section Start */





/* Rating Stars */



.prod-detail-description .rating:not(:checked)>input {

  position: absolute;

  -webkit-appearance: none;

}



.prod-detail-description .rating:not(:checked)>label {

  float: right;

  cursor: pointer;

  font-size: 30px;

  color: #666;

}



.prod-detail-description .rating:not(:checked)>label:before {

  content: "★";

}



.prod-detail-description .rating>input:checked+label:hover,

.prod-detail-description .rating>input:checked+label:hover~label,

.prod-detail-description .rating>input:checked~label:hover,

.prod-detail-description .rating>input:checked~label:hover~label,

.prod-detail-description .rating>label:hover~input:checked~label {

  color: #e58e09;

}



.prod-detail-description .rating:not(:checked)>label:hover,

.prod-detail-description .rating:not(:checked)>label:hover~label {

  color: #ff9e0b;

}



.prod-detail-description .rating>input:checked~label {

  color: #ffa723;

}





/* Rating Stars */



.prod-detail-description {

  position: relative;

  padding: 0 0 80px 0;

}



.prod-detail-description .nav-tabs .nav-link {

  color: #0e0e0f;

  font-size: 17px;

  text-transform: uppercase;

  font-weight: 500;

  width: fit-content;

  padding: 15px;

  background: transparent;

  margin-right: 10px;

  border-radius: 0 !important;

}



.prod-detail-description .nav-tabs .nav-link.active,

.prod-detail-description .nav-tabs .nav-item.show .nav-link {

border-bottom: 3px solid #ff721f !important;

border: 0;
}



.prod-detail-description .nav-tabs .nav-link:hover,

.prod-detail-description .nav-tabs .nav-link:focus {

  border-bottom: 3px solid #000 !important;

  border: 0;

}



.prod-detail-description .nav-tabs {

  margin-bottom: 15px;

  border: 0;

  border-bottom: 1px solid #dee2e6;

}



.prod-detail-description .prd-review-input label {

  font-size: 16px;

  color: #000;

  font-weight: 600;

  text-transform: capitalize;

}



.prod-detail-description .prd-review-input input {

  width: 100%;

  height: 50px;

  padding: 0 10px;

  font-size: 16px;

  color: #000;

  font-weight: 500;

  border: 1px solid #000;

  margin: 5px 0 20px;

  background-color: transparent;

}



.prod-detail-description .prd-review-input input::placeholder,

.prod-detail-description .prd-review-input textarea::placeholder {

  color: #000;

  font-weight: 600;

  font-size: 16px;

}



.prod-detail-description .prd-review-input textarea {

  width: 100%;

  height: 200px;

  padding: 13px;

  border: 1px solid #000;

  margin: 5px 0 0;

  color: #000;

  font-size: 16px;

  font-weight: 600;

  resize: none;

  background-color: transparent;

}



.prod-detail-description .rating-stars input {

  width: auto !important;

  height: auto;

  border: 0;

}



.prod-detail-description .rating-stars {

  display: inline-grid;

  justify-items: baseline;

}



.prod-detail-description .rating {

  display: block;

  /* align-items: center; */

  /* justify-content: flex-start; */

  /* gap: 5px; */

  margin: 20px 0;

  float: left;

}



.prod-detail-description .prd-review-input.give-review h4 {

  font-size: 30px;

  color: #000;

  text-transform: uppercase;

}



.prod-detail-description .prd-review-input.give-review button {

  padding: 15px 40px;

  border-radius: 0;

  border: 1px solid #000;

  font-size: 16px;

  text-transform: uppercase;

  background: #000;

  color: #fff;

}



.prod-detail-description .client-review-box {

  box-shadow: 0 0 5px 1px #989898;

  border-radius: 10px;

  padding: 20px;

  margin: 20px 0;

}



.prod-detail-description ul.client-list-review {display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}



.prod-detail-description ul.client-list-review li {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  gap: 5px;

}



.prod-detail-description ul.client-list-review img {

  width: 80px;

  height: 80px;

  border-radius: 100px;

  object-fit: cover;

  box-shadow: 0 0 5px 1px #989898;

}



.prod-detail-description ul.client-list-review h5 {font-size: 24px;color: #000;text-transform: capitalize;font-weight: 500;margin-bottom: 0;}



.prod-detail-description ul.client-list-review h6 {font-size: 16px;color: #666;font-family: "Montserrat";margin-bottom: 0;}



.prod-detail-description ul.client-list-review li i {

  font-size: 20px;

  color: #c78b1b;

}



.prod-detail-description .client-info {

  margin-left: 15px;

}



.prod-detail-description .client-review-box p {

  font-size: 16px;

  color: #000;

}



.prod-detail-description .prd-det-review-form .row {

  align-items: center;

}



.prod-detail-description .prd-det-discription-content p {

  font-size: 16px;

  color: #0b0c0c;

  padding-bottom: 10px;

  margin: 0;

}



.prod-detail-description .prd-det-additional-content p {

  text-align: justify;

  font-size: 16px;

  font-weight: 500;

  padding-bottom: 10px;

}





.product-detail1 .skin-2 .num-in {

  height: 50px;

  width: 170px !important;

  float: left;

  display: flex;

  border-radius: 25px;

  cursor: pointer;

  align-items: center;

  position: relative;
}



.product-detail1 .skin-2 .num-in span:before,

.product-detail1 .skin-2 .num-in span:after {

  opacity: 1;

  content: '';

  position: absolute;

  background-color: #000;

  height: 2px;

  width: 10px;

  top: 50%;

  left: 50%;

  margin-top: -1px;

  margin-left: -5px;

}







section.inner_gift_sec1 .about_text h3 {

  font-size: 44px;

}



.product-detail1 .skin-2 .num-in span.plus:after {

  transform: rotate(90deg);

  opacity: 1;

}

ul.disc-list li {

  display: flex;

  align-items: center;

  gap: 30px;

}

.offer-perk ul {

  display: flex;

  align-items: center;

  gap: 20px;

  background-color: #f8f8f8;

  padding: 15px 20px;

}

.offer-perk {

  margin-top: 0px;

  display: none;
}



.offer-perk h4 {

  font-size: 28px;

  line-height: 30px;

  color: #000;

  font-weight: 500;

}

.offer-perk p {

  margin: unset;

  color: #000;

}

.offer-perk p span {

  display: block;

  color: #858585;

}

.offer-perk ul li i {

  font-size: 20px;

  color: #000;

}

ul.disc-list li i {
  color: #2876af;
}
.price ul li span {
  display: inline-block;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.price ul li span.active {
  border: 1px solid #000;
  box-shadow: 0 0 2px #000;
}

.pro-colors {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  cursor: pointer;
}

.pro-colors.active {
  border: 1px solid #000;
}

/*pricing start*/
section.pricing {
  padding: 80px 0px;
}

.main-pricing-bx {
  text-align: center;
  border: 2px solid #696969;
  padding-bottom: 40px;
  border-radius: 15px;
}

.main-pricing-bx p {
  margin: 0 auto;
  width: 70%;
  font-size: 15px;
  color: #333333;
  margin-bottom: 30px;
  line-height: 29px;
}

.pricing-top-bx {
  background-color: #2876af;
  padding: 25px 0px;
  margin-bottom: 30px;
  border-radius: 13px;
}

.pricing-top-bx h3 {
  margin: unset;
  font-size: 40px;
  color: #fff;
  font-weight: 300;
}

.main-pricing-bx h4 {
  font-size: 60px;
  line-height: 69px;
  font-weight: 500;
  color: #333333;
}

.main-pricing-bx h4 span {
  font-size: 16px;
  color: #333333;
}



ul.rate-reviews {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: start;
}

ul.rate-reviews li {
  display: flex;
  align-items: center;
  gap: 10px;
}

ul.rate-reviews li h6 {
  margin: 0;
  font-size: 14px;
  font-family: 'GothamBook';
  color: #250503;
  text-transform: capitalize;
  font-style: italic;
  font-weight: 200;
}

ul.rate-reviews li:first-child i {
  color: #facc2b;
  font-size: 15px;
}

ul.rate-reviews li:last-child i {
  color: #000;
  font-size: 22px;
  border-left: 1px solid #000;
  padding-left: 30px;
}

ul.rate-reviews p {
  margin: 0;
}

.statment-choose h6 {
  text-transform: uppercase;
  font-family: 'Brunson';
  margin: 0;
}



.product-detail1 .skin-2 .num-in {
  height: 50px;
  width: 150px;
  float: left;
  display: flex;
  border-radius: 25px !important;
  cursor: pointer;
  align-items: center;
  position: relative;
}

.product-detail1 .skin-2 .num-in span:before,
.product-detail1 .skin-2 .num-in span:after {
  opacity: 1;
  content: '';
  position: absolute;
  background-color: #000;
  height: 2px;
  width: 10px;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  margin-left: -5px;
}





/* skin 2 */

.product-detail1 .skin-2 .num-in {
  border-radius: 60px;
  cursor: pointer;
}

.product-detail1 .skin-2 .num-in span {
  width: 40%;
  display: block;
  height: 40px;
  float: left;
  position: relative;
}

.product-detail1 .skin-2 .num-in span:before,
.product-detail1 .skin-2 .num-in span:after {
  content: '';
  position: absolute;
  background-color: #667780;
  height: 2px;
  width: 10px;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  margin-left: -5px;
}

.product-detail1 .skin-2 .num-in span.plus:after {
  transform: rotate(90deg);
}

.product-detail1 .skin-2 .num-in input {
  float: left;
  width: 20%;
  height: 37px;
  border: none;
  text-align: center;
  background-color: transparent;
  font-family: 'Montserrat';
  font-size: 20px;
  font-weight: 600;
}

.product-detail1 .num-in {
  background: transparent;
  box-shadow: none;
  width: 90%;
  height: 52px;
  border: 1px solid #e1e1e1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-right: 0;
  border-left: 0;
}

.product-detail1 input.in-num {
  border: 0;
  background-color: transparent;
  width: 45%;
  margin: 0 5px;
}

.productdetailsec .btn10 {
  color: white;
}

ul.quan-count {
  display: flex;
  align-items: center;
  gap: 10px;
}

.quanity.product-detail.product-detail1 h5 {
  margin: 0 0 10px 0;
}

ul.share-icon li {
  font-family: 'Brunson';
}


.payment_card a.btn-1:hover {
  color: #000 !important;
}
ul.disc-list {
    display: none;
}
.prd-det-discription-content h2, 
    .prd-det-discription-content h5, 
    .prd-det-discription-content h6 {
        font-weight: 500;
        text-transform: uppercase;
        margin-top: 25px;
        margin-bottom: 15px;
    }

    .prd-det-discription-content p {
        margin-bottom: 12px;
    }

    .prd-det-discription-content hr {
        margin: 35px 0;
        border: 0;
        border-top: 1px solid #eeeeee;
    }

    .benefits-list p, 
    .analytical-list p {
        margin-bottom: 5px;
        display: block;
    }

    .nutrition-data, .feeding-guide {
        margin-top: 15px;
    }

    .feeding-row {
        display: flex;
        max-width: 300px;
        justify-content: space-between;
        margin-bottom: 5px;
    }

    .note-text {
        font-style: italic;
        color: #666;
        margin-top: 15px;
    }

    .highlight-bold {
        font-weight: bold;
    }
/*pricing end*/
/* product detail ends */









.submit-your-tailz-section {
            width: 100%;
            max-width: 100%;
            background: #ffffff;
            padding: 80px 0;
            border-radius: 15px;
            box-shadow: 0 5px 25px rgba(0,0,0,0.1);
            box-sizing: border-box;
        }

        .submit-your-tailz-section .form-group {
            margin-bottom: 20px;
        }

        .submit-your-tailz-section label {
            display: block;
            font-weight: 800;
            text-transform: uppercase;
            font-size: 14px;
            margin-bottom: 8px;
            color: #000000;
        }

        .submit-your-tailz-section label span {
            color: #ff6a28;
            font-size: 10px;
            font-style: italic;
            margin-left: 5px;
        }

        .submit-your-tailz-section input[type="text"],
        .submit-your-tailz-section input[type="email"],
        .submit-your-tailz-section textarea {
            width: 100%;
            padding: 12px 15px;
            border: 1px solid #000000;
            border-radius: 8px;
            background-color: #f9fcff;
            font-size: 15px;
            box-sizing: border-box;
            outline: none;
        }

        .submit-your-tailz-section textarea {
            min-height: 150px;
            resize: vertical;
        }

        /* Custom Image Upload Styling */
        .submit-your-tailz-section .custom-file-upload {
            display: flex;
            align-items: center;
            border: 1px solid #000000;
            border-radius: 8px;
            background: #f9fcff;
            padding: 8px;
            cursor: pointer;
            position: relative;
        }

        .submit-your-tailz-section .file-btn {
            background: #e1e1e1;
            padding: 6px 15px;
            border: 1px solid #999;
            border-radius: 4px;
            font-size: 13px;
            font-weight: bold;
            margin-right: 15px;
        }

        .submit-your-tailz-section .file-name-text {
            font-size: 13px;
            color: #666;
        }

        .submit-your-tailz-section input[type="file"] {
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer;
        }

        .submit-your-tailz-section .file-info {
            font-size: 11px;
            color: #888;
            margin-top: 5px;
        }

        /* Checkbox Container Aligned Left */
        .submit-your-tailz-section .checkbox-container {
            display: flex;
            align-items: center;
            gap: 12px;
            margin: 25px 0;
            justify-content: flex-start; /* Is se left par rahega */
        }

        .submit-your-tailz-section .checkbox-container input {
            width: 22px;
            height: 22px;
            cursor: pointer;
            accent-color: #ff6a28;
            margin: 0;
        }

        .submit-your-tailz-section .checkbox-container label {
            margin: 0;
            font-size: 13px;
            font-weight: 800;
            cursor: pointer;
        }

        /* Submit Button */
        .submit-your-tailz-section .submit-btn {
            width: 100%;
            background-color: #ff6a28;
            color: #ffffff;
            padding: 15px;
            border: none;
            border-radius: 50px;
            font-size: 18px;
            font-weight: bold;
            text-transform: uppercase;
            cursor: pointer;
            transition: background 0.3s ease;
        }

        .submit-your-tailz-section .submit-btn:hover {
            background-color: #e55a1a;
        }
        
        
        
        
        
        
        
        .rating-container {
  display: flex;
  flex-direction: row-reverse; /* Isse stars sahi order mein click honge */
  justify-content: flex-end;
}

/* Radio buttons ko chhupa do */
.rating-container input {
  display: none;
}

/* Default Star Style */
.rating-container label {
  font-size: 40px;
  color: #ccc; /* Gray color */
  cursor: pointer;
  transition: color 0.2s ease;
}

/* Jab mouse star par ho ya select ho jaye */
.rating-container input:checked ~ label,
.rating-container label:hover,
.rating-container label:hover ~ label {
  color: #ffcc00; /* Gold color */
}