.entry
{display: flex;
flex-direction: column;
align-items: center;}

#content-wrap
{width: 100%;
 max-width:100%;
padding:0px !important;
background:#f5f5f5}

#back-g1
{background-image: url(https://rooabra.com/wp-content/uploads/2024/02/p1.jpg);
    background-repeat: repeat;
    border-radius:0px 0px 25px 25px;
    box-shadow: 2px 2px 10px 2px #abb8c3;
padding-top:20px}

#why-sec
{
    background-image: url(https://rooabra.com/wp-content/uploads/2023/08/b2-2.jpg);
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    border-radius: 35px;
    box-shadow: 0 5px 16px 2px #696868;
    margin-top:220px;
	margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 100px;
    max-height: 800px;}

.offer{
	display:none !important}
	
.text-w
{color: #ffff !important;padding: 5px;text-decoration:none !important;}

.text-g
{color:#393939 !important;
padding: 5px;
text-decoration:none !important;}

.maxw
{display:block;
margin-left:auto;
margin-right:auto;
max-width:1600px;}

.max100
{width:100%;
max-width:100%;
justify-content: center;}

#barooabra-par
{ font-size: 18px;
    padding-top:5px;
    padding-left:6%;
    padding-right:6%;
    height: 240px;
    background-image: url(https://rooabra.com/wp-content/uploads/2024/02/abr-s1.png);
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    border-radius: 35px;
    font-weight:600;
    color: #3b7882;
    text-shadow: 0 0 1px #4aa6ba00;}

.wp-image-1617 , .wp-image-1614 , .wp-image-1613
{border-radius:35px}

 /*site logo */
.wp-image-3409 , .wp-image-13565
{max-width:300px !important;margin-top:60px;}

#amz-desc , #par-whatpr
{margin-top: 70px;font-weight:600;/* text-shadow: 1px 1px 3px #1c273b; */font-size:28px}

#search-sec
{justify-content: center;}

#search-main
{margin-top:90px;
max-width:80%;}

#d1-nav
{display:block;width: 70%;max-width: 70%;}

#m1-nav
{display:none;}

#nav-sec
{display: flex;
text-align: center;
flex-wrap: nowrap;
flex-direction: row;
justify-content: space-around;
width: 85%;
gap: 0em;max-width: 85%;}

#logicon
{width:10%;
max-width:10%;}

#mini-cart
{margin-top: 3px;width:10%;max-width: 10%;}

.wp-block-navigation__container 
{justify-content: space-around;}

#title-why
{
 font-weight:600;
 margin-bottom: 80px;
}

.tik-main
{padding-top: 30px;
    padding-bottom: 30px;
    background-color: #ffffff;
width:100%;
margin-bottom:80px;}

.tik-right{
	flex-basis:20% !important;
}

.tik-cent{
	flex-basis:20%!important;
}

.tik-left{
	flex-basis:40%!important;
}
.top-tik {max-height:140px;}

.intik{
	width:250px;
	height:140px;
	border-radius:25px;
}

	.wp-block-cover__inner-container {
	height: 140px;
}


.catmain
{display: flex;
    background-color: #fff;
    border-radius: 45px;
    box-shadow: 0 5px 16px 2px #b3b3b3;
    height: 1200px;
	max-width: 1600px;
    padding: 50px;
    margin-top: 20px;
    margin-bottom: 70px;
    width: 90%;}
	
.wp-block-cover__inner-container
{height:140px;}

.wp-block-cover__inner-container p {    margin: 10px 0 0 10px;}

.wtt-text
{color: #b6a48c;
font-size:11px;
text-decoration:none !important;}

.h4tt
{font-size:17px;
font-weight:600}

#freeship
{color:#b6a48c;
font-size:15px;
padding-left: 30px;}

#ad-row1 , #ad-row2 , .adv-in
{justify-content: center;}

#howto
{padding-left:5%;
padding-right:5%;}

.hwtoby-tt
{padding-top:10px}

.hwbuy-par
{font-size:17px;}

.pr-divcat
{background-color: white;
    box-shadow: 1px 1px 10px 3px #e5e5e5;
    border-radius: 25px;
    margin-bottom: 30px;
    height: 390px;}
	
.services
{margin-bottom: 100px;
margin-top: 70px;}

.servicesin
{padding:20px;
padding-top:50px;
height:300px;}


.aboutroo {
display: flex;
flex-direction: column;}
			
.aboutroo .aboutrooin {
max-height:200px;
overflow: hidden;
transition: max-height 0.5s ease-out;
padding: 5px;}

#wht0
{ margin-top:100px;
    height:250px;
	width:90%;}

#wht1
{padding-top:50px;}

#wht-ttl
{padding-top: 95px;}

#bnr0
{margin-top:50px;
margin-left: 2%;
margin-right: 2%;}

.pr-divcat-h
{background-color: #a2dfe5;
border-radius:0px 25px 25px 0px;}

.product-cat-head
{text-decoration:none !important;
text-align: center;
font-size: 18px !important;
color: #000000d6 !important;}

#elect-head
{padding: 3px;text-align: center;
background-color:#9cd2d2;
border-radius:25px;
box-shadow:-2px 1px 5px 1px #989898}

#beau-head
{padding: 3px;
background-color:#ffb6b1;
border-radius:25px;
box-shadow:-2px 1px 5px 1px #989898}

#cable-head
{padding: 3px;
background-color:#f7d1f0;
border-radius:25px;
box-shadow:-2px 1px 5px 1px #b0b0b0}
.ttl-center
{text-align:center}

#apple-head
{padding: 3px;
background-color:#d1e7f7;
border-radius:25px;
box-shadow:-2px 1px 5px 1px #b0b0b0}
.ttl-center
{text-align:center}

#charge-head
{padding: 3px;
background-color:#d1f7d1;
border-radius:25px;
box-shadow:-2px 1px 5px 1px #b0b0b0}


#electronic-col , #beauty-col
{margin-top:100px;
width:96%;}

#electronic-col-hd 
{padding-top: 150px;}

#beauty-col-hd
{padding-top: 150px;}

.order-b
{margin-top: 20px;
display:flex;
flex-wrap:nowrap;
padding:5px;}

.order-bx
{margin-top: 10px;
margin-left: 1.5%;
flex: 1 0 17.5%;
max-width: 17.5%;
margin-bottom: 15px;
FONT-WEIGHT: 200;
height: 320px;
border-radius: 15px;
min-width: 200px;
box-shadow: 1px 1px 10px 3px #e5e5e5d1;}

.order-bx2
{flex: 1 0 26%;
max-width: 26%;
height: 280px;}
	
.order-bxi
{ width: auto;
height: 200px;
display: flex;
justify-content: center;
align-items: center;}

.order-bxi2
{background-color: #d9d9d9;
border-radius:15px;}

.order-bxn
{height: 65px;
overflow:hidden;
font-size:11px;
padding-top: 10px;line-height: 1.7;
color: #5f5f5f;padding-left: 5px;
padding-right: 5px;
overflow:hidden;}

.order-bxn2
{font-size:13px;
color: #005665;
height: 75px;}

.attachment-240x300
{max-height:190px;
width:auto;padding:3px;
max-width: 200px;}

.order-bxp
{text-align: left;
padding-top:20px;
font-size:14px;
color:#e52a67;
padding-left: 10px;}

.am-t
{color:#a2a2a2}

.latest-pr-main2
{margin-top: 100px;
box-shadow: 0 5px 16px 2px #c7c7c7  !important;
background-image: none  !important;
background-color: #fff;
max-width:1600px;}

#latest-main
{margin-top: 80px;padding-top: 50px;background-color: #ffe097;border-radius: 35px;}

#latest-main-in
{display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items: center;}

#latest-pr-main
{
    display: flex;
    background-color: #6f7f9d;
    border-radius: 35px;
    box-shadow: 0 5px 16px 2px #696868;
    FONT-WEIGHT: 500;
    max-height: 500px;
    padding-bottom: 40px;
    padding-top: 40px;
    margin-bottom: 70px;
    width: 96%;
    }

#latest-pr-in
{display:flex;
flex-wrap:nowrap;
align-items: center;
justify-content: center;}
	
#latest-pr
{border-radius: 30px;
max-width: 86%;
padding-bottom: 15px;
padding-right: 5px;
margin-left: 1%;
padding-left: 5px;
background-color: white;}

#tips-pr
{width:80%;
max-width: 80%;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;}

.liproducts
{overflow-x:auto;}

#reviews
{background-color: rgb(211 211 211);
margin-right: 2%;
padding: 3%;
margin-left: 2%;
border-radius: 25px;
margin-top: 80px;
justify-content: space-around;}

.stars5
{width: 60%;
height: auto;}

#amzpop-main
{ margin-top: 100px;
padding-top: 50px;
padding-left: 8px;
padding-right: 8px;
height: 420px;
margin-bottom: 50px;}

#amzpop-up
{margin-top: 50px;}

#amzpop-dw
{padding-bottom:50px}

#plogo
{font-size:9px;
text-align: center;
margin-top: -10px;}





::-webkit-scrollbar 
{width: 10px;
  height:5px;
  border-radius:4px;}

::-webkit-scrollbar:hover
{width: 14px;
  height:7px;
  border-radius:4px;}

::-webkit-scrollbar-track 
{border-radius: 4px;background: #eeeeee;}

::-webkit-scrollbar-thumb 
{background: #e0e0e0;border-radius: 4px;}

::-webkit-scrollbar-thumb:hover
{background: #cacaca;}

#latest-main , #back-g1
{animation: bgxa 40s linear 0s infinite ;
-webkit-animation: bgxa 27s linear 0s infinite ;animation: bgxa 27s linear 0s infinite ;}

@keyframes bgxa {
  0%   {background-position: 0% 0%;}
 100%   {background-position: 100% 0%;}
}

#loading-bgxa , #loading-bg {
  background-image: url(https://rooabra.com/design/loadapn4.png);
    background-repeat: no-repeat;
    position: fixed;
    width: 110%;
    opacity: 0.3;
    height: 105%;
    background-size: cover;
	top: 0%;}

#loading-bg
{z-index: 15;
left: 100%;
animation: abra 3s linear 2s 1 forwards;}

#loading-bgxa
{z-index: 16;
left: -110%;
transform: scalex(-1);
animation: abra2 3s linear 2s 1 forwards ;}

.readimg
{max-height:200px;
max-width:100%;}


@media screen and (min-width:701px) {
.top-tik-mob
{display:none !important}
}
@media screen and (max-width:700px) {
.top-tik-desk
	{display:none !important;}
}
#nav-sec
	{width:100%;
	max-width:100%}
	
#m1-nav
{display:block;width: 30%;max-width: 30%;margin-right: 10px;}

#d1-nav
{display:none;}
	
#logicon
{width: 30%;max-width: 33%;}

#mini-cart
{width: 30%;max-width: 30%;}

#barooabra-par
{font-size: 14px;}

.wp-image-3409
{margin-top:10px;
max-width: 270px !important;}

#amz-desc
{font-size:17px !important;
margin-top: 100px;
margin-bottom: 60px;}

#search-main
{margin-top:50px}

.adv-in
{flex-wrap: nowrap !important;
padding:2%;
justify-content: center;}
   
.adv-in-pic
{max-width:30%;
width:30%!important;}
	
.adv-in-par
{width:68% !important;
 max-width:68%;}
	
#why-sec
{max-height:1550px;
margin-top: 160px;
margin-left:3%;
margin-right:3%;}
    
#title-why
{font-size:22px !important}

.firstcat
{ flex-wrap: nowrap !important;}

.catmain
{height: auto;}

.top-tik-mob{
flex-wrap: nowrap !important;
gap:3px;}

.tika
{width:100%}
	
.intik
{
width: 100%;
    min-height: 260px;
    max-height: 280px;}

.intik p
{font-size:14px !important;}
	
.hwtoby-tt
{text-align:center}

.how-steps
{gap:1em}

.hwbuy-par
{font-size:16px;
text-align:center}
    
.wh-items-col
{width: 33%;
 max-width: 33%;}

#wh-items
{gap:0.3%}

#wht1
{padding-top:0px}

#wht0
{height:580px;
gap: 0px;
margin-left: 3%;
margin-right: 3%;}

#wht-ttl 
{padding-top:20px;
 height: 120px;
 margin-top: 0px;
 border-radius: 25px;}

.product-cat-head , #electronic-col-hd , #beauty-col-hd
{padding-top: 30px;}

.bnr-com
{margin-left: 3%;margin-right: 3%;}

.pr-divcat
{height: 480px;
gap:20px !important;}
    
.pr-divcat-h
{padding-top: 20px;
height:120px;
border-radius:25px 25px 0px 0px}

.product-cat-head
{font-size:18px !important;}

#electronic-col, #beauty-col 
{margin-top: 70px;
width: 92%;}

.order-b
{max-width: 100vw !important;
margin-top:0px;
padding:0px;}

.order-bx
{height:330px;
 min-width: 160px;}
 
.order-bx2
{min-width:200px;}

.readimg
{max-width:200px;
max-height:200px;}
 
.attachment-240x300
{max-width:160px}

.order-bxn
{height:70px}

#latest-main
 {padding-top:30px}   
#latest-pr
{margin-top: 20px;
max-width: 94%;
padding-right:0px;
margin-left:0%;}

#latest-pr-main
{width: 95%;
max-height: 600px;}

#latest-pr-in
{flex-direction:column;
margin-bottom: 20px;}

#latest-prin
{padding:3px;
margin-top:10px;}

#latest-prin h4
{margin-top:15px;}

.divbr
{width:17%;
max-width:17%}

#reviews
{gap: 3%;}

.revcol
{max-width: 47%;
display:flex;
flex-direction: column;
align-items: center;}
    
#amzpop-1 , #amzpop-2 , #amzpop-3 ,#amzpop-4 ,#amzpop-5 ,#amzpop-6
{gap:3%}

#amzpop-main
{height:100%;
width:92%;}

.wp-block-cover__inner-container {
    height: 240px;}

#popsttl
{font-size:17px !important;
margin-top: 10px;}



::-webkit-scrollbar 
{width: 8px;
height:3px;
border-radius:3px;}

::-webkit-scrollbar:hover 
{width: 8px;
height:6px;
border-radius:3px;}

#latest-main , #back-g1
{animation: bgxa 280s linear 0s infinite ;
-webkit-animation: bgxa 300s linear 0s infinite ;}


@keyframes bgxa {
  0%   {background-position: 0% 0%;}
 100%   {background-position: 100% 0%;}
}

}