Gecko [ thecigaretteboxes.com ]

Name	Size	Permission
animate.min.css	56.77 KB	-rw-r--r--
blogs.css	1.38 KB	-rw-r--r--
bootstrap.min.css	157.63 KB	-rw-r--r--
category_products.css	0 B	-rw-r--r--
contact_us.css	911 B	-rw-r--r--
easyzoom.css	1.73 KB	-rw-r--r--
fontawesome.css	33.75 KB	-rw-r--r--
fonts.css	2.85 KB	-rw-r--r--
header.css	342 B	-rw-r--r--
home.css	947 B	-rw-r--r--
lightslider.css	7.81 KB	-rw-r--r--
owl.carousel.css	4.02 KB	-rw-r--r--
owl.theme.default.min.css	1.19 KB	-rw-r--r--
personalized_boxes.css	2.23 KB	-rw-r--r--
product_detail.css	3.75 KB	-rw-r--r--
responsive.css	0 B	-rw-r--r--
static_pages.css	1.53 KB	-rw-r--r--
style.css	54.28 KB	-rw-r--r--
style.min.css	17.88 KB	-rw-r--r--
styles.css	21.13 KB	-rw-r--r--
usedall.css	8.69 KB	-rw-r--r--
usedbootstrap.css	27.63 KB	-rw-r--r--

Code Editor : style.css

* {
    font-display: swap;
}

/* Responsive */
.slider {
    width: 100%;
    min-height: 0px;
    overflow: hidden;
}
@media screen and (max-width: 430px) {
    a.btn-slider {
        padding: 0px 10px !important;
    }
}

@media screen and (max-width: 900px) and (min-width: 501px) {
    .single-product {
        min-height: 390px !important;
        height: auto !important;
    }
    .product-image-home {
        /* max-height: 280px; */
        height: auto !important;
    }
}

@media screen and (max-width: 800px) {
    #product-slider .owl-prev {
        float: left;
        margin-left: 15px !important;
    }
    #product-slider .owl-next {
        float: right;
        margin-right: 0px !important;
    }
    #product-slider .owl-prev,
    #product-slider .owl-next {
        width: 25px !important;
        height: 25px !important;
    }
    #product-slider .owl-prev span,
    #product-slider .owl-next span {
        font-size: 45px !important;
        line-height: 10px !important;
    }
    .sticky .header-logo img {
        width: 50% !important;
    }
}
@font-face {
    font-family: Montserrat;
    src: url('../fonts/Montserrat-Regular.otf');
    font-display: swap
}

@font-face {
    font-family: Montserrat Semibold;
    src: url('../fonts/Montserrat-SemiBold.otf');
    font-display: swap
}

@font-face {
    font-family: Montserrat Bold;
    src: url('../fonts/Montserrat-Bold.otf');
    font-display: swap
}

@font-face {
    font-family: Montserrat Light;
    src: url('../fonts/Montserrat-Light.otf');
    font-display: swap
}

.dropdown-toggle::after {
    display: none
}

.navbar {
    padding-top: unset !important;
    padding-bottom: unset !important
}

body {
    font-family: Montserrat;
    font-size: 14px;
    line-height: 1.42857143;
    color: #ffffff;
    background-color: #fff
}

section.footer {
    background-color: #2e2e2e;
    padding-top: 30px;
    padding-bottom: 0;
    color: #cacaca
}

.footer {
    background-color: #1a202c
}

footer {
    background-color: #3c3c3c;
    padding: 10px 0
}

footer p {
    margin: 0 !important;
    color: #878787
}

.font_m_bold {
    font-family: 'Montserrat Bold'
}
.navbar .megamenu{
    padding:1rem
}
@media all and (min-width:992px){
    .navbar .has-megamenu{
        position:static!important
    }
    .navbar .megamenu{
        left:0;
        right:0;
        width:100%;
        margin-top:0
    }
}
@media(max-width:991px){
    .navbar.fixed-top .navbar-collapse,.navbar.sticky-top .navbar-collapse{
        overflow-y:auto;
        max-height:90vh;
        margin-top:10px
    }
}
@media (min-width:1282px) and (max-width:1493px){
    .custom-menu .input-group{
        width:155px!important
    }
}
.header{
    font-family:'Montserrat Semibold'
}
.header .cntct-info .contact-tab>a,.social-icon>a{
    color:#ffffff!important;
    text-decoration:none!important
}
.contact-tab>a{
    font-size:13px!important
}
.navbar .megamenu{
    left:10px!important;
    right:0;
    width:99%!important;
    top:78%!important
}
.col-megamenu .title{
    margin:30px 0;
    font-family:'Montserrat Semibold';
    font-size:17px
}
.col-megamenu a{
    color:#3c3c3c;
    text-decoration:none;
    font-family:'Montserrat Semibold'
}
.megamenu-ul a{
    color:#3c3c3c;
    text-decoration:none;
    font-size:14px
}
.megamenu{
    padding-bottom:35px
}
.col-megamenu .title a:after{
    content:'';
    height:2px;
    display:block;
    color: #59b000;
    width:50px;
    bottom:0;
    border:solid;
    margin-top:10px
}
.megamenu-ul>li:before{
    content:url('../assets/images/menu-bullets.png');
    color:#59b000;
    width:11px;
    margin:0 7px
}
.megamenu a:hover{
    background-color:#f5f5f5
}
.nav-item{
    font-size:14px;
    font-family:'Montserrat Semibold'
}
.dropdown-menu{
    min-width:200px!important;
    padding:5px 10px;
    border:1px solid rgba(0,0,0,.15);
    border-radius:4px;
    left:6px
}
.dropdown-menu .row>ul>li{
    border-bottom:1px solid rgba(0,0,0,.15)
}
.dropdown-menu .row>ul>li>a{
    font-family:'Montserrat Semibold';
    display:block;
    padding:10px 0;
    font-size:14px;
    text-decoration:none;
    clear:both;
    font-weight:400;
    line-height:1.42857143;
    color:#333;
    white-space:nowrap
}
.dropdown-menu .row>ul>li>a:hover{
    background-color:#f5f5f5
}
.custom-menu .navbar-nav>li>a{
    color:#2b2b2b!important;

font-family:'Montserrat Bold';
    padding:8px 20px!important;
    font-size:14px
}
.custom-menu .navbar-nav>li>a:focus,.custom-menu .navbar-nav>li>a:hover{
    color:#2b2b2b;
    border-bottom: 1px solid #59b000!important;
}
.overlay-content .accordion-header a,.res-overlay .accordion-item a{
    display:block;
    font-family:'Montserrat Bold';
    text-decoration:none
}
.accordion-item-inner a{
    display:block;
    font-family:'Montserrat Light'!important;
    text-align:left;
    padding-right:10px;
    color:#fff
}
.accordion-item-inner a:hover{
    display:block;
    font-family:'Montserrat Light'!important;
    text-align:left;
    padding-right:10px;
    color:#fff
}
.accordion-button:not(.collapsed){
    background-color:transparent
}
#menu-collapse-1 .panel-body{
    padding:0 15px
}
.res-overlay{
    height:100%;
    width:0;
    position:fixed;
    z-index:111111;
    top:0;
    left:0;
    background-color:#000;
    background-color:rgba(0,0,0,.9);
    overflow-x:hidden;
    transition:.5s
}
.overlay-content{
    position:relative;
    top:18%;
    width:100%;
    text-align:center;
    margin-top:30px
}
.res-overlay .panel a{
    color:#fff;
    padding-left:43px;
    padding-top:5px;
    padding-bottom:5px;
    position:relative;
    font-size:16px;
    text-align:left;
    text-decoration:none
}
.res-overlay a:focus,.res-overlay a:hover{
    color:#f1f1f1
}
.res-overlay .closebtn{
    position:absolute;
    top:50px;
    right:24px;
    font-size:46px;
    color:#fff
}
.panel.home-item-icon .fa{
    font-size:42px
}
.overlay-content .panel{
    background:0 0;
    box-shadow:none
}
.overlay-content .accordion-item{
    border-width:1px 0 0;
    border-style:solid;
    border-color:#59b000;
    background-color:transparent!important
}
.overlay-content .accordion-button{
    background-color:transparent!important
}
.overlay-content .panel-title{
    text-align:left
}
.overlay-content .panel:last-child{
    border-bottom:none
}
.overlay-content .panel-group>.panel:first-child .panel-heading{
    border-radius:4px 4px 0 0
}
.overlay-content .accordion-group .panel{
    border-radius:0
}
.overlay-content .accordion-group .accordion+.accordion{
    margin-top:0
}
.overlay-content .accordion-heading{
    background-color:transparent;
    border-radius:0;
    border:none;
    color:#fff;
    padding:0;
    text-align:left
}
.overlay-content .accordion-title a{
    color:#fff;
    padding:15px;
    position:relative;
    font-size:16px
}
.overlay-content .accordion-group .accordion-heading+.accordion-collapse>.accordion-body{
    border-top:1px solid #59b000
}
@media (max-width:767px){
    div#accordionMenu{
        width:290px
    }
}
div#accordionMenu{
    width:350px;
    display:inline-block
}
.panel-group{
    margin-bottom:20px
}
#collapseThree a,#collapseTwo a{
    padding:7px 15px;
    font-size:14px;
    font-family:'Montserrat Light'
}
div#accordionMenu{
    width:350px;
    display:inline-block
}
.accordion-body{
    padding:0
}
.accordion-button{
    color:#fff
}
.accordion-button:not(.collapsed){
    color:#fff
}
.accordion-button.collapsed::after{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.accordion-button:focus{
    box-shadow:none!important
}
@media all and (max-width:1366px){
    .custom-menu .navbar-nav>li>a{
        padding:6px 5px!important
    }
}
@media all and (max-width:1460px){
    .custom-menu .navbar-nav>li>a{
        padding:6px 5px!important
    }
}
@media all and (max-width:1300px){
    .custom-menu .navbar-nav>li>a{
        padding:6px 5px!important
    }
    .default-logo1{
        width:200px!important;
        height:auto!important
    }
    .search_form_top{
        display:none;
        width:100%
    }
}
@media all and (max-width:1150px){
    .default-logo1{
        width:160px!important;
        height:auto
    }
    .search_form_top{
        display:none;
        width:100%
    }
}
.beat_my_quote_heading{
    font-family:'Montserrat Bold';
    font-size:30px
}
.get-quote p{
    font-family:'Montserrat Light';
    font-size:18px;
    font-weight:700
}
.search_input_top{
    display:block;
    color:#555;
    background-color:transparent;
    border:none;
    border-radius:4px
}
.search_input_top:focus{
    box-shadow:inherit;
    display:block;
    color:#555;
    background-color:transparent;
    border:none;
    border-radius:4px
}
.search_form_top{
    padding:0;
    margin:15px 0;
    border:1px solid #ddd;
    border-radius:20px
}
.small_search_form_top{
    padding:0;
    border:1px solid #ddd;
    border-radius:20px;
    width:250px;
    align-self:center;
    margin-left:auto;
    margin-right:auto
}
.fa-search{
    color:#0c4128
}
span.res-search{
    float:right;
    display:block;
    line-height:62px
}
@media (min-width:1300px){
    span.res-search{
        display:none
    }
}
span.res-search img{
    width:25px
}
.drop-search{
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:70px;
    background:#fff;
    padding:20px 10px;
    box-shadow:0 5px 12px -2px rgb(0 0 0 / 20%)
}

.footer_headings {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Montserrat Bold';
    letter-spacing: 1
}

#footer-btn {
    color: #3c3c3c;
    font-family: 'Montserrat Bold';
    padding: 5px 20px;
    margin-top: 15px;
    float: right;
    outline: 0
}

a.banner-btn-detail {
    font-family: Montserrat;
    top: 62%;
    left: 18%;
    border-radius: 30px;
    padding: 12px 50px;
    font-size: 16px
}

a.banner-btn-detail,
a.get-quote-btn-banner {
    position: absolute;
    color: #000;
    background: #59b000
}

a.get-quote-btn-banner {
    font-family: Montserrat;
    top: 90.5%;
    left: 28%;
    border-top-left-radius: 30px;
    padding: 8px 30px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 60px
}

h1,
h2,
h4 {
    font-family: 'Montserrat Bold'
}

h2 {
    font-size: 18px !important
}

.home_page_h1 {
    font-size: 34px
}

.products p {
    padding: 0 10% 30px;
    font-family: 'Montserrat Light';
    font-weight: 700;
    font-size: 14px
}

.products {
    background-color: #fff0e6;
    background-color: -moz-linear-gradient(left, #fff0e6 1%, #ffdbc4 100%);
    background-color: -webkit-linear-gradient(left, #fff0e6 1%, #ffdbc4 100%);
    background-color: linear-gradient(to right, #fff0e6 1%, #ffdbc4 100%);
    background-image: url(../images/dice-img.webp);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 150px;
    padding: 40px 0 70px
}

.product-block .change-hover,
.products-list .change-hover {
    display: inline-block;
    background: #fff;
    background: -moz-radial-gradient(center, ellipse cover, #fff 44%, #e5e5e5 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #fff 44%, #e5e5e5 100%);
    background: radial-gradient(ellipse at center, #fff 44%, #ddd 100%)
}

.change-hover:hover img:first-child {
    display: none
}

.change-hover:hover img:last-child {
    display: inline-block
}

.bg-bck,
.change-hover img:last-child,
.hand-img {
    display: none
}

.product-block {
    position: relative;
    background-color: #fff;
    margin: 0 0 30px
}

.detail-panel {
    padding-top: 40px;
    padding-bottom: 40px
}

.product-block>img {
    min-height: 245px
}

.product-block img {
    width: 100%
}

.product-block p {
    margin-bottom: 10px;
    padding: 0 20px;
    height: 60px;
    overflow: hidden
}

.opi-products-page-offer-img {
    height: 140px
}

.product-block .product-title {
    padding-bottom: 10px;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 18px
}

.read-more {
    padding: 10px 15px;
    font-family: 'Montserrat SemiBold';
    text-transform: uppercase;
    border-radius: 20px
}

.read-more:focus,
.read-more:hover {
    text-decoration: underline;
    color: #3c3c3c
}

.product-block .change-hover {
    display: inline-block;
    background: #fff;
    background: -moz-radial-gradient(center, ellipse cover, #fff 44%, #ddd 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #fff 44%, #ddd 100%);
    background: radial-gradient(ellipse at center, #fff 44%, #ddd 100%)
}

.read-more {
    font-size: 14px;
    font-family: Montserrat;
    text-decoration: none
}

.product-block .change-hover.opi-product-card-home-page {
    display: flex;
    align-items: center;
    justify-content: center
}

.detail-panel:hover {
    background-color: #212121;
    color: #fff !important;
    -webkit-transition: background 1s;
    transition: background 1s
}

.single-icon {
    margin-left: 5px;
    margin-right: 5px
}

.single-icon img {
    border: 20px solid transparent;
    -webkit-border-image: url(../images/border-img.png) 25 round;
    -o-border-image: url(../images/border-img.png) 25 round;
    border-image: url(../images/border-img.png) 25 round
}

.tabs-carousel .nav-link {
    font-family: Montserrat;
    font-size: 13px;
    padding: 6px 20px;
    border: 1px solid #d6d6d6 !important
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: #fab900;
    color: #3c3c3c;
    border: none !important
}

.tabs-carousel .nav-pills {
    justify-content: center
}

.customer_details {
    background-image: url(../images/about-feedback-banner.webp);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0
}

.scroll_background_important {
    background-color: #ffffff !important
}

.search_form_display {
    display: none
}
.process-block-text text-center{
    color: black;
}
.oxo_details {
    padding-bottom: 30px
}

.oxo_details p {
    font-family: 'Montserrat Light';
    font-size: 14px;
    line-height: 1.42857143;
    color: #333
}

.media-object {
    width: 73px !important
}

.oxo_details h2 {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.1
}

.oxo_details h3 {
    font-size: 24px;
    font-weight: 700
}

.oxo_details a {
    color: #337ab7
}

.yellow-border {
    border: 12px solid #59b000;
    padding: 14px;
    width: 100%;
    float: left;
    margin: 20px 0;
    position: relative;
    background-color: #fff
}

.customer_details h3 {
    font-size: 24px;
    font-family: 'Montserrat Bold';
    color: #333
}

.yellow-border p {
    font-weight: 700;
    font-family: 'Montserrat Light'
}

.card-title h5 {
    font-family: 'Montserrat Bold'
}

.testimonials .owl-carousel .owl-next {
    display: inline-block;
    position: absolute;
    top: 40%;
    right: -25px
}
.testimonials .owl-carousel .owl-prev {

display: inline-block;
    position: absolute;
    top: 38%;
    left: -36px;
}

.footer h3 {
    font-family: 'Montserrat SemiBold';
    font-size: 24px
}

section.footer ul li a {
    font-family: 'Montserrat Light';
    font-weight: 700;
    color: #cacaca;
    font-size: 14px
}

.bullets ul li a {
    float: left;
    width: calc(100% - 15px)
}

section .footer {
    margin: 10px 10px
}

input#footer-form::-webkit-input-placeholder {
    font-size: 11px;
    width: 100%
}

input#footer-form {
    font-size: 14px;
    width: 100%;
    padding: 9px 18px
}

section.footer #footer-btn {
    padding: 7px 18px;
    font-size: 12px
}

section.footer p {
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 16px
}

section.footer a {
    color: #f2f3f5
}

section.footer li {
    padding: 0 0;
    font-size: 14px;
    line-height: 30px;
    text-decoration: none !important
}

section.footer li a {
    text-decoration: none !important
}

section.footer ul {
    padding-left: 0
}

section.footer .social-icon i {
    padding: 5px 10px;
    font-size: 20px;
    width: 35px;
    text-align: center;
    text-decoration: none;
    margin: 5px 1px
}

section.footer .social-icon .fa:hover {
    opacity: .6;
    color: #fff
}

section.footer .fa-facebook-f {
    background: #3b5998;
    color: #fff
}

section.footer .fa-twitter {
    background: #55acee;
    color: #fff
}

section.footer .fa-google-plus {
    background: #dd4b39;
    color: #fff
}

section.footer .fa-linkedin {
    background: #007bb5;
    color: #fff
}

section.footer .fa-youtube {
    background: #b00;
    color: #fff
}

section.footer .fa-instagram {
    background: #125688;
    color: #fff
}

section.footer .fa-pinterest {
    background: #cb2027;
    color: #fff
}

@media (min-width:1681px) {
    .testimonials .container {
        padding-right: 250px
    }
}

.image-1 img {
    width: 100%
}

section.footer ul {
    list-style: none;
    padding: 7px 0;
    font-size: 14px
}

.bullets li:before {
    color: #59b000;
    float: left;
    width: 11px;
    margin-right: 4px;
    content: "\2022";
    font-size: 200%
}

section.footer .contact-ul li {
    padding: 7px 0;
    font-size: 14px;
    line-height: 20px;
    font-family: Montserrat
}

.owl-carousel:not(.owl-loaded) {
    opacity: 0;
    visibility: hidden;
    height: 0
}

.g-tags {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding-bottom: 20px;
    align-items: center;
    justify-content: center
}

.media-objects {
    height: 23px !important;
    width: 145px !important
}

.bg-warning {
    background-color: #59b000 !important
}

.text-warning {
    color: #59b000 !important
}

.btn-warning {
    background-color: #59b000 !important
}

.products_container {
    background: #ffe9db;
    background: -moz-linear-gradient(left, #ffe9db 0, #ffdcc6 100%);
    background: -webkit-linear-gradient(left, #ffe9db 0, #ffdcc6 100%);
    background: linear-gradient(to right, #ffe9db 0, #ffdcc6 100%);
    padding-top: 1px;
    padding-bottom: 75px
}

.card-box {
    width: 100%;
    border: 1px solid #ddd;
    box-shadow: 0 0 10px 0 #c5c5c5;
    margin-bottom: 30px
}

.product_image {
    width: 100%
}

.title_box span {
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 17px;
    text-align: center;
    font-family: 'Montserrat SemiBold'
}

.title_box:hover {
    background-color: #212121;
    color: #fff !important
}

.get_started {
    margin-bottom: 10px
}

.title_box {
    align-items: center;
    transition: background-color 1s, color 1s;
    position: relative
}

.title_box a {
    font-family: 'Montserrat SemiBold';
    font-size: 14px
}

.products_container h1 {
    font-size: 26px;
    margin: 0
}

.card-thumbnail img {
    width: 100%
}

a.beat-quote {
    padding: 10px 0;
    width: 100%;
    display: inline-block;
    font-size: 20px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    margin-bottom: 15px;
    background: #a90329;
    background: -moz-linear-gradient(top, #a90329 1%, #6d0019 100%);
    background: -webkit-linear-gradient(top, #a90329 1%, #6d0019 100%);
    background: linear-gradient(to bottom, #a90329 1%, #6d0019 100%)
}

.side-bar-form {
    background-color: #fff;
    padding: 20px 2px;
    margin-bottom: 30px;
    position: relative;
    padding-top: 62px
}

.side-bar-form .get-quote {
    margin-bottom: 0;
    background: #2e2e2e;
    padding: 15px 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.side-bar-form .get-quote h4 {
    color: #fff;
    margin: 0;
    text-align: center
}

.side-bar-form .form-control {
    padding: 6px 6px;
    font-size: inherit;
    position: relative
}

.visible-xs {
    display: none
}

.side-bar-form .form-group {
    margin-bottom: 17px;
    position: relative
}

.side-bar-form h4 {
    font-size: 18px
}

.side-bar-form textarea {
    resize: none
}

.form-group.red-star:after {
    content: "*";
    color: red;
    top: 1px;
    position: absolute;
    left: 4px
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

.btn.btn-warning.btn-quote {
    color: #2b2b2b;
    background-color: #59b000;
    border: none;
    border-radius: 27px;
    padding: 10px 50px;
    margin-top: 7px;
    font-weight: 700;
    font-size: 18px;
    -webkit-box-shadow: 0 0 15px -1px rgb(0 0 0 / 33%);
    -moz-box-shadow: 0 0 15px -1px rgba(0, 0, 0, .33);
    box-shadow: 0 0 15px -1px rgb(0 0 0 / 33%)
}

.has-error {
    border: 1px solid red
}

.offer-sec {
    margin-top: 30px;
}

.offer-slider {
    margin: 50px 0 -200px;
    min-height: 420px !important;
}

.recommended_products {
    min-height: 426px
}

.offer-slider .owl-item:nth-child(even) .shadow-view {
    background-image: url(../images/back-grey.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.offer-slider .owl-item:nth-child(odd) .shadow-view {
    background-image: url(../images/back-yellow.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.offer-slider .owl-carousel .owl-next {
    display: inline-block;
    position: absolute;
    top: 38%;
    right: -100px
}

.offer-slider .owl-carousel .owl-prev {
    display: inline-block;
    position: absolute;
    top: 38%;
    left: -100px
}

section.category_detail_box {
    padding: 150px 0 100px
}

.rowfafari {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media all and (min-width:992px) {
    .navbar .nav-item .dropdown-menu {
        display: none
    }

.navbar .nav-item:hover .dropdown-menu {
        display: block
    }

.navbar .nav-item .dropdown-menu {
        margin-top: 272px;
    }
}

@media all and (max-width:768px) {
    .g-tags {
        flex-direction: column !important
    }

.testimonials .owl-next img {
        width: 40px;
        height: auto
    }
    .testimonials .owl-prev img {
        width: 40px;
        height: auto
    }

.testimonials .owl-carousel .owl-next {
        display: inline-block;
        position: absolute;
        top: 40%;
        right: -12px
    }
    .testimonials .owl-carousel .owl-prev {
        display: inline-block;
        position: absolute;
        top: 40%;
        left: -12px
    }
    .visible-xs {
        display: block !important
    }

footer {
        height: 105px
    }

.tabs-carousel .nav-link {
        font-size: 13px;
        padding: 6px 7px
    }

.recommended_products {
        min-height: 490px
    }
}

@media all and (max-width:575px) {
    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        height: 120px
    }

.empty_box {
        width: 100% !important;
        height: 120px !important
    }

.media-object {
        height: 73px !important
    }

.media-objects {
        height: 25px !important;
        width: 145px !important
    }
}

@media all and (max-width:1000px) {
    .media-object {
        width: 60px !important
    }

.card-body media-object {
        width: 55px !important
    }
}

@media all and (max-width:1206px) {
    .media-object {
        width: 73px !important
    }

.card-body media-object {
        width: 60px !important
    }
}

.nav-link {
    color: #2b2b2b !important
}

.main-btm-btn {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 222;
    width: 100%;
    overflow: hidden
}

.mobile-btm-btn-call {
    text-transform: uppercase;
    width: 50%;
    background: #ffffff;
    color: #242424;
    padding: 12px 30px;
    display: inline-block
}

.mobile-btm-btn-quote {
    text-transform: uppercase;
    float: right;
    background: #242424;
    color: #fff;
    width: 50%;
    padding: 22px 30px;
    display: inline-block;
    border-left: 1px solid #fff
}
@media screen and (max-width: 575px) {
    p.process-block-text.text-center {
        top: 30% !important;
        left: 15% !important;
    }
    .process-block-image {
        max-width: 200px !important;
        min-height: 172px !important;
    }
    .product-list .col-sm-4 {
        margin-bottom: 20px;
    }
    div#product-area {
        padding-top: 20px !important;
    }
    .testimonials {
        padding: 20px 0px !important;
    }
    h2.section-title {
        font-size: 20pt !important;
    }
    h1.section-title {
        font-size: 20pt !important;
    }
    div#product-area .top-title p {
        font-size: 14px !important;
    }
    .home-page-info-section h3 br {
        display: none;
    }
    .home-page-info-section h3 {
        font-size: 16pt !important;
    }
    .home-page-info-section p {
        font-size: 14px;
    }
    .home-page-info-section {
        padding: 15px 0px;
    }
    .product-info h4 {
        font-size: 18px !important;
    }
    .product-info h5 {
        font-size: 15px !important;
    }
    .slider .carousel-caption {
        bottom: 0% !important;
        left: 14%;
    }
    a.btn-slider {
        font-size: 10pt !important;
        padding: 4px 10px !important;
    }
    .slider .carousel .carousel-indicators li {
        width: 10px !important;
        height: 10px !important;
    }

.slider {
        width: 100%;
        /* min-height: 430px; */
        overflow: hidden;
    }
}
.border-start {
    border-left: 1px solid #dee2e6!important;
}
.btn-secondary{
    color:black;
}
.btn-secondary:hover {
    color: #000000;
    border-top: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-left: 0px;
}
.border-transparent {
    border-top: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-left: 0px;

}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
.border-start {
    border-left: 1px solid #dee2e6!important;
}
.search_form_display {
    display: none
}
@media screen and (max-width: 767px) and (min-width: 576px) {
    .slider .carousel-caption {
        bottom: 5% !important;
        left: 10%;
    }
    a.btn-slider {
        font-size: 10pt !important;
    }
    p.process-block-text.text-center {
        top: 32% !important;
        left: 7% !important;
        font-size: 12px !important;
    }
    .icon-block-icon {
        width: 75px !important;
        height: 75px !important;
    }
    .process-block-image {
        width: 130px !important;
        min-height: 100px !important;
    }
    .icon-block-text p {

font-display: swap;
    }
    div#product-area {
        padding-top: 20px !important;
    }
    h2.section-title {
        font-size: 20pt !important;
    }
    h1.section-title {
        font-size: 20pt !important;
    }
    .product-info h4,
    .product-info h5 {
        font-size: 15px !important;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .slider .carousel-caption {
        bottom: 10% !important;
        left: 10%;
    }
    p.process-block-text.text-center {
        top: 35% !important;
        left: 12% !important;
        font-size: 13px !important;
    }
    .product-info h4,
    .product-info h5 {
        font-size: 15px !important;
    }
    .process-block-image {
        width: 165px !important;
        min-height: 130px !important;
    }
    h2.section-title {
        font-size: 22pt !important;
    }
    h1.section-title {
        font-size: 22pt !important;
    }
}

@media screen and (max-width: 764px) {
    .dropdown {
        position: relative;
        height: auto !important;
        align-items: center;
        display: block !important;
    }
    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f2f5fa;
        width: 100% !important;
        z-index: 30;
        left: 0px !important;
        top: 0 !important;
    }
    .dis-on-desktop-blog {
        display: none !important;
    }
    .dis-on-mobile-blog {
        display: block !important;
    }
    .topnav a {
        display: none;
    }
    .dropdown .dropbtn {
        display: none;
    }
    a.icon {
        float: right;
        display: block;
        width: 20%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
    a.bars-menu span.bars-icon {
        display: block;
    }
    a.bars-menu span.close-icon {
        display: none;
    }
    a.close-menu span.bars-icon {
        display: none;
    }
    a.close-menu span.close-icon {
        display: block;
    }
    div#header .col-mobile {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100%;
        padding: 0px;
    }
    #header .row.py-4 {
        padding-bottom: 0px !important;
    }
}

@media screen and (max-width: 764px) {
    .topnav .dropdown {
        float: none;
    }
    .topnav.responsive {
        position: relative;
        padding: 10px 15px;
        margin-top: 20px;
        background: #f2f5fa;
    }
    .topnav.responsive .icon {
        right: 0 !important;
        top: 0 !important;
        text-align: right !important;
    }
    .topnav.responsive a.menu-item {
        float: none !important;
        display: block;
        text-align: left !important;
    }
    .topnav.responsive .dropdown {
        float: none;
    }
    .topnav.responsive .dropdown-content {
        position: relative;
    }
    .topnav.responsive .dropdown .dropbtn {
        display: block;
        width: 100%;
        text-align: left;
    }
}

.animate-btn {
    transition-duration: .3s;
    transition-property: transform;
}

.animate-btn:hover {
    transform: scale(0.9);
}

.h2,
h2 {
    font-size: 25px;
    color: #000000a8;
}

.h3,
h3 {
    font-size: 22px;
    color: #000000a8;
}

/* Header */

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 110;
    animation: fade-in-top 0.5s ease-in-out both;
}

.sticky .header-logo img {
    width: 70%;
}

.sticky .sticky-logo-space {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

@keyframes fade-in-top {
    /* 0% {
     transform: translateY(50px);
     opacity: 0;
 }
 100% {
     transform: translateY(0);
     opacity: 1;
 } */
    from {
        opacity: 0;
        transform: translate3d(0, -20%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.sticky:target {
    height: auto;
}

.sticky+.content {
    padding-top: 60px;
}

a.menu-item {

font-display: swap;
    color: #000;
    text-decoration: none;
    font-size: 16px;
}

a.menu-item:focus {
    box-shadow: none !important;
}

svg.responsive-bars {
    width: 20px;
    height: 20px;
    fill: #59b000;
    color: #59b000;
}

a.menu-item:hover {
    color: #254366;
}

a.menu-item:hover span.btn-custom {
    border-bottom: 2px solid #59b000;
}
.sec-white p{
    width:100%;
}
.active-menu-item {
    border-bottom: 2px solid #59b000;
    text-decoration: none;
    color: #254366;
}

a#inquire-btn {
    background: #254366;
    color: #fff;
    padding: .375rem 15px;
}

a#inquire-btn:hover {
    background: #59b000;
    color: #f2f6fa;
}

a#inquire-btn:hover span.btn-custom {
    border-bottom: none;
}

.icon {
    display: none;
}

img {
    height: auto;
}

.slider .carousel .carousel-indicators li {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background-color: #254366;
}

a.btn-slider {
    background: #fff;
    color: #000;

font-display: swap;
    font-size: 14pt;
    padding: 6px 20px;
}

a.btn-slider span {
    margin: 3px 0px 0px 7px;
}

.slider .carousel-caption {
    text-align: left;
    bottom: 15%;

}

.sticky-space-for-slider {
    /* width: 100%; */
    /* position: relative; */
    /* float: left; */
    margin-top: 116px;
}

a.btn-slider:hover {
    background: #254366;
    color: #fff;
    font-weight: 100;
}

svg.right-long-arrow,
.right-long-arrow1 {
    width: 20px;
    height: 20px;
}

div#header {
    -webkit-box-shadow: 0 8px 6px -6px #00000024;
    -moz-box-shadow: 0 8px 6px -6px #00000024;
    box-shadow: 0 8px 6px -6px #00000024;
}

.menu-nav-bar {
    display: flex;
    align-items: center;
    justify-content: end;
}

/* mega menu */

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f2f5fa;
    /* width: 100%; */
    z-index: 30;
    /* overflow: hidden; */
    /* float: none; */
    top: 70px;
    left: 15px;
    width: 260px;
    box-shadow: 3px 9px 15px #00000042;
}

#form-custom-header {
    display: none;
    position: absolute;
    z-index: 33;
    border: 1px solid #59b000;
    background: #ffffffa3;
}

ul.tab-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.tab-menu li a {
    text-decoration: none;
    color: #000;
    font-size: 14px;
    display: block;

font-display: swap;
}

ul.tab-menu li {
    border-bottom: 1px solid #59b000;
    padding: 10px 5px 10px 0px;
}

ul.tab-menu li:last-child {
    border-bottom: 0;
}

ul.tab-menu li a:hover {
    text-decoration: none;
    color: #59b000;
}

.popup-form .row-form-product-detail .row {
    margin-top: 0px !important;
}

.popup-form .mb-custom {
    padding: 10px 10px;
}

.mega-menu-indicator svg {
    width: 20px;
    height: 20px;
    fill: #59b000;
    color: #59b000;
}

.mega-menu-indicator-inner svg {
    width: 20px;
    height: 20px;
    fill: #000;
    color: #000;
}

span.mega-menu-indicator-inner {
    padding-right: 5px;
}

ul.tab-menu li:hover .mega-menu-indicator-inner svg {
    width: 20px;
    height: 20px;
    fill: #59b000;
    color: #59b000;
}

/* .dropdown12:hover .dropdown-content12 {
 display: block !important;
} */

div#myTopnav {
    height: 100%;
    /* padding-top: 1.5rem; */
    /* position: relative; */
    /* display: flex; */
    /* justify-content: center; */
    align-items: center;
}

.dropdown {
    position: relative;
    height: 100%;
    align-items: center;
    display: flex;
}

/* Footer */

.bottom-footer p {
    text-align: center;
    margin-bottom: 0px;
    padding: 10px 0px;
    color: #2b2b2b!important;

font-display: swap;
    font-size: 12pt;
}

.bottom-footer p a {
    text-decoration: none;
    color: #254366;
}

.bottom-footer p a:hover {
    border-bottom: 1px solid #254366;
    color: #fff;
}

h2.footer-title {

font-display: swap;
    font-size: 20px;
    color: #59b000;
}

ul.footer-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.footer-menu li a,
.footer-contact a,
p.footer-text {

color: white !important;
    font-display: swap;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
}

ul.footer-menu li a:hover {
    color: #59b000;
}

/* Product Area Home Page*/

div#product-area {
    background: url("../images/General/background-product.jpg");
    background-size: 110%;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #f2f6fa;
}

h1.section-title,h2.section-title {

font-display: swap;
    color: #000000a8;
    font-size: 28pt;
    text-transform: uppercase;
}

div#product-area .top-title p {

font-display: swap;
    color: #626c89;
    font-size: 16px;
}

.single-product {
    min-height: 490px;
    background: #fff;
    padding: 15px 30px;
    box-shadow: 0px 0px 16px #00000061;
    border-radius: 5px;
    height: auto !important;
    overflow: hidden;
    max-height: 520px;
}

.product-image-home {
    border-top: 1px solid #e3e9f0;
    padding-top: 15px;
    max-height: 280px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.products-for-home .product-image-home {
    max-height: 280px;
    height: 100%;
}

.product-info {
    padding: 10px 0px 20px 0px;
    flex-grow: 1;
    text-align:center;
}

.product-info h4 {

font-display: swap;
    color: #000000a8;
    font-size: 21px;
    text-transform: uppercase;
    height: 43px;
}

.product-info p {
    max-height: 90px;
    color: #626c89;

font-display: swap;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: 100%;
}
.container .text-center p{
    color :black
}.container .text-center h1{
    color :black
}
 .product-info h5 {
     color:black;
 }
.product-home-product-image2 {
    display: none;
}

.product-image-home:hover .product-home-product-image2 {
    display: block;
}

.product-image-home:hover .product-home-product-image1 {
    display: none;
}

a.btn-product {
    background: #59b000;
    color: #f2f6fa;

font-display: swap;
    font-size: 14px;
    padding: .375rem 20px;
}

a.btn-product:hover {
    background: #254366;
    color: #fff;
    box-shadow: 0px 0px 5px #23436682;
}

.icon-block-text p {
    color: #fff;

font-display: swap;
    font-size: 12px;
}

.icon-block,
.icon-block-product {
    background: #254366;
}

.icon-block-text p {
    color: #fff;

font-display: swap;
    font-size: 12px;
}

.icon-block-icon {
    width: 100px;
    display: inline-grid;
    height: 100px;
    margin: 0 auto;
    border: 2px solid #59b000;
    border-radius: 50%;
    align-items: center;
    margin-bottom: 20px;
}

.icon-block-icon img {
    margin: 0 auto;
}

/* .process-block .container.py-5 {
 position: relative;
} */

p.process-block-text.text-center {
    position: absolute;
    text-align: center;
    align-items: center;
    top: 40%;
    left: 22%;
color :black;
    font-display: swap;
    font-size: 14px;
    /* max-width: 200px;
 width: 100%; */
}

.process-block-image {
    /* width: 200px; */
    max-height: 220px;
    margin: 0 auto;
    text-align: center;
    /* overflow: hidden; */
    height: 100%;
    position: relative;
}

p.process-block-text.text-center span {

font-display: swap;
}

.product-slider h2 {
    color: #fff;
}

/* Home page Info Section */

.home-page-info-section p {
    font-size: 16px;
    color: #626c89;

font-display: swap;
}

.home-page-info-section h3 {

font-display: swap;
    color: #000000a8;
    font-size: 22pt;
}

.home-page-info-section h2 {

font-display: swap;
}

.home-page-info-section h4 {

font-display: swap;
    color: #444444;
    font-size: 20px;
    margin: 10px 0px;
}

/* Testimonials  */

.testimonials {
    background: #f2f6fa;
}

/* .testimonials .carousel {
 max-width: 650px;
 margin: 0px auto;
} */

.testimonials .carousel .img-box {
    width: 145px;
    height: 145px;
    margin: 0 auto;
    border-radius: 50%;
}

.testimonials .carousel .img-box img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
}

.testimonials .carousel-item {
    text-align: center;
}

.testimonials svg.star {
    width: 30px;
    height: 30px;
    color: #254366;
    fill: #254366;
}

.testimonials svg.star-success {
    width: 30px;
    height: 30px;
    color: #59b000;
    fill: #59b000;
}

.testimonials .testimonial-rank {
    padding: 20px 0px;
}

.testimonials .testimonial-rank p {
    color: #f00a6c;

font-display: swap;
    font-size: 16pt;
    margin-bottom: 0px;
}

.testimonials .testimonial-rank {
    padding: 20px 0px;
}

.testimonials .testimonial-rank p {
    color: #f00a6c;

font-display: swap;
    font-size: 16pt;
    margin-bottom: 0px;
}

.testimonials p.testimonial-detail {
    color: #626c89;

font-display: swap;
    font-size: 16px;
}

.testimonials a.overview-all {
    color: #f00a6c;
    text-decoration: none;

font-display: swap;
    font-size: 16px;
}

.testimonials a.overview-all:hover {
    color: #59b000;
}

/* Product Detail */

.product-details-images-form {
    background: #f2f5fa;
}

.product-details-images-form .size,
.form-section {
    background: #fff;
}

h2.product-detail-title {
    text-transform: uppercase;

font-display: swap;
    color: #fff;
}
h1.product-detail-title {
    text-transform: uppercase;

font-display: swap;
    color: #fff;
}
.product-title-short-desc .col {
    background: #59b000;
}

.product-title-short-desc p {
    color: #fff;

font-display: swap;
    font-size: 16px;
}

.product-title-short-desc hr {
    color: #fff;
    height: 0.5px;
    border: none;
    background: #fff;
    margin-bottom: 10px;
}

.product-title-short-desc p.pr-id span {

font-display: swap;
}

.product-title-short-desc p.pr-id {
    margin-bottom: 0px;
}

.product-title-short-desc {
    padding: 10px 20px;
}

.product-details-images-form .size {
    padding: 20px 20px 16px 20px;
    box-shadow: -2px 8px 20px #00000036;
}

/* Product Detail Form */

.row-form-product-detail label {

font-display: swap;
    font-size: 18px;
    color: #000000a8;
}

.row-form-product-detail .row {
    margin-top: 25px !important;
}

.row-form-product-detail input[type=text],
.row-form-product-detail input[type=tel],
.row-form-product-detail input[type=email],
.row-form-product-detail select {
    /* height: 45px; */
    padding: 10px 20px;
    font-size: 16px;
    color: #000000a8;

font-display: swap;
    border: 1px solid #cdcdcd;
}

.row-form-product-detail textarea {
    /* height: 45px; */
    padding: 20px;
    font-size: 16px;
    color: #000000a8;

font-display: swap;
    border: 1px solid #cdcdcd;
}

.row-form-product-detail input[type=text]::placeholder,
.row-form-product-detail input[type=tel]::placeholder,
.row-form-product-detail input[type=email]::placeholder,
.row-form-product-detail textarea::placeholder {
    font-size: 14px;
    color: #cecece;

font-display: swap;
}
.sec-white{
    color :#000000a8
}
.icon-block-text p{
    color: white !important;
}
.row-form-product-detail select {

}
a {
    color: #59b000;
    text-decoration: none;
}
.row-form-product-detail .focus-visible {
    border: 2px solid #59b000 !important;
    outline: none !important;
}

.row-form-product-detail select:focus-visible {
    border: 2px solid #59b000 !important;
    outline: none !important;
}

.row-form-product-detail input[type=text]:hover,
.row-form-product-detail input[type=tel]:hover,
.row-form-product-detail input[type=email]:hover,
.row-form-product-detail select:hover,
.row-form-product-detail textarea:hover {
    border: 1px solid #59b000 !important;
}

.row-form-product-detail input.submit-custom-quote {
    background: #59b000;
    border: 1px solid #59b000;
    box-shadow: none;
    color: #fff;

font-display: swap;
    font-size: 16px;
    padding: 8px 35px;
}

.row-form-product-detail .row:last-child {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.row-form-product-detail {
    padding: 5px;
}

.icon-block-product {
    padding: 30px 0px;
    margin-top: 162px !important;
}

.form-section {
    box-shadow: 4px 3px 20px #00000036;
}

span.required-symbol {
    color: #ff0000;
    padding-right: 3px;
}

.row-form-product-detail input.submit-custom-quote:hover {
    background: #254366;
    border: 1px solid #254366;
}

#more-details {
    display: none;
}

#myBtn-des,
#myBtn-more {
    text-decoration: none;
    color: #254366;

font-display: swap;
}

.tab-content {

font-display: swap;
    color: #626c89;
    font-size: 16px;
}

.prod-description-tab ul.nav.nav-tabs li {
    margin-right: 5px;
}

.prod-description-tab ul.nav.nav-tabs li {
    padding: 10px 0px;

}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    padding: 10px 0px;
    background: #59b000;
}

.prod-description-tab ul.nav.nav-tabs li a {
    background: #e9e9e9;
    padding: 10px 25px;
    border-radius: 10px 10px 0px 0px;
    color: #b7b7b7;
    text-decoration: none;

font-display: swap;
}

.prod-description-tab ul.nav.nav-tabs li a.active {
    background: #59b000;
}

.prod-description-tab ul.nav.nav-tabs li a.active {
    color: #fff;
}

.prod-description-tab ul.nav.nav-tabs {
    border-bottom: 1px solid #59b000;
}

/* Product Slider */

#product-slider .owl-stage {
    display: flex;
}

#product-slider .caption {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
}

#product-slider .owl-item {
    float: left;
    /* height: 100%;
    min-height: 1px; */
    /* background: #fff; */
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    flex: 1 0 auto;
    padding: 10px;
}

#product-slider .product-slide-item.item {
    width: 100%;
    background: #fff;
    padding: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
}

#product-slider .product-slide-item.item img {
    width: 73%;
    /* text-align: center; */
    margin: 0px auto;
}

#product-slider .slide-image-product {
    text-align: center;
    margin: 0px auto;
    max-height: 240px;
    height: 100%;
}

#product-slider .slide-content-product {
    padding-top: 10px;
}

#product-slider .slide-content-product h4 {

font-display: swap;
    font-size: 18px;
    margin-bottom: 5px;
    color: #000000a8;
}

#product-slider .slide-content-product h4.product-price {
    color: #d29958;
}

#product-slider .owl-dots {
    display: none;
}

#product-slider .owl-nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

#product-slider .product-slider {
    position: relative;
}

#product-slider .owl-prev,
#product-slider .owl-next {
    background: #fff;
}

#product-slider .owl-prev span,
#product-slider .owl-next span {
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
    color: #ffffff;
    font-size: 61px;
    height: 100%;
    line-height: 19px;
    padding-top: 0px;
}

#product-slider .owl-prev,
#product-slider .owl-next {
    width: 35px;
    height: 35px;
    /* margin-left: 20px; */
    background: #59b000 !important;
    border-radius: 50% !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

#product-slider .owl-stage-outer {
    /* margin: 0px 40px; */
    position: relative;
    text-align: center;
    /* padding: 0px; */
}

.product-slider {
    position: relative;
}

#product-slider .owl-prev {
    float: left;
    margin-left: 15px;
}

#product-slider .owl-next {
    float: right;
    margin-right: 3px;
}

/* Thumnail SLider Product Discription Page */

#thumnail-slider .owl-dots {
    display: none;
}

ul#thumnail-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    list-style: none;
}

ul#thumnail-slider .owl-nav {
    margin-top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding: 10px 0px; */
    width: 7%;
    float: right;
    text-align: right;
}

ul#thumnail-slider .owl-nav button.owl-prev {
    display: none;
}

ul#thumnail-slider .owl-stage-outer {
    /* margin: 10px 0px; */
    width: 92%;
    /* display: flex; */
}

ul#thumnail-slider button.owl-next {
    height: 100%;
    /* width: 35px; */
    background: #59b000 !important;
    margin: 0px;
}

ul#thumnail-slider button.owl-next span {
    color: #fff;
    font-size: 100px;
    line-height: 20px;
    font-weight: 200;
}

ul#thumnail-slider .owl-stage-outer .owl-stage .owl-item {
    /* width: 140px !important; */
    text-align: center;
}

/* Product Listing  */

#product-listing h2.section-title, #product-listing h1.section-title {
    margin-bottom: 0px;

font-display: swap;
    color: #000000a8;
    font-size: 23pt;
    text-transform: uppercase;
    background: #fff;
    padding: 10px 30px;
    text-align: left;
}

.product-listing h2.section-title span,.product-listing h1.section-title span {

font-display: swap;
}

.product-listing .product-title-short-desc {
    padding: 0px;
    text-align: center;
    color: #fff;
}

.product-listing .product-title-short-desc .col {
    background: #59b000;
    border-radius: 5px;
}

.product-listing .product-title-short-desc .col h3 {
    font-size: 1.5rem;
    margin-bottom: 0px;
    line-height: 24px;
}

.product-listing {
    background: #f2f6fa;
}

.product-listing .row-form-product-detail {
    background: #fff;
    box-shadow: 0px 7px 23px 20px #00000014;
    border-radius: 5px;
}

.product-listing .row {
    margin-top: 16px !important;
}

.product-listing .row:nth-child(1) {
    margin-top: 5px !important;
}

.form-product-listing input[type=text],
.form-product-listing input[type=tel],
.form-product-listing input[type=email],
.form-product-listing select {
    height: 32px;
    padding: 4px 8px;
    font-size: 16px;
    color: #000000a8;

font-display: swap;
    border: 1px solid #cdcdcd;
}

span.icon-home svg {
    width: 35px;
    height: 35px;
    margin-right: 10px;
}

span.icon-home {
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 100%; */
    /* float: left; */
}

#product-listing .product-image-home {
    border-top: 0px solid #e3e9f0;
    padding-top: 15px;
    background: #e3e9f0;
    padding-bottom: 10px;
    overflow: hidden;
}

#product-listing .single-product {
    /* min-height: auto; */
    background: #fff;
    height: 100%;
    padding: 15px 15px;
    box-shadow: 0px 7px 23px 8px #00000014;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
}

div#product-listing {
    width: 100%;
    float: left;
}

div#product-listing .top-title .col h2 {
    box-shadow: -12px 11px 19px #0000001f;
}

#detail-product strong.bold {
    /* font-weight: 600 !important; */

font-display: swap;
    color: #000;
}

div#detail-product h2 {

font-display: swap;
    font-size: 28px;
    margin: 20px 0px;
    color: #000000a8 !important;
}

div#detail-product h3 {

font-display: swap;
    font-size: 24px;
    margin: 20px 0px;
    color: #000000a8 !important;
}

div#detail-product h4 {

font-display: swap;
    font-size: 20px;
    margin: 20px 0px;
    color: #000000a8 !important;
}

div#detail-product a {
    color: #59b000;
    text-decoration: none;
}

div#detail-product a:hover {
    color: #254366;
    text-decoration: underline;
}

.product-info h5 {
    font-size: 16px;

font-display: swap;
}

/* contact us Page */

.contact-us-design .row-form-product-detail .row {
    margin-top: 33px !important;
}

.contact-us-design .info-box {
text-align: center;
    align-items: center;
    /* justify-content: center; */
    margin-bottom: 20px;
}

.contact-us-design span.icon-contact-page {
    width: 40px;
    height: 40px;
    background: #59b000;
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-us-design span.icon-contact-page svg {
    width: 20px;
    height: 20px;
    fill: #fff;
    color: #fff;
}

.contact-us-design .info-box a {
    text-decoration: none;

font-display: swap;
    color: #000;
}

.contact-us-design .info-box p {
    text-decoration: none;

font-display: swap;
    color: #000;
    margin-bottom: 0px;
}

.contact-us-design .info-box a:hover,
.contact-us-design .info-box p:hover {
    color: #59b000;
}

/* BLog Page */

.block-content {
    border: 1px solid #e3e9f0;
}

.block-content .block-title {
    position: relative;
    margin-top: 0px;
    background: #59b000;
    padding: 15px;
    color: #fff;

font-display: swap;
}

.block-inner-content {
    padding: 18px 25px;
}

.item-1 {
    padding: 8px 0 5px 0;
    border-width: 0px 0 1px 0px;
    border-style: dashed;
    border-color: #59b000;
}

.block-inner-content .post-item-link {
    color: gray;
}

.block-content .item-1:last-child {
    border-bottom: 0;
}

.block-inner-content .post-item-link:hover {
    color: #59b000;
    text-decoration: none;

font-display: swap;
}

.post-title h1 {
    color: #000000a8;
    text-decoration: none;

font-display: swap;
}

.post-header a:hover,
a.post-read-more:hover {
    color: #59b000;
    text-decoration: none;
}

.post-header a:hover h1 {
    color: #59b000;
}

.post-header a {
    color: #000000a8;
}

.dis-on-mobile-blog a.collapse-btn-mobile.collapsed {
    text-decoration: none;
}

.dis-on-desktop-blog {
    display: block;
}

.dis-on-mobile-blog {
    display: none;
}

.privacy-page-content h2,
.privacy-page-content h3 {
    font-size: 1.5rem;

font-display: swap;
    color: #000000a8;
}

.privacy-page-content h4 {
    font-size: 1.2rem;

font-display: swap;
    color: #000000a8;
}

.privacy-page-content h1 {

font-display: swap;
    color: #000000a8;
}

.privacy-page-content a {
    text-decoration: none;
    color: #59b000;
}

.privacy-page-content a:hover {
    text-decoration: underline;
    color: #59b000;

font-display: swap;
}

.sticky .dropdown-content {
    top: 50px;
    left: 5px;
}

.pageStatus,
.pageStatus a {

font-display: swap;
    color: #59b000;
    text-decoration: none;
}

.pageStatus a:hover {
    text-decoration: underline;
    color: #59b000;
}

/* Product Detail Table */

table.product-specifications {
    font-family: arial, sans-serif;
    font-display: swap;
}

table.product-specifications td,
th {
    border: 1px solid #f3f4f4;
    text-align: left;
    padding: 8px;
}

table.product-specifications tr:hover td {
    background-color: #efeff0;
}

table.product-specifications tr td {
    padding-left: 7px;
}

table.product-specifications tr:nth-child(odd) {
    background-color: #f6f6f6;
}

table.product-specifications tr td:first-child {
    width: 20%;
}

.Sitemap-page ul {
    list-style: none;
}

.Sitemap-page ul li::before {
    content: "\2022";
    color: #59b000;
    /* Change the color */
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    /* font-size: x-large; */
}

.Sitemap-page h2 {
    font-size: 28px;

font-display: swap;
    color: #59b000;
}

.Sitemap-page h3,
.Sitemap-page h3 a {
    font-size: 16px;

font-display: swap;
    color: #59b000;
    text-align: left;
}

.Sitemap-page ul li a {
    font-size: 14px;
    color: #59b000;

font-display: swap;
    text-align: left;
}

.Sitemap-page ul li {
    text-align: left;
}

div#detail-product {
    padding-top: 20px;
}

#footer .footer-contact p {

font-display: swap;
    font-size: 15px;
    color: #ffffff !important;
}

p.footer-text {
    /* text-align: justify;
    font-size: 14px !important; */
    /* text-align: justify; */
    font-size: 14px !important;
    word-break: normal;
    white-space: break-spaces;
}

span.icon-footer {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.footer-menu li {
    margin-bottom: 5px;
}

span.icon-footer svg {
    width: 20px;
    height: 20px;
    fill: #ffffff;
    color: #ffffff;
}

.footer-contact a {
    display: flex;
    align-items: center;
}

.footer-contact a:hover,
.footer-contact a:hover span.icon-footer svg {

color: #59b000;
    fill: #59b000;
}

.home-page-info-section h3 {

font-size: 1.4rem;
}

.show-less-div-2 p {
    margin-bottom: 0px;
}
h3,h2,h1{
    width: 100%;
}
.h1, h1{
    font-size: 2rem !important;
}
.m-0{
    margin:0 auto;
}

${this.title}

Code Editor : style.css