.about {
    background-color: var(--color-surface);
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 5% 0;
}
.ab-box{
    width: 75%;
    margin: 0 auto;
}
.abb-top{
    width: 100%;
    height: auto;
    display: inline-block;
}
.abbt-left{
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    color: var(--color-text-primary);
    margin-bottom: 1rem;
    line-height: 1.2;
    font-size: 23px;
}
.abb-right{}
.abb-bottom{
    width: 100%;
    height: auto;
    display: inline-block;
}
.abbbt-left{
    width: 42%;
    float: left;
    margin-top: 0%;
}
.abbbt-left h1{color: #091c39;font-size: 27px;letter-spacing: 0px;margin-bottom: 5px;margin-top: -9px;}
.abbbt-left h1 i{

    color: #0772ec;

    font-style: normal;
}
.abbbt-left p{
    color: #3d4667;
    font-size: 14px;
    line-height: 29px;
    padding: 2% 0;
}
.abbbt-right{
    width: 55%;
    float: right;
}
.abbbt-right img{
    width: 100%;
}
.abbbt-left ul{
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 10px;
}
.abbbt-left li{
    width: 100%;
    height: auto;
    display: inline-block;
    margin-bottom: 4%;
}
.abbbb-left{
    width: 60px;
    background: #dfedfe;
    border-radius: 50%;
    display: inline-block;
    height: 60px;
}
.abbbt-left li img{
    width: 70%;
    height: auto;
    display: block;
    line-height: 60px;
    text-align: center;
    margin: 0 auto;
    margin-top: 9px;
}
.abbbb-right{
    width: 85%;
    float: right;
}
.abbbb-right h1{
    color: #091c39;
    font-size: 18px;
    letter-spacing: 0px;
    margin-bottom: -8px;
    margin-top: 2px;
}
.abbbb-right p{
    color: #3d4667;
    font-size: 15px;
    line-height: 28px;
}
.mores a{
    color: #fff;
    background: #0056ee;
    padding: 13px 35px;
    margin-top: 1%;
    display: inline-block;
    border-radius: 10px;
}
.service-icon img{
    width: 37%;
    text-align: center;
    margin: 0 auto;
    display: block;
}
.abouts{
    width: 100%;
    height: auto;
    display: inline-block;
    margin-bottom: 6%;
}
.abs-left{
    width: 45%;
    float: left;
}
.abs-left img{
    width: 100%;
}
.abs-right{
    width: 52%;
    float: right;
}
.abb-tops{}
.abbt-lefts{
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    color: var(--color-text-primary);
    margin-bottom: 1rem;
    line-height: 1.2;
    font-size: 23px;
}
.abs-right h1{
    color: #091c39;
    font-size: 28px;
    letter-spacing: 0px;
    margin-bottom: 5px;
    margin-top: -9px;
}
.abs-right h1 i{
    color: #0772ec;
    font-style: normal;
}
.abs-right p{
    color: #3d4667;
    font-size: 15px;
    line-height: 30px;
}
.abs-right ul{
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 10px;
}
.abs-right li{
    width: 48%;
    height: auto;
    display: inline-block;
    margin-bottom: 4%;
    float: left;
    background: #fff;
    margin-right: 2%;
    padding: 3% 2%;
    border-radius: 15px;
    box-shadow: var(--box-shadow);
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.abbbb-lefts{width: 60px;background: #dfedfe;border-radius: 50%;display: inline-block;height: 60px;}
.abbbb-lefts img{
    width: 70%;
    height: auto;
    display: block;
    line-height: 60px;
    text-align: center;
    margin: 0 auto;
    margin-top: 9px;
}
.abbbb-rights{
    width: 73%;
    float: right;
}
.abbbb-rights h1{
    color: #091c39;
    font-size: 18px;
    letter-spacing: 0px;
    margin-bottom: -1px;
}
.abbbb-rights p{
    color: #3d4667;
    font-size: 15px;
    line-height: 22px;
}
@media screen and (max-width: 1024px) and (min-width: 0px) {
    .abbbt-left {
    width: 100%;
    float: left;
}
.main{
    padding-top: 5% !important;
}
.abbbt-left h1 {
    color: #091c39;
    font-size: 24px;
    letter-spacing: 0px;
    margin-bottom: 5px;
    margin-top: -9px;
}
.abbbt-left p {
    color: #3d4667;
    font-size: 15px;
    line-height: 27px;
}
.abbbb-left {
    width: 55px;
    background: #dfedfe;
    border-radius: 50%;
    display: inline-block;
    height: 55px;
}
.abbbb-right {
    width: 76%;
    float: right;
}
.abbbb-right h1 {
    color: #091c39;
    font-size: 16px;
    letter-spacing: 0px;
    margin-bottom: -1px;
}
.abbbb-right p {
    color: #3d4667;
    font-size: 14px;
    line-height: 21px;
}
.abbbt-left li {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-bottom: 8%;
}
.abbbt-right {
    width: 55%;
    float: right;
    display: none;
}
.abs-left {
    width: 100%;
    float: left;
}
.abs-right {
    width: 100%;
    float: right;
    margin-top: 6%;
}

.abs-right h1 {
    color: #091c39;
    font-size: 23px;
    letter-spacing: 0px;
    margin-bottom: 5px;
    margin-top: -9px;
}
.abs-right p {
    color: #3d4667;
    font-size: 15px;
    line-height: 27px;
}
.abs-right li {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-bottom: 4%;
    float: left;
    background: #fff;
    margin-right: 2%;
    padding: 6% 2%;
    border-radius: 15px;
    box-shadow: var(--box-shadow);
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.heading-lg {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 1.5rem;
}


}