

<style>
.bancls
{
width:100%;
}
.container
{
padding-top:40px;
padding-bottom:40px;
}
.btn-danger2 {
    background-color: #f7470a;
    color: #fff;
    font-size: 17px;
    padding: 10px 15px;
    font-weight: 600;
}
p.joincls1 {
    text-align: center;
}
p.abtcls {
    font-size: 17px;
    text-align: justify;
}
a.aa {
    color: #f7470a;
        background-color: #fccec2;
   
}
.bancls{
    background-position: center;
    background-image: url(images/webbanner1.webp);
    background-size: cover;
    padding-top: 270px;
    padding-bottom: 200px;
   width:100%;
}
.readycls {
    background-color: #061840;
    color: #fff;
    font-size: 37px;
    font-weight: 600;
    padding-top: 50px;
    padding-bottom: 50px;

}
span.readysubcls {
    color: #f74701;
}
p.readycls1 {
    font: 500 26px 'Raleway', sans-serif;
}

.designdivcls {
    text-align: justify;
    background-image: linear-gradient(to right, #f74701 , #2e0df7b0);
    padding: 30px;
    color: #fff;
}
p.designheadcls {
    color: #fff;
    font-size: 25px;
    text-align: center;
    font-weight: 600;
}
.professionalcls {
    padding-top: 40px;
    padding-bottom: 40px;
    background-image: url("images/images (12).webp");
    background-position: center;
    background-size: cover;
    text-align:center;
}

.designcls {
    background-image: url(images/bg.webp);
    background-color: #f4e2e3;
}
p#rouncls1 {
    font-size: 19px;
    color: #333;
    font-weight: 600;
}
span.rouncls2 {
    font-size: 15px;
    color: #333;
    font-weight: 100;
}
hr.abt {
    border: 2px solid #f74701;
    margin-top: 0px;
    width: 11%;
}


.procls1 {
    background-position: center;
    background-image: url(images/probg1.webp);
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
    border: 1px solid #f74701;
}
.procls1:hover {
    transform: scale(1.1);
    background-image: linear-gradient(to right, #f74701 , #2e0df7cc);
    
}
.procls2 {
    background-position: center;
    background-image: url(images/probg2.webp);
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
    border: 1px solid #f74701;
}
.procls2:hover {
    transform: scale(1.1);
    background-image: linear-gradient(to right, #f74701 , #2e0df7cc); 
}
.procls3 {
    background-position: center;
    background-image: url(images/probg3.webp);
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
    border: 1px solid #f74701;
}
.procls3:hover {
    transform: scale(1.1);
    background-image: linear-gradient(to right, #f74701 , #2e0df7cc); 
}
.procls4 {
    background-position: center;
    background-image: url(images/probg4.webp);
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
    border: 1px solid #f74701;
}
.procls4:hover {
    transform: scale(1.1);
    background-image: linear-gradient(to right, #f74701 , #2e0df7cc); 
}
.procls5 {
    background-position: center;
    background-image: url(images/probg5.webp);
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
    border: 1px solid #f74701;
}
.procls5:hover {
    transform: scale(1.1);
    background-image: linear-gradient(to right, #f74701 , #2e0df7cc); 
}
.procls6 {
    background-position: center;
    background-image: url(images/probg6.webp);
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
    border: 1px solid #f74701;
}
.procls6:hover {
    transform: scale(1.1);
    background-image: linear-gradient(to right, #f74701 , #2e0df7cc); 
}

p.roundcls1 {
    font-size: 23px;
    font-weight: 600;
    text-align: center;
    color: #633991;
}
span.rouncls2 {
    font-size: 15px;
    color: #959094;
    padding: 10px 20px 10px 20px;
}
p.rouncls3 {
    font-size: 17px;
    color: #fff;
    text-align: center;
    padding: 21px 20px 21px 20px;
}
h3.abtcls {
    text-align: center;
    font-weight: 600;
        font-size: 35px;
    color: #061840;
    
}
p.banheadcls {
    color: #f7470a;
    font-size: 37px;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
p.banparacls {
    font-size: 23px;
    font-weight: 100;
    color: #1e1c6580;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    padding-top: 15px;
}
img.achieveimgcls {
    width: 100%;
    border-radius: 50%;
    box-shadow: 1px 2px 2px 3px #39abe247;
}

.designdivcls:hover {
    text-align: justify;
    background-image: linear-gradient(to right, #616af9 , #f7470a);
    padding: 30px;
    color: #fff;
}
.webcls {
    background-position: center;
    background-image: url(images/strategy.webp);
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
}
p.procls {
    font-size: 17px;
    text-align: center;
}
.procls1:hover {
    transform: scale(1.1);
    background-image: linear-gradient(to right, #f74701 , #2e0df7cc);
}
p.joincls {
    padding-top: 15px;
}
p.readycls3 {
    font-size: 27px;
    font-weight: 100;
    color: #f7470a;
}
span.readysubcls5 {
    font-size: 45px;
}
 h1 {
    font-size: 36px;
    text-align: center;
    color: #061840;
    font-weight: 600;
}
p.webpcls {
    font-size: 19px;
}
ul {
    text-align: justify;
    line-height: 2.5;
    font-size: 17px;
    list-style-type: none;
}
img.arrcls {
    height: 25px;
}
.prowebcls {
    background-color: #faf6fb;
}
img.usimg {
    padding-top: 20px;
}
p.uscls {
    font-weight: 700;
    margin-bottom: 8px;
    font-size: 20px;
    margin-top: 9px;
    color: #633990;
    font-family: "Playfair Display";
}
p.uscls1 {

    padding-right: 40px;
    line-height: 1.4;
    color: #525164;
    font-family: "Playfair Display";
}
div#whyus {
   padding-top: 40px;
    background-image: url(images/bg.webp);
    background-color: #f4e2e3;
    padding-bottom: 40px;
}
.abtbg {
    background-image: url(images/bg.webp);
    background-color: #f4e2e3;
    
}
.websitecls {
    background-image: url(images/bg.webp);
    background-color: #f4e2e3;
}

p.readywebcls {
    text-align: center;
    color: #f7470a;
    font-size: 50px;
}
p.readywebsubcls {
    font-size: 28px;
    text-align: center;
    color: #fff;
font-weight: 100;
}

.btn-danger1 {
    background-color: #facc18;
    color: #061840;
    font-size: 17px;
    padding: 10px 15px;
    font-weight: 600;
}
.btn-danger1:hover {
      color: #fff;
    text-decoration: none;
    background-color:#f7470a ;
}
.dropbtn {
    background-color: #f8f8f8;
    color: #f74701;
    
}
i.fa.fa-caret-down {
    color: #f7470a;
    
}
img.imgcls {
    width: 100%;
}
.dropdown-content a {
    padding: 5px 12px;
    font-size: 15px;
}
.dropbtn {
    padding: 8px;
}
ul.ul_none {
    font-size: 15px;
    line-height: 2.1;
    list-style-type: disc;
}
@media only screen and (max-width: 480px)
{
.bancls {
    padding-top: 147px;
    padding-bottom: 55px;
}
p.banheadcls {
    color: #f7470a;
    font-size: 15px;
}
p.banparacls {
    font-size: 11px;
    margin-top: -18px;
}
ul {
    line-height: 1.7;
        text-align: left;
}
h1 {
    font-size: 24px;
}
img.achieveimgcls {
    width: 75%;
}
span.readysubcls5 {
    font-size: 27px;
}
.container
{
padding-top:20px;
padding-bottom:20px;
}
h3.abtcls {
    font-size: 27px;
}
p.readywebcls {
    font-size: 33px;
}
}

@media only screen and (max-width: 1023px) and (min-width: 481px)
{
.bancls {
    padding-top: 200px;
    padding-bottom: 120px;
}
p.banheadcls {
    font-size: 25px;
}
p.banparacls {
    font-size: 17px;
}

}

@media only screen and (max-width: 950px) and (min-width: 760px)
{
.col-sm-3.aos-init{
    width: 39%;
}
.col-sm-2 {
    width: 0%;
}
img.usimg {
    padding-top: 20px;
    margin-left: -17px !important;
}
img.achieveimgcls {
    width: 80%;
}
}





