Gecko [ thecigaretteboxes.com ]

Name	Size	Permission
common	[ DIR ]	drwxr-xr-x
app.blade.php	7.98 KB	-rw-r--r--
category_app.blade.php	50.08 KB	-rw-r--r--
client_app.blade.php	48.34 KB	-rw-r--r--
product_app.blade.php	45.94 KB	-rw-r--r--

Code Editor : product_app.blade.php

<!DOCTYPE html>
<html lang="en">
<head>
    <title>{{ $meta_title??'' }}</title>
    @include('layouts.common.product.product_head')
    @stack('styles')
    <style>
        .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;
            }
            .contact-tab > a {
                font-size: 12px !important;
            }
        }

@media (min-width: 1282px) and (max-width: 1493px) {
            .custom-menu .input-group {
                width: 155px !important;
            }
        }
        .header {
            font-family: "Poppins Medium";
        }
        .header .cntct-info .contact-tab > a,
        .social-icon > a {
            color: #3c3c3c !important;
            text-decoration: none !important;
        }
        .contact-tab > a {
            font-size: 13px !important;
        }
        .navbar .megamenu {
            left: 200px !important;
            right: 0;
            width: 68% !important;
            top: 103% !important;
        }
        .col-megamenu .title {
            margin: 30px 0;
            font-family: "Poppins medium";
            font-size: 17px;
        }
        .col-megamenu a {
            color: #3c3c3c;
            text-decoration: none;
            font-family: "Poppins Bold";
        }
        .megamenu-ul a {
            color: #3c3c3c;
            text-decoration: none;
            font-size: 12px !important;
        }
        .megamenu {
            padding-bottom: 35px;
        }
        .col-megamenu .title a:after {
            content: "";
            height: 2px;
            display: block;
            color: #fab900;
            width: 50px;
            bottom: 0;
            border: solid;
            margin-top: 10px;
        }
        .megamenu-ul > li:before {

color: #fab900;
            width: 11px;
            margin: 0 7px;
        }
        .megamenu a:hover {
            background-color: #f5f5f5;
        }
        .nav-item {
            font-size: 14px;
            font-family: "Poppins Medium";
        }
        .dropdown-menu {
            min-width: 200px !important;
            padding: 5px 10px;
            border: 1px solid rgba(0, 0, 0, 0.15);
            border-radius: 4px;
            left: 6px;
        }
        .dropdown-menu .row > ul > li {
            border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        }
        .dropdown-menu .row > ul > li > a {
            font-family: "Poppins Bold";
            display: block;
            padding: 10px 0;
            font-size: 12px;
            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: #ffffff !important;

font-family: "Poppins Bold";
            padding: 12px 20px !important;
            font-size: 14px;
        }
        .custom-menu .navbar-nav > li > a:focus,
        .custom-menu .navbar-nav > li > a:hover {
            color: #2b2b2b;
            background-color: #fab900 !important;
        }
        .overlay-content .accordion-header a,
        .res-overlay .accordion-item a {
            display: block;
            font-family: "Poppins Bold";
            text-decoration: none;
        }
        .accordion-item-inner a {
            display: block;
            font-family: "Poppins Light" !important;
            text-align: left;
            padding-right: 10px;
            color: #fff;
        }
        .accordion-item-inner a:hover {
            display: block;
            font-family: "Poppins 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, 0.9);
            overflow-x: hidden;
            transition: 0.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: #fab900;
            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 #fab900;

div#accordionMenu {
            width: 350px;
            display: inline-block;
        }
        .panel-group {
            margin-bottom: 20px;
        }
        #collapseThree a,
        #collapseTwo a {
            padding: 7px 15px;
            font-size: 14px;
            font-family: "Poppins 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='%23000'%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: 1440px) {

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

@media (max-width: 767px) {
            div#accordionMenu {
                width: 290px;
            }
            .header  .justify-content-end{
                justify-content: center;
            }
            .default-logo1{

width: 50% !important;
            }
            .logo {
                text-align: center !important;

}
            .hero-content {
                position: absolute;
                top: -66px;
                bottom: 0;
                left: 23px;
                text-align: initial;
            }
            .hero-content h2 {
                font-size: 21px;
                color: #2e2e2e;
            }
            .hero-content p {
                font-size: 19px;
                color: #2e2e2e;
                margin-bottom: 7px;
            }

}
        .beat_my_quote_heading {
            font-family: "Poppins Bold";
            font-size: 30px;
        }
        .get-quote p {
            font-family: "Poppins 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: 75px;
        }
        @media (max-width: 1680px) {
            .hero-content {
                position: absolute;
                top: -187px;
                bottom: 0;
                left: 137px;
                text-align: initial;
            }
        }

@media (max-width: 1366px) {
            .hero-content {
                position: absolute;
                top: -187px;
                bottom: 0;
                left: 103px;
                text-align: initial;
            }
        }

@media (max-width: 1440px) {
            .hero-content {
                position: absolute;
                top: -187px;
                bottom: 0;
                left: 103px;
                text-align: initial;
            }
        }

@media (min-width: 1300px) {
            span.res-search {
                display: block;
            }
        }
        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%);
        }
        .accordion-button:not(.collapsed)::after {
            background-image: url(
            data:image/svg + xml,
            %3csvgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 16 16"fill="%23000000"%3e%3cpathfill-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
        );
        }
        .mar-0-auto {
            margin: 0 auto !important;
        }
        .header .fontsize16 {
            font-size: 16px !important;
        }
        @media (max-width: 1024px) {
            .contact-tab > a {
                font-size: 12px !important;
            }
            .custom-menu .navbar-nav > li > a {
                color: #ffffff !important;
                border-radius: 25px;
                font-family: "Poppins Bold";
                padding: 8px 15px !important;
                font-size: 12px;
            }
        }
        @media (max-width: 1440px) {
            .navbar .megamenu {
                left: 100px !important;
                right: 0;
                width: 75% !important;
                top: 103% !important;
            }

}
        @media (max-width: 1280px) {
            .navbar .megamenu {
                left: 100px !important;
                right: 0;
                width: 75% !important;
                top: 103% !important;
            }

}
        @media (max-width: 1024px) {
            .navbar .megamenu {
                left: 200px !important;
                right: 0;
                width: 68% !important;
                top: 103% !important;
            }

}

</style>

}
        .fa-facebook-f:before {
            content: "\f39e" !important;
        }
        .icon-bg {

border-radius: 7px;
            background: #fab900;

}
        .poppins-semi{

font-family: "Poppins";
        }
        .nav-link{
            color: white !important;
        }
        .fontsize16 {
            font-size: 16px !important;
        }
        .btns{
            border-radius:0px  !important;
            padding: 14px 30px !important;
        }
        .custom-menu .navbar-nav .btns{
            padding: 12px 30px !important;

}

@media (max-width: 767px) {
            div#accordionMenu {
                width: 290px;
            }
            .header  .justify-content-end{
                justify-content: center !important;
            }
            .contact-row {
                margin-left: -22px;
            }
            .logo {
                text-align: center !important;

}
            .contact-tab > a {

font-size: 12px !important;
            }
            .social-icon p{
                float: right;
                margin-right: 55px;
            }
        }
        .mar-0-auto{
            margin: 0 auto !important;
        }
        .num-row{

margin-top: 10px;margin-bottom: 10px
        }

.email-number{

width: 70%;
            padding: 0px;

}
        .whatsapp-row{

width: 25%;
            padding: 0;
            margin-top: 4px;

}
        .whatsappbtn{
            margin-left: 2px;
            float: left;
        }

.newsletter_spacing{

padding-left: 2%;
            padding-right:3.5%;
            padding-left: 10%;
            padding-right:3.5%;
        }
        .footer_li_follow{
            font-family: 'Poppins Bold';
            font-size: 14px !important;
            width: 10%;
            margin-top: 9px;
        }
        .section.footer ul li a{
            font-size: 14px;
        }
        .text-darks{
            color: black;
            font-size: 14px;
            font-family: 'Poppins Medium';
        }
        .paymentfooter{

font-family: 'Poppins Bold';
            font-size: 0.9rem;
            width: 46%;
            float: left;
            MARGIN-TOP: 6px;
            margin-right: 8px;

}
        .heading-footer{

font-size: 18px;
            margin-top: 10px;
            margin-bottom: 10px;
            text-transform: uppercase;
            color: #2e2e2e;
            font-weight: 500;
            line-height: 1.2;
            font-family: 'Poppins Bold';

}
        .contact_us{

}
        .icon-footer{
            margin-right: 8px;
            background: #fab900;
            border-radius: 48px;
            padding: 8px;
            border-radius: 30px;
            width: 29px;
            color: white;
        }
        @media (max-width: 1024px) {
            .contact-tab > a {
                font-size: 12px !important;
            }

.bigimg {
                width: 496px !important;
                height: 505px !important;
            }
            .custom-menu .navbar-nav > li > a {
                color: #ffffff !important;
                border-radius: 25px;
                font-family: "Poppins Bold";
                padding: 8px 15px !important;
                font-size: 12px;
            }
            .contact-row{
                margin-left: 154px;
            }
            .custom-menu .navbar-nav .btns {
                padding: 13.5px 30px !important;
            }
            .custom-menu .navbar-nav > li > a {
                color: #ffffff !important;
                border-radius: 0px;
                font-family: "Poppins Bold";
                padding: 14px 15px !important;
                font-size: 12px;
            }
            .col-megamenu .title {
                margin: 30px 0;
                font-family: "Poppins medium";
                font-size: 14px;
            }
            .megamenu-ul a {
                color: #3c3c3c;
                text-decoration: none;
                font-size: 12px;
            }
            .hero-content {
                position: absolute;
                top: -186px;
                bottom: 0;
                left: 101px;
                text-align: initial;
            }
            .email-number {
                width: 74%;
                padding: 0px;
            }
            .hero-content h2 {
                font-size: 41px;
                color: #2e2e2e;
            }
            .hero-content p {
                font-size: 41px;
                color: #2e2e2e;
                margin-bottom: 40px;
            }

.hd-txt h4 {
                font-size: 12px !important;
                font-weight: 300;
                text-transform: uppercase;
                color: #919295;
                padding-top: 15px;
                letter-spacing: 1px;
                font-family: 'Poppins', sans-serif;
            }
            .why-sec-row {
                margin-top: 2px !important;
                text-align: right !important;
            }
            .why-sec-row h2{
                font-size: 14px !important;
            }
            .why-sec-row p{
                font-size: 14px !important;
            }
            .hd-txt h2 {
                font-size: 35px !important;
                font-weight: bold;
                color: #002025;
                margin: 0 0 0px 0;
            }

.r-c-before:before {
                content: "";
                background: url('{{asset('assets/images/banner-1024.jpg')}}') no-repeat right center !important;
                height: 111% !important;
                width: 100%;
                background-size: cover;
                position: absolute;
                right: 0;
                top: 0;
                z-index: -100;
                pointer-events: none;
            }
            .testi-image{

margin-top: 110px;
            }
            .displynone{
                display: none;

}
            .newsletter_spacing{

padding-left: 2%;
                padding-right:3.5%;

}
            .contact-text{
                color: black;
                font-family: 'Poppins Medium';
                font-size: 12px !important;
            }
            .heading-footer{

font-size: 18px;
                margin-top: 10px;
                margin-bottom: 10px;
                text-transform: uppercase;
                color: #2e2e2e;
                font-weight: 500;
                line-height: 1.2;
                font-family: 'Poppins Bold';

}
            .footbg {
                background: #f3f3f3;
                padding: 15px !important;
            }
            section.footer ul li a {
                font-family: 'Poppins Light';
                font-weight: 700;
                color: #000000;
                font-size: 12px;
            }
            .text-darks{
                color: black;
                font-size: 12px;
                font-family: 'Poppins Medium';
            }

.paymentfooter{

font-family: 'Poppins Bold';
                font-size: 0.9rem;
                width: 80%;
                float: left;
                MARGIN-TOP: 6px;
                margin-right: 8px;

}
            .footer_li_follow{
                font-family: 'Poppins Bold';
                font-size: 14px !important;
                width: 15%;
                margin-top: 9px;
            }
            section.footer p {
                margin-top: 25px;
                margin-bottom: 15px;
                font-size: 14px;
            }

}
        @media (max-width: 912px) {

.email-number {
                width: 69%;
                padding: 0px;
                margin-left: 0px;
            }
            .contact-row {
                margin-left: -5px;
            }
            .hero-content {
                position: absolute;
                top: -165px;
                bottom: 0;
                left: 101px;
                text-align: initial;
            }
            .mediumbold {
                font-family: 'Poppins medium';
                font-size: 12px;
            }
            .contact-tab img {
                width: 21% !important;
            }
            .whatsapp-row img{
                width: 100% !important;
            }
        }
        @media (max-width: 768px) {
            div#accordionMenu {
                width: 290px;
            }
            .contact-tab .btn-red{

}
            .header  .justify-content-end{
                justify-content: center !important;
            }
            .contact-row {
                margin-left: 35px;
            }
            .logo {
                text-align: center !important;

}
            .contact-tab > a {

font-size: 12px !important;
            }
            .social-icon p{
                float: right;
                margin-right: 55px;
            }
            .r-c-before:before {
                content: "";
                background: url({{asset('assets/images/banner-1024.jpg')}}) no-repeat right center;
                height: 100%;
                width: 100%;
                background-size: cover;
                position: absolute;
                right: 0;
                top: 0;
                z-index: -100;
                color: #fdfef6;
                background: #fdfef6;
                pointer-events: none;
            }
            .displaynone{
                display: none !important;
            }
            .contact-tab img {
                width: 80%;
            }
            .mediumbold {
                font-size: 11px;
            }
            .fontsize22 {
                font-family: auto;
                font-size: 22px;
                padding-right: 4px;
                color: #c2c2c238;
                padding-left: 4px;
            }
            .contact-tab .btn-red {
                font-size: 8px !important;
            }
            .hero-content p {
                font-size: 19px !important;
                color: #2e2e2e;
                margin-bottom: 7px;
            }
            .hero-content h2 {
                font-size: 21px;
                color: #2e2e2e;
            }
            .hero-content {
                position: absolute;
                top: -75px;
                bottom: 0;
                left: 28px;
                text-align: initial;
            }
            .column {
                flex: 76%;
                max-width: 100%;
                padding: 0 15px;
            }
            .accordion-button {
                color: white !important;
                background: #f8f8f8 !important;
            }

}

@media (max-width: 575px) {
            .social-icon p {
                /* float: right; */
                /* margin-right: 106px; */
                margin-left: 27px;
                margin-top: -23px;
            }
            .bigimg {
                width: 464px !important;
                height: 334px !important;
            }
            .bg_pro {
                padding: 30px 29px;
                background: #f9fbed;
            }
            .navbar-brand{

padding-top: 0px !important;
            }
            .social-icon p {
                float: right;
                padding: 6px !important;
                /* margin-right: 106px; */
                margin-left: 52px !important;
                margin-top: -23px;
                width: 80%;
                float: left !important;
                font-size: 10px !important;
            }
            .contact-tab img {
                width: 22%;
            }
            .default-logo1 {
                width: 234px!important;
                padding: 9px;
            }
            mar-0-auto {
                margin: 0 auto !important;
                padding: 0px  !important;
            }
            .email-number {
                width: 100%;
                padding: 0px;
                text-align: center;
            }
            .whatsappbtn img{
                width: 100%;
            }
            .whatsapp-row {
                width: 43% !important;
                padding: 0;
                margin-top: 4px;
                margin-top: 12px;
                margin-left: 67px;
            }
            .email-number {
                width: 100% !important;
                padding: 0px !important;
            }
            .contact-tab .btn-red {
                font-size: 12px !important;
            }
            .section-bg {
                background-color: #f9fbed;
                width: 96%;
            }
            .contact-row {
                margin-left: 0px !important;
            }
        }
    </style>
    <style>
        @keyframes slidy{0%{left:0}20%{left:0}25%{left:-100%}45%{left:-100%}50%{left:-200%}70%{left:-200%}75%{left:-300%}95%{left:-300%}100%{left:-400%}}.ban_slider{height:651px;width:100%}div#slider{overflow:hidden}div#slider figure img{width:20%;float:left;height:auto}div#slider figure{position:relative;width:500%;margin:0;left:0;text-align:left;font-size:0;animation:30s slidy infinite}.banner_image_view{width:100%;height:100%}.banner_image{width:100%;height:100%}.recommended_products_tab_div{height:426px}.slider_images{display:none}@media screen and (max-width:1700px){.ban_slider{height:570px;width:100%}}@media screen and (max-width:1500px){.ban_slider{height:520px;width:100%}}@media screen and (max-width:1450px){.ban_slider{height:480px;width:100%}}@media screen and (max-width:1080px){.ban_slider{height:420px;width:100%}}@media screen and (max-width:768px){.ban_slider{height:420px;width:100%}.recommended_products_tab_div{height:570px}}@media screen and (max-width:600px){.ban_slider{height:350px;width:100%}.recommended_products_tab_div{height:570px}}@media screen and (max-width:500px){.ban_slider{height:240px;width:100%}.recommended_products_tab_div{height:530px}}@media screen and (max-width:360px){.ban_slider{height:230px;width:100%}.recommended_products_tab_div{height:530px}}img{opacity:1;transition:opacity 1s}img[data-src]{opacity:0}.highlight{visibility:visible}.testimonials{min-height:350px}@media all and (max-width:575px){.home_page_h1{font-size:28px}.products{background-size:90px}}
        .testimonials{min-height:350px}
        .owl-carousel .owl-stage{display: flex;}

.testimonials{
            min-height: 310px;
            padding-top: 35px;
            padding-bottom: 50px;
            display: flex;
            justify-content: center;
        }
        .testimonials_list .item{
            background-color: #ffffff;
            padding:40px
        }
        .user_profile{
            border-start-end-radius: 27px;
            border-end-start-radius: 27px;
            width: 65px !important;
            height: 65px !important;
        }
        .os_bold {
            font-family: "Poppins Bold";
        }
        .rating{
            width: 150px !important;
        }
        .ready_to_start{
            font-size: 32px;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: left;
            color: #2e469d;
            font-family: 'Poppins Bold';
        }
        .ready_to_start_detail{
            font-family: 'Poppins';
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.78;
            letter-spacing: normal;
            text-align: left;
            color: #000;
        }
        .get_quote_main{
            min-height: 640px;
            position: absolute;
            background-color: #ffffff;
            width: 480px;
            bottom: -468px;
            right:20px;
            border-radius: 20px;
            z-index: 1;
        }
        .accordion-content {
            max-width: 570px;
            margin: 0 auto;
            padding: 2rem;
            background: #fff;
            box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.09);
            border-radius: 8px;
        }
        .accordion-item {
            display: flex;
            flex-direction: column;

border-radius: 5px;
            border: 1px solid #dddddd;

cursor: pointer;
            background: #fff;
            margin-bottom: 0.5em;
        }
        .item-header {
            display: flex;
            justify-content: space-between;
            column-gap: 0.2em;
        }

.item-icon {
            margin-top: 1rem;
            flex: 0 0 25px;
            display: grid;
            place-items: center;
            font-size: 1.25rem;
            height: 25px;
            width: 25px;
            border-radius: 4px;
            padding-right: 39px;
            cursor: pointer;

}
        .item-icon i {
            transition: all 0.25s cubic-bezier(0.5, 0, 0.1, 1);
        }
        .item-question {
            position: relative;
            display: flex;
            align-items: center;
            width: 100%;
            padding: 1rem 1.25rem;
            font-size: 1rem;
            color: #212529;
            text-align: left;
            /* background-color: #fff; */
            border: 0;
            border-radius: 0;
            overflow-anchor: none;
            transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
        }

.active .item-icon i {
            transform: rotate(180deg);
        }

.active .item-question {
            font-weight: 500;
        }

.item-content {
            max-height: 0;
            overflow: hidden;
            transition: all 300ms ease;

}

.item-answer {
            line-height: 150%;
            opacity: 0.8;
        }
        .brand-carousel {
            background: #eee;
            margin-top: 10%;
        }

.column {
            flex: 25%;
            max-width: 33.3%;
            padding: 0 15px;
        }

.column img {
            margin-top: 8px;
            vertical-align: middle;
            width: 100%;

cursor: pointer;
            transition: 0.3s linear;
        }
        .column img :before {
            border-radius: 50%;
            box-shadow: inset 3px 3px 25px #000;
            content: "";
            height: 100%;
            position: absolute;
            width: 100%;
        }

.client_logos{

background-color: #f9f9f9;
            /* height: 99px; */
            justify-content: center;
            display: flex;
            align-items: center;
            padding-top: 22px;
        }.client_logos .owl-nav{
             display: none;

}

.port-bx:hover .overlay-box {
            opacity: 1;
        }
        .overlay-box {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 12%;
            text-align: center;
            color: #fff;
            background: rgba(0, 0, 0, 0.80);
            opacity: 0;
            transition: all 0.2s ease-in-out;
        }

.port-bx {
            position: relative;
        }
        .fadeInUp {
            -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
        }

.why-sec {
            position: relative;
            padding:30px 0;

overflow: hidden;
        }
        .r-c-before:before {
            content: "";
            background: url('{{asset('assets/images/wbanner-2.jpg')}}') no-repeat right center;
            height: 100%;
            width: 100%;
            position: absolute;
            right: 0;
            top: 0;
            z-index: -100;
            pointer-events: none;
        }
        section.why-sec.r-c-before .container-fluid {
            padding: 0 7%;
        }
        .hd-txt {

padding-bottom: 20px;
        }
        .hd-txt h2{
            font-size: 40px !important;
            font-weight: bold;
            color: #002025;
            margin: 0 0 0px 0;
        }
        .hd-txt h4 {
            font-size: 15px !important;
            font-weight: 300;
            text-transform: uppercase;
            color: #919295;
            padding-top: 15px;
            letter-spacing: 1px;
            font-family: 'Poppins', sans-serif;
        }
        .hd-txt hr {
            display: table;
            width: 50px;
            border-top: 2px solid #900109;
            margin: 25px auto 20px;
        }
        .why-box {
            padding-bottom: 30px;
            padding-left: 0;
        }

.why-hd-txt {
            display: flex;
            align-items: center;
            padding-bottom: 10px;
        }
        .fadeInLeft {
            -webkit-animation-name: fadeInLeft;
            animation-name: fadeInLeft;
        }
        .why-hd-txt h2 {
            color: #8f0109;
            font-size: 22px;
            /* font-weight: normal; */
        }
        .wb {
            font-weight: 600 !important;
        }
        .why-hd-txt img {
            margin-right: 10px;
        }

@media (max-width: 767px) {
        }
        div#accordionMenu {
            width: 290px;
        }
        .header  .justify-content-end{
            justify-content: center;
        }

.logo {
            text-align: center !important;

}

.btn-red{
            font-size: 12px;

}
        .contact-tab      .btn-red{
            font-size: 12px !important;

}
        .owl-carousel .owl-item img{

height: 18px;
        }

.testi-sec {
            position: relative;
            padding: 70px 0;
            overflow: hidden;
        }
        .testi-sec:before {
            content: '';
            background: #f8f8f8;
            position: absolute;
            top: 240px;
            left: 0;
            margin: auto;
            height: 6%;
            width: 50%;

}
        .faqmargn {
            margin-top: -52px;
        }

.faq-clo-st {
            padding-right: 50px;
            z-index: 1;
            margin-top: 25px;
        }
        .testi-sec .hd-txt {
            text-align: left;
        }
        .center-block {
            display: block;
            margin-right: auto;
            margin-left: auto;
        }
        .faq-list-st {
            margin-top: 0 !important;
        }
        #accordion .panel {
            box-shadow: none;
        }
        .testi-sec .panel.panel-default {
            border: 0;
            background-color: transparent;
            box-shadow: 8.242px 21.472px 54px 0px rgb(0 0 0 / 4%);
        }
        #accordion .panel >.panel-heading {
            background-color: transparent;
        }

.testi-sec div#headingOne {
            background: white;
            border: 0 !important;
        }
        #accordion .panel-heading {
            padding: 0;
        }
        .testi-sec .panel-default>.panel-heading {
            color: #333;
            background-color: #00000000;
            border-color: #ddd;
        }
        .testi-sec .panel-heading {
            padding: 0;
            border: 0;
        }
        #accordion .panel h4 {
            color: #000;
            font-weight: 800;
            font-size: 2rem;
        }

.testi-sec .panel-title {
            border: 0;
        }
        .testi-sec .panel-title>a, testi-sec .panel-title>a:active {
            display: block;
            padding: 15px;
            color: #000;
            font-size: 16px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0px;
            word-spacing: 3px;
            text-decoration: none;
            background: transparent !important;
            border-bottom: 1px solid #dfdfdf;
        }
        .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
            border-width: 2px;
        }
        .testi-sec .panel-title>a, testi-sec .panel-title>a:active {
            display: block;
            padding: 15px;
            color: #000;
            font-size: 16px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0px;
            word-spacing: 3px;
            text-decoration: none;
            background: transparent !important;
            border-bottom: 1px solid #dfdfdf;
        }
        .accordion-button{

color:black !important;
            background:#f8f8f8 !important;
        }
        .accordion {

z-index: 456456456456456;
        }
        .accordion-button:not(.collapsed)::after {
            background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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);
            transform: rotate(-180deg);
        }

.testi-sec hr {
            text-align: left;
            margin: 25px 0;
        }

.hd-txt hr {
            display: table;
            width: 50px;
            border-top: 2px solid #900109;
            margin: 25px auto 20px;
        }

.hero-wrapper {
            clear: both;
            position: relative;
            width: 100%;
            text-align: center;
            font: 18px helvetica, sans-serif;
            color: white;
        }

.hero {
            background-image: url('{{ asset('assets/images/banner.webp') }}');
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-position: center;
            background-size: 100% auto;
            margin-top: -3px;
        }

.hero-sizing {
            padding-top: 31.9%;
        }

.hero-content {
            position: absolute;
            top: -187px;
            bottom: 0;
            left: 192px;
            text-align: initial;

}

.hero-content:before {
            content: ' ';
            display: block;
            height: 40%;
        }

.hero-content h2,
        .hero-content p {
            margin-top: 0px;
            margin-bottom: 6px;
            color: #2e2e2e;
        }
        .hero-content h2{

font-size: 69px;
            color: #2e2e2e;
        }
        .hero-content p{

font-size: 46px;
            color: #2e2e2e;
            margin-bottom: 40px;
        }
        .client_logos_bg{

background: #f9f9f9;
        }
        .section-bg {
            background-color: #f9fbed;
        }

.bg {
            max-height: 344px;
            background: #69a741;
        }
        .products .owl-nav {
            display: none;
        }
        .btn-qty {
            background-color: #fab900!important;
            border-radius: 0;
        }
        .testimonials.owl-nav{
            display: none;
        }
        .why-sec-row{

margin-top: 30px !important;

}
        .client_logos .owl-carousel .owl-item img {
            display: block;
            width: 100%;
            height: 70px;
        }

@media (max-width: 575px) {

.slider{
                width: 100%;
                height: 142px;
            }
        }
        @media (max-width: 1280px) {
            .navbar .megamenu {
                left: 100px !important;
                right: 0;
                width: 75% !important;
                top: 103% !important;
            }
        }
        @media (max-width: 1536px) {
            .navbar .megamenu {
                left: 140px !important;
                right: 0;
                width: 74% !important;
                top: 100% !important;

}

.hero-content {
                position: absolute;
                top: -187px;
                bottom: 0;
                left: 139px;
                text-align: initial;

}

}
        @media (max-width: 1440px) {
            .navbar .megamenu {
                left: 100px !important;
                right: 0;
                width: 78% !important;
                top: 79% !important;

}

.hero-content {
                position: absolute;
                top: -187px;
                bottom: 0;
                left: 100px;
                text-align: initial;
            }

}
        @media (max-width: 1366px) {
            .navbar .megamenu {
                left: 147px !important;
                right: 0;
                width: 70% !important;
                top: 96% !important;

}
        }

@media (max-width: 1024px) {
            .navbar .megamenu {
                left: 66px !important;
                right: 0;
                width: 78% !important;
                top: 103% !important;
            }

.client_logos .owl-carousel .owl-item img {
                display: block;
                width: 100% !important;
                height: 84px !important;
            }

.navbar .megamenu {
                left: 66px !important;
                right: 0;
                width: 78% !important;
                top: 103% !important;
            }

.slider {
                width: 100%;
                height: 322px !important;
            }
        }
    </style>

}, 5000);</script>

</head>

<body style="-webkit-overflow-scrolling: touch;overflow-y: scroll;">

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KKVS9BN"
                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

@include('layouts.common.header_ori')
<div>
    @include('layouts.common.common_right')

@if(!empty(session('subscribe_error')))
        <div class="alert alert-danger">
            {{ session('error') }}
        </div>
    @endif
    @yield('contents')
</div>
@include('layouts.common.product.product_footer_contents')
@yield('secondary_bar')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"
        type="text/javascript"></script>
@include('layouts.common.product.product_footer')
@stack('scripts')
</body>
</html>

${this.title}

Code Editor : product_app.blade.php