@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 'Poppins', sans-serif;
    color: #393939;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: #28b16d;
    white-space: initial;
    display: inline-block;
}

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;
}

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;
}


/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

select {
    background: #fff url('../images/arrow.png') no-repeat 98%;
    padding: 0 40px 0 30px;
}

::-webkit-input-placeholder {
    color: #000;
}

::-moz-placeholder {
    color: #000;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #000;
}

:-moz-placeholder {
    color: #000;
    opacity: 1;
}

ul {
    margin: 0 0 0px;
    padding: 0;
    list-style-type: none;
}

img {
    max-width: 100%
}


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

@font-face {
    font-family: 'brunson';
    src: url(../fonts/brun-r.ttf);
}


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

.noPadding {
    padding: 0;
}

.noLeft {
    padding-left: 0;
}

.noRight {
    padding-right: 0;
}

.mt-5 {
    margin-top: 50px;
}

.mb-5 {
    margin-bottom: 50px;
}

.mt-8 {
    margin-top: 80px;
}

.mt-4 {
    margin-top: 40px;
}

.mt-3 {
    margin-top: 30px;
}

.mt-2 {
    margin-top: 20px;
}

.pt-5 {
    padding-top: 50px;
}

.pb-1 {
    padding-bottom: 10px;
}

.pb-2 {
    padding-bottom: 20px;
}

.pb-3 {
    padding-bottom: 30px;
}

.pb-4 {
    padding-bottom: 40px;
}

.pb-8 {
    padding-bottom: 80px;
}

.m-0 {
    margin: 0 !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-8 {
    padding-top: 80px;
}

.pt-4 {
    padding-top: 40px;
}

.pt-3 {
    padding-top: 30px;
}

.pt-2 {
    padding-top: 20px;
}

.all-section {
    padding: 120px 0;
}

.all-section-btm {
    padding-bottom: 120px;
}

.centerCol {
    float: none;
    margin: 0 auto;
}

.d-flex {
    display: flex;
    align-items: center;
}

.over-flow-h {
    overflow: hidden;
}

.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: 75px;
    color: #ffffff;
    font-weight: 400;
    margin: 0 0 10px;
}

h2 {
    font-family: 'brunson';
    font-size: 50px;
    color: #000000;
    font-weight: 400;
    margin: 0 0 10px;
}

h3 {
    font-family: 'brunson';
    font-size: 30px;
    color: #000000;
    font-weight: 400;
    margin: 0 0 10px;
}

h4 {
    font-family: 'brunson';
    font-size: 20px;
    color: #000;
    font-weight: 400;
    margin: 0 0 0px;
}

h5 {
    font-family: 'brunson';
    font-size: 16px;
    color: #000;
    font-weight: 400;
    margin: 0 0 0px;
}

h6 {
    font-family: 'brunson';
    font-size: 14px;
    color: #000;
    font-weight: 400;
    margin: 0 0 0px;
}

p {
    color: #4c4c4c;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    margin: 0px 0 20px;
}

/*header css start */

.menuSec {
    padding: 0px 0;
}

.menuSec img {
    margin: 0;
}

.menuSec ul {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menuSec ul li {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.menuSec li ul {
    display: none;
}

.menuSec ul li a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    padding: 0;
    color: #ffffff;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

/*.menuSec ul li a:after {
    content: '';
    position: absolute;
    top: 35%;
    right: 0;
    width: 1px;
    height: 13px;
    background-color: #393939;
    display: none;
}
*/


/*.menuSec ul li:last-child a {
    padding-right: 0px;
}*/


/* .menuSec ul li:last-child a:after {
    display: none;
} */

.menuSec ul li a:hover,
.menuSec ul li a.active {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    /* color: #28b16d; */
}

.menuSec li:hover>ul {
    display: block;
    position: absolute;
    z-index: 1000;
    background-color: #000000;
    left: 0px;
    width: 230px;
    text-align: left;
    top: 38px;
}

.menuSec li>ul>li>a {
    border: none;
    padding: 13px 20px !important;
    color: #fff !important;
    overflow: hidden;
    font-size: 13px;
    line-height: 20px;
}

.menuSec li>ul>li,
.menuSec li>ul>li>a {
    display: block;
    margin: 0;
}

.menuSec li>ul>li>a:before,
.menuSec li>ul>li>a:after {
    display: none;
}

.menuSec li:hover li {
    float: none;
}

.menuSec li ul li a:hover {
    background-color: #ffffff;
    color: #000000 !important;
}

.menuSec ul ul ul {
    left: 100%;
    top: 0;
}

.menuSec ul:before,
.menuSec ul:after {
    content: " ";
    display: table;
    display: none;
}

.menuSec ul:after {
    clear: both;
}

.menuSec li>ul>li:hover>ul {
    left: 230px;
    top: 0px;
    width: 270px;
}

.droopdwon li:hover>ul {
    display: block;
    position: absolute;
    z-index: 1000;
    background-color: #000000;
    right: 7%;
    width: 230px;
    text-align: left;
    top: 40px;
}

.droopdwon {
    float: left;
}

.droopdwon li:hover li a:hover {
    background-color: #ffffff;
    color: #000 !important;
}

.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;
}


/*header css start */

/*banner css start */

.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*/


/* search box css */

.top-shipping ul li {
    margin-right: 15px;
}

.top-shipping ul {
    align-items: baseline !important;
}

body.search-open {
    overflow: hidden;
}

.close {
    position: absolute;
    top: 2rem;
    right: 2rem;
    background: none;
    border: 0;
    font-size: 50px;
    font-weight: 700;
    display: block;
    cursor: pointer;
    color: black;
    padding: 1rem 1.25rem;
    border-radius: 50%;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(255, 255, 255);
    font: 18px;
    opacity: 1 !important;
    width: 50px;
    height: 50px;
}

.close:hover {
    background: #e21d1a;
    color: white;
    opacity: 1 !important;
    top: 2rem;
    right: 2rem;
}

.search-box.search-elem {
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: #000000b0;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.search-box.search-elem .inner {
    width: 70%;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
}

.search-box.search-elem label {
    color: white;
    font-weight: 300;
    font-family: 'Raleway', sans-serif;
}

.search-box.search-elem button.submit {
    outline: none;
    position: absolute;
    top: 0;
    right: 15px;
    height: 70px;
    color: #ffffff;
    width: 171px;
    height: 55px;
    background: #000000;
    font-family: 'Poppins';
    font-size: 22px;
    cursor: pointer;
    border: 0;
}

.top-cart ul li i {
    margin-right: 13px;
    font-size: 20px;
}

.search-box.search-elem button.submit[disabled] {
    width: 171px;
    height: 55px;
    font-size: 20px;
    color: white;
    background: linear-gradient(to top, #e70e0e 0%, #f66565 100%);
    display: inline-block;
}

.search-box.search-elem input[type=text] {
    padding: 20px;
    height: 55px;
    width: 80%;
    font-size: 32px;
    font-family: 'Poppins';
    font-weight: 300;
    border: none;
    border-bottom: solid 2px #e21d1a;
    transition: border 0.3s;
    border-radius: 0;
}

.search-box.search-elem input[type=text]:focus {
    border-bottom: solid 2px #55cd6c;
    box-shadow: none;
}

.search-box.search-elem label.placeholder {
    position: absolute;
    top: 13px;
    left: 2rem;
    font-size: 32px;
    font-weight: 300;
    font-family: 'Poppins';
    color: #999;
    transition: all 0.3s;
}

.search-box.search-elem label.placeholder.move-up {
    top: -25px;
    color: white;
    font-size: 17px;
    font-family: 'Poppins';
}

.search-box.search-elem.search-open {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.search-btn {
    font-family: 'Raleway', sans-serif;
    font-size: 0.875rem;
    padding: 0 10px;
    display: inline-block;
    color: white;
}

/* end search box css */

.container-fluid {
    padding: 0 5%;
}

.top-bar-right a {
    width: 60px;
    height: 60px;
    background-color: transparent;
    border-radius: 50%;
    color: #526a49;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    border: 1px solid #526a49;
    position: relative;
}

.top-bar-right a:hover {
    border: 1px solid #8ffd5f;
    background: #8ffd5f;
    color: #000000;
}

.top-bar-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

header {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
}

.menuSection {
    padding: 10px 0;
}

.theme_btn2 {
    padding: 3px 15px 3px 3px;
    border: 1px solid #8ffd5f;
    border-radius: 55px;
    color: #000000;
    background: #8ffd5f;
    position: relative;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
}

.theme-btn-inner2 {
    display: flex;
    gap: 12px;
    align-items: center;
    position: relative;
    z-index: 2;
}

.btn-text2 {
    background: #000;
    padding: 15px 30px;
    border-radius: 30px;
    color: #fff;
    transition: all 0.3s ease;
}

.btn-img2 img {
    transition: all 0.3s ease;
}

.theme_btn2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    border-radius: 50px;
    background: #000000;
    z-index: 1;
    transition: width 0.4s ease;
}

.theme_btn2:hover::before {
    width: 100%;
}

.theme_btn2:hover .btn-text2 {
    background: transparent;
    color: #8ffd5f;
}

.theme_btn2:hover .btn-img2 img {
    filter: brightness(0) saturate(100%) invert(94%) sepia(52%) saturate(837%) hue-rotate(38deg) brightness(100%) contrast(98%);
}

.theme_btn3 {
    padding: 3px 15px 3px 3px;
    border: 1px solid #8ffd5f;
    border-radius: 55px;
    color: #000000;
    background: #8ffd5f;
    position: relative;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
}

.theme-btn-inner3 {
    display: flex;
    gap: 12px;
    align-items: center;
    position: relative;
    z-index: 2;
}

.btn-text3 {
    background: #ffffff;
    padding: 15px 30px;
    border-radius: 30px;
    color: #000000;
    transition: all 0.3s ease;
}

.btn-img3 img {
    transition: all 0.3s ease;
}

.theme_btn3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    border-radius: 50px;
    background: #000000;
    z-index: 1;
    transition: width 0.4s ease;
}

.theme_btn3:hover::before {
    width: 100%;
}

.theme_btn3:hover .btn-text3 {
    background: transparent;
    color: #8ffd5f;
}

.theme_btn3:hover .btn-img3 img {
    filter: brightness(0) saturate(100%) invert(94%) sepia(52%) saturate(837%) hue-rotate(38deg) brightness(100%) contrast(98%);
}

.d_block {
    display: block;
}

.banner_text h1 span {
    color: #8ffd5f;
}

.bnr_bg img {
    width: 100%;
    height: 850px;
    object-fit: cover;
}

.banner_text p {
    color: #b7b8b6;
    width: 85%;
}

/* about */

.about_left_top img {
    height: 480px;
    border-radius: 20px 20px 0px 20px;
    width: 100%;
    object-fit: cover;
}

.about_right_btm img {
    height: 330px;
    border-radius: 0px 20px 20px 20px;
    width: 100%;
    object-fit: cover;
}

.about_left_btm {
    text-align: end;
    padding: 90px 40px;
}

.about_right_top {
    padding: 40px 40px 40px;
}

/* about */

/* service */

.heading {
    text-align: center;
    margin-bottom: 30px;
}

.heading p {
    width: 60%;
    margin: 0 auto;
}

.serv_main_txt ul li h4 {
    font-size: 20px;
    color: #ffffff;
    transition: ease-in;
    transition-duration: 0.5s;
}

.serv_main_txt ul li span {
    color: #798972;
    font-size: 13px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    transition: ease-in;
    transition-duration: 0.5s;
}

.serv_main_txt ul li span i {
    color: #ffa800;
    margin-right: 5px;
}

ul.serv_top_ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

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

.num-in {
    display: flex;
    align-items: center;
    width: fit-content;
    border: 1px solid #4b4e49;
    border-radius: 50px;
    font-family: "Montserrat", sans-serif;
    transition: ease-in;
    transition-duration: 0.5s;
}

.num-in span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 60px;
    cursor: pointer;
    user-select: none;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    transition: ease-in;
    transition-duration: 0.5s;
}

.num-in input {
    width: 50px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    border: none;
    color: #fff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    background: transparent;
    transition: ease-in;
    transition-duration: 0.5s;
}

ul.serv_btm_ul li a {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #000000;
    font-size: 16px;
}

.serv_main_img {
    text-align: center;
    padding: 40px 20px 0px;
    margin-bottom: -60px;
}

.serv_main_img img {
    width: 180px;
    object-fit: contain;
    height: 220px;
    border-radius: 10px;
}

.serv_main_txt {
    padding: 30px 30px;
    border-radius: 15px;
    background: linear-gradient(30deg, rgba(62, 90, 49, 1) 0%, rgba(25, 25, 24, 1) 50%, rgba(62, 90, 49, 1) 100%);
    transition: ease-in;
    transition-duration: 0.5s;
}

.serv_main {
    border-radius: 15px;
    border: 1px solid #e7e7e7;
    position: relative;
    transition: ease-in;
    transition-duration: 0.5s;
    margin-bottom: 30px;
}

.serv_main_txt p {
    color: #a5a6a5;
    transition: ease-in;
    transition-duration: 0.5s;
}

.like_icon i {
    font-size: 30px;
    color: #000;
}

.like_icon {
    position: absolute;
    width: auto;
    top: 20px;
    right: 20px;
    height: auto;
    z-index: 2;
    opacity: 0;
    transition: ease-in;
    transition-duration: 0.5s;
}

.serv_main_txt h3 a {
    font-size: 30px;
    color: #ffffff;
    margin: 0 0 10px;
    transition: all .3s ease-in;
}

.serv_main:hover h3 a,
.serv_main:hover .serv_main_txt ul li h4 {
    color: #000000;
}

.serv_main:hover .serv_main_txt ul li span {
    color: #3c672a;
}

.serv_main:hover .serv_main_txt p {
    color: #3c672a;
}

.serv_main:hover .num-in {
    border: 1px solid #77cf51;
}

.serv_main:hover .num-in input {
    color: #000000;
    border-left: 1px solid #76ce50;
    border-right: 1px solid #76ce50;
}

.serv_main:hover .serv_main_txt {
    background: #8ffd5f;
}

.serv_main:hover .num-in span {
    color: #131313 !important;
}

.serv_main:hover .like_icon {
    opacity: 1;
}

/* service */

/*Insights Sec Css Starts*/

section.insights-sec {
    background-image: url("../images/insights-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0;
}

.insights-txt h2 span {
    color: #8ffd5f;
    font-size: 60px;
}

.insights-txt h2 {
    color: #ffffff;
}

.insights-txt p {
    color: #b6b8b5;
    width: 90%;
}

.insights-img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 500px;
    width: 100%;
}

.insights-img img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.insights-txt ul li {
    color: #ffffff;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    margin-bottom: 20px;
    padding-left: 30px;
    position: relative;
}

.insights-txt ul li::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    background: url(../images/checked.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px;
    z-index: 1;
}

.insights-txt ul {
    column-count: 2;
    margin-bottom: 10px;
}

/*Insights Sec Css Ends*/

/* excellence */

.excellence_txt {
    width: 60%;
    position: relative;
}

.excellence_right {
    text-align: end;
}

.excellence_left {
    display: flex;
}

.excellence_left,
.excellence_right {
    display: flex;
    flex-direction: column;
    gap: 150px;
    align-items: center;
    margin-top: 120px;
}

.excellence_mid {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
    position: relative;
    z-index: 2;
}

.excellence_mid::before {
    content: '';
    position: absolute;
    left: -70px;
    top: -70px;
    background: url(../images/excellence_circle.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 140%;
    width: 130%;
    z-index: 1;
}

.excellence_mid img {
    object-fit: contain;
    height: 450px;
    width: auto;
}

.excl_box_one::before {
    content: '';
    position: absolute;
    right: -80px;
    top: -100px;
    background: url(../images/excellence-arrow-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 140px;
    width: 150px;
    z-index: 1;
    transform: rotate(45deg);
}

.excl_box_two::before {
    content: '';
    position: absolute;
    right: -80px;
    bottom: -100px;
    background: url(../images/excellence-arrow-2.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 140px;
    width: 150px;
    z-index: 1;
    transform: rotate(310deg);
}

.excl_box_three::before {
    content: '';
    position: absolute;
    left: -80px;
    top: -100px;
    background: url(../images/excellence-arrow-3.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 140px;
    width: 150px;
    z-index: 1;
    transform: rotate(310deg);
}

.excl_box_four::before {
    content: '';
    position: absolute;
    left: -80px;
    bottom: -100px;
    background: url(../images/excellence-arrow-4.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 140px;
    width: 150px;
    z-index: 1;
    transform: rotate(45deg);
}

/* excellence */

/* blogs */

.blogs_btn {
    text-align: end;
}

.blog_main {
    border-radius: 20px;
    border: 1px solid #e7e7e7;
    position: relative;
    margin-bottom: 30px;
    transition: ease-in;
    transition-duration: 0.5s;
    margin: 0 20px 30px;
}

.blog_img img {
    width: 100%;
    object-fit: cover;
    height: 300px;
    border-radius: 20px;
}

.blog_txt {
    border-radius: 20px;
    background: #faf9f9;
    padding: 50px 25px 15px;
    margin-top: -50px;
    position: relative;
    z-index: 3;
    transition: ease-in;
    transition-duration: 0.5s;
}

.blog_txt p {
    font-weight: 500;
    color: #595959;
    width: 100%;
    margin-bottom: 30px;
    transition: ease-in;
    transition-duration: 0.5s;
}

.blog_txt ul li {
    color: #000000;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    text-align: end;
    margin-bottom: 30px;
    margin-top: -30px;
    transition: ease-in;
    transition-duration: 0.5s;
}

.blog_txt ul li i {
    margin-right: 5px;
}

.blog_date {
    border-radius: 20px;
    background: #8ffd5f;
    text-align: center;
    height: 85px;
    width: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -90px;
    transition: ease-in;
    transition-duration: 0.5s;
}

.blog_date h6 {
    font-size: 20px;
    color: #000;
    transition: ease-in;
    transition-duration: 0.5s;
}

.blog_date h6 span {
    font-size: 15px;
}

.blog_btn {
    padding-top: 10px;
    border-top: 1px solid #d7d7d7;
    text-align: center;
    transition: ease-in;
    transition-duration: 0.5s;
}

.blog_btn a {
    text-transform: uppercase;
    color: #000000;
    font-size: 13px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    border-bottom: 1px solid #000;
    line-height: 15px;
    transition: ease-in;
    transition-duration: 0.5s;
}

.blog_main:hover .blog_btn a {
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}

.blog_main:hover .blog_txt h3 {
    color: #ffffff;
}

.blog_main:hover .blog_txt p {
    color: #b1b1b0;
}

.blog_main:hover .blog_txt ul li {
    color: #ffffff;
}

.blog_main:hover .blog_date {
    background: #ffffff;
}

.blog_main:hover .blog_txt {
    background: linear-gradient(30deg, rgba(62, 90, 49, 1) 0%, rgba(25, 25, 24, 1) 50%, rgba(62, 90, 49, 1) 100%);
}

/* blogs */

/*Instagram Secrion Strat*/

.insta_imgs {
    position: relative;
    transition: 0.4s ease-in-out;
}

.insta_imgs img {
    height: 330px;
    object-fit: cover;
    width: 100%;
}

.insta_imgs::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    background: #8ffd5f5e;
    opacity: 0;
}

.insta_imgs:hover::before {
    opacity: 1;
    transition: 0.4s ease-in-out;
    cursor: pointer;
}

.insta_slider .slick-slide {
    opacity: 1;
    margin: 0px;
}

.instagram_sec .container-fluid {
    padding: 0 0%;
}

/*Instagram Secrion End*/


/*FOOTER STRT*/
footer {
    background-color: #0b0b0b;
    padding: 80px 0 50px 0;
}

.footer_col h3 {
    color: #fff;
    font-weight: 500;
    font-size: 30px;
    line-height: 30px;
    margin: 25px 0 40px;
    text-transform: capitalize;
}

.footer_col h3:after {
    left: 0;
    bottom: -8px;
    width: 50px;
    height: 2px;
    background-color: #fff;
    content: '';
}

.footer_col p {
    color: #b3b3b3;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 20px;
    font-family: 'Montserrat';
}

.contact_list p {
    margin: 0;
    font-size: 14px;
}

.contact_list p span {
    color: #ffffff;
}

.quick_links a {
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    color: #b3b3b3;
    text-transform: capitalize;
    font-family: 'Montserrat';
    margin-bottom: 10px;
}

.footer_call a {
    font-size: 22px;
    line-height: 35px;
    font-weight: 400;
    font-family: 'Montserrat';
    color: #ffffff;

}


.footer_social li:hover {
    background: linear-gradient(to right, #c4a18b 0%, #967860 100%);
}

.footer_social li {
    width: 45px;
    height: 45px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
    border-radius: 100px;
    position: relative;
    border: 2px solid #fff;
    transition: 0.3s ease-in-out;
}

.footer_social li a {
    color: #ffffff;
    font-size: 20px;
    line-height: 20px;
}

.footer_form form {
    position: relative;
}

.footer_form form input {
    width: 100%;
    height: 60px;
    padding: 10px 25px;
    border: 1px solid #262626;
    border-radius: 50px;
    background-color: #121211;
    color: #fff;
    font-family: 'Montserrat';
}

.footer_form form button {
    position: absolute;
    right: 0;
    height: 60px;
    border-radius: 40px;
    padding: 0px 30px;
    border: 0;
    color: #000000;
    background: #8ffd5f;
    font-weight: 500;
    font-family: 'Montserrat';
}

.copyRight_sec {
    background-color: #0b0b0b;
    border-top: 1px solid #323232;
    padding: 30px 0 0;
}

.grp-wrp ul li i {
    font-size: 20px;
    color: white;
}


.socialmedia-icons ul li a {
    border: 1px solid #535353;
    /* padding: 8px 15px; */
    font-size: 15px;
    border-radius: 70px;
    display: flex;
    color: #ffffff;
    background: #0b0b0b;
    height: 40px;
    width: 40px;
    justify-content: center;
    align-items: center;
}

.socialmedia-icons ul li a:hover {
    background: #8ffd5f;
    border-color: #8ffd5f;
}

.socialmedia-icons ul {
    display: flex;
    gap: 10px;
}

.socialmedia-icons h3 {
    color: #fff;
    font-weight: 500;
    font-size: 25px;
    line-height: 30px;
    margin: 25px 0 20px;
    position: relative;
    text-transform: capitalize;
    margin-bottom: 40px;
}

.socialmedia-icons {
    margin-top: 50px;
}

.contact_list p a {
    color: #ffffff;
}

.socialmedia-icons h3:after {
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 50px;
    height: 2px;
    background-color: #fff;
    content: '';
}

.footer_form form input::placeholder {
    color: #fff;
    font-size: 14px;
}

.quick_links a:hover {
    color: #fff;
}

.footerPayment {
    text-align: end;
}

.copyRight_sec p {
    color: #ffffff;
    margin-bottom: 0;
}

/*FOOTER END*/

/* inner pages */

/* inner banner */

.inr_bnr_bg img {
    width: 100%;
    height: 460px;
    object-fit: cover;
}

.inr_banner_text {
    text-align: center;
}

/* inner banner */

.excellence_inr {
    margin-bottom: 120px;
}

/*Contact Us Page */

.contact-side-bar {
    padding-top: 0;
    margin-left: 20px;
}

.contact-info {
    background: #181818;
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 40px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.contact-info:hover {
    background-color: #8ffd5f;
}

.contact-info .cicle-icon i {
    transition: color 0.3s ease;
}

.contact-info:hover .cicle-icon i {
    color: #8ffd5f;
}

.contact-info:hover .contact_text h2 {
    color: #000000;
}

.cicle-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    color: #181818;
    background: #fff;
    margin-right: 17px;
}

.contact_text h2 {
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 0;
}

.contact_text p {
    font-size: 16px;
    color: #999999;
    margin-bottom: 0;
    text-transform: capitalize;
}

.contact_text p span,
.contact_text a {
    display: block;
    color: #999999;
    font-size: 16px;
    text-decoration: none;
    transition: 0.5s ease-in-out;
    font-family: 'Montserrat';
    font-weight: 400;
}

.contact_text a:hover {
    color: #8b8b8b;
}

.contact-pag-form {
    margin-top: 0;
    padding: 0 30px;
}

.contact-pag-form form input.form-control,
.contact-pag-form form select.form-control,
.contact-pag-form form textarea.form-control {
    font-size: 15px;
    border: 1px solid #bdbdbd;
    box-shadow: none;
    color: black;
    font-weight: 400;
    background-color: transparent;
    border-radius: 5px;
    display: flex;
    font-family: 'Montserrat';
}

.contact-pag-form form input.form-control {
    height: 60px;
    padding-left: 70px;
    margin-bottom: 20px;
}

.contact-pag-form form select.form-control {
    height: 60px;
    padding-left: 25px;
    margin-top: 20px;
}

.contact-pag-form form textarea.form-control {
    height: 150px;
    padding-left: 25px;
    padding-top: 20px;
    margin-top: 20px;
    resize: none;
    color: #000;
}

.contact-pag-form form input::placeholder,
.contact-pag-form form textarea::placeholder {
    color: #909091;
}

.contact-pag-form .form-group i {
    position: absolute;
    top: 20px;
    color: #000;
    left: 15px;
    font-size: 17px;
}

.contact-pag-form .form-group1 i {
    right: 13px;
    left: unset;
    color: #7f7f7f;
    pointer-events: none;
}

.vffdetails select {
    width: 100%;
    height: 60px;
    font-size: 15px;
    padding-left: 15px;
    border: 1px solid #bdbdbd;
    box-shadow: none;
    color: #909091;
    font-weight: 400;
    background-color: transparent;
    margin-bottom: 20px;
    display: flex;
    border-radius: 5px;
    position: relative;
}

.vffdetails::after {
    content: "";
    height: 53px;
    width: 10px;
    position: absolute;
    right: 60px;
    top: 10%;
    background-size: 10px 50px;
    background-image: url(../images/arrow_slectt.png);
    background-repeat: no-repeat;
}

.contact-pag-form button {
    margin-top: 30px;
}

.contact-pag-form .form-group i {
    position: absolute;
    top: 20px;
    color: #000;
    left: 15px;
    font-size: 17px;
}

.contact-pag-form .form-group {
    position: relative;
}

.vffdetails {
    position: relative;
}

.contact-pag-form .form-group::after {
    content: "";
    height: 53px;
    width: 10px;
    position: absolute;
    left: 50px;
    top: 5px;
    background-size: 10px 50px;
    background-image: url(../images/aroow-forward.png);
    background-repeat: no-repeat;
}

/*Contact Us Page */

/* Billing Foam page */

.billing_page {
    padding: 120px 0;
}

.billing_page_form form h2 {
    color: #000;
    margin-bottom: 30px;
}

.billing_page_form form input,
.billing_page_form form textarea,
.billing_page_form form select {
    width: 100%;
    padding: 15px 15px;
    border: 1px solid #cccccc;
    font-size: 14px;
    background-color: #ffffff;
    transition: all 0.3s ease;
    margin-bottom: 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    color: #000;
    text-align: left;
    border-radius: 5px;
}

.billing_page_form form input::placeholder,
.billing_page_form form textarea::placeholder,
.billing_page_form form select {
    color: #9d9d9d !important;
}

.billing_page_form form textarea {
    resize: none;
    min-height: 180px;
}

select {
    background: #fff url(../images/arrow.png) no-repeat 97%;
    padding: 0 40px 0 30px;
}

.billing_page_form form ul li:not(:last-child) {
    margin-bottom: 15px;
}

.billing_page_form ul li input {
    padding: 0px;
    height: initial;
    width: initial;
    margin-bottom: 0px;
    display: none;
    cursor: pointer;
}

.billing_page_form ul li label {
    position: relative;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: rgb(0 0 0);
    font-family: 'Montserrat';
}

.billing_page_form .radiosss-payments li label::before {
    content: "";
    appearance: none;
    background-color: transparent;
    border: 1px solid rgb(183, 183, 183);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px, rgba(0, 0, 0, 0.05) 0px -15px 10px -12px inset;
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    border-radius: 50%;
}

.billing_page_form .radiosss-payments li input:checked+label::after {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    border-radius: 20px;
    left: 6px;
    border: 0px;
    width: 10px;
    height: 10px;
    background-color: #8ffd5f;
}

.radiosss-payments .card.card-body {
    padding: 0px;
    border: 0px;
    margin-left: 30px;
    background: transparent;
}

/* Billing Foam page */

/*Login page Start*/

.log-in-wrap {
    padding: 40px 40px;
    background-color: #ffffff;
    border-radius: 15px;
    border: 1px solid #cccccc;
}

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

.log-in-wrap h2 {
    margin: 0 0 20px 0;
    color: #000;
    font-size: 50px;
}

.contact-page-main .form-control {
    border-radius: 5px;
    font-size: 14px;
    height: 50px;
    background-color: #ffffff;
    border-color: #d8d8d8;
    width: 100%;
}

.contact-page-main .form-group label {
    color: #888888;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    margin-bottom: 5px;
}

.contact-page-main .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #8ffd5f;
    outline: 0;
    box-shadow: 0 0 0 1px #8ffd5f;
}

.form-check-input:checked {
    background-color: #8ffd5f;
    border-color: #8ffd5f;
}

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

label.form-check-label {
    color: #707070;
}

.form-check-input[type=checkbox] {
    border-radius: 0;
}

.form-check-input:focus {
    border-color: #000;
    outline: 0;
    box-shadow: unset;
}

/* account page end  */



/*CART PAGE CSS*/
.shopping_cart {
    /* position: relative; */
    /* z-index: 1; */
    /* position: relative; */
    padding: 100px 0;
    /* background: #f3f9fe; */
}

section.shopping_cart.inner-bg:before {
    position: absolute;
    content: "";
    /* top: 17%; */
    /* right: 33%; */
    /* height: 70%; */
    /* width: 1px; */
    /* background: #b8b8b8; */
}

.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: #fff !important;
}

.payment_card a.btn-1 i {
    color: #fff !important;
}

.shopping_cart_table h2 {
    font-size: 35px;
    margin-bottom: 30px;
    color: #000000;
    font-weight: 400;
}

.shopping_cart_table table th {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: "Montserrat";
    padding-bottom: 10px;
    color: #000000;
}

.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: 100px;
    background-color: #f3f3f3;
    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: 30px;
    margin: 0;
    margin-bottom: 5px;
}

.shopping_cart_table table tbody .cart_box_product .cart_product_name p {
    font-size: 12px;
    font-family: "Montserrat";
    margin: 0;
    line-height: 16px;
    font-weight: 500;
}

.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: 5px;
    border: 1px solid #cfcfcf;
    width: 40%;
}

.shopping_cart_table table tbody td .t_price {
    font-size: 36px;
    font-weight: 400;
    color: #000000;
    margin: 0;
    opacity: 1;
    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: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.cart_recipt>a {
    padding: 15px 20px;
    border: 1px solid #b8b8b8;
    border-radius: 40px;
    font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #151414;
    font-weight: 500;
    font-family: 'Montserrat';
}

.cart_recipt>a i {
    margin-right: 10px;
}

.recipt {
    width: 20%;
}

.recipt li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #000000;
    text-transform: uppercase;
}

.recipt li:last-child {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e9e9e9;
}

.recipt li span {
    color: #151414;
    letter-spacing: 2px;
    font-family: 'Montserrat';
    font-size: 20px;
}

.payment_card {
    background-color: transparent;
    padding: 0px 0px 0px 70px;
}

.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;
    font-family: 'brunson';
}

.payment_card * {
    color: #000;
    font-weight: 500;
    font-family: 'Montserrat';
    text-transform: capitalize;
}

.credit_paypal a {
    padding: 10px 20px;
    border: 1px solid transparent;
    border-radius: 30px;
    display: inline-flex;
    background: #e7edf2;
    align-items: center;
    color: #000000;
    font-weight: 500;
    font-family: "Montserrat";
    font-size: 15px;
    margin-top: 10px;
}

.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: 14px;
}

.payment_card form {
    margin-top: 15px;
}

.payment_card form input {
    width: 100%;
    height: 50px;
    border: none;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 10px;
    background: transparent;
    padding: 0;
    color: #000;
}

.payment_card form select {
    width: 100%;
    height: 50px;
    border: none;
    color: #000000;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 15px;
    background: transparent;
    padding: 0;
}

.payment_card form input::placeholder {
    color: #000000;
}

.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: 50%;
    display: block;
    height: 50px;
    float: left;
    position: relative;
    /* border: 1px solid #909094; */
    /* border-radius: 5px; */
}

.skin-2 .num-in span:before,
.skin-2 .num-in span:after {
    content: "";
    position: absolute;
    background-color: #000000;
    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: 50%;
    margin: 0 5px;
    color: black;
}

.productdetailsec .btn10 {
    color: white;
}

.quanity.product-detail.cart-pag-qunty {
    padding: 0 0 0 0px;
}

.cart_product_img img {
    height: 70px;
    object-fit: contain;
    width: auto;
}

/*CART PAGE CSS END*/


/* Product Detail page */

.pro_det {
    padding: 120px 0;
}

.pro_det_left img {
    width: 100%;
    height: 480px;
    border-radius: 30px;
    box-shadow: 0 7px 25px rgba(0, 0, 0, 0.2);
    object-fit: cover;
}

.pro_det_right h1 {
    font-size: 54px;
    color: #071c30;
}

.pro_det_right h2 {
    font-size: 54px;
    color: #1a7dd3;
}

.rating {
    display: flex;
    justify-content: flex-start;
    gap: 5px;
    align-items: center;
    margin-bottom: 10px;
}

.rating i {
    font-size: 15px;
    color: #fd8f00;
}

.rating span {
    font-size: 14px;
    color: #646464;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

.pro_det_right p {
    margin-bottom: 30px;
}

.q_main_wrrpr {
    display: flex;
    justify-content: flex-start;
    gap: 40px;
    align-items: center;
    margin-bottom: 30px;
}

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

.q_main p {
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
    font-weight: 500;
    color: #071d31;
    text-transform: uppercase;
}

.q_main .num-in {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 0px;
    font-size: 18px;
    border-radius: 50px;
    border: 1px solid #b8b8b8;
}

.q_main .num-in span {
    cursor: pointer;
    padding: 15px 20px;
    user-select: none;
    color: #0f0200 !important;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

.q_main .num-in input {
    width: 50px;
    text-align: center;
    font-size: 18px;
    border: none;
    color: #0f0200 !important;
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #c6c6c6;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

.pro_det_right {
    padding-left: 20px;
}

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

.q_main_wrrpr h4 {
    font-size: 30px;
}

/* Product Detail page */

/* Blog Detail */

.blog_detail_img img {
    height: 630px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.blog_detail_txt ul li {
    color: #000000;
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    text-align: end;
    transition: ease-in;
    transition-duration: 0.5s;
}

.blog_detail_txt ul li i {
    margin-right: 5px;
}

.blogdet_date {
    border-radius: 20px;
    background: #faf9f9;
    text-align: center;
    height: 130px;
    width: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -70px;
    margin-right: 50px;
    transition: ease-in;
    transition-duration: 0.5s;
}

.blogdet_date h6 {
    font-size: 26px;
    color: #000;
    transition: ease-in;
    transition-duration: 0.5s;
}

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

/* Blog Detail */


/* banner */

.bnr_slider_txt h4 {
    color: #ffffff;
    margin-bottom: 20px;
    font-size: 25px;
}

.bnr_slider_txt p {
    color: #9ea09d;
}


.bnr_slider_txt ul li {
    color: #ffffff;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
    padding-left: 15px;
    position: relative;
}

.bnr_slider_txt ul li::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    height: 5px;
    background: #8ffd5f;
    border-radius: 50%;
    width: 5px;
    z-index: 1;

}

span.items {
    position: absolute;
    font-size: 12px;
    color: #000;
    border: 1px solid #000;
    background: #9afe67;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    right: 0;
}

.social-main {
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    width: 90%;
    bottom: 0;
    left: 70px;
    height: 100px;
    padding: 20px 50px;
}

.social_icons {
    display: flex;
    justify-content: center;
    gap: 15px;
    position: relative;
    z-index: 999;
}

.social-main h5 {
    font-size: 13px;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

.social_icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background-color: #0e1307;
    border-radius: 50%;
    color: #41463b;
    border: 1px solid #41463b;
    font-size: 18px;
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.social_icons a:hover {
    background-color: #8ffd5f;
    transform: translateY(-3px);
    color: #000000;
}

.social-main::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -38%;
    transform: translate(-50%, -50%);
    background-color: #53654a;
    height: 1px;
    width: 85%;
    z-index: 0;
}

.slider-nav .slick-slide {
    opacity: 0;
}

.slider-nav .slick-active {
    opacity: 1;
}

.slick-dots li button:before {
    content: none;
}

.slick-dots {
    position: absolute;
    right: -20px;
    top: 45%;
    transform: translateY(-50%);
    display: flex !important;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: flex-end;
}

.slick-dots li {
    margin: 2px 0;
}

.slick-dots li button {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
}

.slick-dots li button::after {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #7a7f76;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slick-dots li.slick-active button {
    background-color: transparent;
    border: 1px solid #8ffd5f;
    width: 15px;
    height: 15px;
    box-sizing: border-box;
}

.slick-dots li.slick-active button::after {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #8ffd5f;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bnr_slider_controls span {
    font-family: 'brunson';
    font-size: 26px;
    color: #343b31;
}

span.current-slide {
    color: #8ffd5f !important;
}

.bnr_slider_controls {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 50px;
    text-align: center;
    margin-bottom: 150px;
}

.slick-dots li.slick-active button::before {
    content: '';
    width: 40px;
    height: 1px;
    background-color: #82d657;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
}

.slick-dots::before {
    content: '';
    width: 32vw;
    height: 1px;
    background-color: #777b74;
    position: absolute;
    top: 57px;
    right: -30px;
}

/* banner */