/*
Theme Name: Star Used Computers
Version: 1.0
Tags: green, balck, google fonts, theme options, custom header, responsive
The CSS, XHTML and design is released under GPL
*/

body{font: normal 16px/1.5 'Poppins'; color: #2D2E2E; font-weight: 300; overflow-x: hidden; position: relative;} 
img{max-width: 100%; height: auto;}
a{text-decoration: none; color: #3ABD9E;}
a:hover,a:focus{text-decoration: none;}
a,.btn{outline: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.ul-none,.site-footer ul,.fnav ul,.cinfo ul,.slick-dots{list-style: none; margin: 0; padding: 0;}

/*Format*/
h1,h2,h3,h4,h5,
.h1,.h2,.h3,.h4,.h5{margin-bottom: 20px; font-weight: 600;}
h1,.h1{font-size: 50px;}
h2,.h2{font-size: 40px;}
h3,.h3{font-size: 32px;}
h4,.h4{font-size: 25px;}
h5,.h5{font-size: 20px;}
.dou-heading h2{font-size: 50px;}
.dou-heading .uvc-main-heading{display: inline-block; border-radius: 50px; padding: 6px 21px; background-color: #ffebd6;}
.dou-heading .uvc-main-heading h3{font-size: 16px !important; color: #2D2E2E !important;}
p{margin-bottom: 20px;}
p:empty{display: none;}
strong{font-weight: 600;}
.align-left{margin: 0 20px 20px 0; float: left;}
.align-right{margin: 0 0 20px 20px; float: right;}
.max-1000{max-width: 1000px;}

.bg-cover{background: center center no-repeat; background-size: cover;}
.social-media a{display: inline-flex; align-items: center; justify-content: center; vertical-align: top; width: 30px; height: 30px; border-radius: 50px; margin: 0 10px 10px 0;}
.social-media a:hover{transform: scale(1.08);}
.social-media a:last-child{margin-right: 0;}
.has-separator{position: relative; padding-bottom: 20px;}
.has-separator::after{content: ''; position: absolute; height: 3px; width: 25px; background-color: #3ABD9E; left: 0; bottom: 0;}
.text-white .has-separator::after,
.has-separator.text-white::after{background-color: #fff;}
.has-separator.text-center::after{left: calc(50% - 12.5px);}
.gform_wrapper.gform-theme .gform_footer .gform_button{background-color: #3ABD9E !important; box-shadow: none !important; border: 0 !important; padding: 15px 35px !important; font-size: 17px !important; font-weight: 600 !important;}
.gform-theme--framework ::placeholder{opacity: .6;}
.gform_wrapper.cform_wrapper .cform .gform_fields{gap: 15px;}
.gform_wrapper.cform_wrapper .cform .gform_fields input,
.gform_wrapper.cform_wrapper .cform .gform_fields textarea{border: 0; padding: 6px 13px; font-size: 15px; outline: none;}
.gform_wrapper.cform_wrapper .cform .gform_fields input{height: auto;}
.form-sec .gform_wrapper.cform_wrapper .cform .gform-footer{justify-content: center;}

/*Buttons*/
.btn{padding: 12px 35px; border: 0; font-size: 17px; font-weight: 600; text-transform: uppercase; border-radius: 6px; position: relative; overflow: hidden;}
.btn.btn-primary{color: #fff; border: 2px solid #3ABD9E !important; box-shadow: inset 0 0 0 50px #3ABD9E;}
.btn.btn-primary:hover,.btn.btn-primary:focus,.btn.btn-primary:active{background-color: transparent; color: #3ABD9E; box-shadow: inset 0 0 0 0 #3ABD9E;}
.btn.btn-dark{background-color: #2D2E2E; color: #fff; border: 2px solid #2D2E2E;}
.btn.btn-dark:hover,.btn.btn-dark:focus,.btn.btn-dark:active{background-color: transparent; color: #2D2E2E;}

/*Section*/
.section{padding-top: 120px !important; padding-bottom: 120px !important;}
.md-section{padding-top: 90px !important; padding-bottom: 90px !important;}
.sm-section{padding-top: 70px !important; padding-bottom: 70px !important;}

/*Header*/
.top-bar{background-color: #2D2E2E; padding: 15px 0; font-size: 15px;}
.top-bar, .top-bar a{color: #fff;}
.top-bar .social-media a{margin-bottom: 0; width: 22px; height: 22px;}
.top-bar ul.contact-list li{display: inline-block; margin-right: 12px;}
.top-bar ul.contact-list li a{display: inline-flex; vertical-align: top;}
.top-bar ul.contact-list li img{margin-right: 6px; filter: brightness(0) invert(1);}
.site-header{position: sticky; top: 0; width: 100%; padding-top: 15px; padding-bottom: 15px; transition: .3s ease; z-index: 999; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2);}
.site-header .navbar-brand img{max-width: 300px;}
.site-header .navbar-expand-xl .navbar-nav .nav-link:not(.btn){padding: 8px 15px; font-size: 18px; font-weight: 500; text-align: center; color: #000;}
.site-header .navbar-expand-xl .navbar-nav .nav-link:hover,
.site-header .navbar-expand-xl .navbar-nav li:hover > .nav-link,
.site-header .navbar-expand-xl .navbar-nav li.menu-item-object-page.current-menu-item .nav-link{color: #3ABD9E;}
.nav-btns .btn:not(:hover){border-color: #fff;}

/*DropDown*/
@media only screen and (min-width : 990px) {
	.navbar-nav > li > .dropdown-menu{display: block; padding: 10px 0; transition: ease-out 0.30s; margin-top: 10px; opacity: 0; visibility: hidden; background-color: #3ABD9E;  right: 0; width: 245px; border: 0;}
	.dropdown:hover .dropdown-menu{margin-top: 0; opacity: 1; visibility: visible;}
}
.navbar-nav .dropdown-menu{box-shadow: 0 0 15px rgba(0,0,0,.1); padding: 10px 20px;}
.navbar-nav .dropdown-menu li:not(:last-child){border-bottom: 1px solid #ffffff5e;}
.navbar-nav .dropdown-menu .dropdown-item{color: #fff; padding: 12px 15px; border-radius: 0; white-space: normal; font-size: 16px; font-weight: 500;}
.navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar-nav .dropdown-menu .current-menu-item > a{background-color: #2D2E2E; color: #fff;}


/*Mobile Menu*/
.navbar-toggler.navBtn{border: 0; box-shadow: none;}
.sidenav-wrap{width: 0; transition: .3s ease; position: absolute; left: 0; top: 0; height: 100%; z-index: 44444; opacity: 0; color: #000;}
.sidenav-wrap .menu-backdrop{position: absolute; right: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,.5);}
.sidenav{height: 100%; width: 350px; position: fixed; z-index: 9999; top: 0; right: -370px; opacity: 0; background-color: #fff; overflow-x: hidden; transition: 0.5s; box-shadow: 0 0 20px rgba(0,0,0,.1); padding: 20px;}
.sidenav .closebtn{position: absolute; z-index: 44; width: 30px; text-align: center; top: 0; right: 18px; font-size: 36px; line-height: normal; color: #000;}
.the_menu{padding: 30px; font-size: 17px;}
.the_menu h4.hd{font-size: 18px; margin-bottom: 30px; letter-spacing: 3px;}
.the_menu li{margin-bottom: 15px; border-bottom: 1px solid #bbb;}
.the_menu li > a{padding: 0 0 12px; display: block; width: 100%; color: #000 !important; font-weight: 500;}
.the_menu li > a:hover,
.the_menu li.current-menu-item > a.nav-link{color: #000 !important; opacity: .7}
.sidenav-wrap .cinfo{border-top-color: #ddd;}
.sidenav-wrap .cinfo img{filter: none;}
.sidenav-wrap .social-media a{width: 40px; height: 40px; margin: 0 2px;}
.sidenav-wrap .social-media img{filter: brightness(1) invert(1);}
/*Show*/
.sidenav-wrap.show{width: 100%; opacity: 1;}
.sidenav-wrap.show .sidenav{right: 0; opacity: 1;}

/*Footer*/
.site-footer{background-color: #2D2E2E; font-size: 15px;}
footer,
footer a{color: #D1D0D0;}
footer a:not(.btn):hover{color: #fff;}
.site-footer h5{font-weight: 700; font-size: 20px; color: #fff}
.fnav ul li,
.cinfo ul li{margin-bottom: 7px;}
.cinfo ul li a{display: flex; align-items: start; word-wrap: anywhere;}
.cinfo ul li img{margin-right: 8px; margin-top: 5px; flex-shrink: 0; filter: brightness(0) invert(1);}
.site-footer .social-media{margin-top: 20px;}

.mfooter{font-size: 14px;}

.address-card{background-color: #4E4F4F; height: 100%; border-radius: 20px; padding: 30px 65px 30px 30px; position: relative;}
.address-card::after{content: ''; width: 35px; height: 50px; background: url(../img/map-pointer.svg) 0 0 no-repeat; background-size: 100%; position: absolute; right: 23px; top: 30px;}
.address-card h5{margin-bottom: 5px;}
.address-card p{margin-bottom: 0;}

.mfooter{background-color: #4E4F4F; padding: 35px 0;}

.icon-card{padding: 30px; border-radius: 20px; background-color: #F7F7F7;}
.icon-card, .icon-card *{transition: .3s ease;}
.icon-card .align-icon,
.icon-card .aio-icon-header h3.aio-icon-title,
.icon-card .aio-icon-header + .aio-icon-description{text-align: left !important;}
.icon-card .aio-icon-description a{color: #858588;}
.icon-card .aio-icon-description a::after{content: "\e611"; font-family: 'ult-silk'; font-size: 11px; margin-left: 7px;}
.icon-card:hover{background-color: #3ABD9E;}
.icon-card:hover *{filter: brightness(0) invert(1);}

.services-sec .slick-arrow{top: inherit; bottom: -60px;}
.services-sec .slick-arrow.slick-prev{left: inherit; right: 40px;}
.services-sec .slick-arrow.slick-next{right: 0;}

.process-steps{counter-reset: num;}
.process-steps .top-icon .aio-icon-img{display: inline-flex !important; align-items: center; justify-content: center;}
.process-steps .top-icon .img-icon{max-width: 40px !important;}
.process-steps > .wpb_column::after{content: ''; position: absolute; right: -22%; top: 20px; width: 150px; height: 30px; background: url(/wp-content/uploads/2025/01/steps-arrow.svg) center center no-repeat; background-size: 100%;}
.process-steps > .wpb_column:last-child::after{display: none;}
.process-steps > .wpb_column{counter-increment: num;}
.process-steps .top-icon .align-icon, .process-steps .top-icon .aio-icon-top{position: relative;}
.process-steps > .wpb_column .top-icon .align-icon::after{width: 30px; height: 30px; background-color: #FFA94F; font-weight: 600; border-radius: 50px; left: calc(50% - 15px); bottom: -15px; position: absolute; color: #fff; display: flex; align-items: center; justify-content: center; content: counter(num);}
.process-steps .top-icon .aio-icon-top{margin-bottom: 20px; padding-bottom: 50px;}
.process-steps .top-icon .aio-icon-top::after{content: ''; position: absolute; left: calc(50% - 4px); bottom: 0; width: 8px; height: 26px; background: url(/wp-content/uploads/2025/01/dots-icon.svg) center center no-repeat; background-size: 100%;}

.faqs-acc h4{font-size: 20px; font-weight: 500;}
.faqs-acc .vc_tta-title-text{color: #000 !important;}

/**/
.news-slider{margin: 0 -10px;}
.news-slider .slick-list,
.news-slider .slick-track{display: flex;}
.news-slider .slick-slide{padding: 15px 10px;}
.news-slider .slick-slide > div{height: 100%;}
.news-slider .slick-dots{text-align: center; padding: 20px 0; transform: none; position: relative;}
.news-slider .slick-dots li button{display: none;}
.news-slider .slick-dots li{display: inline-block; width: 16px; height: 16px; border-radius: 50px; background-color: #ccc; margin: 0 4px;}
.news-slider .slick-dots li.slick-active{background-color: #3ABD9E;}

.news-card{background-color: #fff; padding: 15px; border-radius: 10px; display: block; color: #2D2E2E; height: 100%; font-size: 15px; box-shadow: 0 4px 5px rgba(0,0,0,.1);}
.news-card .news-img{height: 200px; overflow: hidden; margin-bottom: 20px;}
.news-card .news-img img{width: 100%; height: 100%; object-fit: cover;}
.news-card h4{font-size: 22px;}
.news-card .date{font-size: 14px; color: #8f8f8f; margin-bottom: 10px; display: block;}
.news-card p{margin-bottom: 0;}
.news-card:hover{box-shadow: 0 0 15px rgba(0,0,0,.1); transform: scale(1.02);}

.page-title{background: url(/wp-content/uploads/2024/12/inside-bg-img.jpg) center center #ddd; background-size: cover;}
.rank-math-breadcrumb p{margin-bottom: 0;}

/*Pagination*/
.wp-paginate ul{margin: 50px 0;}
.wp-paginate li{display: inline-block;}
.wp-paginate a,
.wp-paginate .current{background-color: transparent; border: 1px solid #ccc; color: #666; padding: 4px 8px; text-align: center; text-decoration: none;}
.wp-paginate a:hover{background-color: #ccc;}
.wp-paginate .current{background-color: #3ABD9E; border-color: #3ABD9E; color: #fff;}

/*Single*/
.single .post-image{background-color: #ddd; border-radius: 10px; overflow: hidden; max-height: 400px;}
.single .post-image img{width: 100%; object-fit: cover;}
.sidebar .sb-widget{background-color: #F3F3F3; padding: 25px; border-radius: 8px; margin-bottom: 25px;}
.sidebar .wp-block-latest-posts__list li{display: block; margin-bottom: 15px; background-color: #fff; padding: 10px; border-radius: 5px;}
.sidebar h3{font-size: 24px;}

.social-sharing{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.social-media-share a{display: inline-flex; align-items: center; justify-content: center; vertical-align: top; width: 50px; height: 50px; border-radius: 50px; margin: 0 10px 10px 0; background-color: #000;}
.social-media-share a:hover{transform: scale(1.08);}
.social-media-share a.fb{background-color: #0474D3;}
.social-media-share a.insta{background: #d6249f; background: radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);}
.social-media-share a.yt{background-color: #DE2C2C;}
.social-media-share a.in{background-color: #316693;}
.social-media-share a.wapp{background-color: #0baf4d;}
.social-media-share a.em{background-color: #EDB142;}

/*Responsive*/
@media(max-width: 1370px){
  .site-header .navbar-expand-xl .navbar-nav .nav-link:not(.btn){padding: 8px 15px;}
}
@media(max-width: 1200px){
}
@media(max-width: 991px){
  .section{padding-top: 90px !important; padding-bottom: 90px !important;}
  .md-section{padding-top: 60px !important; padding-bottom: 60px !important;} 
  .sm-section{padding-top: 40px !important; padding-bottom: 40px !important;}
  
  h1,.h1{font-size: 40px;}
  h2,.h2{font-size: 30px;}
  h3,.h3{font-size: 22px;}
  h4,.h4{font-size: 20px;}
  h5,.h5{font-size: 17px;}

  .site-header{padding-top: 8px; padding-bottom: 8px;}
  .site-header .navbar-brand img{max-width: 250px;}

  .fnav,.cinfo{margin-top: 20px;}  
	
	.process-steps > .wpb_column:nth-child(2)::after{display: none;}
}
@media(max-width: 768px){
  .section{padding-top: 60px !important; padding-bottom: 60px !important;}
  .md-section{padding-top: 40px !important; padding-bottom: 40px !important;}
  .sm-section{padding-top: 30px !important; padding-bottom: 30px !important;}
  
  h1,.h1{font-size: 35px;}
  h2,.h2{font-size: 28px;}
  h3,.h3{font-size: 24px;}
  h4,.h4{font-size: 18px;}
  h5,.h5{font-size: 16px;}

  .site-header .navbar-brand img {max-width: 200px;}

  .top-bar ul.contact-list li span{display: none;}
  .top-bar .social-media a,
  .top-bar ul.contact-list li img{width: 18px; height: 18px;}
  

  .fnav,.cinfo{border-top: 1px solid #888; padding-top: 20px;}
  .fnav ul{column-count: 2;}
	
	.process-steps > .wpb_column::after{display: none;}
}