.autoComplete-result div.child-parent-items,.results_list{max-height:200px}b,p a,strong{font-weight:400!important}.aboutBanner,.heroBanner{background-size:cover;background-attachment:fixed}.fullBanner{min-height:100vh}.dark-mode .navbar.about_navbar{background:var(--si-body-bg)!important}.heroBanner_child{background:url('../images/home_hero_banner.svg') 0 0/cover;position:absolute;height:300px;width:100%;bottom:0;z-index:0}body .heroBanner_child_extend{height:700px!important;background-size:contain!important;z-index:1!important;background-repeat:no-repeat}.service_banner_padding{padding-top:5rem;padding-bottom:5rem}.z-index-1{z-index:1!important}.z-index-2{z-index:2!important}.blackBanner{background:url('../images/black_banner.jpg') 0 0/cover,linear-gradient(90deg,#0b0f19 0,#0b0f19 100%) 0 0/cover}.blackBannerPattern{background:url('../images/black_bg_pattern.webp') 0 0/cover,linear-gradient(90deg,#0b0f19 0,#0b0f19 100%) 0 0/cover}.__how_we_work .step .step-number{background-color:#fff!important;overflow:hidden;position:relative}.__how_we_work .step .step-number .bg-primary-light-section{left:0;z-index:-1}.dark-mode .text-dark:not(.badge){box-shadow:none!important}.dark-mode .dark-logo,.dark-mode header.header.navbar-sticky .navbar-brand img.dark-logo,.dark-mode header.header.navbar-sticky.headerTransparent .navbar-brand img.dark-logo,.dark-mode header.header.navbar-sticky.navbar-stuck .navbar-brand img.dark-logo,.inputSearchService[aria-expanded=true]+.results_list,header.header.navbar-sticky .navbar-brand img.dark-logo,header.header.navbar-sticky.headerTransparent .navbar-brand img.light-logo,header.header.navbar-sticky.navbar-stuck .navbar-brand img.light-logo{display:block!important}.dark-mode .light-logo,.dark-mode header.header.navbar-sticky .navbar-brand img.light-logo,.dark-mode header.header.navbar-sticky.headerTransparent .navbar-brand img.light-logo,.dark-mode header.header.navbar-sticky.navbar-stuck .navbar-brand img.light-logo,.inputSearchService[aria-expanded=false]+.results_list,header.header.navbar-sticky .navbar-brand img.light-logo,header.header.navbar-sticky.headerTransparent .navbar-brand img.dark-logo,header.header.navbar-sticky.navbar-stuck .navbar-brand img.dark-logo{display:none!important}.dark-logo,.dark-mode .review_section_2 .trustpilot_dark,.dark-mode .trustpilot_dark,.offcanvas.offcanvas-end .btn-close,.review_section_2 .trustpilot_white,.trustpilot_white,p:empty{display:none}.service_section_css .col-parent:hover a.btn,header.header.navbar-sticky .nav-item .nav-link,header.header.navbar-sticky.headerTransparent .nav-item .nav-link,header.header.navbar-sticky.navbar-stuck .nav-item .nav-link{opacity:1}.nav-link:hover{color:var(--secondaryColor)!important;opacity:1!important}.AutoCompleteHeadSection .autoCompleteParent .results_list li:hover a,.AutoCompleteHeadSection .autoCompleteParent .results_list li:hover a mark,.dark-mode .AutoCompleteHeadSection .autoCompleteParent .results_list li:hover a,.dark-mode .AutoCompleteHeadSection .autoCompleteParent .results_list li:hover a .text-ellipsis,.nav-link a:focus{color:var(--dj-dark)!important}.dark-mode .AutoCompleteHeadSection .autoCompleteParent i,.dark-mode .aLink,.dark-mode .autoComplete-result div a,.dark-mode .hHead.btn-outline-primary.bshodow-dark,.dark-mode .hHeadA,.dark-mode .section_for_content table caption,.dark-mode a.autolinks:hover,.dark-mode a.hHead.btn-transparent2.btn-style2,.dark-mode a.hHead.get_quote_link.btn-transparent2.btn-style2,.dark-mode footer a:hover,.dark-mode header.header.navbar-sticky.headerTransparent .btn-transparent,.dark-mode header.header.navbar-sticky.headerTransparent .btn-transparent-white,.dark-mode header.header.navbar-sticky.headerTransparent .nav-item .nav-link,.dark-mode header.header.navbar-sticky.navbar-stuck .btn-transparent-white,.dark-mode header.header.navbar-sticky.navbar-stuck .nav-item .nav-link,.dark-mode header.navbar-stuck .btn-transparent,.service_section_css .card.card-hover .btn-transparent-white,header.header.navbar-sticky.headerTransparent .bshodow-dark:hover,header.header.navbar-sticky.navbar-stuck .bshodow-dark:hover{color:#fff}.dark-mode .white_box_ .hHead,header.header.navbar-sticky.headerTransparent .btn-transparent,header.navbar-stuck .btn-transparent{color:#000}header.header.navbar-sticky .btn-transparent-white:hover,header.header.navbar-sticky.headerTransparent .btn-transparent-white:hover,header.header.navbar-sticky.navbar-stuck .btn-transparent-white:hover{border:2px solid transparent}.dark-mode .btn-twitter img,.dark-mode .feedback_section .common-feedback img,.dark-mode .heroBanner_child,.dark-mode .twitter_section a img,.twitterXLogo{filter:invert(1)}.dark-mode .btn-twitter:hover img,.dark-mode .twitterXLogo,footer a.btn:hover img{filter:invert(0)}.aLink2:hover,.autoComplete-result .autoComplete-option:hover{color:var(--primaryColor)}.autoComplete-result .autoComplete-option:hover .badge,.whatsupBtn:hover i.bxl-whatsapp{color:#fff!important}.bshodow-dark{box-shadow:2px 1000px 1px rgb(0 0 0 / 71%) inset;color:#fff}.bshodow-black{box-shadow:2px 1000px 1px #0b0f19 inset;color:#fff}header.header.navbar-sticky.navbar-stuck .bshodow-dark{box-shadow:2px 1000px 1px #fff inset;color:var(--dj-dark)}header.header.navbar-sticky.headerTransparent .bshodow-dark{box-shadow:2px 1000px 1px rgb(248 249 255) inset;color:var(--dj-dark)}.border-primary-theme{border:2px solid var(--primary-color)}.popular_service .nav li.nav-item button:focus{background:rgb(149 97 214);color:#fff!important;-webkit-text-fill-color:#fff}.offcanvas.offcanvas-end.show .offcanvas-body #mainav .nav-item{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #c7c8cd;font-family:PJ-Medium;position:relative;display:flex;align-items:center;justify-content:space-between}.offcanvas.offcanvas-end.show .offcanvas-body #mainav .nav-item:first-child{border-top:1px solid #c7c8cd}.offcanvas.offcanvas-end.show{width:75%}.offcanvas.offcanvas-end.show .btn-close{right:-60px;position:absolute;top:15px;background:#fff;width:28px;height:28px;border-radius:50%;opacity:1;line-height:normal}.offcanvas.offcanvas-end.show .btn-close i{font-size:28px!important;line-height:normal}.dark-mode .trustpilot_white,.offcanvas.offcanvas-end.show .btn-close,.offcanvas.offcanvas-end.show .offcanvas-footer{display:block}.offcanvas.offcanvas-end.show .offcanvas-body #mainav .nav-item::after{content:"\0279F";font-weight:900;position:absolute;right:0;z-index:0}.blogSectionMain .card-img-top{height:15em;object-fit:cover}.blog_date{background:#ffffff94;top:8px;right:6px;padding:3px 9px;border-radius:5px;font-weight:500}.btn-transparent{border:2px solid var(--primaryColor);color:#fff}.AutoCompleteHeadSection .autoCompleteParent,.btn-transparent2{border:2px solid var(--dj-dark)}.bg-dark .btn-transparent2{border:2px solid #fff}.btn-transparent2:hover{border:2px solid var(--primaryColor)}.btn-transparent-white:hover,.btn-transparent2:focus-visible,.btn-transparent2:hover,.btn-transparent:hover{border:solid 2px var(--primaryColor)!important;background-color:var(--primaryColor)!important;color:#000!important}.dark-mode .autoComplete-result{background-color:#000!important}.w-close-icon.w-active{align-items:self-end;line-height:14px}.btn-transparent-white{border:2px solid #fff;color:#fff}header.header.navbar-sticky.navbar-stuck .btn-transparent-white{color:var(--dj-dark);border:2px solid var(--primaryColor)}.dark-mode .border-theme-2,.dark-mode header.header.navbar-sticky .btn-transparent-white,.dark-mode header.header.navbar-sticky.navbar-stuck .btn-transparent-white{border:2px solid var(--primaryColor)!important}header.header.navbar-sticky.headerTransparent .btn-transparent-white{color:var(--dj-dark);border:2px solid var(--dj-dark)}.seo_source_content,.service_section_css a.btn{opacity:0}.form-switch.mode-switch input,.service_section_css .col-parent:hover{cursor:pointer}.service_section_css .col-parent:hover h3{color:var(--primary-color)}.service_section_css .col-parent img{height:250px;object-fit:cover}.our_service_style_1 .card-img-top{height:320px;object-fit:cover}.bg-pattern-1 img{height:100%;object-fit:cover}.dark-mode .contact_us_form i.bx,.dark-mode a.hHead.get_quote_link.btn-transparent2,.hHeadA{color:var(--dj-dark)}.dark-mode .__how_we_work .steps .step::after,.dark-mode .__how_we_work .steps .step::before{background-color:#736f6f;opacity:.6}.dark-mode .__how_we_work .steps .step:nth-child(3)::after{background:inherit}.dark-mode .btn-transparent2{border:2px solid}.btn-scroll-top.show{bottom:5.25rem}.blogSectionMain .card-body a:hover,.dark-mode .blogSectionMain .card-body .text-nav:not(.badge.bg-white):hover{opacity:.8}.bottom90,.whatsupBottom .wa-chat-bubble{bottom:90px!important}.bottom2em{bottom:2rem!important}#msgboxxWidget{transition:bottom .4s cubic-bezier(.68, -.55, .265, 1.55),opacity .3s,background-color .25s ease-in-out}.whatsupBottom .wa-widget-send-button{bottom:60px!important}.dark-mode .inputSearchService::placeholder{opacity:.7}.object-fit-cover{object-fit:cover}.-z-index1{z-index:-1}.autoCompleteParent,.z-index{z-index:1}.autoComplete-result div a:last-child{padding-bottom:20px}.autoComplete-result div a{text-decoration:none;color:var(--dj-dark)}.__serviceContentEle a:hover{color:var(--g-color-two);background:linear-gradient(to right,var(--g-color-two),var(--g-color-one));-webkit-background-clip:text;-webkit-text-fill-color:transparent}#contact_fname{text-transform:capitalize}footer a.btn:hover{background:linear-gradient(to right,var(--dj-brand-color-two),var(--dj-brand-color-one));border-color:inherit!important;box-shadow:inherit!important}.contact_toast{position:fixed;top:6rem;right:1rem;z-index:99}.area_list .cityloadmore,.area_list .flex a.btn,.category_list .flex a.btn{width:32%;margin:8px;background:#f1f1f1!important;border:1px solid #e2e5f1!important;-webkit-appearance:none;box-sizing:border-box}.area_list .cityloadmore:hover,.area_list .flex a.btn:hover,.category_list .flex a.btn:hover,.dark-mode .area_list .cityloadmore:hover,.dark-mode .area_list .flex a.btn:hover,.dark-mode .category_list .flex a.btn:hover{background:var(--primaryColor)!important;background-color:var(--primaryColor)!important;color:#fff}.dark-mode .area_list .cityloadmore,.dark-mode .area_list .flex a.btn,.dark-mode .category_list .flex a.btn{background:#151822!important;color:#fff;-webkit-appearance:none;box-sizing:border-box}.area_list .cityloadmore,.dark-mode .area_list .cityloadmore{border:1px solid var(--primaryColor)!important;margin:5px auto}.input-group a.hHead{text-decoration:none}.our_service_style_1 .btn-transparent2{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-group .bx-right-arrow-alt:before{font-size:26px;position:absolute;bottom:8px;display:flex}p.trust_pilot{font-size:13px}.dark-mode .card.bg-dark{background-color:var(--si-secondary-bg)!important}.feedback_section .common-feedback p{font-size:16px}.feedback_section .common-feedback img{width:36px;padding:8px;cursor:pointer}.feedback_section .common-feedback img.thumbs-down{transform:scaleX(-1)}.feedback_section .common-feedback.active img{filter:invert(.4) sepia(1) saturate(5) hue-rotate(175deg)}.feedback_section .common-feedback img:hover{padding:8px;background:#eee;border-radius:50px}.dark-mode .feedback_section .common-feedback img:hover{background:rgb(11 15 25 / 20%)}.dark-mode .card.card-hover.bg-light,.dark-mode .contact_us_ .bg-light:not(.badge){background-color:#151822!important}.bxl-whatsapp{color:#25d366}.section_for_content table tbody,td,tfoot,th,thead,tr{border:1px solid #e2e5f1;padding:10px 15px}.section_for_content table{width:100%;overflow:auto;margin-bottom:20px;display:block}.section_for_content table caption{text-align:center;caption-side:top;color:#000;border:1px solid #e2e5f1}@media only screen and (max-width:991.98px){.area_list .cityloadmore,.area_list .flex a.btn,.category_list .flex a.btn{width:47%;margin:8px}}.dark-mode .card-portfolio{background-color:#000}html{scroll-behavior:smooth}@media only screen and (max-width:767.98px){.area_list .cityloadmore,.area_list .flex a.btn,.category_list .flex a.btn{width:100%;margin:8px 0}.input-group a.w100{width:100%}.contact_toast{right:.3rem}}body{-webkit-font-smoothing:antialiased!important}@-moz-document url-prefix(){body{-moz-osx-font-smoothing:grayscale!important}}.hHeadA:hover{background:var(--dj-brand-color-two);background:linear-gradient(to right,var(--dj-brand-color-two),var(--dj-brand-color-one));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.overlay-bg{position:absolute;background:rgb(0 0 0 / 10%);width:100%;height:100vh}.theme-mode{font-size:1px;color:#fff;opacity:0}.inputSearchService::placeholder{color:var(--dj-dark);font-family:PJ-semiBold,sans-serif;font-size:1rem;opacity:.7}.inputSearchService{color:var(--dj-dark)!important;font-size:1.125rem}.dark-mode .AutoCompleteHeadSection .autoCompleteParent .results_list li a .select_badge,.select_badge{color:#929292}.zIndex2{z-index:2}.bg-primary-light-section,.bg-primary-theme-section{height:100%;width:100%;z-index:-1;top:0;position:absolute}.placeholder_::-ms-input-placeholder{font-family:PJ-Regular,sans-serif;color:rgb(206 206 206)}.placeholder_::placeholder{font-family:PJ-Regular,sans-serif;color:rgb(206 206 206)}.dark-mode .inputSearchService::placeholder{color:var(--dj-dark)}.autoCompleteParent input{height:70px;text-indent:30px;font-family:PJ-SemiBold;z-index:1}.autoCompleteParent input:focus{box-shadow:none}.AutoCompleteHeadSection .autoCompleteParent .inputSearchService{text-indent:0}body .zIndex5{z-index:5!important}.select_badge{background:#f2f2f2;padding:5px 10px;border-radius:5px;font-size:14px}.autoCompleteParent .results_list{left:1px;width:calc(100% - 1px)!important}.autoCompleteParent i{top:20px;left:16px}.autoCompleteParent input[aria-expanded=true]{border-bottom-left-radius:inherit!important;border-bottom-right-radius:inherit!important;border-bottom:1px solid rgb(213 213 213)}.results_list li mark{padding:0!important;background-color:inherit!important}.aLink,.autoCompleteParent .results_list li:hover .select_badge,.dark-mode .__how_we_work .step .step-number,.dark-mode .slider_info_2 .bg-white .hHead,.text-color-primary-dark{color:var(--dj-dark)}.autoCompleteParent .results_list li:hover a,.autoCompleteParent .results_list li:hover a mark,.dark-mode .autoCompleteParent li:hover a mark,.dark-mode .autoCompleteParent li:hover i{color:var(--primaryColor)!important}.AutoCompleteHeadSection .autoCompleteParent .results_list li:hover{background:var(--primaryColor)!important;color:#fff!important}.AutoCompleteHeadSection .autoCompleteParent::before{content:'\ebf8';font-family:boxicons;font-size:25px;margin-left:10px;color:#8a8a8a;position:absolute;left:15px;z-index:222;line-height:76px}.AutoCompleteHeadSection .autoCompleteParent.loadingIcon::before{transform:scaleY(-1);-webkit-animation:1.5s linear infinite flashing;animation:1.5s linear infinite flashing;content:'\eab2'}.results_list{overflow-y:auto}.bg-primary-light-section{background:var(--primary-color-light-gray-v3)!important}.bg-primary-theme-section{background:var(--primaryColor)!important;opacity:20%;left:0}.dark-mode body a.autolinks,a.aLink:hover,body a.autolinks{color:var(--secondaryColor)}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mx-width-250{max-width:250px}.mx-width-180{max-width:180px}.AutoCompleteHeadSection .autoCompleteParent.error{border:2px solid red}.AutoCompleteHeadSection .results_list::-webkit-scrollbar{width:8px;height:8px}.AutoCompleteHeadSection .results_list::-webkit-scrollbar-track{background:#f0f0f0}.AutoCompleteHeadSection .results_list::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px;border:2px solid #f0f0f0}.AutoCompleteHeadSection .results_list::-webkit-scrollbar-thumb:hover{background-color:#858585}.autoCompleteParent .inputSearchService::placeholder{font-size:smaller}.AutoCompleteHeadSection .autoCompleteParent .inputSearchService{text-indent:26px;font-size:x-large}.AutoCompleteHeadSection .autoCompleteParent.open{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.AutoCompleteHeadSection .results_list{width:calc(100% + 4px)!important;left:-2px!important}footer #footer-links ul li a{font-family:PJ-Medium,sans-serif;font-weight:400}.minHeightFull{-webkit-transition:min-height 0.14s ease-in-out,background 0.4s ease-in-out;-moz-transition:min-height 0.4s ease-in-out,background 0.4s ease-in-out;transition:min-height 0.4s ease-in-out,background 0.4s ease-in-out}.modal.modal-fullscreen .modal-content,.modal.modal-fullscreen .modal-dialog{bottom:0;left:0;position:absolute;right:0;top:0}.modal.modal-fullscreen .modal-dialog{margin:0;width:100%;animation-duration:.6s}.modal.modal-fullscreen .modal-content{border:none;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:inherit;-moz-box-shadow:inherit;-o-box-shadow:inherit;box-shadow:inherit}.modal.modal-fullscreen .__checkoutBtn{bottom:20px;position:absolute;left:0;width:96%!important;right:0;margin:0 auto}.review_section_2 .nav-tabs .nav-link.active:focus{color:var(--si-nav-tabs-link-active-color);background-color:var(--si-nav-tabs-link-active-bg);background:var(--si-nav-tabs-link-active-bg);border-color:var(--si-nav-tabs-link-active-border-color);-webkit-background-clip:inherit;-webkit-text-fill-color:inherit}.banner_video_section .jarallax{height:600px}.banner_video_section .jarallax-img{background-image:url('../images/video_placeholder.webp')}.cursor-default{cursor:default}.social-media-section .swiper-slide a{box-shadow:inherit}.review_section_2 blockquote p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.twitter_section:hover img{filter:contrast(0)}.service_section_css a:hover .card-body h3{color:var(--secondaryColor);opacity:1}.bg-secondary{background-color:rgb(250 250 250)!important}.dark-mode .bg-primary-light-section{background:rgb(21 24 34)!important}.dark-mode .AutoCompleteHeadSection .autoCompleteParent{border:2px solid rgb(255 255 255)}.dark-mode .slider_three_intro2 .card{background:var(--primaryColor)}.social-media-section .stretched-link:hover{background:var(--primaryColor)!important;box-shadow:inherit!important;border:inherit!important;color:var(--dj-dark)!important}body .social-media-section .stretched-link:active,body .social-media-section .stretched-link:focus{background:#000!important;border-color:inherit!important;box-shadow:inherit!important}.social_media_col:hover a.stretched-link{border:1px solid var(--primaryColor)!important}.dark-mode .review_section_2 .trustpilot_white{display:inline-block}b,strong{font-family:PJ-Bold,sans-serif}.section_for_content a:hover{color:var(--primaryColor)!important;text-decoration:underline!important}.section_for_content a{text-decoration:inherit!important}.contact_us_ form input{font-family:PJ-SemiBold}.contact_us_ .form-control:focus{border-color:rgb(101 101 101 / 35%);box-shadow:inset 0 0 0 transparent,0 .5rem 1.125rem -.5rem rgb(167 167 167 / 20%)}.contact_us_ .contact_us_form .rounded-circle{box-shadow:2px 0 4px #d6d6d682}.quote_circle{width:60px;height:60px;text-align:center;line-height:24px}#cityloadmore,#contact_submit,.blogSectionMain a.badge,.blogSectionMain a.btn-transparent2.btn,.category_list a.border,.contact_us_ form label{font-weight:400!important;font-family:PJ-Bold}

.serviceBanner2  .card-portfolio{ height:400px;}
.serviceBanner2  .card-portfolio:hover .card-img{ opacity:0.9;}

.press-swiper .swiper-slide
{
transition: filter 1s ease-in-out;
cursor:initial !important;
}

.press-swiper .swiper-slide a
{
    cursor:initial !important;   
}



.press_slider_parent_relative .press_slider_parent
{
position: relative !important;
}


.breadcrumb-item>a
{
 color: rgba(14, 15, 12, 0.6);
 font-family: 'PJ-Medium';
 font-weight: normal;
} 



 .dark-mode .AutoCompleteHeadSection .autoCompleteParent
{

    background-color: #0e0f0c !important;  
}

.dark-mode .AutoCompleteHeadSection .autoCompleteParent .inputSearchService::placeholder,
.dark-mode .AutoCompleteHeadSection .autoCompleteParent .inputSearchService,
.dark-mode .AutoCompleteHeadSection .autoCompleteParent .results_list li span,
.dark-mode .AutoCompleteHeadSection .autoCompleteParent .results_list li span mark
{
color:#fff !important;
}

.dark-mode .AutoCompleteHeadSection .autoCompleteParent .results_list li,.dark-mode .inputSearchService{background:#0e0f0c}



.dark-mode .AutoCompleteHeadSection .autoCompleteParent .results_list  .select_badge
{
    background: #2b2b2b; 
}


.dark-mode .AutoCompleteHeadSection .autoCompleteParent .results_list 
{
border: 2px solid #ffffff;
border-top: initial;
}


.dark-mode .bg-white .ac_btn_text,.dark-mode  .btn-primary-fill,
.dark-mode .AutoCompleteHeadSection  .autoCompleteParent input.submitSearchService:hover .loader_icon
{
    color: #ffffff !important;
}


.dark-mode .submitSearchService
{
    border: 2px solid var(--primaryColor) !important;
}

.dark-mode .AutoCompleteHeadSection  .autoCompleteParent .btn-primary-fill.submitSearchService:hover .ac_btn_text{color: var(--dj-dark) !important; }
.dark-mode .AutoCompleteHeadSection  .autoCompleteParent .btn-primary-fill.submitSearchService:hover .loader_icon{color: var(--dj-dark) !important; }

.dark-mode .AutoCompleteHeadSection .autoCompleteParent .results_list li:hover span mark{color: var(--dj-dark) !important;  }



#categorygallery .gallary-image-item-2
{
    height: 16.8em;
    object-fit: cover;
}

#categorygallery .gallary-image-item-4
{
    height: 13.5em;
    object-fit: cover;
}

#categorygallery .gallary-image-item-3
{

    height: 22.4em; 
    object-fit: cover;
}


#categorygallery .title
{
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 10px;
    background: rgb(0 0 0 / 56%);
    width: 100%;
    color: #fff !important;
    font-family: PJ-semiBold, sans-serif;
    font-weight: inherit !important;
}


.hero_images_service.listing_layout_ img {
    object-position: top;
    max-height: 600px;
}


.section_for_content details{margin-bottom: 20px;}


 /* Sidebar Container */
.sidebar_nearby {
  max-width: 380px;
  background: transparent;
  padding: 0;
  margin-left: auto;
  position: sticky;
  top: 100px;
}

/* Nearby Areas Container */
.city_nearby_areas {
  background: #ffffff;
  border-radius: 16px;
  padding: 24px 20px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);
  border: 1px solid #e6e8ec;
  margin-bottom: 30px;
}

.nearby_title {
  font-size: 20px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 24px;
  text-align: center;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 12px;
}

/* Each Nearby Link */
.city_nearby_areas a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  background: #f9fafb;
  border-radius: 10px;
  margin-bottom: 12px;
  transition: all 0.25s ease;
  text-decoration: none !important;
  border: 1px solid transparent;
}

.city_nearby_areas a:hover {
  background: var(--light-primary-color);
  border-color: var(--medium-primary-color);
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(76, 110, 245, 0.08);
  text-decoration: none !important;
}

.city_nearby_areas .local_area {
  display: flex;
  flex-direction: column;
}

.city_nearby_areas .span1 {
  font-size: 16px;
  font-weight: 600;
  color: #1e293b;
}

.city_nearby_areas .span2 {
  font-size: 13px;
  color: #6b7280;
}

.city_nearby_areas svg.icon-16 {
  width: 18px;
  height: 18px;
  stroke: var(--primaryColor);
  transition: transform 0.2s ease;
}

.city_nearby_areas a:hover svg.icon-16 {
  transform: translateX(4px);
}

/* Zip Code Section */
.city_zip_code {
  background: #ffffff;
  border-radius: 16px;
  padding: 24px 20px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.05);
  border: 1px solid #e6e8ec;
}

.zipcode_title {
  font-size: 20px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 20px;
  text-align: center;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 12px;
}

.city_zip_code span {
  display: inline-flex;
  align-items: center;
  background: rgb(250 250 250);
  color: #161616;
  font-size: 13px;
  font-weight: 500;
  padding: 6px 12px;
  margin: 6px 6px 0 0;
  border-radius: 0.375rem;
  transition: background 0.2s ease;
  border: 1px solid #e2e5f1 !important;
  width: 22%;
  justify-content: center;
}

.city_zip_code span:hover {
  background: var(--light-primary-color);
}

.city_zip_code svg.icon-16 {
  width: 16px;
  height: 16px;
  margin-left: 6px;
  stroke: va(--primaryColor);
}

.dark-mode .city_nearby_areas,
.dark-mode .city_zip_code{
  background: #0b0f19 !important;
}

.dark-mode .city_nearby_areas a,
.dark-mode .city_zip_code span {
  background: rgb(21, 24, 34) !important;
}

.dark-mode .city_nearby_areas .span1,
.dark-mode .city_zip_code span {
  color: #ffffff !important;
}