
<style>


.bannercls
{
width:100%;
}
.container
{
padding-top:40px;
padding-bottom:40px;
}
.anchor_cls
{
color:#fff;
}
.anchor_cls:hover
{
color:#f7470a;
text-decoration:none;
}

h1.ser-head {
    text-align: center;
    font-weight: 600;
}
h2.ser-head {
    text-align: center;
    font-weight: 600;
}
hr.abt {
    border: 2px solid #f7470a;
    margin-top: 0px;
    width: 7%;
}
hr.abt1{
    border: 2px solid #f7470a;
    margin-top: 0px;
    width: 10%;
}
.ser-cnt {
    text-align: justify;
    line-height: 2.0;
    font-size: 17px;
    list-style-type: none;
}
.redcls {
    color: #f7470a;
    font-weight: 600;
}

.ser-cls1 {
    background-image: url("images/images (12).webp");
    background-position: center;
    background-size: cover;
}
.abtcls1 {
    text-align: justify;
    line-height: 1.9;
    font-size: 17px;
    list-style-type: none;
}
img.arrcls {
    height: 20px;
}
.ser 
{
    background: #f7470a45;
}
span.captioncls1 
{
color:#fff;    
}
p.captioncls
{
       font-size: 50px;
    color: #fff;
    font-weight: 600;

}
.bancls
{
    background-image: url(images/sms-banner.webp);
    background-position: center;
    background-size: cover;
    padding-top: 285px;
    padding-bottom: 195px;
    color:#fff;
}
.ul_none {
    list-style-type: disc;
}
.anchor_cls1
{
color:#fff;
}
.anchor_cls1:hover
{
color:#f7470a;
text-decoration:none;
}
.designdivcls {
    text-align: justify;
    padding: 10px;

}
p.designheadcls {
    font-size: 19px;
    font-weight: 600;
}

p.featuresubcls {
    text-align: justify;
    padding: 0px 25px 25px 31px;
}
p.featurecls {
    font-size: 21px;
    color: #633990;
    font-weight: 600;
}
h2.feaheadcls {
    text-align: center;
    font-weight: 600;

}

.feacls {
    background-image: url(images/bg.webp);
    background-color: #f4e2e3;
    padding-bottom: 40px;
    padding-top: 40px;
}
div.fapad
{
padding-top:20px;
}
.slidecls {
    text-align: justify;
    background-image: linear-gradient(to right, #f74701 , #2e0df7b0);
    color: #fff;
}
.carousel-control.left {
    background: none;
}
.carousel-control.right {
    background: none;
}
p.slideheadcls {
    font-size: 23px;
 font-weight: 600;
  text-align: center;
}
h2.abtcls {
    text-align: center;
    font-weight: 600;
}	
.readycls {
    background-image: linear-gradient(to right, #f74701 , #2e0df7b0);
    color:#fff;
    padding-bottom: 50px;
    padding-top: 50px;
}
p.readycls1 {
        font-size: 50px;
    font-weight: 600;
    color: #63398f;
    text-align: center;
}
p.readysubcls {
    color: #1d1d1d9c;
    font-size: 25px;
    font-weight: 100;
    text-align: center;
}
h4.readycls2 {
    font-size: 41px;
}
p.readysubcls1 {
    font-size: 23px;
    font-weight: 600;
    color: #ffffff7a;
}

p.readysubcls2 {
    font-size: 21px;
    color: #ffffffc7;
}
h3.abtcls {
    text-align: center;
    font-weight: 600;
    font-size: 31px;
}
p.featuresubcls1 {
    font-size: 15px;
    text-align: center;
}
.designcls {
    background-image: url(images/bg.webp);
    background-color:#f4e2e3;
}
img.imgcls {
    width: 100%;
}

.joincls {
    background-image: url(images/bg.webp);
    background-color: #f4e2e3;
    padding-top: 50px;
    padding-bottom: 50px;
}

p.captioncls1 {
    font-size: 31px;
}
img.imgbancls {
    background-image: linear-gradient(to right, #f74701 , #2e0df7b0);
    border-radius: 50%;
    padding: 13px;
}
a.aa {
    color: #f7470a;
    background-color: #f7470a52;
}
img.abtimg {
    width: 100%;
}
.dropbtn {
    background-color: #f8f8f8;
    color: #f44808;
}
i.fa.fa-caret-down {
    color: #f54703;
    font-size: 14px;
}
.btn.btn-danger1 {
    background-color: #f74701;
    color: #fff;
    font-size: 17px;
    padding: 10px 15px;
    font-weight: 600;
}
.btn.btn-danger1:hover {
    background-color: #facc18;
    color: #061840;
    font-size: 17px;
    padding: 10px 15px;
    font-weight: 600;
}
p.joincls1 {
    padding-top: 20px;
    text-align: center;
}
.col-sm-4:hover {
    border: 1px solid #df4d3469;
    padding-top: 20px;
    background-color: #ffffff70;
}

@media only screen and  (min-width: 700px)  and (max-width: 1024px) 
{
.col-sm-3 {
    width: 50%;
}
p.captioncls {
    font-size: 31px;
}
p.captioncls1 {
    font-size: 19px;
}
.bancls {
    padding-top: 200px;
    padding-bottom: 100px;

} 
}





@media only screen and (max-width: 480px) 
{
p.captioncls {
    font-size: 28px;
    color: #fff;
    font-weight: 600;
}
p.captioncls {
    font-size: 23px;
}
p.captioncls1 {
    font-size: 14px;
}
.bancls {
    padding-top: 160px;
    padding-bottom: 55px;

} 

}

</style>
