
.col1
{
color:#d5cf3f;


}

.col2
{
color:#000;
text-align: center;
font-weight: 600px;
font-size:32px;

}

.f1
{
font-size: 14px;
}

.f1
{
font-size: 12px;
}

.f3
{
font-size: 12px;
font-weight:700;
}

.fs1
{
line-height:26px;
text-align: justify;
}

.rcorners1 {
border-radius:30 25px;


width: 200px;
height: 150px;
}

.img-bdr{

border-radius: 20px;
box-shadow: 0 0 10px #ccc;


}


.bgback
{

background-color: #fff;
padding: 1.25rem;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
border: 1px solid #d5cf3f;
border-left-width: 5px;
border-radius: 0.25rem;
border-top-color: #e9ecef;
border-right-color: #e9ecef;
border-bottom-color: #e9ecef;

}

.btn5 {
background: #000;
-moz-user-select: none;
text-transform: capitalize;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: 500;

line-height: 0;
margin-bottom: 0;
padding: 27px 44px;
border-radius: 0px;
margin: 10px;
cursor: pointer;
transition: color 0.4s linear;
position: relative;
z-index: 1;
border: 0;
overflow: hidden;
margin: 0;
text-decoration:none;

}


.btn5:hover {
background: #d5cf3f;
text-decoration:none;
color: #000;


}

.fadeIn-bottom {
top: 80%;
}

.fadeIn-top{
top: 20%;
}

.fadeIn-left{
left: 20%;
}

.fadeIn-right{
left: 80%;
}

.img-bdr{
border-radius:30px;
border:1px #ccc solid;
padding:10px;;
}

.video-bg
{
width:100%;
height: 450px;
}




.btn5 { 
position: relative;  overflow:hidden; text-transform: uppercase; border-radius: 2px; border: none;

box-shadow: 0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12); outline: none;
background-color: #bcb503;
color: #000;

}

.btn5:hover
{ 
position: relative;  overflow:hidden; text-transform: uppercase; border-radius: 2px; border: none;

box-shadow: 0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12); outline: none;


}


.fab{
border-radius: 50%;
margin:0;
padding: 20px;
}



@keyframes btn-animation {
from {
transform: scale(1);
opacity: 0.4;
}
to {
transform: scale(100);
opacity: 0;
}
}
@-webkit-keyframes btn-animation {
from {
transform: scale(1);
opacity: 0.4;
}
to {
transform: scale(100);
opacity: 0;
}
}

.img-bottom
{
margin-bottom: 10px;
}

.learn
{
color: #06b7fa;font-weight: 600;font-size: 17px;
}

.img-size
{
border-radius: 10px;width: 100%; height:53%;
}

@media (min-width: 320px) and (max-width: 768px)
{ 
.img-size
{
border-radius: 10px;width: 100%; height:70%;
}


.footer-link
{
width: 100%;
}





}




.d-sample
{
width:100px;
margin-left: auto;
margin-right: auto;
}

.indexp1
{
text-decoration:none;
text-align: justify;
}


.onbg-box
{
margin:0 auto;
text-align:center;
display:grid;
font-weight:600;
background-color:#bcc81c;
padding:30px 0px 20px 0px;
margin:0 auto;
font-size:22px;


}





.onbg1
{
width:100px;
height:100px;
background-color:#333;
color:#fff;
border-radius:50%;
padding-top:32px;
margin:auto;
text-align:center;
box-shadow:0 0 20px #333;
}


.why-bg1
{
width:100%;
height: auto;
}

.why-bg1 .line
{
width:90%;
min-height:100px;
border: 3px #6D3F9D solid;
padding:0px 20px 0px 20px;
margin: 0 auto;
border-radius: 5px;
color: #6D3F9D;
margin-top: 10px;
margin-bottom:20px;
}


.why-bg1 .line :is(h6:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="h6"]))
{
font-weight:600;;
font-size:18px;
color: #6D3F9D;
padding-left: 40px;
}

.why-bg1 .line :is(p:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="p"]))
{
padding-left: 40px;

}



.why-bg1-mg
{
position: absolute;
left:20px;
bottom:30px;
}



/*----star2--------- */
.why-bg2
{
width:100%;
height: auto;
}



.why-bg2 .line
{
width:90%;
min-height:100px;
border: 3px #CE458A solid;
padding:0px 20px 0px 20px;
margin: 0 auto;
border-radius: 5px;
color: #CE458A;
margin-top: 10px;
margin-bottom:20px;
}


.why-bg2 .line :is(h6:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="h6"]))
{
font-weight:600;;
font-size:18px;
color: #CE458A;
padding-right: 40px;
text-align: right;
}


.why-bg2 .line :is(p:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="p"]))
{
padding-right: 40px;
text-align: right;

}


.why-bg2-mg
{
position: absolute;
right:20px;
bottom:35px;
}

/*----end2--------- */




/*----star3--------- */
.why-bg3
{
width:100%;
height: auto;
}



.why-bg3 .line
{
width:90%;
min-height:100px;
border:3px #0076B1 solid;
padding:0px 20px 0px 20px;
margin: 0 auto;
border-radius: 5px;
color: #0076B1;
margin-top: 10px;
margin-bottom:20px;
}


.why-bg3 .line :is(h6:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="h6"]))
{
font-weight:600;;
font-size:18px;
color: #0076B1;
padding-left: 40px;
text-align: left;
}


.why-bg3 .line :is(p:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="p"]))
{
padding-left: 40px;
text-align:left;
color: #0076B1;

}


.why-bg3-mg
{
position: absolute;
left:20px;
bottom:30px;
}

/*----end3--------- */





/*----star4--------- */
.why-bg4
{
width:100%;
height: auto;
}



.why-bg4 .line
{
width:90%;
min-height:100px;
border: 3px #FE4C79 solid;
padding:0px 20px 0px 20px;
margin: 0 auto;
border-radius: 5px;
color: #FE4C79;
margin-top: 10px;
margin-bottom:20px;
}


.why-bg4 .line :is(h6:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="h6"]))
{
font-weight:600;;
font-size:18px;
color: #FE4C79;
padding-right: 40px;
text-align: right;
}


.why-bg4 .line :is(p:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="p"]))
{
padding-right: 40px;
text-align: right;

}


.why-bg4-mg
{
position: absolute;
right:20px;
bottom:30px;
}

/*----end4--------- */



/*----star5--------- */
.why-bg5
{
width:100%;
height: auto;
}



.why-bg5 .line
{
width:90%;
min-height:100px;
border:3px #00A7BA solid;
padding:0px 20px 0px 20px;
margin: 0 auto;
border-radius: 5px;
color: #00A7BA;
margin-top: 10px;
margin-bottom:20px;
}


.why-bg5 .line :is(h6:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="h6"]))
{
font-weight:600;;
font-size:18px;
color: #00A7BA;
padding-left: 30px;
text-align: left;
}


.why-bg5 .line :is(p:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="p"]))
{
padding-left: 30px;
text-align:left;
color: #00A7BA;

}


.why-bg5-mg
{
position: absolute;
left:20px;
bottom:50px;
}

/*----end5--------- */




/*----star6--------- */
.why-bg6
{
width:100%;
height: auto;
}



.why-bg6 .line
{
width:90%;
min-height:100px;
border: 3px #FF7246 solid;
padding:0px 20px 0px 20px;
margin: 0 auto;
border-radius: 5px;
color: #FF7246;
margin-top: 10px;
margin-bottom:20px;
}


.why-bg6 .line :is(h6:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="h6"]))
{
font-weight:600;;
font-size:18px;
color: #FF7246;
padding-right: 40px;
text-align: right;
}


.why-bg6 .line :is(p:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="p"]))
{
padding-right: 40px;
text-align: right;

}


.why-bg6-mg
{
position: absolute;
right:20px;
bottom:30px;
}

/*----end6--------- */



/*----star7--------- */
.why-bg7
{
width:100%;
height: auto;
}



.why-bg7 .line
{
width:90%;
min-height:100px;
border:3px #00B87C solid;
padding:0px 20px 0px 20px;
margin: 0 auto;
border-radius: 5px;
color: #00B87C;
margin-top: 10px;
margin-bottom:20px;
}


.why-bg7 .line :is(h6:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="h6"]))
{
font-weight:600;;
font-size:18px;
color: #00B87C;
padding-left: 40px;
text-align: left;
}


.why-bg7 .line :is(p:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="p"]))
{
padding-left: 40px;
text-align:left;
color: #00B87C;

}


.why-bg7-mg
{
position: absolute;
left:20px;
bottom:32px;
}

/*----end7--------- */



/*----star8--------- */
.why-bg8
{
width:100%;
height: auto;
}



.why-bg8 .line
{
width:90%;
min-height:100px;
border: 3px #FF9D33 solid;
padding:0px 20px 0px 20px;
margin: 0 auto;
border-radius: 5px;
color: #FF9D33;
margin-top: 10px;
margin-bottom:20px;
}


.why-bg8 .line :is(h6:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="h6"]))
{
font-weight:600;;
font-size:18px;
color: #FF9D33;
padding-right: 40px;
text-align: right;
}


.why-bg8 .line :is(p:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="p"]))
{
padding-right: 40px;
text-align: right;

}


.why-bg8-mg
{
position: absolute;
right:20px;
bottom:30px;
}

/*----end8--------- */




/*----star9--------- */
.why-bg9
{
width:100%;
height: auto;
}



.why-bg9 .line
{
width:90%;
min-height:100px;
border:3px #51CC4B solid;
padding:0px 20px 0px 20px;
margin: 0 auto;
border-radius: 5px;
color: #51CC4B;
margin-top: 10px;
margin-bottom:20px;
}


.why-bg9 .line :is(h6:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="h6"]))
{
font-weight:600;;
font-size:18px;
color: #51CC4B;
padding-left: 40px;
text-align: left;
}


.why-bg9 .line :is(p:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="p"]))
{
padding-left: 40px;
text-align:left;
color: #51CC4B;

}


.why-bg9-mg
{
position: absolute;
left:20px;
bottom:32px;
}

/*----end9--------- */




/*----star8--------- */
.why-bg10
{
width:100%;
height: auto;
}



.why-bg10 .line
{
width:90%;
min-height:100px;
border: 3px #DEB73A solid;
padding:0px 20px 0px 20px;
margin: 0 auto;
border-radius: 5px;
color: #DEB73A;
margin-top: 10px;
margin-bottom:20px;
}


.why-bg10 .line :is(h6:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="h6"]))
{
font-weight:600;;
font-size:18px;
color: #DEB73A;
padding-right: 40px;
text-align: right;
}


.why-bg10 .line :is(p:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="p"]))
{
padding-right: 40px;
text-align: right;

}


.why-bg10-mg
{
position: absolute;
right:20px;
bottom:35px;
}

/*----end8--------- */








@media only screen and (min-width: 320px) and (max-width:768px) {

.why-main
{
position:relative;
width:80%;
}


.why-bg1-mg
{
position: absolute;
left:20px;
top:-10px;
width:16%;
}

.why-bg2-mg
{
position: absolute;
left:20px;
top:-10px;
width:16%;
}

.why-bg3-mg
{
position: absolute;
left:20px;
top:-10px;
width:16%;
}


.why-bg4-mg
{
position: absolute;
left:20px;
top:-10px;
width:16%;
}

.why-bg5-mg
{
position: absolute;
left:20px;
top:-10px;
width:16%;
}


.why-bg6-mg
{
position: absolute;
left:20px;
top:-10px;
width:16%;
}


.why-bg7-mg
{
position: absolute;
left:20px;
top:-10px;
width:16%;
}


.why-bg8-mg
{
position: absolute;
left:20px;
top:-10px;
width:16%;
}

.why-bg9-mg
{
position: absolute;
left:20px;
top:-10px;
width:16%;
}



.why-bg10-mg
{
position: absolute;
left:20px;
top:-10px;
width:16%;
}


}



.branch-bg {

color: #000; font-weight: 700; 
padding-right: 10px; padding-left: 10px; 
background: #d4cf53; border-radius: 5px; font-size: 24px;
min-height: 40px;
margin-bottom:10px;

}


.dq-text
{
text-align: center; color:#d4cf53; font-weight: 700; font-size: 40px;
}


.why-text
{
text-align: center; color:#d4cf53; font-weight: 700; font-size: 31px;
}

.ind-text
{
text-align: center; margin-top: 15px; color: #d4cf53; font-weight: 600;
padding-bottom: 10px;
}

.testimonial-text
{
color: #d4cf53;text-align: center;
}

.inst-text
{
font-size:20px; font-weight:bold;  color:#d4cf53; text-align: center;
}

.iframe1
{

height:0;
width:0;
display:none;
visibility:hidden;
}


.fcif
{
height: 1px;
width:1px;
display: none;
}

.dq-achive
{
color: #d5cf3f; text-align: center; font-weight: 700; margin-top:20px;
}

.achive-img
{
width:100%; height:auto;
}

.gallerys1
{
/* margin-top:80px; margin-bottom:30px; */
}

.pp1
{

font-style: normal;
/* font-weight: lighter; */
font-size: 16px;
color:#fff;
text-align:justify;
margin-bottom: 1em;
font-family: system-ui !important;
line-height: 28px;
font-weight:400;
padding-top: 10px;
}

.dqplan-img
{
border-radius: 10px;width: 100%;
}

.explore-btn
{
margin-bottom: -2px; color: #000;
}

.pp2
{
line-height:30px; font-size:16px;
}

.pp3
{
margin-bottom: -2px; color: #000;
}

.mobile1
{
padding: 0px 0px 10px 0px;
}

.mobile-text2
{
padding-top:0px; margin-left:15px; margin-right:28px; 
}

.news-header
{
color: #000; font-weight: 700; background: #d5cf3f; border-radius: 10px; 
font-size: 24px;text-align: center;padding: 10px; width: 240px; margin-left: 15px;
text-align: center; justify-content: center; align-items: center;
}

.enquiry-img
{
width: 33%;
}

.enquiry-img2
{
height: 100px; width: 100px;
}

.enquiry-text
{
width: 60%;
}

.enquiry-text2
{
margin-top: 40px;
}



.learning
{
color: #000; font-weight: 700; background: #d5cf3f; border-radius: 10px; 
font-size:20px;text-align: center;padding: 10px;
margin-top: 10px;
}

.learning-text
{
text-decoration: none;
}

.Previous 
{
display: inline-block;
}

.slick-list
{
height: 224px;
}

.Instagram-text
{
font-size:20px; font-weight:bold;
}

.col1
{
color: #ccc;
}

.col1:hover
{
color: #ccc;
}


.popup-btn
{
background-color: #000;  border-radius: 5px;
color: #fff;
}

.popup-bg
{
background-color: #d5cf3f;padding: 8px;border-radius: 10px; padding:20px;
}


.popup-main
{
display: none;
}

.copyright-text
{
color:#fff! important;text-align: center;
}

.copyright-text2
{
color:#fff! important;text-align: center;float: left;
}

.youtube-text
{
width:24px; height:27px;margin-left: -6px;
}

.sos1
{
width:24px; height:24px;border-radius: 10px;margin-left: -6px;
}

.sos2
{
width:26px; height:26px;margin-left: -6px;

}

.sos4
{
width:24px; height:24px;

}

.sos5
{
text-align: center

}



.get-app
{
color: #fff;
}

.goole-map
{

width:100%;
height: 400px;
border: 0;

}

.facebook-if
{
width: 340px;
height: 400px;
}

.facebook-if2
{
vertical-align: bottom;
width:330px;
height:400;
}

.facebook-if3
{
padding-top:0px; padding-left:16px;
}


.facebook-if4
{
border: none; visibility: visible; width: 330px; height: 400px;
}

.facebook-if5
{
position: absolute; top: -10000px; width: 0px; height: 0px;
}

.ppt1
{
padding:15px;
}

.bg11
{
background-color: rgb(238, 238, 238);

}

.testimonial1
{
width: 14%; height: 57%;border-radius: 100%;
}

.pp3{

text-align: center;

}

.dq-img1
{
width: 100%;padding: 12px;
}

.dq-img2
{
width: 100%;
}

.des1
{
display: inline-block;
}

.des2
{
width: 336px;
}

.slidesk
{
opacity: 1; width: 8400px; transform: translate3d(-3360px, 0px, 0px);
}

.lh1
{
height: 224px;
}



.show1

{

display: inline-block;

}

.ff1
{
font-size: 1 rem;
}

.img-res1 {
display: block;
max-width: 60%;
height: auto;
margin: 0 auto; /* Centers the image horizontally */
}

.head1
{
text-align:left; margin-top: 15px; margin-bottom: 30px; color: #333; font-weight: 700;
font-size: 32px;

}


.custom-gap .col {
margin-right: 20px; 
}

.head2
{
font-size: 25px;
font-weight: 700;
color:#d4cf53;

margin-bottom: 1em;
}

.head22
{

font-weight: 700;
color:#d4cf53;

margin-bottom: 1em;
}

.head11
{
font-size: 28px;
font-weight: 400;
color:#000;

margin-bottom: 1em;
}


.head3
{
font-size:22px;
font-weight:700;
color:#333;


}

.homeSection22
{
padding:20px 30px 20px 30px;
background: #FBFBFB;
border: 1px #ccc solid;
border-radius:10px;
}



.menu {

font-family: Arial, sans-serif; /* Specify your preferred font */
}

.menu ul {
list-style-type: none;
padding: 0;
}

.menu ul li {
margin-bottom: 10px; /* Adjust spacing between menu items */
padding-left:20px;

}

.menu ul li a {
display: block;
text-decoration: none;
color: #333; /* Adjust text color */
padding: 3px 10px;
position: relative; /* Needed for absolute positioning of arrows */

font-family: system-ui;
font-size: 16px;
}

.menu ul li a .arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);

/* Adjust arrow position based on its direction */
}



.menu ul li a .arrow.left {
left: -10px; /* Position arrow on the left */
}

/* Optional: Hover styles */
.menu ul li a:hover {
background-color: #f0f0f0; /* Adjust background color on hover */
}



.marquee-text-wrapper
{
max-width: 280px;
padding:20px 10px 0px 10px;
}

.img-rds
{
border-radius:30px;
}


.mtt1
{
margin-top: 50px;
}

.register-btn
{
background-color: #d4cf53;
font-size:16px;
font-weight: 600;
color: #000;
margin-top: 10px;
margin-bottom: 20px;
}


.register-btn:hover
{
background-color: #000;
font-size:16px;
font-weight: 600;
color: #fff;
margin-top: 10px;
margin-bottom: 20px;
}




.footer-new
{
background-color:#9AA72E;
padding-top: 10px;
padding-bottom: 10px;
}

.fc1
{
color: #fff;
}
.home-topbg
{
background: linear-gradient(135deg,  #585757, #272727);
border: 1px #e9ebdb solid;
border-radius: 20px;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 0 2px 5px rgba(0, 0, 0, 0.3);
padding:30px 40px 30px 40px;
border-left: 5px #d0cb48 solid;
border-right: 5px #d0cb48 solid;
height: 325px;

}

.dq-text-2
{
color:  #d5cf3f; font-weight: 700;

}

.course-item :is(h2:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="h2"]))
{
font-size: 24px;
margin-top: 10px;
}

.button1
{
background: linear-gradient(to bottom, #000000, #333333);
border: 1px #000 solid;
color: #fff;
min-height: 30px;
line-height: 30px;
border-radius: 20px;
box-shadow: 0 0 10px #ccc;
margin-top: 10px;
margin-bottom: 20px;
text-align: center;
max-width: 350px;
justify-content: center;
margin: 0 auto;
font-weight: 600;
}


.img-rds-ind
{
border-radius:15px;
margin-top:20px;
}

@media (max-width: 767px) {


.button1
{
font-size: 14px;
}



.whymt1
{
padding-top:25px;
}

.sliddown
{
margin-left: 10px;
}

.news-header {
color: #000;
font-weight: 700;
background: #d5cf3f;
border-radius: 10px;
font-size: 24px;
text-align: center;
padding: 10px;
/* width: 330px; */
margin-left: 0px;
text-align: center;
margin-top: 10PX;
justify-content: center;
}

.dq-text-2
{
color:  #d5cf3f; font-weight: 600; font-size: 24px;
}
.home-topbg
{
background: linear-gradient(135deg, #494949, #585757);
border: 1px #e9ebdb00 solid;
border-radius: 20px;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 0 2px 5px rgba(0, 0, 0, 0.3);
padding:30px 20px 30px 20px;
margin-top: 60px;
}


.why-bg2 .line :is(h6:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="h6"]))
{
font-weight:600;;
font-size:18px;
color: #CE458A;
padding-left: 30px;
text-align: left;
}


.why-bg2 .line :is(p:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="p"]))
{
padding-left: 30px;
text-align: left;

}


.why-bg4 .line :is(h6:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="h6"]))
{
font-weight:600;;
font-size:18px;
color: #FE4C79;
padding-left: 30px;
text-align: left;
}


.why-bg4 .line :is(p:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="p"]))
{
padding-left: 30px;
text-align:left;

}


.why-bg6 .line :is(h6:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="h6"]))
{
font-weight:600;;
font-size:18px;
color: #FF7246;
padding-left: 30px;
text-align: left;
}


.why-bg6 .line :is(p:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="p"]))
{
padding-left: 30px;
text-align: left;

}


.why-bg8 .line :is(h6:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="h6"]))
{
font-weight:600;;
font-size:18px;
color: #FF9D33;
padding-left: 30px;
text-align: left;
}


.why-bg8 .line :is(p:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="p"]))
{
padding-left: 30px;
text-align: left;

}


.why-bg10 .line :is(h6:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="h6"]))
{
font-weight:600;;
font-size:18px;
color: #DEB73A;
padding-left: 30px;
text-align: left;
}


.why-bg10 .line :is(p:not(:where([data-dq-original-heading])),:where([data-dq-original-heading="p"]))
{
padding-left:30px;
text-align: left;

}

}


.fb-text
{
font-size: 25px;
font-weight: 600;
color: #bcc81c;
letter-spacing: 1px;
margin-bottom: 1em;
margin-bottom: 10px;
}

@media (min-width: 769px) {
.hide-on-desktop {
display: none;
}
}


.vertical-menu {
list-style-type: none; /* Remove default bullets */
padding: 0; /* Remove padding */
margin-top: 20px;
margin-bottom: 20px;
border-radius: 5px; /* Rounded corners */

}

.vertical-menu li {
position: relative; /* Position relative to allow absolute positioning of the arrow */
padding: 5px 30px; /* Space for the arrow and padding */
margin: 0px 0; /* Space between menu items */
color: #888;
line-height:24px;
transition: background 0.3s; /* Smooth background transition */
font-size:16px;
font-weight:400;
text-align: justify;
}


.vertical-menu li::before {
content: '➔'; /* Arrow symbol */
position: absolute; /* Position the arrow */
left: 0px; /* Align to the left with some spacing */
color: #bcc81c; /* Arrow color */
font-size: 14px; /* Adjust size as needed */
}

.heighlight

{
border-bottom: 1px #bcc81c solid;

}

.heighlight a

{

color: #333;
}

.latter1
{
font-style: italic;
}