@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


body {  
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;    
    background: #fff;
    color: #333333; 
}

a:hover {
    text-decoration: none;
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

::selection {
    color: white; 
    background: #ff7675;
}

::-webkit-selection {
    color: white; 
    background: #ff7675;
}

::-moz-selection {
    color: white; 
    background: #ff7675;
}



/*--- header-area start ---*/

.header-area {
    background-color: #000000;
    padding: 30px 0;
}


.mainheader {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.header-part {
    display: flex;
    align-items: center;
}

.header-logo img {
   width: 99px;
   height: 37px;
   display: block;
}



.header-nav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.header-nav ul li {
    display: inline-block;
}

.header-nav ul li a {
    font-family: "Inter", sans-serif;
    color: #767799;
    font-size: 20px;
    font-weight: 400;
    display: block;
    padding-left: 40px;
    transition: 0.3s all ease;
}

.header-nav ul li a:hover {
    color: #fff;
}


.header-nav ul li.active a {
    position: relative;
    color: #fff;
}

.header-nav ul li.active a::after {
    content: "";
    clear: both;
    width: 35px;
    height: 1px;
    display: block;
    background-color: #fff;
    margin: auto;
    position: relative;
    top: 2px;
}


.menu-part {
    display: none;
}

.Close-icon {
    display: none;
}





.header-searchbox {
    width: 219px;
    height: 42px;
    background: #252525;
    border-radius: 42px;
    padding: 6px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-searchbox input {
    width: 80%;
    background: none;
    border: none;
    color: #fff;
    font-size: 16px;
    outline: none;
    padding-left: 5px;  
}

.header-searchbox button {
    border: none;
    background: none;
    padding: 0;
    width: 20%;   
}

.header-searchbox button img {
    height: 32px;
    margin-left: -11px;
    cursor: pointer;
}

.header-part2 .header-nav {
    padding-left: 33px;
}



/*--- hero-area start ---*/

.herobg1 {
    padding: 120px 0;
    background-image: url(img/herobg1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 990px;
}

.herobg2 {
    padding: 120px 0;
    background-image: url(img/herobg2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 990px;
}



.hero-part h1 {
    color: #fff;
    font-size: 90px;
    margin: 0;
    line-height: 86px;
    font-weight: 800;
    padding-bottom: 30px;
    padding-top: 52px;
}

.hero-part p {
   font-family: "Inter", sans-serif;
    color: #fff;
    font-size: 28px;
    line-height: 35.98px;
    margin: 0;
    padding-bottom: 35px;    
}


.hero-part a {
        font-family: "Inter", sans-serif;
    color: #fff;
    font-size: 21px;
    font-weight: 600;
background: linear-gradient(90deg, #4CB94B 0%, #00E40F 100%);

    width: 213px;
    height: 65px;
    display: block;
    line-height: 65px;
    text-align: center;
    border-radius: 10px;
    transition: 0.3s all ease;   
}

.hero-part a:hover {
    background: linear-gradient(90deg, #0F6319 0%, #0F6319 100%);
    color: #fff;
}


.hero-part img {
    max-width: 100%;
    display: block;
}



.hero-part ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    padding-top: 13px;
    padding-bottom: 15px;
}

.hero-part ul li {
    display: block;
    padding-bottom: 25px;
}

.hero-part ul li span {
    width: 8px;
    height: 8px;
    display: block;
    background: #fff;
    border-radius: 50%;
}


.hero-part ul li h6 {
    font-family: "Inter", sans-serif;
    color: #fff;
    font-size: 28px;
    line-height: 35.98px;
    margin: 0;
    margin-top: -20px;
    padding-left: 29px;
    font-weight: 400;   
}


.hero-image {
    display: none;
}


.slider1-area {
    position: relative;
}

.slider1-area .owl-nav {
    position: absolute;
    bottom: 160px;
    z-index: 99999;
    right: 70px;
    display: flex;
}

.slider1-area .owl-dots {
    display: none;
}


.customNextBtn1 img {
    max-width: 100%;
    display: inline-block;
    margin-right: 22px;
	cursor: pointer;
	padding-left: 10px;
}

.customPrevBtn1 img {
    max-width: 100%;
    display: inline-block;
	cursor: pointer;
	padding-right: 10px;
}









/*--- Tecnologia-area start ---*/
.Tecnologia-area {
    padding: 10px 0;
    background-image: url(img/Tecnologiabg1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.Tecnologia-part {
    display: flex;
    align-items: center;
    justify-content: space-between;    
}

.Tecnologia-left {
    width: 600px;
}

.Tecnologia-left h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    margin: 0;
}

.Tecnologia-img img {
   max-width: 100%;
   display: block;
}



.Tecnologia-left h2 br {
    display: none;
}





/*--- gameitem-area start ---*/
.gameitem-area {
    padding: 0px 0;
}

.gameitem-part {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 0px;
    justify-content: space-around;
    grid-row-gap: 0px;
}

.gameitemtextimg-part {
    position: relative;
}

.gameitemtextimg-part img {
    width: 100%;
    display: block;
    margin: auto;
}
.gameitemtextimg-part h2 {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}

.gameitemtextimg-part h2 a, .gameitemtextimg-part h2 {
    color: #4CB94B;
    font-size: 40px;
    font-weight: 800;
    line-height: 52.25px;
}














/*--- gamer-area start ---*/
.Categorias-area {
    padding: 80px 0;
    background-image: url(img/Categoriasbg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}



.Categorias-heading h2 {
    color: #fff;
    font-size: 60px;
    font-weight: 500;
    text-align: center;
    margin: 0;
    line-height: 62.7px;
    padding-bottom: 35px;
}


.Categorias-part {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 38px;
    justify-content: space-around;
    grid-row-gap: 60px;    
}


.Categorias-item {
    border: 4px solid #0F6319;
    border-radius: 10px;
    padding: 60px 30px;
}

.Categoriasitem-images {
    height: 169px;
    display: grid;
    align-items: center;
}

.Categoriasitem-images img {
   max-width: 100%;
   display: block;
   margin: auto;
}







.Categorias-item h2 {
    color: #fff;
    font-size: 28px;
    line-height: 39.9px;
    margin: 0;
    font-weight: 600;
    text-align: center;
    padding-bottom: 50px;
        padding-top: 15px;  
}


.Categorias-item a {
        font-family: "Inter", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
background: linear-gradient(90deg, #4CB94B 0%, #00E40F 100%);

    width: 173px;
    height: 44px;
    display: block;
    line-height: 44px;
    text-align: center;
    border-radius: 10px;
    transition: 0.3s all ease; 
    margin: auto;   
}

.Categorias-item a:hover {
    background: linear-gradient(90deg, #0F6319 0%, #0F6319 100%);
    color: #fff;
}

.Categorias-area .owl-nav {
    position: absolute;
    z-index: 99999;
    right: initial;
    display: flex;
    left: 50%;
    bottom: -34px;
    transform: translate(-50%, -50%);    
}

.customNextBtn2 img {
    max-width: 100%;
    display: inline-block;
    margin-right: 22px;
	padding-left: 10px;
}

.customPrevBtn2 img {
    max-width: 100%;
    display: inline-block;
	cursor: pointer;
	padding-right: 10px;
}


.Categoriaspartss {
    display: none;
	cursor: pointer;
}







/*--- newCategorias-area start ---*/
.newCategorias-area {
    padding: 95px 0;
    background-color: #000000;
    padding-bottom: 0;
}


.newCategorias-part {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 38px;
    justify-content: space-around;
    grid-row-gap: 60px; 
    align-items: start;   
}


.newCategorias-item {
    border: 4px solid #0F6319;
    border-radius: 10px;
    padding: 40px 30px;
}

.newCategoriasitem-images {
    display: grid;
    align-items: center;
}

.newCategoriasitem-images img {
   max-width: 100%;
   display: block;
   margin: auto;
}

.newCategorias-texttitle {
    border-bottom: 1px solid #4CB94B;
    margin-bottom: 35px;
}

.newCategorias-texttitle h2 {
    color: #fff;
    font-size: 26px;
    line-height: 39.9px;
    margin: 0;
    font-weight: 600;
    text-align: center;
    padding-bottom: 35px;
    padding-top: 7px;
}



.newCategorias-listbox ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    padding-bottom: 35px;
}

.newCategorias-listbox ul li {
    display: block;
    padding-bottom: 8px;
}

.newCategorias-listbox ul li span {
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 50%;
    display: block;
}

.newCategorias-listbox ul li p {
    font-family: "Inter", sans-serif;
    color: #fff;
    font-size: 13px;
    margin: 0;
    margin-top: -11px;
    padding-left: 11px;   
}


.newCategorias-listbox h3 {
    font-family: "Inter", sans-serif;
    color: #fff;
    font-size: 13px;
    margin: 0;
    padding-bottom: 30px;    
}


.newCategorias-listbox h4 {
    font-family: "Inter", sans-serif;
    color: #fff;
    font-size: 13px;
    margin: 0;
    padding-bottom: 31px;
    margin-top: -10px;    
}




.newCategorias-btnbox ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.newCategorias-btnbox ul li {
    display: block;
}


.newCategorias-btnbox ul li a {
        font-family: "Inter", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
background: linear-gradient(90deg, #4CB94B 0%, #00E40F 100%);

    width: 173px;
    height: 44px;
    display: block;
    line-height: 44px;
    text-align: center;
    border-radius: 10px;
    transition: 0.3s all ease; 
    margin: auto; 

    text-transform: capitalize;  
}

.newCategorias-btnbox ul li a:hover {
    background: linear-gradient(90deg, #0F6319 0%, #0F6319 100%);
    color: #fff;
}


.newCategorias-btnbox ul li:nth-child(2) {
    padding-top: 25px;
}

.newCategorias-btnbox ul li:nth-child(2) a {
    background: linear-gradient(90deg, #0F6319 0%, #0F6319 100%);
    color: #fff;    
}




.newCategorias-btnbox ul li:nth-child(2) a:hover {
    background: linear-gradient(90deg, #fff 0%, #fff 100%);
    color: #000;
}




.newCategorias-item1 {
    margin-top: -96px;
}

.newCategorias-item2 {
    margin-top: -158px;
}

.newCategoriaspartss {
    display: none;
}


.newCategorias-area .owl-nav {
    position: absolute;
    z-index: 99999;
    right: initial;
    display: flex;
    left: 50%;
    bottom: -34px;
    transform: translate(-50%, -50%);    
}

.customNextBtn3 img {
    max-width: 100%;
    display: inline-block;
    margin-right: 22px;
	cursor: pointer;
	padding-left: 10px;
}

.customPrevBtn3 img {
    max-width: 100%;
    display: inline-block;
	cursor: pointer;
	padding-right: 10px;
}







/*--- gamer-area start ---*/
.mbgamer-area {
    padding: 0px 0;
    background-image: url(img/gamerbg2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.gamer-area {
    padding: 129px 0;
    padding-bottom: 163px;
    background-image: url(img/gamerbg1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.gamer-part p {
    color: #fff;
    font-size: 50px;
    line-height: 48px;
    margin: 0;
    font-weight: 500;
}

.gamer-part h2 {
    color: #4CB94B;
    font-size: 90px;
    margin: 0;
    font-weight: 900;
    text-transform: uppercase;
    padding-left: 44px;
    padding-bottom: 92px;    
}

.gamer-part a {
        font-family: "Inter", sans-serif;
    color: #fff;
    font-size: 21px;
    font-weight: 500;
    background: linear-gradient(90deg, #4CB94B 0%, #00E40F 100%);
    width: 213px;
    height: 65px;
    display: block;
    line-height: 65px;
    text-align: center;
    border-radius: 10px;
    transition: 0.3s all ease;    
}

.gamer-part a:hover {
    background: linear-gradient(90deg, #fff 0%, #fff 100%);
    color: #000;
}



















/*--- last-area start ---*/
.last-area {
   background-color: #000000; 
   padding: 80px 0;
}


.last-part img {
    width: 328px;
    height: 124px;
    display: block;
    margin: auto;
}

.last-part p {
    font-family: "Inter", sans-serif;
    color: #FFFFFF;
    font-size: 24px;
    text-align: center;
    margin: 0;
    padding-top: 80px;   
}






/*--- footer-area start ---*/
.footer-area {
   background-color: #4CB94B; 
   padding: 30px 0;
}

.footer-part {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.footer-logo img {
    width: 196px; 
    height: 74px;
    display: block;
}

.footer-text p {
    font-family: "Inter", sans-serif;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin: 0;
    line-height: 24px;
}



.footer-social-icons ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-align: right;
}

.footer-social-icons ul li {
    display: inline-block;
    margin-right: 22px;
}

.footer-social-icons ul li:last-child {
    margin-right: 0px;
}

.footer-social-icons ul li a img {
   max-width: 100%;
   display: inline-block;
}

.footertext2 {
    display: none;
}

.Tecnologia-imgs {
    display: none;
}

/*--- titulos-area start ---*/
.mouse-part p, .teclado-part p, .headset-part p, .pad-part p, .cadeiras-part p, .combos-part p {
    color: #fff;
    font-size: 60px;
    line-height: 50px;
    margin: 0;
    font-weight: 600;
}
/*--- mouse-area start ---*/
.mbmouse-area {
    padding: 0px 0;
    background-image: url(img/mouses/mbmousebg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mouse-area {
    padding: 165px 0;
    background-image: url(img/mouses/mousebg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}


/*--- teclado-area start ---*/
.mteclado-area {
    padding: 0px 0;
    background-image: url("img/teclados/mtecladobg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.teclado-area {
    padding: 165px 0;
    background-image: url("img/teclados/tecladobg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

/*--- pad-area start ---*/
.mpad-area {
    padding: 0px 0;
    background-image: url("img/mousepads/mpadbg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pad-area {
    padding: 165px 0;
    background-image: url("img/mousepads/padbg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

/*--- headset-area start ---*/
.mheadset-area {
    padding: 0px 0;
    background-image: url("img/headsets/mheadsetbg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.headset-area {
    padding: 165px 0;
    background-image: url("img/headsets/headsetbg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}
/*--- combos-area start ---*/
.mcombos-area {
    padding: 0px 0;
    background-image: url("img/combos/mcombosbg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.combos-area {
    padding: 165px 0;
    background-image: url("img/combos/combosbg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}
/*--- cadeiras-area start ---*/
.mcadeiras-area {
    padding: 0px 0;
    background-image: url("img/cadeiras/mcadeirasbg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cadeiras-area {
    padding: 165px 0;
    background-image: url("img/cadeiras/cadeirasbg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}