/*
Theme Name: CBD Store Designer 2025
Theme URI: https://proximatesolutions.com/professional-web-design-portfolio/
Author: Proximate Solutions
Author URI: https://proximatesolutions.com/
Description: Wordpress theme designed for CBD Store Designer 2025 with Blog Integration.
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cbdstoredesigner_2025
Tags: one-column, two-columns, custom-menu, featured-images, left-sidebar, right-sidebar
*/
:root {
  --warning:#FF6400;
  --warning-hover:#ff8433;
  --primary:#8CC850;
  --primary-dark:#032b22;
  --grey:#F7F7F7;
  --skin:#e7e6c9;
  --grey-dark:#F5EBE1;
}
html, body {overflow-x:hidden}
body{ font-family: "Inter", sans-serif;color: black; line-height: 1.5;}
section{padding: 80px 0;}
.btn{font-weight: 500;}
.btn, button, .form-control { -webkit-border-radius:5px; border-radius:5px; box-shadow: none; }
.form-control:focus{box-shadow: none;}
.form-control{padding: 7px 18px;}
a{color:var(--primary-dark);-webkit-transition:all linear .3s 0; transition:all linear .3s 0; text-decoration:none;}
a:hover{color:var(--warning); text-decoration:none}
a:focus, button:focus{text-decoration:none;outline:0}
img{max-width: 100%; height: auto; }
.clear{clear: both; overflow: hidden;}
.text-primary{color: var(--primary) !important;}
.bg-primary {background: var(--primary) !important;}
.text-theme{ color: var(--primary-dark);}

.pull-left { float:left;}
.pull-right { float:right;}
.alignleft { float:left; margin:0 15px 10px 0;}
.alignright { float:right; margin:0 0 10px 15px;}
.aligncenter { text-align:center; margin:0 auto 10px; display:block;}
.alignnone { float:none;}
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; margin-bottom:1rem; padding:4px; max-width:100%; border-radius:4px; -webkit-border-radius:4px;}
.wp-caption img { margin:0; padding:0; border:0;}
.wp-caption p.wp-caption-text { font-size:12px; padding:0 5px; margin:0;}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.br-0 { border-radius:0; -webkit-border-radius:0;}
.clear { clear:both;}
.mrb-10 { margin:0 10px 10px 0;}
.form-group { margin-bottom:1rem;}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-weight: 600; line-height: 1.3; }

.btn_styled {    padding:10px 25px; border-radius: 25px;}
@media (min-width: 1200px) {
  .h1,.h2, h2{font-size: 2.5em;}
}
h2.heading{ font-weight: 700;}

.btn-theme {background:  var(--warning) ;border-color:  var(--warning) ; color: white;}
.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active
{background:  var(--warning-hover)!important ;border-color:  var(--warning-hover)!important ; color: white;}

.btn-success {background:  var(--warning) ;border-color:  var(--warning) ; color: white;}
.btn-success:hover,
.btn-success:focus,
.btn-success:active
{background:  var(--warning-hover)!important ;border-color:  var(--warning-hover)!important ; color: white;}

.btn-light{background-color: white; color: var(--primary); border-color: white;}
.btn-light:hover, .btn-light:active, .btn-light:focus{background-color: rgb(248, 248, 248); color: var(--primary); border-color: rgb(248, 248, 248);}

header {position: absolute; left: 0; top: 0; right: 0; z-index: 9; background:white; padding: 15px 0; }

.logo {display: inline-block;}
.logo img{max-width: 280px; width: 100%; }

#menu {text-align: center;}
#menu ul{list-style:none;margin:0;padding:0;display:inline-block}
#menu ul li{display:inline-block;position:relative}
#menu ul li a{color:#333;padding:0 15px;display:block;text-decoration:none;position:relative;  }
.inner_header #menu ul li a{color:black;}
#menu li > a:after{content:"\f282";font-family:bootstrap-icons;margin-left:5px;position:relative;top:3px;font-size:14px}
#menu li > a:only-child:after{margin-left:0;content:""}
#menu ul li a:hover,#menu ul li.active a,#menu ul li.current_page_item > a,#menu ul li.current-menu-ancestor > a,#menu ul li.current-menu-item > a,#menu ul li.current-menu-parent > a{color:var(--warning);}
.inner_header #menu ul li a:hover,.inner_header #menu ul li.active a,.inner_header #menu ul li.current_page_item > a,.inner_header #menu ul li.current-menu-ancestor > a,.inner_header #menu ul li.current-menu-item > a,.inner_header #menu ul li.current-menu-parent > a{color:var(--primary)}
#menu ul li a:hover:before,#menu ul li.active a:before,#menu ul li.current_page_item > a:before,#menu ul li.current-menu-ancestor > a:before,#menu ul li.current-menu-item > a:before,#menu ul li.current-menu-parent > a:before{opacity:1}
#menu li.active ul li a{color:white;background:#000}
#menu li.active ul li a:hover{color:white !important;background:var(--primary)}
#menu li > ul{position:absolute;left:0;top:100%;z-index:999;min-width:192px;white-space:nowrap}
#menu ul li.active ul li a{background:white;color:#000 !important;border-bottom:1px solid rgba(0,0,0,0.09)!important}
#menu li > ul li{display:block;position:relative;margin:0;text-align:left}
#menu li > ul li a:after{content:"\F285";font-family:bootstrap-icons;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:14px}
#menu li ul li.current_page_item > a,#menu li ul li.current-menu-ancestor > a,#menu li ul li.current-menu-item > a,#menu li ul li.current-menu-parent > a{background:var(--primary);color:white}
#menu > li{border-left:1px solid #999}
#menu > li:first-child,#menu > li.has-submenu + li{border-left:0}
#menu li > ul > li > ul{position:absolute;left:100%;top:0;transition:all linear .2s 0;-webkit-transition:all linear .2s 0;visibility:hidden;opacity:0}
#menu li > ul > li:hover > ul{visibility:visible;opacity:1;display:block}
#menu li > ul{transition:all linear .2s 0;-webkit-transition:all linear .2s 0;visibility:hidden;opacity:0;background-color:white;padding:0;border-top:#000 solid 2px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
#menu li:hover > ul{visibility:visible;opacity:1}
#menu li > ul li a{padding:12px 23px;transition:all linear .2s 0;-webkit-transition:all linear .2s 0;font-size:14px;background-color:transparent;color:#000;font-weight:500;border-bottom:#ddd 1px solid}
#menu li > ul li:last-child a{border-bottom:0}
#menu li > ul li a:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:var(--primary);transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:right center;transform-origin:right center;z-index:-1}
#menu li:hover > ul li a{padding:10px 15px}
#menu li > ul li a:hover{background-color:var(--warning);color:white!important;padding-left:15px}

ul.top_header_right {list-style: none; margin: 0; padding: 0; text-align: right;}
ul.top_header_right li {display: inline-block; vertical-align: middle;}
ul.top_header_right li+ li {margin-left: 12px;}

@keyframes menu_sticky {
  0%{margin-top:-240px}
  50%{margin-top:-90px}
  100%{margin-top:0}
}
header.sticky {position:fixed; top:0; left:0; width:100%; animation-name:menu_sticky; animation-duration:.6s; animation-timing-function:ease-out; -webkit-box-shadow:rgba(0,0,0,0.3) 0 0 10px; box-shadow:rgba(0,0,0,0.3) 0 0 10px; z-index:9; background-color: white; border-bottom: 0; }

header.sticky .logo img{max-width: 256px;}
header.sticky .header_bar{padding: 12px 0;}

.small_title {font-weight: 400;}

@media (min-width:992px){
  .hero_wrapper {margin-top: 84px;}
}
@media (min-width: 992px) and  (max-width: 1199px) {
  .header_bar .container{
      max-width: 100%;
  }
}

.grey_bg{background: var(--grey);}
.skin_bg{background: var(--skin);}

.home_banner { position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; padding: 150px 0; color: white; }
.home_banner:after{position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; background-color: var(--primary-dark); opacity: .8;}
.home_banner .container{position: relative; z-index: 2;}
.home_banner p{font-size: 1.125em;}
.home_banner h1, .banner_title {font-size: 3.6em; line-height: 1.2;  margin-bottom: 20px;}
.banner_caption p{font-size: 1.5em;}

ul.banner_list {list-style: none; padding: 0; margin: 0;}
ul.banner_list li {position: relative; padding-left: 25px; margin-bottom: 10px;}
ul.banner_list li:before {content:"\F633";font-family:bootstrap-icons; position: absolute; left: 0; top: 0; color: white;}
.banner_thumb {position: absolute; right: 0; bottom:0; z-index: 1;}
.banner_thumb img{max-width: 950px;}
.logo_bar {padding: 25px 0;}
.logo_slider .item img{width: auto; margin: 0 auto;}
.logo_block {text-align: center; position: relative; height: 100px;}
.logo_block img{ width: 100%; height: 100%; object-fit: contain; } 
.service_img {border-radius: 15px; box-shadow: rgba(0,0,0,.2) 0 15px 18px;}

.what-do_setion { position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center;  color: white; }
.what-do_setion:after{position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; background-color: var(--primary-dark); opacity: .8;}

.what-do_setion .container-fluid{position: relative; z-index: 1;}
@media (min-width: 992px) {
  .what-do_setion .container-fluid{max-width: 1750px;}
}
.what-do_setion .container{position: relative; z-index: 1;}

.we_do_box {width: 100%; background-color: white; padding:50px 40px; border-radius: 20px; box-shadow: rgba(0,0,0,.1) 0 2px 8px; color: black; margin-top: 20px;}
 .box_inner{ width: 100%;}
.box_icon {margin-bottom: 15px;}
.box_icon img{height: 55px; object-fit: scale-down;}
.box_inner ul {margin-top: 20px;}
.box_inner ul li+li {margin-top: 10px;}

.case_block {background-color: var(--skin); padding:35px; border-radius: 20px;}
.body_wrappe {margin-top: 30px;}
.body_wrapper .case_block+.case_block{margin-top: 50px;}

.case_thumb img{border-radius: 20px;}
.text-block h3 a{text-decoration: underline;}
.text-block ul {list-style: none; padding: 0; margin: 0;}
.text-block ul li{float: left; width: 33%;}
.text-block .lead{font-size: 20px; font-weight: 400;}

.accordian_wrapper {margin-top: 40px;}
.accordian_wrapper .accordion-item{border: 0; border-radius: 10px; box-shadow: none; margin-bottom: 20px; background-color: var(--grey);}
.accordian_wrapper .accordion-button{box-shadow: none; background-color: var(--grey); margin-bottom: 0; font-weight: 600; font-size: 20px; color: black; position: relative; padding-left: 55px;}
.accordian_wrapper .accordion-body{padding-top: 0; padding-left: 55px;}
.accordian_icon {position: absolute; left: 25px; top: 25px; }
.accordian_wrapper .accordion-button:after{display: none;}
.accordian_wrapper .accordion-button:not(.collapsed) .accordian_icon {transform: rotate(180deg);}

.insight_thumb img{width: 100%; height: 300px; object-fit: cover; object-position: center; border-radius:20px; }
.card_content{margin-top: 16px;}
.card_content a{color: black;}
.insight_date {display: flex; align-items: center; font-size: 15; font-weight: 300; line-height: 0; margin-top:13px;}
.insight_date img{width: 15px !important; height: 15px; margin-right: 5px;}

.testimonial_section{background-color: #F7F7F7;}
.video_wrapper{position: relative;  height: 700px;}
.video_thumb_wrapper{position: absolute;  right: -185px; width: 680px; height: 700px;}
.video_thumb_wrapper .videoThumb{object-fit: cover; object-position: center; border-radius: 12px; width: 100%; height: 100%;}
.video_thumb_wrapper .video_play_button{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); cursor: pointer; width: 90px;}
.testimonial_card{background-color: white; border-radius: 10px; padding: 40px;box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px; margin: 20px;}
.testimonial_card p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 7; line-clamp: 7; -webkit-box-orient: vertical; min-height:171px;}

.stars{margin-bottom: 15px;}
.stars i{color: rgb(255, 174, 0);}
.testimonial_author h5{margin-bottom: 0; }
.author_dp{width: 53px !important; height: 53px !important; border-radius: 100%; object-fit: cover; object-position: center;}
.testimonial_slider.owl-carousel .owl-stage {margin-left: -50px;}
.testimonial_slider.owl-theme .owl-dots .owl-dot.active span, .testimonial_slider.owl-theme .owl-dots .owl-dot:hover span {background: black;}
.testimonial_slider.owl-carousel button.owl-dot {width: 70px; height: 5px; background-color: #D9D9D9; margin: 0 5px;}
.testimonial_slider.owl-carousel button.owl-dot.active {background-color: black;}
.testimonial_slider.owl-carousel .owl-dots{text-align: center; margin-top: 20px;}
 
.testimonial_slider.owl-carousel .owl-nav button.owl-next, .testimonial_slider.owl-carousel .owl-nav button.owl-prev{width: 40px; height: 40px;background: black;border: 1px solid black; border-radius: 100%;color: white; margin: 0 5px;position: absolute;top: -40px;right: 300px;}
.testimonial_slider.owl-carousel .owl-nav button.owl-prev{right: 360px;}
.testimonial_slider.owl-carousel .owl-nav button.disabled{background: transparent; border: 1px solid black; color: black;}
 
footer {background-color: var(--primary-dark);color: white;padding: 70px 0 0 0;}
.footer_logo img{height: 50px; margin-bottom: 16px;}
.footer_left{width: 100%;max-width: 328px;}
.footer_left p{font-size: 16px; margin-top: 15px; margin-bottom: 23px;}
.footer-title{margin-bottom: 25px; font-weight: 700; color: white; font-size: 18px;}
footer a {color: rgb(255, 255, 255);  transition: all .2s linear;}
footer a:hover{color: var(--primary); transition: all .2s linear;}
 
ul.footer-links  {list-style: none; margin: 0; padding: 0;}
ul.footer-links li+li {margin-top: 15px;}
ul.footer-links li a {font-size: 16px; }
ul.footer-links li.current_page_item > a,ul.footer-links li.current-menu-ancestor > a,ul.footer-links li.current-menu-item > a,ul.footer-links li.current-menu-parent > a{color: var(--primary); transition: all .2s linear;}

ul.footer_social {list-style: none; padding: 0; margin: 0; margin-top: 15px;}
ul.footer_social li{display: inline-block; margin-right: 10px;}
ul.footer_social li a i{font-size: 20px;color: white; transition: all .2s linear;}
ul.footer_social li a i:hover{color: var(--primary); transition: all .2s linear;}
 
.footer_form{background-color: white; padding: 20px; border-radius: 11px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.form_heading{color: var(--warning); margin-bottom: 25px;}
.form_heading h3{font-weight: 700; position: relative;}
.form_heading h3::before{position: absolute; content: ""; width: 65px; height: 3px; background-color: var(--primary-dark); left: 0; bottom: -5px;}
.footer_form .form-control , .contact_form .form-control{background-color: #F7F7F7; border-color: #F7F7F7;}
.footer_form .form-control::placeholder , .contact_form .form-control::placeholder{color: #0000004D;}
.footer_form .btn{ min-width: 160px; }
.footer_form p { margin-bottom:0;}
.copy_right{border-top: 1px solid #9e9e9e59; padding: 20px 0; margin-top: 50px; background-color: #F7F7F7;}
.copy_right p{margin-bottom: 0; font-size: 16px; text-align: center; color: #5B5B5B; }

@media (min-width:992px){
ul.top_header_right li.menu_open{display: none;}
}
.menu_open {font-size: 30px; color: black;}
.menu_open a{color: black;}

@media (min-width: 992px) {
  .inner_section{margin-top: 83px;}
}
.inner_section h1{font-size: 50px; font-weight: 700;}
.pricing_card{background-color: #F7F7F7; padding: 50px 40px; border-radius: 10px; width: 100%;}
.pricing_card h5{font-size: 22px; font-weight: 500;}
.price_tag h2{font-weight: 700;}
.price_tag h2 span{font-weight: 400; font-size: 16px; margin-left: 10px;}
ul.pricing_features{list-style: none; padding: 0; margin: 0; margin-top: 20px;}
ul.pricing_features li+li{margin-top: 20px;}
ul.pricing_features li h6{margin-bottom:4px;}
ul.pricing_features li p{font-size: 14px; font-weight: 300; padding-bottom: 0;}
ul.pricing_features li{position: relative; padding-left: 23px;}
ul.pricing_features li::before{position: absolute; content: "\F633"; font-family: "bootstrap-icons"; left: 0; top: 0; color: var(--primary); font-size: 16px;}
.pricing_card .btn{margin-top: 20px; width: 100%;}

.value_section .we_do_box p{margin-bottom: 0;}
.counter_block{background-color: #F7F7F7; padding: 25px; border-radius: 18px;}
.counter_block .counter-value , .counter_sign{font-size: 64px; margin-bottom: 0; display: inline-block; line-height: 1.2;}
.inner_stat_box{padding: 25px;}
.counter_block p{margin-bottom: 0;}
.thumb_box_1 img{width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 18px;}
.thumb_2 img{height: 208px; width: 100%; object-fit: cover; object-position: center; border-radius: 18px;}
.what_we_do_main{color: black;}
.what_we_do_main::after{background-color: transparent;}

ul.services_list {list-style: none; padding: 0; margin: 0; margin-top: 40px;}
ul.services_list .service_item+.service_item {margin-top: 40px;}
ul.services_list .service_item{display: flex; justify-content: space-between; align-items: center; position: relative; padding:28px;padding-right: 30px;border-bottom-right-radius: 221px;overflow: hidden;border-top-right-radius: 221px;}
.service_thumbb img{width: 350px; height: 350px; border-radius: 100%; object-fit: cover; object-position: center;}
ul.services_list .service_item::before{ position: absolute; content: ""; width: 100%;top: 0; left: 0; bottom: 0; background: linear-gradient(to left,#e7e6c9,rgba(53,64,55,0) 72%,rgba(0,0,0,0) 100%); }
ul.service_features {list-style: none; padding: 0; margin: 0; margin-top: 20px;}
ul.service_features li {margin-bottom: 10px; position: relative; padding-left: 23px;}
ul.service_features li::before {position: absolute; content: "\F633"; font-family: "bootstrap-icons"; left: 0; top: 0; color: var(--primary); font-size: 16px;}
.service_content,.service_thumbb{position: relative; z-index: 1;}
.service_content{padding: 0 10px;}

@media (min-width:767px){ 
ul.services_list .service_item:nth-child(even){flex-direction: row-reverse; border-bottom-left-radius: 221px;overflow: hidden;border-top-left-radius: 221px; border-bottom-right-radius: 0; border-top-right-radius: 0; padding-right: 28px; padding-left: 30px;}
    ul.services_list .service_item:nth-child(even)::before{background: linear-gradient(to right,#e7e6c9,rgba(53,64,55,0) 72%,rgba(0,0,0,0) 100%);}
}

ul.contact_details {list-style: none; padding: 0; margin: 0;}
ul.contact_details li{padding-left: 25px; position: relative;}
ul.contact_details li i{position: absolute; left: 0;top: 2px; color: var(--warning);}
ul.contact_details li a{color: black;}
ul.contact_details li a:hover{color: var(--warning);}
ul.contact_details li+li{margin-top: 10px;}

.contact_form{margin-left:100px; padding: 50px; background-color: #ebebebab; border-radius: 20px;}
.contact_form .form-control{padding: 12px 15px; background-color: white;}
.contact_form p { margin-bottom:0;}
ul.social_links{margin-top: 30px;}
ul.social_links li a i{color: var(--warning);}
ul.social_links li a:hover i{color: var(--primary);}
.map_section iframe{width: 100%; height: 450px;}

.detailThumb img{border-radius: 12px; width: 100%}
ul.blog_UploadContent{text-align: center; list-style: none;  position: relative;background: #fff;padding: 33px 30px;border-radius: 5px;margin: 50px;margin-top: -27px;box-shadow: 0 10px 20px #edf1f2;margin-bottom: 51px;}
.blog_UploadContent i{margin-right: 3px;}
.blog_UploadContent li{display: inline-block; padding: 0 20px; position: relative;}
.blog_UploadContent li::after{position: absolute; content: "|"; top: 50%; transform: translateY(-50%); right: 0;}
.blog_UploadContent li:last-child:after{content: ""; }

.blogContent h3{margin-top: 25px; margin-bottom: 10px;}
.blogContent img{border-radius: 5px;}
.search_field{border: 1px solid var(--primary); border-radius: 30px; position: relative; overflow: hidden; padding: 10px 40px 10px 15px;width: 100%;
  max-width: 375px;}
.search_field .form-control{background-color: transparent; padding: 0; border: none;}
.search_field .btn{position: absolute;  top: 50%; transform: translateY(-50%); right: 15px; padding: 0;}

.rightSide_Block{margin-top: 60px;}
.rightSide_Block h4{margin-bottom: 25px;}
ul.rightSideList{list-style: none; padding: 0; margin: 0;}
ul.rightSideList li+li{margin-top: 10px;}
ul.rightSideList li a{text-decoration: none; color: black; position: relative; padding-left: 25px; display: inline-block;}
ul.rightSideList li a::before{position: absolute; content: "\F231";font-family: "bootstrap-icons";  top: 3px; left: 0; font-size: 12px; color: var(--primary);}
ul.rightSideList li a:hover{color: var(--primary);}
ul.rightSideList li a:hover::before{color: var(--primary-dark);}

ul.recentBlog_list{list-style: none; padding: 0; margin: 0;}
ul.recentBlog_list li+li{margin-top: 25px;}
.recentBlog_thumb img{width: 80px; height: 80px; object-fit: cover; object-position: center; border-radius: 5px;}
ul.recentBlog_list a{color: black; text-decoration: none;}
ul.recentBlog_list h6{margin-bottom: 5px; font-weight: 500; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}
.recentBlog_date{color: var(--primary);}
.recenteBlog_Content{width: 100%; max-width: 210px;}

.blog_item_contents .author_info {display: flex;align-items: center;margin-bottom: 15px;font-size: 0.9rem;color: #666;margin-top: 20px;}
.blog_item_contents .separator {height: 1px;background: #f0f0f0;margin: 20px 0;position: relative;display: block;}
.blog_item_contents .separator::after {content: "///////////";position: absolute;top: -10px;left: 0;color: #ddd;font-size: 12px;letter-spacing: -1px;}

ul.tag_list{list-style: none; padding: 0; margin: 0;}
ul.tag_list li{display: inline-block; margin-right: 5px; margin-bottom: 10px;}
ul.tag_list li a{border: 1px solid var(--primary); padding:6px 12px; color: var(--primary-dark);  display: inline-block; font-size: 13px; border-radius: 8px;}
ul.tag_list li a:hover{border: 1px solid var(--primary-dark); background-color: var(--primary-dark); color: white;}

.revies_section .testimonial_card{margin: 0;}
.revies_section .testimonial_card p{overflow: visible;display: block;-webkit-line-clamp: unset; line-clamp: unset; -webkit-box-orient: unset; min-height: auto;}
.inner_hero{background-repeat: no-repeat; background-size: cover; background-position: bottom;}
.inner_hero{ color: white;}
.cbd_seo .we_do_box{padding: 35px 50px;}
.cannabis_seo{width: 100%; height:360px; object-fit: cover; object-position: center;}
.seo_agency{width: 100%; height:442px; object-fit: cover; object-position: center;}
.design_features{background-color: #F7F7F7;}
.design_features::after{background-color: transparent; }

h2 a {color: var(--primary-dark); text-decoration: underline;}
h2 a:hover {color: var(--primary-dark); text-decoration: none;}
.log_box{background-color: var(--grey); width: 100%; padding: 20px; display: flex; justify-content: center; align-items: center; width: 100%; height:174px;}
.log_box img{width: 100%; height: 100% ;object-fit:contain;}
.cta_section{background-color: black; color: white; padding: 50px 0;}
.cta_section p{margin-bottom: 0;}
.company_logo_section .log_box{background-color: white;}
ul.aboutUsList li+li {margin-top: 28px;}

.wpcf7-not-valid-tip { display:none;}
.wpcf7-not-valid { border:1px solid #F00 !important;}
.wpcf7-checkbox.wpcf7-not-valid { border:none !important;}
.wpcf7-checkbox.wpcf7-not-valid input[type=checkbox] { outline:1px solid #F00;}
.wpcf7-list-item { margin:0 15px 0 0;}
.wpcf7 form .wpcf7-response-output { margin:10px 0; padding:1rem; text-align:center; /*border-radius:5px;*/}
.wpcf7 form.invalid .wpcf7-response-output { background:#f8d7da; color:#58151c; border:1px solid #f1aeb5;}
.wpcf7 form.sent .wpcf7-response-output { background:#d1e7dd; color:#0a3622; border:1px solid #a3cfbb;}
.wpcf7-spinner { position:absolute;}

.custom_pagination,.woocommerce-pagination{text-align:center; margin-top:30px;}
.page-numbers{display:inline-block;padding:0;margin:0}
.page-numbers>li{display:inline}
.page-numbers>li>a,.page-numbers>li>span{position:relative;float:left;padding:5px 15px;font-size:14px;margin-left:-1px;line-height:1.42857143;color:#333;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.page-numbers>li:first-child>a,.page-numbers>li:first-child>span{border-top-left-radius:4px;border-bottom-left-radius:4px}
.page-numbers>li:last-child>a,.page-numbers>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.page-numbers>li>a:hover,.page-numbers>li>span:hover,.page-numbers>li>a:focus,.page-numbers>li>span:focus{color:var(--warning);background-color:#eee;border-color:#ddd}
.page-numbers>.active>a,.page-numbers>.active>span,.page-numbers>.active>a:hover,.page-numbers>.active>span:hover,.page-numbers>.active>a:focus,.page-numbers>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:var(--warning);border-color:var(--warning)}
.page-numbers .current,.page-numbers .current:hover{z-index:2;color:#fff;cursor:default;background-color:var(--warning);border-color:var(--warning)}
.page-numbers>.disabled>span,.page-numbers>.disabled>span:hover,.page-numbers>.disabled>span:focus,.page-numbers>.disabled>a,.page-numbers>.disabled>a:hover,.page-numbers>.disabled>a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}

.comment_sec { margin-top:20px;}
.comment_sec ol.commentlist { list-style:none; margin:0 0 30px 0; padding:0;}
.comment_sec ol.commentlist li { margin:0 0 20px 0; position:relative;}
.comment_sec ol.commentlist li .comment-body { border:1px solid #ddd; padding:20px 20px 20px 60px;}
.comment_sec ol.commentlist li .comment-body .comment-meta { font-size:0.83em; float:left; margin:0 0 0 5px; color:#777; line-height:1;}
.comment_sec ol.commentlist li .comment-body .comment-author { float:left; font-size:12px; font-weight:700; margin:0 0 5px; color:#777; line-height:1;}
.comment_sec ol.commentlist li .comment-body .comment-author img { float:left; position:absolute; top:20px; left:15px; width:32px; height:auto; background:none; border:1px solid #e4e1e3;}
.comment_sec ol.commentlist li .comment-body .comment-author cite { font-style:normal;}
.comment_sec ol.commentlist li .comment-body p { clear:both;}
.comment_sec ol.commentlist li .comment-body .reply a { text-decoration:underline;}
.comment_sec ol.commentlist ul.children { list-style:none; margin:20px 0 0 0;}

.tags_list{margin-bottom:10px;}
.tags_list i{margin-right:5px;}
.tags_list a{border: 1px solid var(--primary); padding:6px 12px; color: var(--primary-dark);  display: inline-block; font-size: 13px !important; border-radius: 8px; margin:0 8px 8px 0;}
.tags_list a:hover{border: 1px solid var(--primary-dark); background-color: var(--primary-dark); color: white;}
.tagcloud a{border: 1px solid var(--primary); padding:6px 12px; color: var(--primary-dark);  display: inline-block; font-size: 13px !important; border-radius: 8px; margin:0 8px 8px 0;}
.tagcloud a:hover{border: 1px solid var(--primary-dark); background-color: var(--primary-dark); color: white;}

.sidebar .widget { margin-bottom:30px;}
.sidebar ul { list-style:none; margin:0; padding:0;}
.sidebar ul li { margin-bottom:2px;}
.sidebar ul li a { text-decoration: none; color: black; position: relative; padding-left: 25px; display: inline-block;}
.sidebar ul li a:before { position: absolute; content: "\F231";font-family: "bootstrap-icons";  top: 3px; left: 0; font-size: 12px; color: var(--primary);}
.sidebar ul li a:hover, .sidebar ul li.is-active a, .sidebar ul li.current_page_item > a, .sidebar ul li.current-menu-ancestor > a, .sidebar ul li.current-menu-item > a, .sidebar ul li.current-menu-parent > a { color: var(--primary);}

.custom-cta-container { padding: 30px; border-radius: 12px; text-align: center; margin: 20px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1); transition: all 0.3s ease;}
.cta-bg-default { background: linear-gradient(135deg, #2a1454, #78b5b5);}
.cta-text { margin-bottom: 15px; font-size: 18px; line-height: 1.5; color: white !important;}

@media (max-width: 768px) {
.custom-cta-container {	padding: 20px;margin: 15px 0;}
.cta-text {	font-size: 16px;}
}






/* shees css */

.portfolioThumb_wrapper{border-radius: 12px; overflow: hidden; display: block; margin-bottom: 15px;}
.portfolioThumb_wrapper img{width: 100%; transition: all .6s ease; }
.portfolioThumb_wrapper:hover img{transform: scale(1.05); transition: all .6s ease; }
.portTitle{display: inline-block; margin-bottom: 0px; font-size: 17px; font-weight: 700;}
ul.portfolio_meta {margin: 0; padding: 0; list-style: none;}
ul.portfolio_meta li{color: rgb(167, 167, 167); display: inline-block; font-size: 15px; position: relative;}
ul.portfolio_meta li+li{padding-left: 10px;}
ul.portfolio_meta li+li:before{position: absolute; content: ",";  left: 0;}
.portfolioTabs {margin-bottom: 30px; margin-top: 10px; display: block; text-align: center;}
.portfolioTabs li {display: inline-block;}
.portfolioTabs .nav-link{color: var(--primary-dark); padding-left: 0; padding-right: 0; margin-right: 30px; font-size: 17px;}
.portfolioTabs .nav-link.active{background: transparent; border-bottom: 1px solid var(--primary-dark); color: var(--primary-dark); border-radius: 0; padding-left: 0; padding-right: 0; font-weight: 600;}
.portfolio_card{text-align: center;}

.portDetailWrapper{text-align: center;}
.portDetailWrapper img{width: 100%;}

.portDetail_banner{background-color: var(--grey);}
.portfolio_section .row .col-lg-11 .portDetailWrapper+.portDetailWrapper{margin-top: 40px;}
.portDetailWrapper h2{margin-bottom: 30px;}
.consultation_section .form-control {background-color: #ffffff;border-color: #ffffff; padding: 12px 25px;}
.consultation_section .form-control::placeholder {color: #00000065;}
@media (max-width: 576px) {
  .portfolioThumb_wrapper {margin-bottom: 7px;}
  .portfolioTabs .nav-link {font-size: 16px;}
  .portfolioTabs .nav-link {margin-right: 22px;}
  .portDetailWrapper h2 {margin-bottom: 10px;}
  .consultation_section .form-control {padding: 12px 14px;}
}

.portDetail_banner.home_banner{padding: 80px 0;}






/* 1st september 2025 */




.project_logo {background:#f2f2f2; padding:150px 15px; margin:0 0 20px; text-align: center; -webkit-filter: grayscale(100%); filter:grayscale(100%);}
.project_logo img {max-width:250px; margin:0 auto;}
.project_desc_wrap p {font-size:18px;}
.project_small_info p {margin:0 0 5px;}
.project_small_info a {color:#000;}
.project_small_info a:hover {color:#1ea433;}

.project_img {margin:0 0 30px;}
.webdesign_img {padding:40px 0;}
.project_grey_bg {background:#fff; padding:40px 0; text-align: center;}

.border_heading {margin:0 0 35px; padding:15px 0 0; border-top:1px solid #ddd;}

.logo_wrapper_top { margin: 10px 0;}
.logo_top_right {text-align: right;}

.design_logo_wrapper {background:#f2f2f2; padding:150px 15px; margin:0 0 6px; text-align: center; position: relative;  }
.design_logo img {width: 100%;max-width:507px; margin:0 auto;}
.winner_tag { position: absolute; top: 40px; left: 50%; -webkit-transform: translateX(-50%);transform: translateX(-50%);}
ul.logo_list{text-align: center; list-style: none; margin: 0; padding: 0;}
ul.logo_list li {display: inline-block;  margin: 0 1px; width:calc(33.3% - 5px);}
ul.logo_list li .logo_block { width: 100%; background: #f2f2f2; position: relative; padding:40px; height: auto;}
ul.logo_list li .logo_block img {height:180px; object-fit: scale-down;}
.packaging_detail_list .grid{position: relative; overflow: hidden;}
.packaging_detail_list .grid .detail_block { text-align: center; }
.packaging_detail_list .grid .detail_block img{ display: inline-block;}
.packaging_detail_list .grid+.grid{margin-top: 10px;}
.inner_services_wrap .service_box { margin-bottom: 50px;}
.inner_services_wrap .service_box h5 { min-height:48px;}