@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap");
.nav-1_text {
  color: #fbfbfb;
  text-align: center;
  height: 29px;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  letter-spacing: 2px;
  padding-top: 7px;
  transition: 1s ease-in-out;
}
.nav-1_text:hover {
  background-color: white;
  color: black;
}
.nav-1 {
  background-color: black;
}
.link-1 {
  margin-left: 100px;
}
.link-2 {
  margin-left: 22px;
}
.link-3 {
  margin-left: 200px;
}
.link-4 {
  margin-left: 11px;
}
.link-color {
  color: black !important;
}
.link-color:hover {
  color: #ff4a32 !important;
}
.bg-1 {
  background-repeat: no-repeat;
  background-image: url(../img/bg-1.png);
  background-size: cover;

  width: 100%;
  height: 810px;
  background-position: center center;
}
.h1-bg-1{
 text-align: center;
 font-size: 44px;
 line-height: 51px;
 color: black;
 padding-top: 53px;
}
.p-bg-1{
 letter-spacing: 1px;
 text-align: center;
 font-size: 17px;
 line-height: 19px;
 color: black;
 padding-top: 14px;
}
.orange-1{
 margin-left: 70%;
 margin-top: 22px;
 border: none;
 width: 201px;
 height: 33px;
 background: #FF4A32;
 border-radius: 35px;
 color: white;
 text-align: center;
 font-size: 15px;
 line-height: 22px;
 transition: 0.3s ease-in-out;
}
.orange-2{
 margin-top: 22px;
 border: none;
 width: 201px;
 height: 33px;
 background: #FF4A32;
 border-radius: 35px;
 color: white;
 text-align: center;
 font-size: 15px;
 line-height: 22px;
 transition: 0.3s ease-in-out;
}
.orange-1:hover{
 margin-left: 70%;
 margin-top: 22px;
 border: none;
 width: 201px;
 height: 33px;
 background: white;
 border-radius: 35px;
 color: #FF4A32;
 border: 2px solid #ff4a32;
 text-align: center;
 font-size: 15px;
 line-height: 22px;
}
.orange-2:hover{
 margin-top: 22px;
 border: none;
 width: 201px;
 height: 33px;
 background: white;
 border-radius: 35px;
 color: #FF4A32;
 border: 2px solid #ff4a32;
 text-align: center;
 font-size: 15px;
 line-height: 22px;
}
.black-1{
 background-color: #000;
 width: 100%;
 height: 83px;
}
.company-logo{
 margin-top: 18px;
 cursor: pointer;
}
.cl-1{
 margin-left: 95px;
}
.h1-boards{
 font-weight: 400;
 font-size: 32px;
line-height: 36px;
color: #000000;
text-align: center;
margin-top: 52px;
}
.p-boards{
 font-weight: 400;
 font-size: 15px;
line-height: 19px;
color: #000000;
text-align: center;
margin-top: 17px;
}
.line-boards{
  width: 70px;
height: 2px;
background: #CFCFCF;
margin-top: 25px;
margin-left: 45%;
}
.bg-2{
 margin-top: 72px;
 width: 100%;
 height: 580px;
 background-image: url(../img/bg-2.png);
 background-repeat: no-repeat;
 transition: 0.7s ease-in-out;
 cursor: pointer;
}
.bg-2:hover{
  opacity: 0.7;
  margin-top: 72px;
  width: 100%;
  height: 580px;
  background-image: url(../img/bg-2.png);
  background-repeat: no-repeat;
 }
.bg-3{
 margin-top: 72px;
 width: 100%;
 height: 580px;
 background-image: url(../img/bg-3.png);
 background-repeat: no-repeat;
 transition: 0.7s ease-in-out;
 cursor: pointer;
}
.bg-3:hover{
  opacity: 0.6;
  margin-top: 72px;
  width: 100%;
  height: 580px;
  background-image: url(../img/bg-3.png);
  background-repeat: no-repeat;
 }
.h1-shop{
 text-align: center;
color: #fff;
font-size: 25px;
line-height: 30px;
padding-top: 283px;
}
.p-shop{
  text-align: center;
color: #fff;
font-size: 18px;
line-height: 23px;
padding-top: 14px;
}
.bg-4{
  background-repeat: no-repeat;
  background-image: url(../img/bg-4.png);
  background-size: cover;
margin-top: 44px;
  width: 100%;
  height: 810px;
  background-position: center center;
  margin-bottom: 44px;;
}
.p-bg-4{
  letter-spacing: 1px;
 text-align: center;
 font-size: 17px;
 line-height: 19px;
 color: black;
 padding-top: 44px;
}
.h1-bg-4{
  text-align: center;
  font-size: 44px;
  line-height: 51px;
  color: black;
  padding-top: 11px;
 }
 .orange-3{
   margin-left: 43%;
   margin-top: 22px;
   border: none;
   width: 201px;
   height: 33px;
   background: #FF4A32;
   border-radius: 35px;
   color: white;
   text-align: center;
   font-size: 15px;
   line-height: 22px;
   transition: 0.3s ease-in-out;
 }
 .orange-3:hover{
  margin-left: 43%;
  margin-top: 22px;
  border: none;
  width: 201px;
  height: 33px;
  background: white;
  border-radius: 35px;
  color: #FF4A32;
  border: 2px solid #ff4a32;
  text-align: center;
  font-size: 15px;
  line-height: 22px;
}
.h1-rev{
  margin-top: 67px;
  font-size: 32px;
line-height: 38px;
margin-bottom: 21px;}

.p-rev{
font-size: 15px;
line-height: 22px;
}
.orange-4{
  margin-top: 22px;
   border: none;
   width: 101px;
   height: 33px;
   background: #FF4A32;
   border-radius: 35px;
   color: white;
   text-align: center;
   font-size: 15px;
   line-height: 22px;
   transition: 0.3s ease-in-out;
}
.orange-4:hover{
  background: white;
  color: #FF4A32;
  border: 2px solid #ff4a32;
}
.class{
  margin-top: 45px;
}
.shop-1{
  background: url(../img/shop-1.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 480px;
  cursor: pointer;
  transition: 0.7s ease-in-out;
}
.shop-1:hover{
  opacity: 0.6;
}
.shop-2{
  background: url(../img/shop-2.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 480px;
  cursor: pointer;
  transition: 0.7s ease-in-out;
}
.shop-2:hover{
  opacity: 0.6;
}
.shop-3{
  background: url(../img/shop-3.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 480px;
  cursor: pointer;
  transition: 0.7s ease-in-out;
  margin-bottom: 55px;
}
.shop-3:hover{
  opacity: 0.6;
}
.h2-shop{
  text-align: center;
 color: #fff;
 font-size: 25px;
 line-height: 30px;
 padding-top: 208px;
 }
 .mb{
   margin-bottom: 42px;
 }
 .bg-last{
   width: 100%;
   height: 308px;
   background-color: #000;
 }
 .img-1{
   padding-top: 35px;
   margin-left: 36%;
 }
 .h1-last{
  font-size: 31px;
  line-height: 36px;
  text-align: center;
margin-top: 5px;
color: #FFFFFF;
font-weight: 500;
 }
 .p-last{
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
margin-top: 25px;
color: #FFFFFF;
 }
 .info{
   width: 100%;
   height: 330px;
   background-color: #F7F7F7;
 }
 .logo_boosted-2{
   margin-top: 50px;
   margin-left: 18%;
 }
 .h1-1{
   margin-top: 50px;
   font-size: 20px;
line-height: 30px;
margin-bottom: 10px;
 }
 .explore{
   margin-left: -29px;
 }
 .explore_li{
   list-style: none;
  font-size: 13px;
  line-height: 21px;
  cursor: pointer;
 }
 .explore_li:hover{
  color: #ff4a32;
}
.p-1{
  margin-top: 12px;
  font-size: 14px;
line-height: 21px;
margin-bottom: 19px;
}
.p-2{
  font-size: 13px;
line-height: 21px;
}
.cart img{
  width: 186px;
  height: 186px;
  object-fit: contain;
  cursor: pointer;
}
.cart{
  width: 186px ;
  transition: 1s ease-in-out;
}
.cart:hover .text-1{
  color: #000;
}
.cart:hover .text-2{
  color: #ff4a32;
}
.text-1{
  font-size: 14px;
line-height: 18px;
color:#ff4a32;
  text-align: center;
  margin-top: 12px;
  cursor: pointer;
  transition: 0.25s ease-in-out;
}

.text-2{
  text-align: center;
  margin-top: 12px;
  font-size: 14px;
line-height: 18px;
color:#000;
cursor: pointer;
transition: 0.25s ease-in-out;
}
.text-2:hover{
  color: #ff4a32;
}
.text-3{
  text-align: center;
  margin-top: 12px;
  font-size: 14px;
line-height: 18px;
color:grey;
cursor: pointer;
}
.carousel-margin{
  margin-bottom: 30px;
}
.last_info{
margin:0;
padding:0;
list-style: none;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-device-width: 480px) {
  .link-1,.link-2,.link-3,.link-4{
    margin-left: 0;
  }
  .orange-1{
    margin-left: 40%;
  }
  .orange-1:hover{
    margin-left: 40%;
  }
  .cl-1 {
    margin-left: 0px;
}
.cl-2{
  margin-left: 50px;
}
.orange-3{
  margin-left: 35%;
}

.orange-3:hover{
  margin-left: 35%;
}
.bg-2 {
  margin-left: -100px;
    width: 123%;
}
.bg-2:hover{
  margin-left: -100px;
    width: 123%;
}
.bg-3 {
margin-left: 22px;
  width: 123%;
  
}
.bg-3:hover {
  margin-left: 22px;
    width: 123%;
    
  }
.img_size-1{
  margin-left:-50px;
  
}
.img_size-2{
  margin-left:12px;
  
}
iframe{
  margin-top: 60px;
  margin-left: 10%;
}
 .cart  {
  width: 100%;
}
.img-1 {
  padding-top: 35px;
  margin-left: 23%;
}
.h1-last {
  font-size: 27px;}
main{
  margin-bottom: 390px;
}
.p-1{
  margin-bottom:10px;
}
.info {
  width: 100%;
  height: 370px;
  background-color: #F7F7F7;
}
}