@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {font-family: "Poppins", sans-serif;font-size: 14px;}
ul{ margin: 0; list-style-type: none;}
.top-bar {
  background-color: #3EA4B9;
  padding: 5px 00 !important;
}

.logo {
  height: auto;
}

.nav-link {
  color: #333;
  font-weight: 500;
  padding: 15px 30px !important;
  font-size: 14px;
}

.nav-link:hover {
  color: #ff6600;
}

.hero {
  background-size: cover;
  background-position: center;  position: relative;
}

.hero .highlight {
  color: #ff6600;
}

.services p {
  font-weight: 500;
  padding: 20px 0;
  color: #000;
  margin: 0;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cta {
  background-color: #1a73e8;
  background-image: url(../images/ctabg.jpg);
  border-radius: 20px;
  padding: 50px !important;
}

.stats {
  background-color: #111;
}

.footer {
  background-color: #222;
}
.phone a{display: block;padding: 10px 20px;color: #fff;border: 1px solid #fff;border-radius: 30px;font-weight: 600;}
ba{ text-decoration: none;}
.header{padding: 0;position: relative;z-index: 6;}
.hero-icons{position: absolute;list-style-type: none;display: flex;gap: 80px;margin: 0;padding: 0;bottom: -25px;background: #000;padding: 20px 50px;border-radius: 30px;left: 50%;margin-left: -180px;}
.hero-icons li{ padding: 0; position: relative;}
.hero-icons li a{ display: block;} 
.hero-icons li img{max-height: 35px;max-width: 50px;}
.hero-icons li:after{content: "";position: absolute;right: -36px;height: 30px;background-color: #aaa;width: 1px;bottom: 0px;}
.hero-icons li:nth-child(3):after{ display: none;}
.hero .small{width: 55%;font-size: 14px;line-height: 25px;}
.hero h1{ margin: 0 0 20px; width: 60%;}
.hero p{font-size: 20px;}
.services{padding: 100px 0 50px;}

.services h2{margin: 0 0 10px !important;} 
.services h6{margin: 0 100px 40px;font-weight: 400;line-height: 26px;} 

.srow{display: flex;gap: 20px;}
.scol div{display: block;background: #F3F3F3;}
.cta h3{margin: 0 0 10px !important;font-weight: 600;}
.cta p{margin: 0 0 30px !important;font-size: 18px;font-weight: 600;}
.cta .flex{
    display: flex;
    justify-content: center;
    gap: 20px;
    align-items: center;
} img{ max-width: 100%;}
.cta  a{
    background: none;
    min-width: 250px;
    color: #fff !important;
    border-radius: 20px;
    padding: 10px 20px;
    border: 1px solid !important;
} .cta  a:hover{ background-color: #fff; color: #000 !important;}
.expertise{padding: 0px 0;background: #fafafa;margin: 60px 0 10px;}
.expertise .row{ align-items: center;}
.expertise h3{margin: 0 0 20px;font-size: 30px;}
.expertise p{
    margin: 0 0 30px;
    font-size: 14px;
}
.expertise  a{
    background: #FF7800 !important;
    color: #fff !important;
    padding: 8px 20px;
    border-radius: 30px;
    font-size: 13px;
}
.why-us{ padding: 50px 0;}
.why-us h4{margin: 0 0 10px;font-size: 30px;font-weight: 600;}
.why-us p{margin: 0 0 20px;font-size: 14px;}
.why-us .row{align-items: center;padding: 10px 0;}
.why-us .row img{ margin-right: 10px;}
.tbtns a{padding: 8px 20px;border: 1px solid #FF7800;color: #FF7800;border-radius: 30px;display: inline-block;font-size: 14px;margin-right: 10px;}
.tbtns { padding: 20px 0 0;}
.tbtns a:nth-child(1){background-color: #FF7800;color: #fff;}
.padl2{ padding-left: 20px;}
.expert{ position: relative;}
.excnt{position: absolute;top: 50px;left: 70px;width: 44%;}
.excnt h3{margin: 0;font-weight: 600;color: #000;margin: 0 0 20px;}
.excnt h4{margin: 12px 0 15px;font-size: 30px;color: #111620;}
.excnt p{margin: 0 0 20px;font-size: 16px;}
.stats{padding: 70px 0;position: relative;z-index: 2;}
.stats h4{
    margin: 20px 0 5px;
}
.stats h3{
    font-size: 30px;
    margin: 0 0 20px;
    font-weight: 600;
}
.stats p{
    font-size: 14px;
    line-height: 25px;
}
.stats .row{padding-top: 50px;}

.lform{background: #0071BC;padding: 50px;border-radius: 20px;margin-left: 50px;}
.lform h4{color: #fff;text-align: center;margin: 0 0 30px;}
.lform input{border: none;width: 100%;background: no-repeat;color: #fff;padding: 0;margin: 0 0 20px;border-bottom: 1px solid #fff;padding: 0 0 10px;font-size: 14px;}
.formfaq{ padding:100px 0;}
.lform button{
    background: no-repeat;
    border: 1px solid #fff;
    display: inline-block;
    padding: 10px 60px;
    color: #fff;
    border-radius: 30px;
    margin: 30px 0;
} .lform p{ text-align: center; color: #fff; margin: 0;}

/* Reset Bootstrap chevron */
.accordion-button::after {
  background-image: none !important;
  content: "+";   /* default is + */
  font-size: 1.25rem;
  font-weight: bold;
  margin-left: auto;
  transform: none !important;
}

/* When accordion is open -> show minus */
.accordion-button:not(.collapsed)::after,
.accordion-collapse.show ~ .accordion-header .accordion-button::after {
  content: " "
}

  #faqAccordion button{padding: 15px 0;background: none;font-weight: 600;border-bottom: 1px solid #cecdcd;border-radius: 0;}
   #faqAccordion .accordion-item{border: none;padding: 0 0 20px; }
   .accordion-body{padding: 10px 0 0;border: none; font-size: 13px;}

  .formfaq input::placeholder,
.formfaq textarea::placeholder {
  color: #fff;   /* your color */
  opacity: 1;   
}
.nhcol .bxcnt{background-color: #fff;
    box-shadow: 0 20px 20px #dddddd7d;
    border-radius: 0 0 10px 10px;}
a:focus, input:focus, button:focus{outline: none;}
  .nav {list-style:none;display:flex;}
    .nav-item {position:relative;}
    .nav-link {/* color:#fff; */padding:10px 15px;display:block;text-decoration:none;}
    .nav-link:hover, .nav-item:hover, .nav-item:hover a {/* background: #ff7b00; */color: #fff;border-radius: 0;}
 
    /* Dropdown (hidden by default) */
    .dropdown {
      list-style:none;
      position:absolute;
      top:100%;
      left: 1px;
      min-width: max-content;
      background: #ff7b00;
      display:none;
      z-index: 2;
      padding: 0;
      border-radius: 0 0 5px 5px;
      padding-bottom: 0;
      /* min-width: 171px; */
    }
    .dropdown li a {
      padding: 12px 25px;
      color: #fff;
      display:block;
      text-decoration:none;
      font-size: 13px;
    }
    .dropdown li a:hover {background: #23879b;}

    /* Desktop: show dropdown on hover */
    @media (min-width:769px) {
      .nav-item:hover > .dropdown {display:block;}
      .plus-minus {display:none;}  
    }

    /* Mobile menu toggle */
    .menu-toggle {
      display:none;
      font-size:20px;
      color:#fff;
      cursor:pointer;
    }
    .plus-minus {
      float:right;
      font-size:18px;
      cursor:pointer;
    }

   
    
    .rounded-circle { 
    background-size: 52%;
}

.carousel-control-next{width: auto; right: -15px;} .carousel-control-prev{ width: auto; left: -15px;}
#googleReviews{margin-right: 30px;box-shadow: 0 0 20px #cccccc63;border-radius: 10px;}
#trustpilotReviews{margin-left: 30px;box-shadow: 0 0 20px #cccccc63;border-radius: 10px;}
.reviews{padding:80px 0 !important;background: none !important;}
.reviews h3{ font-weight: 600; font-size: 30px;}
.footercol{padding: 120px 0 0;background-image:url(../images/ftrbg.png);background-size: cover;font-size: 14px;}
.footercol ul{ padding-bottom: 30px;}
.footercol h6{padding-top: 20px;font-weight: 600 !important;}
.footercol img{ max-width: 200px;}
.footercol ul li{padding: 0;}
.footercol ul li a{font-weight: 300;font-size: 14px;}
.bg-dark .small a:hover{ text-decoration: none;}
.footercol ul li a:hover{color: #fffb0b !important;}
 .slideimg{ padding: 150px 0; min-height: 600px; background-size: cover !important;} 
.prl{position: relative;z-index: 2;}

.hero .swiper-pagination{ bottom: 60px !important;}
 .hero .swiper-pagination span {
    background-color: #aaa !important;
    opacity: 1;
}
.hero .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: #505484 !important;}
    .phone a:hover,.cta .flex button:hover{ background-color: #fff !important; color: #000 !important;}
    .expertise a:hover, .tbtns a:hover{ background-color: #000 !important;}



  img, div, p, .scol a {
  transition: transform 0.4s ease; /* smooth zoom */
}

.scol div:hover,  .hdlink:hover img, .subproducts a:hover img {
  transform: scale(1.1); /* zoom in slightly */
}
.subproducts a:hover p{ color: #000;}
footer a:hover{ color: #fffb0b !important; text-decoration: none;}
.nav-item:hover .nav-link{color: #ff7b00;}
.slideimg{ display: flex; align-items: center;}
.formfaq h3{ font-size: 30px; font-weight: 600;}
.formfaq p{ margin: 0 0 40px; font-size: 14px;}
.lform button:hover{ background-color: #fff; color: #000;}
button:focus{ outline: none;}
.reviews .card{ min-height: 200px;}
.reviews .card p{ font-size: 14px;}
.scrolled{ position: fixed; top: 0; left: 0; right: 0; box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  background: #f9f9f9;}
.search {
  position: relative;
}
.search a{ cursor: pointer;}
.search-input {
  display: none;
  position: absolute;
  top: 40px; /* adjust based on header height */
  right: 0;
  width: 200px;
  padding: 5px 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.search-input.active {
  display: block;
}.swiper-button-next:after, .swiper-button-prev:after{ font-size: 30px;}
.innerbanner{height: 350px;display: flex;align-items: center;background: saddlebrown;background-size: cover;background-position: center;}
.innerbanner h1{color: #fff;font-size: 35px;font-weight: 600;}
.contentarea{padding: 70px 0 50px;background: #fafafa;margin: 0 0 70px;}
.contact{background-color: #eeeeee91;display: flex;border-radius: 10px;}
.contact h3{ margin: 0 0 30px;}
.clef{color: #fff;padding: 40px;background: #0c74bc;width: 40%;border-radius: 10px 0 0 10px;}
.clef p{display: flex;gap: 20px;line-height: 30px;font-size: 16px;}
.cright{padding:40px;width: 70%;}
.cright input{
    width: 100%;
    margin: 0 0 20px;
    padding: 10px 20px;
    border: 1px solid #ddd;
}
.cright select{
    width: 100%;
    margin: 0 0 20px;
    padding: 10px 20px;
    border: 1px solid #ddd;
}
.cright textarea{
    width: 100%;
    margin: 0 0 20px;
    padding: 10px 20px;
    border: 1px solid #ddd;
    min-height: 130px;
    }
.cright button{border: none;padding: 10px 60px;background: #0c74bc;color: #fff;font-weight: 600;}
.form{ padding-top: 20px;}
.inbanner{background-color: #026bb3;text-align: center;padding: 30px 0;}
 .inbanner h1{ color: #fff; margin: 0; font-size: 25px;}
 .hero button{background-color: #295bb2;border: none;padding: 10px 20px;color: #fff;border-radius: 6px;}
  .hero h4{margin: 0 0 30px;font-weight: 300;}
  .hero button:hover{ background-color: #ff6600;}
.slideimg{ background-size: cover !important; background-position: center right !important;}

.needhelp{background-color: #fff;margin: 0 0 -70px;background: #fff;position: relative;text-align: center;padding: 30px 0;border-radius: 30px;box-shadow: 0 0 20px #cccccc91;}
.needhelp h4{margin: 0 0 10px;font-size: 25px;} 
.needhelp p{margin: 0 0 20px;} 
.needhelp a{display: inline-block;padding: 10px 30px;background: #046cb4;color: #fff;border-radius: 10px;}
.listcol ul{margin: 0 0 30px;padding: 10px 0 0 20px;}
.listcol ul li{padding: 0 0 20px;list-style-type: disc;margin: 0;}
.accordion-button:not(.collapsed)::after, .accordion-collapse.show ~ .accordion-header .accordion-button::after {
content: "-";
}
.boxcol{margin: 0 0 30px;background-color: #fafafa;/* text-align: center; *//* box-shadow: 0 0 20px #ccc; */display: block;}
.boxcol .nimg{ width: 100%;}
.boxcol h3{margin: 0;padding: 0px 0 20px;font-size: 25px;}

.listcol .nav-tabs{list-style-type: none !important;
justify-content: center;
margin: 0 !important;
padding: 0 !important;}
.listcol .nav-tabs li{list-style-type: none !important; padding: 0;}
.listcol .nav-tabs li button{ background-color: #eee;} 
.listcol form{ padding: 30px 0;}
.form_title h3{ font-size: 20px; margin: 20px 0 0;}
.form-group{ padding: 0 0 20px;}
.listcol form input{border: none;background: #eee;padding: 10px 20px;}
.listcol form input[type=submit]{background-color: #0071BC;padding: 10px 50px;text-transform: uppercase;color: #fff;font-size: 20px;margin: 20px 0 0;border-radius: 10px;}
.listcol form textarea{border: none;background: #eee;padding: 10px 20px;}
.listcol .nav-tabs li button.active{ background-color: #fa7a03; color: #fff;} 
.bxcnt ul li{display: flex;gap: 15px;padding: 0 0 10px;}
.bxcnt ul{ padding: 0;}
.bxcnt{ padding: 20px;}
.accessories{ padding: 50px 0;}
.accessories .row{ align-items: center;}
.lapcase{background-color: #fff;text-align: center;border-radius: 10px;padding: 20px;margin: 0 10px;}
.accessories h5{margin: 0;font-size: 18px;}
.accessories h4{margin: 0 0 20px 20px;}
.accessories p{
margin: 0 0 0 20px;
}
.bglight{ background-color: #ddd;}
.bggray{ background-color: #eee;}
.accessoriescol img{width: 100%;/* border-radius: 6px; *//* padding: 0 20px; */}
.accessoriescol h3{/* background-color: #3ea4b9; */margin: 0;padding: 40px 40px;text-align: center;color: #0c0c0c;border-radius: 0 0 10px 10px;}
.clef h4{ margin: 40px 0 10px 0;}
.boxcol img{transition: transform 0.5s ease;border-radius: 10px;padding: 0;} 

.prodcutslist{padding:100px 0;background: #fafafa;margin-bottom: 70px;}
.prodlist{display: block;color: #000;min-height: 345px;}
.prodlist img{border: 1px solid #f47c05;background: #fafafa;border-radius: 10px;min-height: 310px;object-fit: contain;line-height: 262px;padding: 20px;}
.prodlist h5{ margin: 20px 0 0; text-align: center;}
.prodlistcol{padding: 100px 0;background: #fafafa;}
.cbookcol{background-color: #fff;}
.cbookcol h5{
    margin: 10px 0 10px;
}
.cbookcol p{
    margin: 0;
    line-height: 20px;
    padding: 0 10px;
}
.cbookcol{
    display: block;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    color: #000;
    box-shadow: 0 10px 10px #3ea4b933;
    border: 1px solid #3ea4b961;
    margin: 0 0 40px;
    min-height: 388px;
}

.prodlist img{transition: transform 0.5s ease;}
.prodlist:hover img { border-radius: 10px;
transform: scale(1.06);}
.prodlist:hover h5{ color: #1a73e8;}
.tone{ font-size:35px; font-weight: 600;}
.hdlink{display: block;text-align: center;background: #fff;box-shadow: 0 0 20px #cccccc6e;border-radius: 10px;color: #000;text-decoration: none;padding: 36px;min-height: 389px;}
.hdlink h6{padding: 20px 0 0;font-size: 20px;margin: 0;}
.pt50{ padding-top: 50px;}
.pt30{ padding-top: 30px;}
.mh630{ min-height: 630px;}

a{ text-decoration: none;}
.nav-tabs{display: flex;border: none;}
.nav-tabs li{width: 24%;margin: 0 0.5%;text-align: center;}
.nav-tabs .nav-link{height: 350px;background: #eee;width: 100%;margin: 0;}
.nav-tabs .nav-link img{
    height: 250px;
    display: block;object-fit: contain;
}
.tab-content .tab-pane{padding: 50px !important;margin: 0 5px;background-color: #fff;border: 1px solid #dc3545;}

.subproducts a{display: block;text-align: center;background: #fff;padding: 30px;border-radius: 10px;min-height: 223px;color: #000;box-shadow: 0 0 50px #cccccc3d;margin: 0 20px;}
.subproducts a img{border: none;max-height: 170px;}
.subproducts a p{margin: 20px 0 0;font-size: 20px;color: #fe7c00;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border: 1px solid #dc3545;
    border-bottom: none;
    position: relative;
    bottom: -1px;}
 .moresevices{ padding:50px 0;}
 .moresevices h3{margin: 0 0 20px;}
 .moresevices p{margin: 0 0 20px;}
 .moresevices h5{margin: 0 0 20px;}
 .moresevices ul{margin: 0 0 20px;}
 .moresevices ul li{margin: 22px 0;/* font-size: 16px; */}
 .moresevices .row{align-items: center;}
.dropdown .dropdown{ top: 0; left: 100%; border-radius: 0 5px 5px 5px;}
.contentarea .nav-tabs .nav-link{ height: auto; font-size:20px}

.contentarea .tab-content .tab-pane {
    padding: 0px !important;
    margin: 0px;
    background:none;
    border: 0px solid #dc3545;
} 
.contentarea.listcol .nav-tabs li button.active {
    background-color: #0c74bc;
    color: #fff;
}
.softlist{position: relative;margin: 30px 0 50px 50px !important;padding: 0 0 0 30px;}
.softlist li{position: relative;font-size: 16px;}
.softlist li::after{content: "";position: absolute;left: -33px;top: 50%;transform: translateY(-50%);width: 15px;height: 15px;background: #FF7800;border-radius: 50%;z-index: 2;}
.softlist::after{content: "";position: absolute;left: 4px;top: 12px;/* transform: translateY(-50%); */width: 2px;height: auto;background: #000;bottom: 10px;} 

.paytime{background: #eee;padding: 30px;margin: 0 0 30px;border-radius: 10px;min-height: 200px;}
.paytime h6{margin: 0 0 20px;font-size: 18px;font-weight: 600;}
.paytime p{ margin: 0 0 0px;}
.btnprod h2{text-align: center;margin: 30px 0 20px;}

.btnprod .row{ justify-content: center; padding: 30px 0;}
.btnprod h4 { margin: 0 0 10px; font-size: 18px; font-weight: 600;}
.btnprod p{margin: 0;font-size: 14}
.btnprod ul{margin: 20px 0 !important;padding: 0 0 0 20px!important;}
.btnprod ul li{list-style-type: disc;margin: 0 0 10px;padding-left: 0;}
.btnprod ul li a{ color: #000; font-weight: 500;}

.btnprod img{border-radius: 0px;max-height: 350px;width: 100%;object-fit: cover;}

.benfitscol{background-color: #eee;padding: 50px 0;margin-bottom: 70px;text-align: center;}
.benfitscol h3{ text-align: center; margin: 0 0 30px; font-size: 30px;}

.benfitscol p{ margin: 0 auto 30px; width: 80%;}
.benfitscol h6{ margin:5px 0 10px; font-size: 18px; font-weight: 600;}
.benfitscol .row{ align-items: center;} 
.btncol{ text-align: center; padding: 20px 0;}
.btncol a{
    background-color: #0071BC;
    padding: 10px 30px;
    text-transform: uppercase;
    color: #fff;
    font-size:15px;
    margin: 0px 0 0;
    border-radius: 10px;
}
.btncol a:hover{ background-color: #ff6600; color: #fff;}
.excnt a{ display: inline-block; margin: 10px 0 0; background: #ff7800; color: #fff; padding: 8px 20px; border-radius: 30px; font-size: 13px; }
.needhelp a:hover{ background-color: #ff6600; color: #fff;}
.scol{box-shadow: 0 0 20px #ccc;background: #F3F3F3;border-radius: 10px;/* display: flex; *//* align-items: center; */width: 20%;}
.scol img{border-radius: 10px 10px 0 0;max-height: 200px;object-fit: cover;width: 100%;}
.applecharger .cbookcol{min-height: 320px;display: flex;flex-direction: column;align-items: center;}
 
.tfour{font-size: 30px;text-align: center;margin: 0 0 56px;text-transform: uppercase;font-weight: 600;}
.boxcol{ text-align: center;}
.boxcol a {
    display: inline-block;
    padding: 10px 30px;
    background: #046cb4;
    color: #fff;
    border-radius: 0px;
    font-size: 18px;
}.boxcol a:hover {
    background-color: #ff6600;
    color: #fff;
}
.tfour span{color: #fe7d01;}
.abccol{padding-top: 50px;}
.abccol .boxcol{    box-shadow: 0 0 30px #ccc;
    padding: 20px 20px 40px;
    border-radius: 10px;}
.abccol .boxcol h3{ margin-top:30px !important ;}
.abccol .boxcol a{font-size: 14px; border-radius: 5px;}
.cbookscol .cbookcol{ min-height: auto;}
.cbookscol .cbookcol h5{ margin: 30px 0 20px;}
.inserices h4{font-size: 22px;margin: 30px 0 0px;background: #fafafa;padding: 10px 20px;border-radius: 10px;}
.inserices ul{margin: 0px 0 40px 20px;padding: 0 0 0 20px;}
.inserices ul li  { margin: 10px 0; list-style-type: disc;}
.inserices p{ margin: 0 0 20px;} 
.subnr{ background:#e6f0f2; padding:30px 0;}
.subnr h1{ text-align:center; font-size:25px;}
.chlist{ margin:0; padding:0;}
.chlist li{width: 48%;
    display: inline-flex;
    padding: 3px 10px;
    background: #fff;
    margin: 0 10px 15px;
    box-shadow: 0 5px 5px #cccccc73;
    border-radius: 0;
    font-size: 14px;
    align-items: center;
    gap: 10px;}
.chlist li i{font-size: 15px;
    color: #fd7a02;}
.ptb30{ padding:40px 0 !important;}
.mainone{ text-align: center;
    margin: 0 0 40px;
    font-size: 30px;
    font-weight: 600;}
.mainthree{ text-align:center; margin:50px 0 40px; font-size: 22px;
    color: #046cb4;}
.mainfour{text-align:center; margin:50px 0 40px; font-size:22px; }
.minfive{font-size: 18px; 
    line-height: 40px;width: 36%;
    margin: 0 auto;
    font-weight: 500;}
.f18{ font-size:15px;}
.prlist{    padding: 20px 0 0 15px;
    display: block;
    font-size: 15px;
    text-decoration: none;}
.prlist li{ padding: 0 0 15px;
    text-decoration: none;}
    .ptb60{padding:60px 0 !important;}
.padl30pv{ padding-left:50px;}
.btnprod ul li{font-size: 15px;}
.mb50{margin-bottom:50px !important; }
.plist ul{ margin:0 0 30px;}
.plist ul li{list-style-type: disc;
    line-height: 30px;}
    .cbookcol ul{padding: 0 21px;
    min-height: 260px;
    list-style-type: disc;
    text-align: left;
    border-top: 1px solid #ddd;
    padding-top: 10px;}
     .cbookcol ul li{    padding: 0 0 7px;}
     .matile1{    text-align: center;
    margin: -25px 0 20px;
    font-size: 25px;}
    .graybg{ background: #BFBFBF;}
    .graybg img{    height: 220px;
    object-fit: contain;}
    .titeone{font-size: 15px;
    text-align: center;
    margin: 0 0 40px;
    font-weight: 400;}
    .actext{ font-size:25px; text-align:center; margin:-30px 0 40px;} 
    .expert img{    height: 300px;
    width: 100%;
    object-fit: cover;}
.linkspace .softlist{ margin:0 !important;}    
   .linkspace .softlist li{    padding: 9px 0;} 
    
    
    
 @media (max-width:768px) {
      .menu-toggle {display:block;}
      .nav {flex-direction:column;display:none;width:100%;}
      .nav.active {display:block;}
      .dropdown {position:static;display:none;}
      .nav-item.open > .dropdown {display:block;}
      .taddress{ display: none;}
      .slideimg{ padding:30px 20px !important; text-align: center; min-height: auto !important; background-position: right !important; min-height: 270px !important;}
      .hero .small {
    width: auto;
    font-size: 11px;
    line-height: normal;
}.hero h1{ font-size: 25px !important; margin: 0 0 10px !important; line-height: 22px;}
.hero p {
    font-size: 15px !important; margin: 0 0 !important;
}.swiper-button-next, .swiper-button-prev{ width: 20px !important; height: 20px !important; display: none !important;}
.hero p.small{ font-size: 11px !important; line-height: 11px !important; margin: 0 !important;}
.hero-icons li img {
    max-height:15px !important;
    max-width: 38px !important;
}.hero-icons{padding: 13px 30px; gap: 40px;}
.hero-icons li:after { 
    right: -21px;
    height: 34px;  
    bottom: -4px;
}
.logo img{ max-width: 190px;}
.phone a{padding: 5px 15px;    font-size: 12px;}
.menu-toggle{ color: #000;}
.header {
    padding: 5px 10px;
}.ri-arrow-down-s-line{ display: none;}
.nav{ position: absolute; left: 0; right: 0;background: #fe7a00;}
.header{ position: relative; z-index:91;}
.hero-icons{margin-left: -100px;}
.hero .swiper-pagination {
    bottom: 30px !important;
}.services h6 {
    margin: 0 10px 20px; 
    line-height: 16px;
    font-size: 14px;
}.srow{    flex-direction: column;}
.srow img{ width: 100%; }
.cta .flex{ flex-direction: column; gap: 0;}
.expertise {
    padding: 50px 0 0;
    text-align: center;
}.expertise p {
    margin: 0 0 10px;}
    .padl2 {
    padding-left: 0;
    text-align: center;
    padding-top: 20px;
}.excnt { 
    top: 20px;
    left: 20px;
    width: 60%;
}.excnt h3{ font-size: 20px; margin: 0;} 
.excnt h4{ font-size: 15px; margin: 0;} 
.expert img{min-height: 280px;
    object-fit: cover;}
    .nav-link {
    color: #fff;}.nav-item{border-bottom: 1px solid #eeeeee87;}
    .dropdown{background: #c35e00;}.cta{ background-size: cover;}
    .expertise a{ margin-bottom: 20px;}
    .why-us .row .row{ text-align: left;margin: 0;
        padding: 0;}
     .why-us .row .row .col-md-6{ padding-bottom: 10px;}
     .tbtns a:nth-child(1){margin: 0 0 20px;}
     .stats {
    padding: 40px 0;}
    .stats h3 {
    font-size: 25px;}
    .stats .row {
    padding-top: 0px;
}.stats h4 {
    margin: 10px 0 0px;
}.stats p{ margin: 0 0 30px;}
.formfaq {
    padding: 40px 0; text-align: center;
}.formfaq p{ margin: 0 0 20px;}.lform{ padding: 30px; margin: 0;}
#googleReviews {
    margin: 0 20px;}
    #trustpilotReviews {
    margin: 0 20px;}.footercol{ padding: 40px 0 0; text-align: center;}
    .why-us h4{ font-size: 22px;}
    .reviews {
    padding: 40px 0  !important;}
   .footercol .bg-dark{ padding: 5px 20px;}
   .footercol br{ display: none;}
   .footercol ul {
    padding-bottom: 0;
}.footercol ul li a{ margin: 0 !important;}.reviews h3{ font-size: 25px;}
.formfaq h3{ font-weight: 700;}
.hero h1{ width: auto;}
.nav-link:hover {
    color: #fff !important;
}
}