:root{
      --primary-color: #f76d2c;
      --primary-color-light: #fbe8d7;
      --primary-color-medium: #c2440a;
      --fontInter: 'Inter', sans-serif;
      --fontRoboto: 'Roboto Condensed', sans-serif;
  /* --primary-color: #4DC4B3; */
  /* --primary-color-light: #daf4f1; */
  /* --primary-color-medium: #098d7a; */
}
@keyframes myanimation {
  from { left: -100%; }
  to { left: 0%; }
}

@keyframes reverse {
  from { left: 0%; }
  to { left: 100%; }
}
*{margin: 0;padding: 0;box-sizing: border-box;font-family: var(--fontInter);}
a{text-decoration: none !important;}
a:hover{text-decoration: none !important;}
header { display: flex; align-items: center; justify-content: center;}
nav { display: flex; align-items: center; justify-content: space-between; width: 1400px; padding: 10px 20px; }
.wrapper{width: 1400px;margin: 0 auto;padding: 0 20px;}
.logo-icon{width: 12%;}
.logo-icon a img{width: 30px;}
.logo-icon a p{font-size: 26px; font-weight: 600; color: #000; margin-bottom: 0; font-family: var(--fontRoboto);}
.logo-icon a p span{color: var(--primary-color);}
.header-phone{display: none;}
#hamburger-toggle { display: none; }
.hamburger { display: none; align-items: center; justify-content: center; width: 30px; height: 30px; cursor: pointer; }
.hamburger .bar { display: inline-block; position: relative; width: 30px; height: 2px; background-color: #000; transition: all 0.3s; }
.hamburger .bar::before, .hamburger .bar::after { content: ""; position: absolute; width: 100%; height: 100%; background-color: #000; transition: all 0.3s; }
.hamburger .bar::before { transform: translateY(-10px); }
.hamburger .bar::after { transform: translateY(10px); }
.logo-icon a { display: flex; align-items: center; justify-content: start; align-items: center; gap: 10px; font-size: 18px; text-decoration: none; transition: color 0.3s; }
.logo-icon a:hover, .logo-icon a:active { color: #858585; }
.logo-icon svg { width: 40px; height: 40px; }
.menu-bar { display: flex; align-items: center; justify-content: center; gap: 30px; margin: 0; padding: 0; list-style-type: none; }
.menu-bar a {font-family: var(--fontRoboto); padding-bottom: 5px; background-image: linear-gradient( transparent 0%, transparent 90%, var(--primary-color) 80%, var(--primary-color) 90% );font-size: 18px;color: #000; background-repeat: no-repeat; background-size: 0% 100%; background-position-x: right; text-decoration: none; transition: background-size 300ms; }
.menu-bar li:last-child a{background-image: none;}
.menu-bar a:hover, .menu-bar a:active { background-size: 100% 100%; background-position-x: left; }
.estimate-btn{padding: 7px 20px; background-color: var(--primary-color); border-radius: 5px;transition: 0.3s;}
.estimate-btn:hover{box-shadow: 7px 7px 10px -5px #585858;}
.estimate-btn a{color: #fff;}

      /********* Banner **********/
.banner, .estimate-banner, .blog-landing-banner{background-image: url(../images/banner.png); background-size: cover; background-position-x: right; height: 500px; margin-bottom: 15px; display: flex; align-items: center;}
.banner-title, .e-banner-txt-title, .bl-banner-txt-title{font-size: 35px;  font-weight: 700; width: 480px;}
.banner-subtxt, .banner-subtxt-2{color: var(--primary-color); font-size: 19px; font-weight: 500;margin-bottom: 10px;width: 50%;}
.banner-subtxt-2{color: var(--primary-color);font-size: 18px; margin-bottom: 30px; font-weight: 600;}
.banner-subtxt-2 span{color: #000;}
.banner-btns{display: flex;}
.banner-btns a{font-family: var(--fontRoboto); width: 170px; display: block; text-align: center; border: 2px solid var(--primary-color); border-radius: 5px;padding: 3px 0;}
.banner-btns a:last-child{width: 200px;}
.banner-btns a:last-child:hover{box-shadow: 200px 0 0 var(--primary-color) inset;color: #fff;}
.buy-now{background-color: var(--primary-color);color: #fff;transition: 0.3s;}
.buy-now:hover{color: #fff;box-shadow: 7px 7px 10px -5px #585858;}
.vendor-reg{color: var(--primary-color);margin-left: 30px;background-color: transparent; transition-duration: 0.25s; transition-timing-function: linear; box-shadow:0px 0 0 var(--primary-color) inset;}
.vendor-reg:hover{box-shadow:170px 0 0 var(--primary-color) inset;color: #fff;}


      /********* Sell Product **********/
.sell-product{margin-top: 50px;display: flex; justify-content: space-between; align-items: center;flex-wrap: wrap;}
.sell-laptop-home, .sell-macbook-home, .sell-iMac-home, .sell-iPad-home{display: flex;justify-content: space-between;align-items: center;width: 49%;padding: 15px 0 15px 15px;background-image: url(../images/sell-laptop-home-bg.png);background-size: cover;background-position: bottom;border-radius: 10px;}
.sell-iMac-home, .sell-iPad-home{margin-top: 20px;}
.sell-laptop-txt, .sell-macbook-txt, .sell-iMac-txt, .sell-iPad-txt{width: 49%;}
.sell-laptop-img, .sell-macbook-img, .sell-iMac-img, .sell-iPad-img{width: 49%;}
.sell-macbook-img{padding: 8.5% 0;}
.sell-iPad-img{padding: 1% 0;}
:where(.sell-laptop-img,.sell-macbook-img, .sell-iMac-img, .sell-iPad-img) img{width: 100%;}
:where(.sell-laptop-txt,.sell-macbook-txt, .sell-iMac-txt, .sell-iPad-txt) h2{font-size: 27px;font-weight: 700;}
:where(.sell-laptop-txt,.sell-macbook-txt, .sell-iMac-txt, .sell-iPad-txt) p{font-size: 13px;font-weight: 500;}
:where(.sell-laptop-txt,.sell-macbook-txt, .sell-iMac-txt, .sell-iPad-txt) a{display: block; font-size: 13px; background-color: #fff; width: 113px; /*text-align: center;*/ padding: 4px 0; color: #000; font-weight: 700; border: 2px solid var(--primary-color); border-radius: 5px;position: relative;padding-left: 8px;}
:where(.sell-laptop-txt,.sell-macbook-txt, .sell-iMac-txt, .sell-iPad-txt) a:hover{color: #000;}
:where(.sell-laptop-txt,.sell-macbook-txt, .sell-iMac-txt, .sell-iPad-txt) a img{position: absolute; top: 33%; right: 12px; width: 13%; transition: 0.1s linear;}
.sell-lap-link:hover .sell-lap-arrow, .sell-desk-link:hover .sell-desk-arrow, .sell-iMac-link:hover .sell-iMac-arrow, .sell-iPad-link:hover .sell-iPad-arrow{right: 7px;}



      /********* Welcome **********/
.welcome-section, .why-trust-section{display: flex;justify-content: space-between;align-items: center;margin-top: 50px;}
.welcome-txt, .why-trust-txt{width: 60%}
.welcome-img, .why-trust-img{width: 32%}
.welcome-img img, .why-trust-img img{width: 100%}
.welcome-img video{width: 100%;border-radius: 5px;}
.wlc-txt-1{font-size: 25px;margin-bottom: 6px;}
.wlc-txt-1 span{color: var(--primary-color)}
.welcome-section p{font-weight: 600;}
.welcome-section p:last-child{font-weight: 400;}
/*.welcome-section p{color: var(--primary-color); font-size: 17px; font-weight: 600;margin-bottom: 10px;}*/
/*.welcome-section p:first-child::first-letter{font-size: 30px;}*/

      /********* Our services **********/
.our-services, .why-choose-us{margin-top: 50px;}
.os-title, .wcu-title p, .accordian-title, .reviews-title, .video-title, .t-c-s-p-title, .s-or-rp-title{font-size: 30px;font-weight: 600;}
.os-body{display: flex;justify-content: space-between;flex-wrap: wrap;}
.os-box{width: 30%;position: relative;overflow: hidden;padding: 10px;}
.os-box::before{position: absolute;content: ''; width: 100%; height: 100%; top: 0; left: -100%; right: 0; bottom: 0; background-color: rgba(0,0,0,0.1); z-index: 2; animation-name: reverse; animation-duration: 0.5s; animation-fill-mode: forwards;}
.os-box:hover::before{animation-name: myanimation;animation-duration: 0.5s;}
.os-icon{width: 100px; height: 100px; border: 2px solid var(--primary-color); border-radius: 50%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background: #ebebeb; position: relative;}
.os-icon::after{content: '';width: 100%;height: 100%;border: 4px solid #fff;border-radius: 50%; position: absolute;left: 0;top: 0;}
.os-icon img{width: 70%;}
.os-text{margin-top: 20px;}
.os-text p{margin-bottom: 5px;font-size: 15px;}
.os-text ol{padding-left: 16px;margin-bottom: 0;}
.os-text ol li{font-size: 15px;}
.os-upper-txt{display: flex;align-items: center;gap: 10px;margin-bottom: 15px;}
.os-upper-txt span{background-color: var(--primary-color); width: 30px; height: 30px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 18px; font-weight: 600;}
.os-upper-txt p{margin-bottom: 0; font-size: 18px;font-weight: 600;}


      /********* Why Choose Us **********/
.wcu-body{background-color: var(--primary-color-light);}      
.wcu-wrapper{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 50px 0; row-gap: 80px; width: 1400px; margin: 0 auto;}
.wcu-box{width: 30%; display: flex; flex-direction: column; align-items: center; background-color: #fff; padding: 15px; border-top-left-radius: 40px; border-bottom-right-radius: 40px;box-shadow: 0px 4px 16px rgb(0 0 0 / 15%);transform: scale(1);}
.wcu-box:hover .wcu-box-icon>img{transition: 0.2s linear;
  transform: scale(1.1) rotate(2deg);}
.wcu-box-icon{width: 116px; height: 70px;display: block; text-align: center;margin-bottom: 15px;}
.wcu-box-icon img{width: 60%;transition: 0.2s linear;}
.wcu-box:nth-child(2) .wcu-box-icon img{width: 38%;}
.wcu-box-text{text-align: center;}
.wcu-box-title{font-weight: 600;}
.wcu-box-subtxt{font-size: 14px;}


      /********* Accordian **********/
.accordion { margin: 50px 0; }
.accordion-body{ border: 1px solid #ddd; border-radius: 7px; box-shadow: 0px 4px 16px rgb(0 0 0 / 38%);; padding: 0 20px; }
.accordion #faq .card { margin-bottom: 10px; border: 0; }
.accordion #faq .card .card-header { border: 0; border-radius: 2px; padding: 0; background-color: white; border-bottom: 1px solid #ddd; }
.accordion #faq .card .card-header .btn-header-link { color: #fff; display: block; text-align: left; color: #222; padding: 10px 20px; box-shadow: none; font-weight: 500; white-space: pre-wrap;transition: 0.2s linear; }
.accordion #faq .card .card-header .btn-header-link:hover{padding-left: 30px;transition: 0.2s linear;}
.accordion #faq .card .card-header .btn-header-link:after { content: "\f0d8"; font-family: 'FontAwesome'; font-weight: 900; float: right; color: var(--primary-color); }
.accordion #faq .card .card-header .btn-header-link.collapsed:after { content: "\f0d7"; color: var(--primary-color); }
.accordion #faq .card .collapsing { border-bottom: 1px solid #ddd; border-top: none; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.09); line-height: 30px; }
.accordion #faq .card .collapse { border: 0; }
.accordion #faq .card .collapse.show { line-height: 30px; color: #222; border-bottom: 1px solid #ddd; border-top: none; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.09); }
.faq-list{padding-left: 20px; margin-bottom: 0;}
.my-card{padding-left: 2rem;}


      /********* Video **********/
.video-section video{width: 100%;}


      /********* Reviews **********/
.reviews, .terms-condition-sale-purchase{margin-top: 50px;}
.reviews{overflow: hidden;}
.reviews-carousel{width: 95%;margin: 0 auto;position: relative;}
.reviews-carousel .owl-nav{font-weight: 600; font-size: 40px; color: var(--primary-color); outline: none; background-color: #fff;}
.reviews-carousel .owl-nav [class*=owl-]:hover{background-color: #fff;color: var(--primary-color);}
.reviews-carousel .owl-nav button:focus{outline: none;}
.reviews-carousel .owl-prev{position: absolute;left: -3%;top: 15%;}
.reviews-carousel .owl-next{position: absolute;right: -3%;top: 15%;}
.reviews-body{width: 90%;margin: 0 auto;}
.reviews-msg{ background-color: var(--primary-color); font-size: 14px; color: #fff; padding: 10px; border-radius: 7px; line-height: 20px; margin-bottom: 30px; position: relative; }
.reviews-msg::after { content: ""; border: 15px solid transparent; position: absolute; border-top-color: var(--primary-color); border-bottom: 0; bottom: -14px; left: 50%; margin-left: -20px; }
.reviews-name{text-align: center;}
.r-name{margin-bottom: 0; font-size: 17px; font-weight: 700;}
.g-user{font-size: 14px; color: gray;}
.review-links{ display: flex; justify-content: center; gap: 7vw; margin-top: 50px; }
.View-all-reviews, .add-reviews{ display: block; padding: 7px 13px; text-align: center; background-color: var(--primary-color); color: #fff; border-radius: 3px; }
.View-all-reviews:hover, .add-reviews:hover{color: #fff;}
.add-reviews i{padding-right: 5px;}



.t-c-s-p-link{display: block; /*font-size: 30px;*/font-weight: 600;color: var(--primary-color);/*margin-top: 50px;*/border: 3px solid var(--primary-color); text-align: center; border-radius: 7px; width: 70%; margin: 60px auto; font-size: 23px; padding: 10px 0; background-color: #fff;transition: 0.2s linear;}
.t-c-s-p-link i{padding-left: 10px;transition: 0.2s linear;display: none;}
.t-c-s-p-link:hover{color: #fff;background-color: var(--primary-color);}
.t-c-s-p-link:hover i{padding-left: 30px;}

      /********* Whatsapp **********/
.whatsapp{position: fixed; bottom: 1em; right: 1.5em; z-index: 100;}
.whatsapp a{width: 60px; height: 60px; border-radius: 50%; display: flex; justify-content: center; align-items: center; padding: 5px; cursor: pointer; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.2) 4px 2px 3px; text-decoration: none !important; }
.whatsapp-link{background-color: rgb(77, 194, 71) !important;}
.whatsapp-link svg{width: 80%; height: 80%; fill: rgb(255, 255, 255); stroke: none;}
.call-footer{background-color: #41a5ee;color: #fff;display: none !important;}
.call-footer:hover{color: #fff;}


      /********* Why trust us **********/
.why-trust-section{margin-top: 90px;}
.why-trust-point{display: flex;gap: 10px;}
.why-trust-title{font-size: 28px;font-weight: 700;}
.why-trust-subtitle{font-size: 22px;font-weight: 700;}
.wtp-pointer{color: var(--primary-color);font-size: 24px;}
.wtp-txt-1{font-size: 22px;font-weight: 700;margin-bottom: 0px;color: var(--primary-color);}
.why-trust-point-others{display: none;}
.w-t-p-read-more, .w-t-p-read-less{padding: 5px 13px; text-align: center; background-color: var(--primary-color); color: #fff; border-radius: 3px; border: none; outline: none;margin-top: 15px;cursor: pointer;/*display: none;*/}
.w-t-p-read-less{display: none;}

.card-others{display: none;}
.card-read-more, .card-read-less{padding: 5px 13px; text-align: center; background-color: var(--primary-color); color: #fff; border-radius: 3px; border: none; outline: none;margin: 5px 0 15px 20px;cursor: pointer;/*display: none;*/}
.card-read-less{display: none;}

.t-c-s-p-condition ol{padding-left: 20px !important;}
.t-c-s-p-condition ol li{padding-bottom: 15px;}

      /********* Estimate Form **********/
.estimate-banner{background-image: url(../images/estimate-banner-orange.png); height: 400px;}
/*.e-banner-txt-title{color: var(--primary-color);}*/
.form-main-body{display: flex;justify-content: space-between;align-items: center;margin: 30px auto;}

.tab-slider--tabs{ display: block; width: 100%; float: left; margin-bottom: 25px; padding: 0; list-style: none; position: relative; overflow: hidden; background: #fff; height: 35px; user-select: none; }
.tab-slider--tabs:after{ content: ""; width: 50%; background: var(--primary-color); height: 100%; position: absolute; top: 0; left: 0; transition: all 250ms ease-in-out; border-radius: 35px; }
.slide:after{ left: 50%; }
.tab-slider--container{ margin-top: 30px; }
.tab-slider--trigger { font-size: 16px; line-height: 1; font-weight: bold; color: #000; text-transform: uppercase; text-align: center; padding: 7px 0px; position: relative; z-index: 2; cursor: pointer; border-radius: 35px; display: inline-block; transition: color 250ms ease-in-out; user-select: none; width: 49%; }
.active-tab-trigger{ color: #fff; }
.PC-icon{padding-left: 10px}
.PC-icon-lap{font-size: 21px}
.form-img, .form-body{width: 45%}
.form-img img{width: 100%}
.form-title{font-size: 21px;font-weight: 600}
.est-submit-btn{background-color: var(--primary-color-medium); border-radius: 5px; border: none; width: 100%; padding: 7px 0; margin: 0 auto; color: #fff; font-size: 20px; font-weight: 600;cursor: pointer; }
#response-lap{ padding: 10px;}
.success-fillup{color: #437200; background-color: #d8f1b7;}
.failed-fillup{color: red;background-color: #ffdcdc;}
.hide-msg{display: none;}

      /********* Footer **********/
footer{background-color: var(--primary-color);color: #fff;margin-top: 50px;}
.main-footer{display: flex;justify-content: space-between;padding: 40px 0 !important;flex-wrap: wrap;}
.footer-col-1{width: 30%;}
.footer-col-2{width: 20%;}
.footer-col-3{width: 20%;}
.footer-col-4{width: 20%;}
.ftr-about-title, .ftr-contact-title, .ftr-links-title{font-size: 22px;font-weight: 500;}
.ftr-contact-text p, .ftr-about-text p{margin-bottom: 8px}
.phone, .mail{display: flex;gap: 10px;}
.phone a, .mail a{color: #fff;text-decoration: underline !important;}
.ftr-about-text a{display: block;color: #fff;}
.ftr-social-media{display: flex;gap: 20px;margin-top: 20px;}
.ftr-icon{font-size: 23px; width: 34px; height: 33px; border-radius: 5px; display: flex; justify-content: center; align-items: center; background-color: #fff; color: var(--primary-color);}
.ftr-map iframe{width: 100%}
.ftr-map-special iframe{height: 130px;}
/* .ftr-map-special iframe:nth-child(2){margin-top: 30px;} */
.map-area:last-child{margin-top: 35px;}
.map-area:first-child{margin-top: 0px;}
.map-area-main{margin-top: 0px !important;}
.map-area p{font-size: 14px;margin-bottom: 5px;}

.copyright-footer{padding: 25px 0;border-top: 1px solid rgba(255,255,255,0.3);text-align: center;}
.copyright-footer p{margin-bottom: 0;}


      /********* Terms and conditions **********/
.terms-condition-sale-purchase, .terms-and-conditions, .sell-or-repurchase{padding: 50px 10% 0 !important;}
.t-nd-c-title{font-size: 25px;font-weight: 600;}
.t-nd-c-body ol, .t-c-s-p-condition ol{padding-left: 2%;}
.t-nd-c-body ol li{padding-bottom: 15px;font-weight: 700;}
.t-nd-c-body ol li ol{padding-left: 4%;}
.t-nd-c-body ol li ol li{padding-bottom: 5px;}
.t-nd-c-body ol li strong{margin-bottom: 5px;display: block;}
.t-nd-c-body ol li p{margin-bottom: 10px;font-weight: 400;}


      /********* Blog Landing **********/
.blog-landing-banner{background-image: url(../images/banner-blog-orange.png);height: 300px;}
.bl-banner-txt-title{text-align: center;font-size: 40px;}
.blog-landing-body{margin: 50px auto;}
.blog-section{display: flex;justify-content: space-between;align-items: flex-start;text-decoration: none;color: #000;border-radius: 7px;box-shadow: 1px 1px 12px -3px gray;padding: 12px;margin-bottom: 60px;}
.blog-section:focus, .blog-section:hover{color: #000;}
.bs-img{width: 20%;}
.bs-img img{width: 100%;height: 184px;border-radius: 7px;object-fit: cover;}
.bs-txt{width: 78%;}
.bs-title{font-size: 22px;font-weight: 700;margin-bottom: 7px;}
.bs-green-txt{color: var(--primary-color)}
.bs-description{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.read-more-blog{display: inline-block; padding: 5px 15px; background-color: var(--primary-color); border-radius: 4px; font-size: 15px; color: #fff;margin-bottom: 0;margin-top: 7px;}


      /********* Blog Page **********/
.blog-body{margin-top: 60px;}
.blog-body-title{font-size: 28px;font-weight: 700;}
.blog-body-subtitle{font-size: 22px;font-weight: 600;}
.blog-body-point{display: flex;gap: 10px;}
.blog-body-pointer{color: var(--primary-color);font-size: 24px;}
.bbt-txt-1{font-size: 22px;font-weight: 700;margin-bottom: 0px;color: var(--primary-color);}
.blog-body-txt ul{margin-top: 10px;padding-left: 10px;list-style: none;}
.blog-body-txt ul li{margin-bottom: 10px}
.blog-body-txt ul li strong{font-size: 18px}

      /********* Sell or Repurchase Your Laptop page **********/
.sell-or-repurchase{height: 500px;}
.s-or-rp-title{font-weight: 700;}
.s-or-rp-body p{font-weight: 500;line-height: 26px;}
.s-or-rp-body p span{font-weight: 600;}
.sell-or-repurchase-btn{display: inline-block;padding: 7px 20px;
      background-color: var(--primary-color);
      border-radius: 5px;
}
.sell-or-repurchase-btn a{color: #fff;}


@media only screen and (max-width: 1400px) {
  nav{padding: 10px 40px;}
  .wrapper{width: 94%;padding: 0;}
  .banner{height: 400px;}
  .wcu-wrapper{width: 94%;}
  .banner{padding: 0;}
}
@media only screen and (max-width: 1150px) {
  .bs-img {width: 23%;}
  .bs-txt {width: 75%;}
  .bs-title{font-size: 20px;margin-bottom: 0px;}
  .bs-green-txt{margin-bottom: 7px;}
  .bs-description{margin-bottom: 5px;}
}
@media only screen and (max-width: 1000px) {
  .menu-bar{gap: 20px;}
  .banner{background-image: radial-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)), url(../images/banner.png);}
  .banner-txt{text-align: center;}
  .banner-title{width: 100%;color: #dfdfdf;}
  .banner-subtxt, .banner-subtxt-2{width: 100%;color: #fff;}
  .banner-subtxt-2{text-shadow: 5px 3px 6px gray;}
  .banner-subtxt-2 span {color: #fff;}
  .banner-btns{justify-content: center;}
  .wcu-wrapper{row-gap: 60px;}
  .wcu-box{width: 47%;}
  .os-body{justify-content: space-around;row-gap: 30px;}
  .os-box {width: 46%;text-align: center;border: 1px solid var(--primary-color);box-shadow: 0px 0px 16px 7px rgb(0 0 0 / 15%);border-radius: 5px;}
  .os-text ol{text-align: center;list-style-position: inside;}
  .os-icon{margin: 0 auto;}
  .os-upper-txt{justify-content: center;}
  .why-trust-section{flex-direction: column;margin-top: 60px;}
  .why-trust-img{width: 350px;display: none;}
  .why-trust-txt{width: 100%;}
  .why-trust-title{font-size: 24px;}
  .why-trust-subtitle {font-size: 20px;}
  .wtp-pointer{font-size: 22px;}
  .wtp-txt-1{font-size: 20px;}
  .t-c-s-p-link{font-size: 20px;}
  .estimate-banner{background-image: radial-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)), url(../images/estimate-banner.png);}
  .e-banner-txt-title, .bl-banner-txt-title{text-align: center;color: var(--primary-color);width: 100%;font-size: 30px;/*color: #5089ef;*/}
  .blog-landing-banner{background-image: radial-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)), url(../images/banner-blog.png);}
  .bl-banner-txt-title{font-size: 45px;}
  .bs-img {width: 27%;}
  .bs-txt {width: 71%;}
  .blog-body-title {font-size: 26px;}
  .blog-body-subtitle{font-size: 17px;}
  .blog-body-pointer{font-size: 21px;}
  .bbt-txt-1{font-size: 20px;}
}
@media only screen and (max-width: 768px) {
  nav { margin: 0 15px; }
  .logo-icon { width: auto; }
  .header-phone{display: block;color: #000;}
  .header-phone:hover{color: #000 !important;}
  .hamburger { display: flex; z-index: 999; margin-bottom: 0;}
  #hamburger-toggle:checked ~ .menu-bar { transform: none; }
  #hamburger-toggle:checked ~ .hamburger .bar::before { transform: rotate(45deg);background-color: #dfdfdf; }
  #hamburger-toggle:checked ~ .hamburger .bar { background-color: transparent; }
  #hamburger-toggle:checked ~ .hamburger .bar::after { transform: rotate(-45deg);background-color: #dfdfdf; }
  .menu-bar { flex-direction: column; gap: 25px; position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: #28303d; transform: translateY(-100%); transition: transform 0.3s; }
  .menu-bar a{color: #dfdfdf;}
  .banner-title{font-size: 30px;}
  .banner-subtxt{font-size: 17px;}
  .banner-subtxt-2{font-size: 15px;}
  .vendor-reg{color: #fff;background-color: var(--primary-color);}
  .sell-product{margin-top: 25px;flex-direction: column;}
  .sell-laptop-home, .sell-macbook-home, .sell-iMac-home, .sell-iPad-home{width: 100%;margin-bottom: 25px;}
  .sell-iMac-home, .sell-iPad-home {margin-top: 0px;}
  .sell-laptop-txt, .sell-macbook-txt { width: 53%; }
  .sell-laptop-img, .sell-macbook-img, .sell-iMac-img, .sell-iPad-img { width: 38%; }
  .welcome-section{flex-direction: column-reverse;/*align-items: baseline;*/margin-top: 20px;}
  .welcome-txt{margin-top: 20px;width: 100%}
  .welcome-img{width: 250px;/*width: 100%;*/}
  .os-title, .wcu-title p, .accordian-title, .reviews-title, .video-title, .t-c-s-p-title{text-align: center;font-size: 26px;}
  .wcu-wrapper {row-gap: 40px;justify-content: space-around;}
  .wcu-box {width: 45%;}
  .why-trust-title {font-size: 21px;}
  .why-trust-subtitle {font-size: 18px;}
  .t-c-s-p-title, .t-c-s-p-link{font-size: 15px;}
  .t-c-s-p-body p, .t-c-s-p-body ol li{font-size: 15px;font-weight: 500;}
  .wtp-pointer{font-size: 20px;}
  .wtp-txt-1 {font-size: 18px;}
  .wtp-txt-2{font-size: 15px;font-weight: 500;}
  .bl-banner-txt-title {font-size: 40px;}
  .blog-landing-body {margin: 40px auto;}
  .blog-section{margin-bottom: 40px;}
  .bs-img {width: 32%;}
  .bs-txt {width: 65%;}
  .bs-title {font-size: 18px;line-height: 25px;margin-bottom: 5px;}
  .blog-body {margin-top: 40px;}
  .blog-body-title {font-size: 22px;}
  .blog-body-subtitle{font-size: 16px;}
  .blog-body-pointer{font-size: 19px;}
  .bbt-txt-1{font-size: 18px;}
  .bbt-txt-2, .blog-body-txt ul li{font-size: 15px;font-weight: 500;}
  .blog-body-txt ul li strong {font-size: 16px;}


  .form-main-body{/*margin: 50px auto;*/flex-direction: column;}
  .form-img{width: 70%;}
  .form-body{width: 90%;margin-top: 20px;}

  .footer-col-1 { width: 45%; }
  .footer-col-2 { width: 40%; }
  .footer-col-3, .footer-col-4 { width: 50%;margin-top: 30px; }
  .ftr-about-title, .ftr-contact-title, .ftr-links-title{font-weight: 600;}
  .terms-and-conditions, .terms-condition-sale-purchase, .sell-or-repurchase {padding: 50px 4% 0 !important;}
}
@media only screen and (max-width: 600px) {
  .banner {background-image: radial-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)), url(../images/mobile-banner.png);background-position: center bottom;}
  .wlc-txt-1{font-size: 20px !important;margin-bottom: 10px;}
  .welcome-section p{font-size: 15px;line-height: 20px;}
  .blog-section{flex-direction: column;}
  .bs-img, .bs-txt{width: 100%}
  .bs-img img{height: 220px;}
  .bs-txt{margin-top: 10px;}
  .footer-col-1 , .footer-col-2 , .footer-col-3, .footer-col-4{width: 100%;}
  .footer-col-2, .footer-col-3, .footer-col-4{margin-top: 40px;}
  .ftr-about-title, .ftr-contact-title, .ftr-links-title, .footer-col-2, .footer-col-3{text-align: center;}
  .ftr-about-title, .ftr-contact-title, .ftr-links-title{margin-bottom: 5px;}
  .ftr-social-media{margin-top: 10px;}
  .phone, .mail, .ftr-social-media{justify-content: center;}
}
@media only screen and (max-width: 576px) {
  .logo-icon a img { width: 24px; }
  .logo-icon a p {font-size: 22px;}
  nav{padding: 5px 5px;}
  .hamburger .bar{width: 25px;}
  .hamburger .bar::before { transform: translateY(-7px); }
  .hamburger .bar::after { transform: translateY(7px); }
  .banner-title {font-size: 23px;margin-bottom: 0.5rem;}
  .banner-subtxt {font-size: 15px;/*margin-bottom: 18px;*/}
  .banner-subtxt-2 { font-size: 14px; }
  .banner-btns{flex-direction: column; align-items: center; gap: 20px;}
  .banner-btns a{width: 150px;font-size: 15px;}
  .banner-btns a:first-child{position: relative;}
  .banner-btns a:first-child:after{
      background-color: var(--primary-color);
    content: '';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    border-radius:3px;
    animation-name: blink;
    animation-duration: 0.7s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  }
  @keyframes blink {
      0% {
        transform:scale3d(1,1,1);
        opacity: 0.8;
      }
      100% {
        transform:scale3d(1.15,1.6,1.7);
        opacity:0;
      }
    }
  .vendor-reg{margin-left: 0;}
  :where(.sell-laptop-txt,.sell-macbook-txt,.sell-iMac-txt, .sell-iPad-txt) h2{font-size: 22px;}
  :where(.sell-laptop-txt,.sell-macbook-txt,.sell-iMac-txt, .sell-iPad-txt) p{font-size: 12px;}
  :where(.sell-laptop-txt,.sell-macbook-txt,.sell-iMac-txt, .sell-iPad-txt) a{font-size: 12px;width: 108px;}
  .our-services, .why-choose-us { margin-top: 35px; }
  .os-box {width: 95%;}
  .os-icon { width: 80px; height: 80px;}
  .os-upper-txt span{width: 25px; height: 25px;font-size: 16px;}
  .os-upper-txt p{font-size: 16px;}
  .os-text p{font-size: 14px;}
  .os-text ol li { font-size: 14px; }
  .wcu-box { width: 95%; }
  .accordion { margin: 35px 0; }
  .accordion #faq .card .card-header .btn-header-link{font-size: 15px;padding: 10px 0px;}
  .my-card { padding: 0.6rem; padding-left: 2rem; font-size: 14px; line-height: 20px; }
  .card-read-more, .card-read-less{margin: 5px 0 15px 0px;}
  .reviews, .terms-condition-sale-purchase{margin-top: 35px;}
  .t-c-s-p-link{width: 100%;}
  .terms-and-conditions, .terms-condition-sale-purchase, .sell-or-repurchase {padding: 30px 4% 0 !important;}
  .t-nd-c-title, .form-title, .s-or-rp-title {font-size: 20px;}
  .t-nd-c-body, .s-or-rp-body{font-size: 15px;}
  .tab-slider--trigger{font-size: 12px;}
  .review-links{margin-top: 10px;}
  .View-all-reviews, .add-reviews{font-size: 14px;}
  .whatsapp a { width: 45px; height: 45px;}
  .call-footer{display: flex !important;font-size: 23px;margin-bottom: 10px;}

}
@media only screen and (max-width: 400px) {
.menu-bar a{font-size: 15px;}
.welcome-section p { font-size: 14px; line-height: 18px; }
.banner{height: 380px;}
.banner-title { font-size: 20px;margin-bottom: 18px;}
.banner-subtxt {font-size: 15px;margin-bottom: 4px;}
.banner-subtxt-2{font-size: 14px;margin-bottom: 20px;}
.banner-btns{gap: 14px;}
.banner-btns a { width: 120px; font-size: 15px; }
/*.welcome-img {width: 200px;}*/
:where(.sell-laptop-txt,.sell-macbook-txt,.sell-iMac-txt, .sell-iPad-txt) h2{font-size: 18px;}
:where(.sell-laptop-txt,.sell-macbook-txt,.sell-iMac-txt, .sell-iPad-txt) p{font-size: 10px;}
:where(.sell-laptop-txt,.sell-macbook-txt,.sell-iMac-txt, .sell-iPad-txt) a{font-size: 10px;width: 92px;}
.os-title, .wcu-title p, .accordian-title, .reviews-title, .video-title, .t-c-s-p-title{font-size: 21px;}
.t-c-s-p-link{font-size: 13px;}
.os-upper-txt{margin-bottom: 5px;}
.os-upper-txt span { width: 22px; height: 22px; font-size: 12px; }
.wcu-wrapper{padding: 30px 0; row-gap: 30px;}
.wcu-box-icon{margin-bottom: 0;}
.wcu-box-icon img {width: 50%;}
.accordion-body{padding: 0px 15px;}
.r-name{font-size: 15px;}
.g-user{font-size: 12px;}
.why-trust-title {font-size: 18px;}
.why-trust-subtitle {font-size: 16px;}
.wtp-pointer{font-size: 18px;}
.wtp-txt-1 {font-size: 16px;}
.t-c-s-p-title{font-size: 18px;}
.wtp-txt-2, .t-c-s-p-body p, .t-c-s-p-body ol li{font-size: 14px;}
.blog-landing-banner{height: 200px;}
.bl-banner-txt-title {font-size: 30px;}
.blog-body-title {font-size: 19px;}
.blog-body-subtitle{font-size: 14px;}
.blog-body-pointer{font-size: 17px;}
.bbt-txt-1{font-size: 16px;}
.bbt-txt-2, .blog-body-txt ul li{font-size: 14px;}
.blog-body-txt ul li strong {font-size: 15px;}
.review-links{margin-top: 20px;}

.estimate-banner{height: 250px;}
.e-banner-txt-title{font-size: 22px;}
.form-title{font-size: 17px;}
.PC-icon-lap {font-size: 15px;}
.tab-slider--trigger{padding: 10px 0px;}
.form-img {width: 90%;}
.form-body input, .form-body select{font-size: 14px;}
.est-submit-btn{width: 150px;padding: 5px 0;font-size: 16px !important;}
#response-lap{font-size: 11px;}

.sell-or-repurchase{height: auto;}


.main-footer{padding: 30px 0 !important;}
.ftr-about-title, .ftr-contact-title, .ftr-links-title {font-size: 18px !important;margin-bottom: 4px;}
.footer-col p, .footer-col a{font-size: 14px;margin-bottom: 6px;}
.footer-col-2, .footer-col-3, .footer-col-4{margin-top: 20px;}
.ftr-icon{width: 27px;height: 26px;font-size: 17px !important;}
.ftr-map iframe{height: 250px;}
.ftr-map-special iframe {height: 150px;}
.copyright-footer{padding: 15px 0;font-size: 14px;}
.whatsapp{right: 0.7em;}
}