/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/
@-webkit-keyframes zoom2 {
    from {
        -webkit-transform: scale(1, 1);
    }

    to {
        -webkit-transform: scale(1.4, 1.4);
    }
}

@keyframes zoom2 {
    from {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    to {
        -webkit-transform: scale(1.4, 1.4);
        transform: scale(1.4, 1.4);
    }
}
@-webkit-keyframes rightanimation {
    from { transform: translateX(5px)}
    to { transform: translateX(15px)}
}

@keyframes rightanimation {
    from { transform: translateX(5px)}
    to { transform: translateX(15px)}
}

.card_about {
    width:100%;
    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);
  }
  .hsection1  .col-lg-3{
     padding-left:8px;
     padding-right: 8px;
 
  }
  .card__caption{
      width: 100%;
  }
  .card_about .card__caption{

  }
  .last_item_about img{ 
object-position: right;
  }
  .card_about:hover .card__caption {
    top: 50%;
    transform: translateY(-50%);


  }
  .card_about:hover .card__image {
    transform: translateY(-10px);
  }
  .card_about:hover .card__thumb::after {
    top: 0;
  }
  .card_about:hover .card__snippet {
    margin: 20px 0;
  }
  .card__thumb {
    position: relative;
    max-height: 400px;
    overflow: hidden;
  }
  .profile-body h4{
    font-size: 13px;
    margin-bottom: 11px;
    font-weight: bold;

  }
.readmore{
    display: none;
}
  @media (min-width: 1024px) {
    .card__thumb {
      max-height: 500px;
    }
  }
  .card__thumb::after {
    position: absolute;
    top: 0;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background:linear-gradient(0deg, rgb(24 54 103 / 90%) 40%, rgba(255, 255, 255, 0) 100%);
    transition: 0.3s;
  }
  
  @media (min-width: 1024px) {
    .card__thumb::after {
      top: calc(100% - 140px);
    }
  }
  .card__image {
    transition: 0.5s ease-in-out;
    width: 100%;
    height: 287px;
    object-fit: cover;
    object-position: center;
  }
  .card__caption {
    position: absolute;
    top: 50%;
    z-index: 1;
    padding: 0 5px;
    color: white;
    transform: translateY(-50%);
    text-align: center;
    transition: 0.3s;
  }
  @media (min-width: 1024px) {
    .card__caption {
        top: calc(100% - 48px);
      transform: unset;
    }
  }
  .card__title {
    display: -webkit-box;
    max-height: 85px;
    overflow: hidden;
    font-size: 20px;
    line-height: 28px;
    text-shadow: 0px 1px 5px black;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-weight:bold;
  }
  .card__snippet {
    display: -webkit-box;
    max-height: 150px;
    margin: 20px 0;
    font-size: 16px;
    line-height: 20px;
    text-overflow: ellipsis;
    transition: 0.5s ease-in-out;
    -webkit-box-orient: vertical;

    margin: 20px 0px;
    font-size: 14px;
    line-height: 1.7em;
  }
  .card__snippet span{
    color: rgb(255 65 63);
    display: block;
    margin-top: 4px;
    font-weight: bold;
    font-size: 14px;
  }
  @media (min-width: 1024px) {
    .card__snippet {
      margin: 60px 0;
    }
  }
  .card__button {
    display: inline-block;
    padding: 10px 20px;
    color: white;
    border: 1px solid white;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.3s;
  }
  .card__button:hover {
    color: black;
    background-color: white;
  }
  
  .disclaimer {
    position: fixed;
    bottom: 0;
    left: 50%;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 10px;
    background-color: white;
    transform: translateX(-50%);
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    text-align: center;
  }
  .disclaimer__link {
    color: #755D87;
    text-decoration: none;
  }
/*menu*/
.collapsemenu #menu_btns{
    display: none;
    }
    .collapsemenu #close{
        display: block;
        }
        .collapslis{
            display: none;
        }
        #close{
            display: none;
        }
#main_menu{
    float: right;
    margin-right: 25px;
    font-size: 20px;
    margin-top: -23px;
    margin-left: 0px;
    position: relative;
    z-index: 9999;
    color: white;
    cursor: pointer;
}

.display_togg{
    display: none;
}

/*end of menu*/
/*animation*/
@-webkit-keyframes zoom {
    from {
        background-image: -webkit-linear-gradient(to left, #e32220a8, #e32220b5, #001e689e, #001e689c, #001e68b3);
        background-image: linear-gradient(to left, #e32220a8, #e32220b5, #001e689e, #001e689c, #001e68b3);
    }

    to {
        background-image: -webkit-linear-gradient(to left, #001e689e, #001e689c, #001e68b3 , #e32220a8, #e32220b5);
        background-image: linear-gradient(to left, #001e689e, #001e689c, #001e68b3 , #e32220a8, #e32220b5);
    }
}

@keyframes zoom {
    from {
        background-image: -webkit-linear-gradient(to left, #e32220a8, #e32220b5, #001e689e, #001e689c, #001e68b3);
        background-image: linear-gradient(to left, #e32220a8, #e32220b5, #001e689e, #001e689c, #001e68b3);
    }

    to {
        background-image: -webkit-linear-gradient(to left, #001e689e, #001e689c, #001e68b3 , #e32220a8, #e32220b5);
        background-image: linear-gradient(to left, #001e689e, #001e689c, #001e68b3 , #e32220a8, #e32220b5);
    }
}

/*end of animation */
/*home page section1*/
.padding_b{
    padding-bottom: 15px;
}
.su_title{
    font-weight: bold;
    color: #e32220;
    padding-left: 0px;
    margin-bottom: 40px;
}



.hsection1{
    padding-left: 60px;
    padding-right: 60px;
    position: relative;
    padding-bottom: 40px;
    border-bottom: 20px solid #e22725;
    
    }

    .hs {
        background-color: white;
        color: #e32220;
        -webkit-box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 10%);
                box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 10%);
        margin-bottom: 20px;
        min-height: 380px;
border-bottom:2px solid #e22725 ;
    
    }
    .hs_content {
        padding-left: 14px;
        padding-right:14px;
        text-align: center;
    }
    .hs h4{
        color:  #e32220;
        font-weight: bold;
        font-size: 18px;
        text-align: center;
    }
    .hs p{
        font-size: 14px;
        line-height: 1.6em;
        color: #212529;
    }
    .hs p span{
        color:#183667 ;
        display: block;
        margin-top: 4px;
        font-weight: bold;
        font-size: 15px;
    }
    .hs img{
        width: 100%;
        height:180px;
        object-fit: cover;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .pargh{
        padding: 26px;
        padding-bottom: 0px;
        margin-bottom: 30px;
        padding-left: 5px;
    }
    .parg p{
        font-size: 17px;
        line-height: 1.6em;
        color: #212529;
        margin-bottom: 0px;
    }
    .pargh h2{
        font-weight: bold;
        margin-bottom: 10px;
        color: #e22725;
        font-size: 33px;
    }
    .pargh p{
        font-size: 17px;
    line-height: 1.8em;
    color: #212529;

    }
    .pargh ul li{
        line-height: 1.9em;
        font-size: 17px;
        color: #3b3b3b;;
    }
 
    /*end of home page section1*/
    /*vision & mission*/
    
    .misvis{
        margin-top: 20px;
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 40px;
    position: relative;
    z-index: 1;
    padding-bottom: 30px;
    }
    .misvis::before{
        position: absolute;
        background-image: url(../imgs/dots3.png);
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    right:-450px ;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    }
    .misvis::after{
        position: absolute;
        background-image: url(../imgs/dots3.png);
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    left:-450px ;
    top: 0px;
    width: 100%;
    height: 100%;
    
    }
    .misvis img{
        margin-bottom: 20px;
        width: 100px;
    }
    .mi_row{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: left;
        height: 100%;
        margin-left: 50px;
    }
    .misvis p{
        font-size: 17px;
        line-height: 1.6em;
        color: #212529;
    
    }
    .misvis h3{
        color:  #e32220;
        font-weight: bold;
        font-size: spx;
    }
    .misvis .col-lg-4{
        padding-left: 0px;
        padding-right: 0px;
    } 
    .misvis .mi1{
        padding-right: 40px;
    }
    .misvis .mi2{
    }
    /*end of vision & mission*/
    
    /*reach*/
    .reach{
        padding-bottom: 50px;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 50px;
    }
    .profile-card .profile-body .author-img img.zoom{
        transform: scale(1.4);
    }
    .col-md-7.col-8.middle {
        margin-left: -11px;
    }
    .reach .re img{
    width:100px;
    height: 100px;
    margin-bottom: 15px;
    margin-top: 15px;
    }
    .reach .re h4{
        font-size: 16px;
        font-weight: bold;
    }
    .reach .re h5{
        font-size: 14px;
        font-weight: bold;
    }
    .reach .logos{
        width: 100%;
    }
    .reach .vi{
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 30px;
    }
    .reach .vi img{
        width: 80%;
        vertical-align: middle;
    }
    .reach .rea_row{
        text-align: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding-left: 85px;
        padding-right: 85px;
    }
    .reach .vi_row{
        text-align: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .row.tech_row {
        width: 100%;
    }
    /*end of reach*/
    /*strength*/
/*timeline*/
.timeline_sec{
    position: relative;
}
#news-slider .post-content h6 {
    color: #e32220;
}
.strength_photo img{
    width: 100%;
    height:450px;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-filter: grayscale(0.2);
            filter: grayscale(0.2);
    object-fit: cover;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    

} 
.lastcard span{
    font-size: 27px;
}

.strength_text{
    padding: 50px;
    padding-left: 10px;
    padding-bottom: 0px;
    padding-top: 10px;
}
.strength_text h4{
    color: white;
    font-size: 22px;
    font-weight: bold;
    margin-bottom:35px;
}
.strength_text h3{
color: white;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 33px;
}
.strength_text p{
    font-size: 17px;
    line-height: 1.6em;
    color: white;
    margin-bottom: 25px;
    margin-top: 20px;
    text-align: justify;
}
.key_title{
    font-weight: bold;
    margin-bottom:25px;
    color: white;
    font-size: 33px;
}
/*cards*/
.scene {
    width: 100%;
    height: 300px;
    margin: 0;
    -webkit-perspective: 600px;
    perspective: 600px;
}

.card_item {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
border: 0px;
}

.card_item.is-flipped {
    -ms-transform: translateX(-100%) rotateY(-180deg);
    -moz-transform: translateX(-100%) rotateY(-180deg);
    -o-transform: translateX(-100%) rotateY(-180deg);
    -webkit-transform: translateX(-100%) rotateY(-180deg);
    transform: translateX(-100%) rotateY(-180deg);
}

.card__face {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: middle;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 22px;
    padding-left: 10px;
    padding-right: 10px;

}
.our_strength .fin_numbers {
    padding-left: 7px;
    padding-right: 7px;
}
.card__face--front {
background-color: #f8f8f8;
border-top: 3px dashed #e22725;
    border-bottom: 3px dashed #e22725;
}

.redcolor .card__face--back {
    background: #e22725;
    transform: rotateY(
180deg);
    color: white;
    padding: 20px;
    border: 2px dashed white;
    overflow-y: auto;
}
.redcolor .card__face--back::-webkit-scrollbar {
    width: 10px;
    height: 15px;
}

.redcolor .card__face--back::-webkit-scrollbar-track-piece {
    background-color: white;
}

.redcolor .card__face--back::-webkit-scrollbar-thumb:vertical {
    height: 15px;
    background-color:rgb(226 39 37 / 50%);
}

.bluecolor .card__face--back {
    background: #2b3d6e;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    color: white;
    padding: 20px;
}

.redcolor .card__face--back {
    background: #D51C29;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    color: white;
    padding: 20px;
}

.bluecolor .card__face--back {
    background: #2b3d6e;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    color: white;
    padding: 20px;
}

.card__face--back h3 {
    margin-top: 4px;
    text-align: left;

}

.card__face--back {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;

}

.card__face.card__face--back ul {

    padding-left: 11px;
}

.card__face.card__face--back ul li {
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
    line-height: 1.9em;
    font-weight: normal;

}

/*end card2*/
.center_num{
 
}
.our_strength .fin_numbers{


}
.fin_numbers img{
width:33%;
margin-bottom: 20px;
margin-bottom: 30px;
}

.strength_text h1{
    color: #e32220;
    font-weight: bold;
    font-size: 30px;
}

.strength_text ul {
}
.strength_text ul li{
    line-height: 1.8em;
    font-size: 17px;
}
.fin_numbers h5.card_title{
    font-size: 18px;
    margin-bottom: 20px;
    color: #e22725;
}
.strength_text ul li img{
    width: 40px;
    height: 40px;
    margin-right: 5px;
}
.strength_text ul li span{
    display: block;
}
.redcolor .card__face--back p{
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    line-height: 1.6em;
 
}
.redcolor h6{
    font-size: 17px;
    margin-top: 10px;
}
.redcolor .card__face--back .f_size{
}
.all_numbers{
}
.fin_numbers h5 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6em;
    color: #3b3b3b;

}
.strength_text ul li{
    font-size: 15px;
    color: #3b3b3b;
}
.fin_numbers h4 {
    font-weight: bold;
    font-size:14px;
    line-height: 1.5em;
    margin-bottom: 14px;
    color: #183667;
}
.tech_row .col-6{
    padding-left: 8px;
    padding-right: 8px;
}
.our_strength{
    position: relative;
    box-shadow: 0px 20px 40px -12px rgb(0 0 0 / 8%);
    padding-bottom: 80px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 5px;
    padding-top: 40px;
    background-image: url(../imgs/cloud-computing-banner-background-smart-city.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
    padding-left: 60px;
    padding-right: 60px;
}
.our_strength::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
background-color: #183667;
z-index: -1;
}
.our_strength .row_st{
    height: 100%;
}
.center_num{
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
          padding-left: 15px;
          padding-right: 15px;
}
.our_strength .twologos img{
    width: 75%;
    margin-bottom: 40px;
}
.twologos {
    margin-right: 40px;
    margin-top: 80px;
}

    /*strength*/
    /*counter*/
    .counter{
        height:400px;
        padding: 100px;
        background-image: url(../imgs/group-people-working-out-business-plan-office.jpg);
        background-attachment: fixed;
        background-size: cover;
        position: relative;
        z-index: 1;
        background-position: center;
    
    }
    .counter_row{
        height: 100%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .counter:before{
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        background-color: rgb(17 51 103 / 78%);
        z-index: -1;
        width: 100%;
        height: 100%;
    }
    .parg h2{
        font-weight: bold;
        margin-bottom: 20px;
        color: #183667;
        font-size: 37px;
    }
    .parg h3{


        font-weight: bold;
        margin-bottom: 10px;
        color: #183667;
        font-size: 33px;
    }
    .scale{
        -webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
                transform: scale(1.2);
    }
    /*end of counter*/
    /*Government*/
    .Government{
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 20px;
        position: relative;
        z-index: 1;
        box-shadow: 0px 20px 40px -12px rgb(0 0 0 / 8%);
    }
    .gov_photos.p_10 img {
        padding: 16px;
    }
    
    .Government .malaya {
        position: absolute;
        top: 0px;
        right: 0px;


    }
    section.social_gov.malaya_row{
   
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        z-index: 1;
        padding-bottom: 45px;
    }
    
    section.social_gov.malaya_row::before {
        background-image: url(../imgs/cloud-computing-banner-background-smart-city.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        content: "";
        position: absolute;
        width: 100%;

        left: 0px;
        top: 0px;
        background-color: #f6f6f6;
        opacity: 0.3;
        z-index: -1;
        
    }
    .social_gov {

    }
    section#KeyReferences{
        background-color: #183667;
        position: relative;
        z-index: 1;
        

    }
    section#KeyReferences:before
    {
        content: "";
        position: absolute;
        width: 48%;
        height: 100%;
        right: -2%;
        top: -4px;
        background-image: url(../imgs/dots3.png);
        background-position: right top;
        background-size: contain;
        z-index: -1;
        opacity: 0.4;
    

    }
    .aak1{
        background-color: white;
        padding: 30px;
        /* padding-left: 70px; */
        /* padding-right: 70px; */
        color: white;
        padding-bottom: 130px;
     
        background-attachment: fixed;
        border-radius: 80px;
        position: relative;
        margin-top: 25px;
        margin-left: -1%;
        margin-right: -1%;
        padding-top: 13px;
        z-index: 555;
        box-shadow: 0px 47px 40px -12px rgb(0 0 0 / 20%);
        padding-left: 10px;
        padding-right: 10px;
    }
    .gov_one p{
        text-align: center;
    }
    .aak{   padding: 30px;
   
    background-color: #183667;
    margin-left: 4%;
    margin-right: 4%;
    margin-top: -117px;
    box-shadow: 0px 20px 40px -12px rgb(0 0 0 / 20%);
    position: relative;
    z-index: 888;
    border-radius: 70px;
    padding-bottom: 47px;


  
    margin-left: 20%;
    margin-right: 20%;
    }
    .Government::before{
        content: "";
        position: absolute;
        width: 28%;
        height: 39%;
        right: 0px;
        top: 0px;
        background-image: url(../imgs/dots3.png);
        background-repeat: no-repeat;
        background-position: top right;
        background-size: cover;
        opacity: 0.4;
        z-index: -1;
    }
    .Government .fin_numbers {
        /* margin-left: 100px; */
        /* margin-right: 100px; */
        /* background-color: #e32220; */
        /* color: white; */
        padding: 12px;
    }
    .gov_photos{
        text-align: center;
    }

    .gov_photos img{
        width:100%;
        height: 100px;
        margin-bottom: 20px;
        -o-object-fit: contain;
           object-fit: contain;
        -o-object-position: left;
           object-position: left;
    }
    .gov_col{
        padding-top: 33px;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 30px;
    }
    .gov_col h3{
        color: white;
        font-weight: bold;
        font-size: 22px;
        line-height: 1.6em;
    }
    .gov_right_side h3{
        font-size: 27px;
        font-weight: bold;
        color: #183667;
    }
    .gov_inner p{
    }
    .gov_col p{
    }
    .gov_one h2{
        margin-bottom: 20px;
    }
 
    .gov_one h2 {
        font-size: 27px;
        font-weight: bold;
        color: #183667;
    }
    .gov_one p{
        font-size: 16px;
        line-height: 1.6em;
        color: #212529;
        padding-left: 0px;
        padding-right: 0px;
    }
    .aak p{
        color: white;
    }
    .gov_num{
        height: 100%;
        padding: 20px;
        padding-top: 5px;
  text-align: center;
  
    }
    .gov_one h6{ 
        font-size: 15px;
        line-height: 1.6em;
        color: #212529;
    }
    .key_row p{
        text-align: center;
    }
    .gov_one .gov_num h3{

        margin-top: 0px;
        line-height: 1.7em;
        font-weight: bold;
        font-size: 25px;
        margin-bottom: 5px;
        color: #e22725;
    }
    .three_logos{
        margin-bottom: 20px;
    }
    .gov_one .gov_num h6{
        line-height: 1.6em;
        color: #221122;
    }
    .numbers_sec{
        padding: 30px;
        padding-left: 70px;
        padding-right: 70px;
        background-color: #183667;
        margin-left: 4%;
        margin-right: 4%;
        margin-top: -80px;
        box-shadow: 0px 20px 40px -12px rgb(0 0 0 / 20%);
        position: relative;
        z-index: 888;
        border-radius: 70px;
        padding-bottom: 0px;
    }
    .fin_numbers.numberes_row {
        position: absolute;
        /* margin-left: 6%; */
        /* margin-right: 40%; */
        padding-left: 122px;
        padding-right: 100px;
    }
    .gov_num {
        height: 100%;
        padding: 20px;
        
    }
    
    .malaya_img img{
        width: 100%;
    }
    .img_out {
  
        margin: 0 auto;
   
    }

    .gov_inner{
     
    
    }
    .gov_photos .p_6{
        padding: 14px;
    }
    .collections img{
        width: 40%;
        min-height: unset;
        margin-bottom: 10px;
    }
    /*
    .collection_group{
        margin-left: 10px;
        margin-right: 10px;
    }
    .payments_group{
        margin-left: 10px;
        margin-right: 10px;
    }
    .collection_group .col-md-4{
        padding-left: 0px;
        padding-right: 0px;
    }
    .payments .col-md-4{
        padding-left: 0px;
        padding-right: 0px;  
    }*/
    .collections h2{
  text-align: center;
        color: #183667;
        font-weight: bold;
        font-size: 22px;
    }
    .collect1{
        text-align: center;
        padding: 20px;
        border:1px solid #ccc;
        margin-bottom: 20px;
        position: relative;
        z-index: 1;
border-top:2px dashed #183667;
padding-left: 7px;
padding-right: 7px;
background-color:#183667;
border-radius: 10px;
        
    }
    .collect1:before{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top:0px;
        right: 0px;
        background-image: url(../imgs/dots3.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right;
        opacity: 0.4;
        z-index: -1;

    }
    .collect1 h5{
        font-size: 15px;
        color: white;
        line-height: 1.6;
        font-weight: bold;
        margin-bottom: 0px;
    }
 
    .collections.payments   .collect1 h5{
color: white;
    }
    .collections.payments .collect1 {
        border-top: 2px dashed #e22725;
        background-color: #e22727;
    }
    .collections.payments .collect1{
        border-top:2px dashed #e22725;
    }
    .gov_photos img{
        width: 70%;
    }
    .payments img{
        width: 40%;
    }
    .col-lg-4.four_padding .col-md-4 {
        padding-left: 7px;
        padding-right: 7px;
    }
    .col-lg-3.three_padding .col-6 {
        padding-left: 7px;
        padding-right: 7px;
    }
    /*end of Government*/
    /*social gov*/
    .social_gov{
        padding-top: 50px;
        padding-left:70px;
        padding-right: 70px;
        padding-bottom: 0px;
        position: relative;
        background-color: #f8f8f8;
        padding-bottom: 53px;
    }
    .social_gov:before{
        content: "";
        position: absolute;
        right: 0px;
        top: 0px;
        background-position: top;
        background-size: contain;
        width: 41%;
        height: 100%;
        background-repeat: no-repeat;
        z-index: 1;

    }
    .social_gov:after{
        position: absolute;
        left: 0px;
        top: 0px;
        background-position: bottom;
        background-size: contain;
        width: 41%;
        height: 100%;
        background-repeat: no-repeat;
        z-index: -1;
    }
    .social_gov h3{
        color: #e32220;
        font-weight: bold;
        font-size: 20px;
        margin-top: 21px;
        line-height: 1.7em;
    }
    .so_num h3{
        font-size: 25px;
    }
    .former_num h3{
        font-size: 25px;
    }
    .masr_number h3{
        font-size: 25px;
        
    }
    .social_gov_inner p{
        line-height: 1.8em;
        color: rgb(33, 37, 41);
        font-size: 16px;
        margin-bottom: 0px;
    }
    .so_num h5{
        font-size: 14px;
        line-height: 1.7em;
        color: rgb(33, 37, 41);
    }
    .social_col{
        -webkit-box-shadow: -1.678px 2.487px 7.5px rgb(0 0 0 / 14%);
                box-shadow: -1.678px 2.487px 7.5px rgb(0 0 0 / 14%);
        background-color: #ffffff;
        border: 1px solid #dfdfdf;
        padding: 38px;
        margin-left: 18px;
    }
    .social_col ul {
        margin-top: 15px;
    }
    .social_col ul li{
        font-size: 15px;
    line-height: 1.9em;
    color: #212529;
   
    }
    .former_col{
        -webkit-box-shadow: -1.678px 2.487px 7.5px rgb(0 0 0 / 14%);
                box-shadow: -1.678px 2.487px 7.5px rgb(0 0 0 / 14%);
        background-color: #ffffff;
        border: 1px solid #dfdfdf;
        padding: 38px;
        margin-top:170px;
    }
    .former_col p{
        line-height: 1.8em;
        color: #212529;
        font-size: 16px;
        margin-bottom: 0px;
      
    }
    .former_col h5{
        font-size: 14px;
        line-height: 1.7em;
        color: #212529;
    }
    .former_col h2{
        color: #e32220;
        font-weight: bold;
        font-size: 20px;
        margin-top: 21px;
        margin-bottom: 20px;
    }
    
    .so_img img{
    width: 100%;
    
    
    }
    .so_img{
    position: relative;
    
    }
    .former_col  .so_img img{
        height: auto;
        -o-object-fit: cover;
           object-fit: cover;
        margin-top: -190px;
        }
    .so_img::before{
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: -1;
        width: 100%;
        height: 100%;
        background-image: url(../imgs/dots3.png);
    }
    .social_col{
        margin-top:285px;
    }
    .social_col .so_img {
        margin-top: -190px;
    }
    .social_all{
        padding: 30px;
        height: 100%;
    }
    .row_so{
        height: 100%;
    }
    .petrol_col {
       
            -webkit-box-shadow: -1.678px 2.487px 7.5px rgb(0 0 0 / 14%);
       
                    box-shadow: -1.678px 2.487px 7.5px rgb(0 0 0 / 14%);
            background-color: #ffffff;
            border: 1px solid #dfdfdf;
            padding: 38px;
            margin-top: 35%;
      
    }
    .petrol_col .petrol_img.so_img{
        margin-top: -180px;
    }
    .petrol_col h2{
        color: #e32220;
        font-weight: bold;
        font-size: 20px;
        margin-top: 21px;
        margin-bottom: 20px;
        line-height: 1.7em;
    }
    .icons_petrol img{
        width: 60%;
    }
    .deep_img img{
        width: 60%;
    }
    .icons_petrol h4{
        font-size: 14px;
        line-height: 1.7em;
        color: rgb(33, 37, 41);
    }
    .masr_col{
        -webkit-box-shadow: -1.678px 2.487px 7.5px rgb(0 0 0 / 14%);
                box-shadow: -1.678px 2.487px 7.5px rgb(0 0 0 / 14%);
        background-color: #ffffff;
        border: 1px solid #dfdfdf;
        padding: 38px;
        margin-top: 38%;
        margin-left: 15px;
    }
    .masr_col .masr_img img{
        width: 100%;
     
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: top;
           object-position: top;
    }
    .masr_col .masr_img{
        margin-top: -190px;
    }
    .masr_col h2{
        color: #e32220;
        font-weight: bold;
        font-size: 20px;
        margin-top: 21px;
        margin-bottom: 20px;
    }
    .masr_number h4{
        font-size: 14px;
        line-height: 1.7em;
        color: #212529;
    }
    .masr_col .list ul{
        margin-top: 20px;
    }
    .masr_col .list ul li{
        font-size: 15px;
        line-height: 1.9em;
        color: #212529;

    }
    .so_num {
    text-align: center;
}
.masr_number {
    text-align: center;
}
.former_num {
    text-align: center;
}
    .masr_col p{
        line-height: 1.8em;
        color: rgb(33, 37, 41);
        font-size: 16px;
        margin-bottom: 0px;
        
    }
    .deep_txt h4{
        font-size: 14px;
        line-height: 1.5em;
        color: #3b3b3b;
    }
    .petrol_pragh p{
        line-height: 1.8em;
        color: rgb(33, 37, 41);
        font-size: 16px;
        margin-bottom: 0px;
        margin-bottom: 20px;
  
    }
    /*end of social gov*/
    /*malaya_col*/
    .malaya_col{
        position: relative;
        z-index: 1;
        margin-top: 50px;
        
    }
    .malaya_col::before{

position: absolute;
width:40%;
height: 100%;
bottom: 0px;
right: 0px;
background-image: url(../imgs/dollar.png);
background-size: contain;
opacity: 0.1;
background-repeat: no-repeat;
background-position: bottom right;
z-index: -1;
    }
    .malaya img {
        position: absolute;
        top: -12%;
        left: 42%;
        width: 160px;
        top: 0%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .gov_one {
        margin-top: 5%;
    }
.malaya_col {
    box-shadow: -1.678px 2.487px 7.5px rgb(0 0 0 / 14%);
    background-color: rgb(255 255 255 / 60%);
    border: 1px solid #dfdfdf;
    padding: 38px;
    margin-bottom: 30px;
padding-bottom: 33px;
padding-left:55px;
padding-right: 55px;
margin-top:60px;
}
    /*end of malaya col*/
    /*services*/
    .ef_services{
        padding-left:80px;
        padding-right: 80px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: relative;
       display: -webkit-box;
        display: -ms-flexbox;
      display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;


                background-image: url(../imgs/pattern-gray-dot.svg);
                background-attachment: fixed;
                
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
    z-index: 1;
    padding-bottom: 35px;
    }
    .ef_services:before{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        background-color: white;
        opacity: 0.1;
        z-index: -1;
    }
    .overlay_text {
        width: 100%;
        height: 260px;
background-color: white;
padding: 20px;
position: relative;
display: flex;
align-items: center;
justify-content: center;

    }

    .overlay_text:before{
        position: absolute;
        width: 100%;
        height: 100%;
     
        background-size: contain;
        background-position:bottom right;
        height: 100%;
        content: "";
        background-repeat: no-repeat;
        opacity: 0.1;

    }
    .overlay_img{
        height: 100%;
        position: relative;
        text-align: center;
        padding: 0px;
     
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: white;

    }
    .border_left_top{
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
    }
    .border_bottom{
        border-bottom: 1px solid #ccc;
    }
    .border_top_right{
        border-right: 1px solid #ccc;
        border-top: 1px solid #ccc;
    }
    .ef_services .col-md-4{
        padding-right: 0px;
        padding-left: 0px;
    }
    .ef_services::after{
        position: absolute;
        background-image: url(../imgs/dots3.png);
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    left:-450px ;
    top: 0px;
    width: 100%;
    height: 100%;
    }
    .ef_ser1 {
        position: relative;
        color: white;
       
        padding:0px;
    }
    .col-12.serv_row {
        background-color: #183667;
        border-radius: 20px;
    }
    .ef_ser1 img{
        width: 100%;
        -webkit-transition:all 0.5s ease-in-out;
        -o-transition:all 0.5s ease-in-out;
        transition:all 0.5s ease-in-out;
        height:260px;
        object-fit: cover;
    
    }
    .ef_ser1 h3{
        font-size: 22px;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .ef_ser1 ul li{
        font-size: 15px;
        line-height: 1.9em;
    }
    .one_ser{
        position: relative;

    }
 
    .two_ser{
        position: relative;

    }


    .overlay_img:before{
        position: absolute;
        left: 0px;
        top: 0px;
        background-color: rgb(0 30 104 / 85%);
        width: 100%;
        height: 100%;
        z-index: 1;
    
    }
 
    .ef_services .ser_text{
     
        
    }
    .ef_services .ser_text h3{
    
            font-size: 22px;
            margin-bottom: 10px;
            color:#e22725;
            font-weight: bold;
        
    }
    .ef_services .ser_text ul li{
        font-size: 16px;
        line-height: 1.9em;
        color: black;
    }
    .ef_services h1{
        font-weight: bold;
        margin-bottom: 10px;
        color: #e22725;
        font-size: 33px;
    }
    .ser-txt{
        font-size: 17px;
        line-height: 1.9em;
        color: #212529;
      
    }

    /*end of services*/
    /*contact withus*/
    .contact_with_us{

        border: 1px solid #ccc;
        margin-bottom: 0px;
        margin-top: 0px;
        margin-left: 100px;
        margin-right: 100px;
        margin-bottom: 42px;
        background-color: #183667;
    
    }
    .contact_img {
        height: 100%;
     
    }
    .contact_img iframe{
        width: 100%;
        height:100%;
    }
    .contact_img:before {
        position: absolute;
        background-image: url(../imgs/e.png);
        z-index: 5555;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        opacity:1;
    }
    .contact_img img{
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }
    .captcha{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .contact_with_us .form_contact{
        margin-left: 20px;
        margin-right: 20px;
    }
    .contact_with_us h2{
        font-weight: bold;
        color: white;
        padding-left: 0px;
        margin-bottom: 30px;
        font-size: 32px;

    }
    .contact_with_us ul{
        padding-left: 10px;
    }
    .contact_with_form ul li{
        font-size: 16px;
        list-style: none;
        margin-bottom: 20px;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        color: white;
    }
    .contact_with_us ul li img{
        width: 28px;
        height: 28px;
        margin-right: 18px;
    }
    /*end of contact with us*/
    /*customers*/
    .customers{
        position: relative;
        height: 370px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        z-index: 1;
    }
    .customers:before{
        content: "";
        position: absolute;
        background-image: url(../imgs/dots3.png);
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    right:-450px ;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    }
    .customers:after{
        content: "";
        position: absolute;
        background-image: url(../imgs/dots3.png);
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    left:-450px ;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.3;
    }
    .customers .owl-nav i.fa.fa-chevron-right {
        color: #c0d0e2;
        font-size: 49px;
        right: -5%;
        position: absolute;
        top: 40%;
    }
    
    .customers .owl-nav i.fa.fa-chevron-left {
        position: absolute;
    
        color: #c0d0e2;
        font-size: 49px;
        left: -5%;
        top: 40%;
    
    }
    
    .customers_owl .item{
        background-color: white;
        padding: 10px;
        margin-bottom: 0px;
        border-radius: 10px;
        min-height: 180px;

        max-height: 180px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        z-index: -1;
    }
    .customers_owl .owl-nav i.fa.fa-chevron-right{
        top:28%
    }
    .customers_owl .owl-nav i.fa.fa-chevron-left{
        top: 28%;
   
    }
    .customers h1{
        font-weight: bold;
        color: #e32220;
        padding-left: 0px;
        margin-bottom: 20px;

        font-size: 33px;
    }
    /*end of customeres*/
    
    /*partners*/
    .partners{
        margin-top: 0px;
    }
    .partners_owl .item{
        background-color: white;
        padding: 10px;
        margin-bottom: 30px;
        border-radius: 10px;
        min-height: 180px;
        max-height: 180px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .partners_owl .owl-nav i.fa.fa-chevron-right{
        top:28%
    }
    .partners_owl .owl-nav i.fa.fa-chevron-left{
        top: 28%;
    }
    .partners h1{
        font-weight: bold;
        color: #e32220;
        padding-left: 0px;
        margin-bottom: 20px;
    }
    
    /*end of partners*/
    /*our reach*/
.our_reach{

    padding-top: 0px;
    margin-bottom: 20px;
    margin-top: 25px;
    margin-bottom: 0px;
    box-shadow: 0px 20px 40px -12px rgb(0 0 0 / 8%);
    padding-bottom: 70px;
    padding-left: 50px;
    padding-right: 50px;
}
.hexa_part2 img{
    width: 100%;
    
}
.hexa_part2 {
    padding: 10px;
    border: 1px dashed #133568;
    margin-top: 17px;
    min-height: 166px;
}
.hexa_part2 h5{
    font-size: 14px;
    margin-bottom: 0px;
}
.row.row_bank {
}
.parg {
}
.vi_row img{
    width: 100%;
}
.vi_row{
    margin-top: 10px;
}
/*hexa shape*/

.hexa_shape{
    width: 100%;
    position: relative;
}
svg{width:100%;margin:0 auto;
    margin-top: 20px;
}
.hexa_shape .image_outline{
    position :absolute;
    top:55%;
    left:50%;
    transform:translate(-50%,-50%);
    font-size: 14px;
    text-align: center;
    line-height: 1.5em;
    font-weight: bold;

}
.hexa_shape h5{
    font-size: 12px;
    text-align: center;
    line-height: 1.3em;
    font-weight: bold;
    margin-top: 7px;
}
.hexa_shape img {
width:70%;
}
.zoom_in{
    transform: scale(1.3);
}
.image_ou {
    min-height: 60px;
    max-height: 60px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
  /*hexa shape*/
  .our_reach .col-md-2{
      width: 14%;
  }
    /*end of our reach*/
/*our reach2*/
.our_reach_new{
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 50px;
    padding-bottom: 50px;

    background-image: url(../imgs/NetworkreachBG.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    padding-bottom: 45px;

}

.our_reach_new:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgb(24 54 103 / 65%);
    opacity: 0.7;
    z-index: -1;
}
#news2 .post-slide {
    padding-left: 6px;
    padding-right: 6px;
}
.our_reach_new:before{
 
}
.reach_sec img{
    width: 100%;
}
.reach_sec {
    background-color: #e22725;
    color: white;
    padding: 20px;
    position: relative;

}
.reach_sec:before{
    position: absolute;
    width: 200px;
    height: 200px;
    background-image: url(../imgs/oval.png);
    background-repeat: no-repeat;
    left: -20px;
    z-index: -1;
}
.reach_sec h5{
    font-size: 16px;
}
.row.row_bank{
    margin-bottom: 10px;
}
.reach_sec h1{
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;

}




/*cards*/
.profile-card .profile-header {
    background-color: #183667;
    border-top-right-radius: 36px;
    border-top-left-radius: 36px;
}

:root{
  --light:#f1f1f1;
  --white:#fff;
  --dark:#000;
}

.profile-card img{
    width: 100%;
    height: auto;
}
.wrapper{
    width: 100%;
}
.profile-card{
    width: 100%;
    height: auto;
    text-align: center;
    margin: 20px auto;
 box-shadow:  0px 0px 18px #ccc;
    border-top-right-radius: 36px;
    border-top-left-radius: 36px;
    border-radius: 36px;
}
.profile-card .profile-header{
    height: 100px;
}
.profile-body h5{
    font-size: 15px;
    text-align: left;
    margin-bottom: 0px;
    color: #212529;
}
.profile-body h4{
    color: #212529;

}
.network_title{
    font-size: 22px;
    font-weight: bold;
    color: #183667;
    margin-top:15px;
    text-align: center;
    margin-bottom: 10px;
}
.profile-card .profile-body{
    background-color: var(--white);
    padding: 20px 24px 40px 20px;
    position: relative;
    padding-top: 46px;
    min-height: 165px;
    padding-bottom: 0px;
    border-radius: 36px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.our_reach_new h1{
    font-weight: bold;
    margin-bottom: 10px;
    color: white;
    font-size: 33px;
}
.our_reach_text h4{
    font-size: 22px;
    font-weight: bold;
    color: #e22725;
}
.our_reach_text p{
    font-size: 17px;
    line-height: 1.6em;
    margin-bottom: 25px;
    margin-top: 20px;
    color: #212529;
}
div#news2 {
    padding-left: 0px;
    padding-right: 0px;
}
section.our_reach_new .container {

}
.profile-card .profile-body .author-img{
    margin-top: -98px;
    margin-bottom: 20px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    padding: 21px;
    background-color: var(--white);
    border: 3px solid #183667;
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
}
.card_item h3{
    color: #e22725;
    font-weight: bold;
}
.ser_tech{
    position: relative;

}
.ser_tech::before{
    content: "";
    position: absolute;
    left: auto;
border-right: 3px dashed #e22725;
right: -2px;
bottom: 23%;
height: 60%;
}
.profile-card .profile-body .author-img img{
 width: 100%;
}

.profile-card .profile-body .name{
   font-size: 20px;
   font-weight: 600;
   text-transform: uppercase;

}
.profile-card .profile-body .intro{
   font-size: 14px;
   font-weight: 400;
   line-height: 1.6;
   margin: 20px  0px 30px  0px;

}
 .social-icon ul {
    list-style-type: none;
}
 .social-icon ul li {
    display: inline-block;
}
 .social-icon ul li a {
  margin-right: 5px;
  width: 35px;
  height: 35px;
  border:1px solid #ddd;
  display: block;
  border-radius: 50%;
  transition: all 0.5s ease-out;
 }
 .social-icon ul{
  margin:0;
   padding:0;
}
 .social-icon ul li a:hover {
  background-color: var(--dark);
  border:1px solid var(--dark);
 }
  .social-icon ul li a i{
   line-height: 35px;
   color:#666;
  }
  .social-icon ul li a i:hover,
    .social-icon ul li a:hover i{
 
   color:var(--white);
  }
  .profile-card.red  .profile-header{
    background-color: #e22725;
    }
    .profile-card.red .profile-body .author-img{
        border: 3px solid #e22725;
    }
    .sceh h5{
        text-align: center;
        font-size: 12px;
        margin-top: -6px;
    }
/*end of cards*8/

/*end of our reach*/
    /*news */
.news{
    margin-top: 30px;
    background-color: #f8f8f8;
    padding-top: 30px;
    margin-left: 0px;
    margin-right: 0px;

    padding: 30px;
    padding-left: 0px;
    padding-right: 0px;

}
section.news.news_articals {
    background-color: white;
    padding: 30px;
    padding-left: 70px;
    padding-right: 70px;
    color: white;
    padding-bottom: 30px;
    background-attachment: fixed;
    border-radius: 0px;
    position: relative;
    margin-top: 25px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 55px;
    z-index: 555;
    box-shadow: 0px 20px 40px -12px rgb(0 0 0 / 20%);
    padding-top: 30px;

    margin-top: 0px;
    background-color: #183667;
    padding-bottom: 0px;
}
section.news.news_vi{
    padding: 30px;
    padding-left: 70px;
    padding-right: 70px;
    background-color: #183667;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0px;
    box-shadow: 0px 20px 40px -12px rgb(0 0 0 / 20%);
    position: relative;
    z-index: 888;
    border-radius: 0px;
    padding-bottom: 0px;
    margin-top:0px;
padding-bottom: 35px;
padding-top: 0px;
}

.news h1{
    font-weight: bold;
    margin-bottom: 30px;
    color: white;
    font-size: 33px;
}
    /*end of news*/
    /*news2*/
/*news section*/
.news{
    margin-top: 30px;
}
#news2 .section_title {
    margin-bottom: 50px;
}

#news2 .news_txt {
    font-size: 17px;
    line-height: 1.6em;
    margin-bottom: 30px;
}

#news2 .owl-carousel .owl-item {
    border: 1px solid #e9e9ee;
    box-shadow: rgb(10 10 10 / 6%) 0px 0px 30px;
    padding: 0px;

}
.owl-carousel .owl-stage{
    margin: 0 auto;
}

#news2 .owl-nav i.fa.fa-chevron-right {
    color: #c0d0e2;
    font-size: 40px;
    right: -3%;
    position: absolute;
    top: 44%;
}
.news  iframe{
    width: 100%;
height: 250px;
}
#news2 .owl-nav i.fa.fa-chevron-left {
    position: absolute;

    color: #c0d0e2;
    font-size: 40px;
    left: -3%;
    top: 44%;

}

#news2 .post-slide {}

#news2 .post-slide .post-img {
    overflow: hidden;
    position: relative;
}

#news2 .post-slide .post-img img {
    width: 100%;
    height: auto;
    /* filter: grayscale(100%); */
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;

}

#news2 .post-slide:hover .post-img img {
 
}

#news2 .post-slide .post-content {
    padding: 15px 15px;
    position: relative;
    background: #fff;
    overflow-y: scroll;
    height: 180px;
}

#news2 .post-slide .post-date {
    min-width: 60px;
    min-height: 28px;
    line-height: 28px;
    text-align: center;
    background: #183667;

    position: absolute;
    bottom: 0px;
    left: 6px;
}

#news2 .post-slide .month {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding: 0 10px;
    background: #e22725;

    display: inline-block;
    text-transform: capitalize;
    padding: 4px;
    min-width: 115px;
}

#news2 .post-slide .date {
    color: #fff;
    font-size: 14px;
    padding: 23px;
}

#news2 .post-slide .post-title {
    margin: 5px 0;
}

#news2 .post-slide .post-title a {
    color: black;
    font-size: 17px;
   
    -webkit-transition: all 0.50s ease 0s;
    transition: all 0.50s ease 0s;
    text-decoration: none;
}

#news2 .post-slide .post-title a:hover {
    color: #333;
    text-decoration: none;
}

#news2 .post-slide .post-description {
    color: #768492;
    font-size: 16px;
    line-height: 1.6em;
}

#news2 .post-slide .post-bar {
    padding: 15px 0;
    list-style: none;
    text-align: center;
    background: #14bf9b;
}

#news2 .post-slide .post-bar li {
    display: inline-block;
    margin-right: 5px;
}

#news2 .post-slide .post-bar li a {
    text-transform: capitalize;
    font-size: 12px;
    color: #fff;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
}

#news2 .post-slide .post-bar li a:hover {
    text-decoration: none;
    color: #333;
}

#news2 .owl-carousel .owl-dots.disabled, #news .owl-carousel .owl-nav.disabled {
    display: block;
}
/*end of news section*/

/*news section*/
.news{
    margin-top: 30px;
}
#news3 .section_title {
    margin-bottom: 50px;
}

#news3 .news_txt {
    font-size: 17px;
    line-height: 1.6em;
    margin-bottom: 30px;
}

#news3 .owl-carousel .owl-item {
    border: 1px solid #e9e9ee;
    box-shadow: rgb(10 10 10 / 6%) 0px 0px 30px;
    padding: 0px;

}


#news3 .owl-nav i.fa.fa-chevron-right {
    color: #c0d0e2;
    font-size: 49px;
    right: -5%;
    position: absolute;
    top: 40%;
}
.news  iframe{
    width: 100%;
height:290px;
margin-top: 20px;
}
.news .videos{
    margin-left: 5px;
    margin-right: 5px;
}
#news3 .owl-nav i.fa.fa-chevron-left {
    position: absolute;

    color: #c0d0e2;
    font-size: 49px;
    left: -5%;
    top: 40%;

}

#news3 .post-slide {}

#news3 .post-slide .post-img {
    overflow: hidden;
    position: relative;
}

#news3 .post-slide .post-img img {
    width: 100%;
    height: auto;
    /* filter: grayscale(100%); */
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;

}

#news3 .post-slide:hover .post-img img {
 
}

#news3 .post-slide .post-content {
    padding: 15px 15px;
    position: relative;
    background: #fff;
    overflow-y: scroll;
    height: 180px;
}

#news3 .post-slide .post-date {
    min-width: 60px;
    min-height: 28px;
    line-height: 28px;
    text-align: center;
    background: #183667;

    position: absolute;
    bottom: 0px;
    left: 6px;
}

#news3 .post-slide .month {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding: 0 10px;
    background: #e22725;

    display: inline-block;
    text-transform: capitalize;
    padding: 4px;
    min-width: 115px;
}

#news3 .post-slide .date {
    color: #fff;
    font-size: 14px;
    padding: 23px;
}

#news3 .post-slide .post-title {
    margin: 5px 0;
}

#news3 .post-slide .post-title a {
    color: black;
    font-size: 17px;
   
    -webkit-transition: all 0.50s ease 0s;
    transition: all 0.50s ease 0s;
    text-decoration: none;
}

#news3 .post-slide .post-title a:hover {
    color: #333;
    text-decoration: none;
}

#news3 .post-slide .post-description {
    color: #768492;
    font-size: 16px;
    line-height: 1.6em;
}

#news3 .post-slide .post-bar {
    padding: 15px 0;
    list-style: none;
    text-align: center;
    background: #14bf9b;
}

#news3 .post-slide .post-bar li {
    display: inline-block;
    margin-right: 5px;
}

#news3 .post-slide .post-bar li a {
    text-transform: capitalize;
    font-size: 12px;
    color: #fff;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
}

#news3 .post-slide .post-bar li a:hover {
    text-decoration: none;
    color: #333;
}

#news3 .owl-carousel .owl-dots.disabled, #news3 .owl-carousel .owl-nav.disabled {
    display: block;
}
.owl-dots {
    display: none;
}
.vi_row{
    display: flex;
    align-items: center;
}
.vi_row img{
width: 80% !important;
}
/*end of news section*/
/*new services*/
.serv_box{
    background-color: #e22725;
    padding: 20px;
    color: white;
}
.serv_box img{
    width: 70%;
}
.serv_box h3{
    font-size: 23px;
    margin-bottom: 20px;
}
.serv_box ul li{
    font-size: 15px;
    line-height: 1.9em;
}
.left_image img{
    width: 100%;
    height: 285px;
    object-fit: cover;
}
.pay_ser h3{
font-size: 20px;
color: #e22725;
font-weight: bold;
}
.ser_row{
    padding: 23px;
    padding-bottom: 30px;

}
.pay_ser ul li{
    font-size: 15px;
    line-height: 1.9em;
    color: #212529;
}
/*end of new services*/
    /*end of news2*/
        @media (min-width: 1000px) and (max-width:1272px){
.card__title{
    font-weight:normal;
    font-size:16px;
}
  }
  @media(min-width:801px) and (max-width:900px){
    .social_col .so_img {
        margin-top: -145px;
    }
    .petrol_col .petrol_img.so_img {
        margin-top: -145px;
    }
    .masr_col .masr_img {
        margin-top: -145px;
    }
  }
    @media(max-width:1024px){
        .hsection1{
            padding-left: 20px;
            padding-right: 20px;
        }
        .our_strength{
            padding-left: 20px;
            padding-right: 20px;    
        }
        .social_gov{
            padding-left: 25px;
            padding-right: 25px;  
        }
        section.news.news_articals{
            padding-left: 20px;
            padding-right: 20px;    
        }
        section.news.news_vi{
            padding-left: 0px;
            padding-right: 0px;    
        }
        .customers_owl .item{
            min-height: 300px;
            max-height: 300px;
        }
        .customers{
            height: auto;
        }
        .customers h1{
            margin-top: 30px;
        }
        .ef_services{
            padding-left: 20px;
            padding-right: 20px;   
            padding-top: 0px;
        }
        section.social_gov.malaya_row{
   padding-left: 20px;
            padding-right: 20px;   
            padding-top: 30px;
        }
        .our_reach_new{
            padding-left: 20px;
            padding-right: 20px;         
        }
        #news2 .owl-nav i.fa.fa-chevron-left{
            left: -3%;
        }
        #news2 .owl-nav i.fa.fa-chevron-right{
            right: -3%;
        }
        .left_image img {
            margin-bottom: 23px;
    height: 235px;
    object-fit: cover;
        }
        .key_title{
            padding-top: 30px;
            margin-bottom: 30px;
        }
    }
    @media(min-width:1400px){

    }
    @media(max-width:1024px){
    
        .fin_numbers h4{
            font-size: 11px;
        }
        .gov_num{
            padding:10px
        }
    }
    @media  (max-width:1023px){
     
        .our_reach .col-md-2{
            width: 25%;
            margin-bottom: 40px;
        }
        
    }
    @media(max-width:992px){
        #main_menu{
display: none;
        }
        .display_togg{
            display: flex;
        }
    }
    @media (min-width:701px) and (max-width:800px){
        .fi_logo_footer.fi2 img {
            margin-top:0px;
            margin-left: -4px;
        }
     
        .profile-card .profile-body .author-img{
            width:90px;
            height: 90px;
        }
        .overlay_text{
            height: 215px;
        }
        .ef_ser1 img{
            height: 215px;
        }
        .ef_services .ser_text h3 {
            font-size: 18px;
        }
        .su_title{
            margin-top: 20px;
            margin-left: 20px;
        }
        .malaya img{
            width: 130px;
        }
        .scene{
            margin-bottom: 25px;
        }

        .hsection1 {
            padding-left: 20px;
            padding-right: 20px;
        }
        .pad {
            padding-right: 0px;
        }
        .hs h4{
            font-size: 17px;
        }
        .misvis{
            height: 317px;
        }
        .misvis p{
            font-size: 15px;
        }
        .strength_text{
            padding-top: 30px;
        }
        .strength_photo img{
            height: 300px;
        }
        .our_strength{
            height: auto;
            padding-bottom: 60px;
        }
        section.our_strength {
            padding-left: 12px;
            padding-right: 12px;
        }
        .twologos{
            display: none;
        }
        .Government .malaya img{
            width: 130px;
            height: 130px;
        }
        .our_reach_new {
            padding-left: 10px;
            padding-right: 10px;
        }
        div#news2 {
            padding-left: 20px;
            padding-right: 20px;
        }
        
        #news2 .owl-nav i.fa.fa-chevron-left{
            left: -1%;
        }        
        #news2 .owl-nav i.fa.fa-chevron-right{
            right: -1%;
        }
        section.news.news_articals{
            padding-left: 20px;
            padding-right: 20px;
        }
        section.news.news_vi{
            padding-left: 20px;
            padding-right: 20px;
        }
        .contactus_sec .middle3{
            display: block;
        }
        .social_gov{
            padding-left: 15px;
            padding-right: 15px;
        }
        .social_gov h3{
            font-size: 19px;

        }
        .petrol_col h2{
            font-size: 19px;
            
        }
        .masr_col h2{
            font-size: 19px;
            
        }
        .masr_number h4{
            font-size: 14px;
        }
        .former_col h2{
            font-size: 19px;
        }
        .former_col h5{
            font-size: 14px;
        }
        .so_num h5{
            font-size: 14px;
        }
        .petrol_col{
            margin-top: 43%;
        }
        .masr_col{
            margin-top: 56%;

        }
        .masr_col .masr_img img{
            height: 180px;
        }
        .social_col .so_img {
            margin-top: -146px;
        }
        .former_col .so_img img{
            margin-top: -155px;
        }
        .social_gov{
            padding-top: 0px;
        }
        .petrol_col .petrol_img.so_img {
            margin-top: -140px;
        }
        .ef_services {
            padding-left: 20px;
            padding-right: 20px;}
            .ser_text ul{
                padding-left: 15px;
            }
     
            .ef_services .ser_text ul li{
                font-size: 14px;
            }
            .contact_with_us{
                margin-left: 20px;
                margin-right: 20px;
            }
            .contact_with_us .form_contact {
                margin-left: 10px;
                margin-right: 10px;
                padding-left: 0px;
                padding-right: 8px;
            }
            .fi_logo_footer img {
                width: 35%;
                margin-top: -35px;
                margin-left: -20px;
            }
      
            .contactus_sec{
                padding-left: 50px;
            }
    }
    @media(max-width:381px){
        .foo_menu ul li{

        
font-size: 14px
        }
    }
    .policy {
        margin-top: 20px;
        padding-left: 5px;
        position: fixed;
        bottom: 0px;
        left: 0px;
        background-color:rgb(24 54 103 / 80%);
        padding: 20px;
        z-index: 999999;
        text-align: center;
    }
    .policy p {
        float: left;
        width:100%;
      
     
    }
    .footer-row a {
        color: #999;
        transition: .5s;
        font-size: 12px;
    }
    .cookie-close {
        color: #ccc !important;
    }
    .policy .btn-cookies {
        background-color: #e32221 ;
        color: white;
        font-weight: bold;
        border: unset;
        padding: 12px;
    }   
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
        .policy p {
       
            width: 100%;
        
        }
    }

    @media(max-width:700px){
        .policy p {
    width: 100%;
    padding-left: 0px;
            margin-bottom: 15px;
        }
        
        .fi_logo_footer.fi2 img {
            margin-top: 7px;
            margin-left: -4px;
            width: 70%;
        }
        .card__face--back{
            display: block;
        }
        section.social_gov.malaya_row::before{
            background-attachment: scroll;
            background-position: inherit;
            
        }
        .gov_photos {
            text-align: center;
        }
        .malaya_col {

            background-color: rgb(255 255 255 / 60%);
   
        }
        
        .profile-card  .row.row_bank img, .row.row_bank2 img{
margin-top: 0px;
width: 32px;
height: 32px;
    margin: 0 auto;
        }
        .vi_row img {
            margin: 0 auto;
        }
        .row.row_bank {
            margin-bottom: 10px;
            margin-top: 10px;
        }
        #news2 .post-slide {
            padding-left: 31px;
            padding-right: 31px;
        }
        nav.navbar.navbar-default{
            z-index: 9999;
        }
        .contact_with_us h2{
            font-size: 26px;
        }
        .contact_with_form ul li{
            font-size: 15px;
        }
        .overlay_img{
            height: auto;
        }
        .first_serve .overlay_text {
            height: 190px;
        }
        .first_serve  .ef_ser1 img {
            height: 210px;
      
        }
        .first_serve  .overlay_img {
        
            border: 1px solid #ccc;
            border-top: unset;
        }
        .middle_sec .ef_ser1 img {
            height: 210px;
         
        }
        .middle_sec  .overlay_img {
    
            border: 1px solid #ccc;
            border-bottom: unset;
        }
        .middle_sec .overlay_text {
            height: 190px;
          
        }
 
        .thirdserve .ef_ser1 img {
            height: 210px;
      
        }
        .thirdserve  .overlay_img {
    
            border: 1px solid #ccc;
            border-bottom: unset;
        }
        #news .post-slide .post-title a{
            font-size:15px;
        }
        #news .post-slide .post-description {

    font-size: 14px;

}
        .left_image img {
            width: 100%;
            margin-bottom: 21px;
        }
        .pay_ser h3{
            font-size: 14px;
            margin-left: -10px;
        }
        .pay_ser ul li{
            font-size: 12px;
        }
        .pay_ser ul{
            padding-left: 5px;
        }
        .ser_row{
            padding-left: 0px;
            padding-right: 0px;
        }
        .overlay_text ul {
            margin-bottom: 0px;
        }
        .ser_row .col-6{
            padding-left:15px;
            padding-right: 0px;
        }
        .key_title{
    font-size: 26px;
    margin-bottom: 0px;
    padding-top: 25px;
        }
        .our_reach_new h1{
            font-size: 26px;
        }
        .ser-txt{
            font-size:16px;
            line-height:1.8em;
        }
        .icons_petrol h4{
            font-size:12px;
        }
        .profile-card .profile-body .author-img img.zoom {
    transform: scale(1.2);
}
.vi img {
    margin-top: 0px;
}
.vi_row {

    margin-top: 0px;
}
        .social_col ul li{
            font-size:13px;
        }
     #news .post-slide:hover .post-img img {
    -webkit-transform: unset;
    transform: unset;
}
        .customers_owl .item {
            min-height: 180px;
            max-height: 180px;
        }
        .profile-card .profile-body{
            background-color: var(--white);
            padding: 20px 24px 40px 20px;
            position: relative;
            padding-top: 46px;
            min-height: 190px;
            padding-bottom: 20px;
            display: flex;
            flex-direction: column;
     
            justify-content: center;
        
        }
        .profile-card .profile-header {
            height: 105px;
        }
        .profile-card .profile-body .author-img{
            margin-top: -109px;
        }
        .navbar-default .navbar-nav>li>a {
            color: #e22725;
        }
        .pargh p{
            font-size: 16px;
            margin-bottom: 0px;
        }
        .pargh{
            margin-bottom: 15px;
            padding-right: 0px;

        }
        .our_strength {
      
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 0px;
        }
        .strength_text h3 {
            margin-bottom: 30px;
         
        }
        .scene{
            height: 290px;
            margin-bottom: 25px;
        }
        .fin_numbers .card__face h5 {
            font-size: 18px;
            font-weight: bold;
        }
        .fin_numbers h4 {
            font-size: 14px;
            /* font-weight: normal; */
        }
        .card__face{
            justify-content: center;
        }
        .fin_numbers img{
            width: 25%;
            margin-bottom: 12px;
        }
        .su_title {
            font-weight: bold;
            color: #e32220;
            padding-left: 10px;
            margin-bottom: 26px;
            margin-top: 20px;
        }
        .img_out img{
            width: 100%;
            min-height: unset;
        }
        .gov_inner{
            padding: 0px;
        }
        .malaya img{
            top: -1%;
        }
 
     
        #main .theme-gradient {
            font-size: 21px;
            line-height: 1.6em;
            text-align: center;
        }
        .pargh h2{
            margin-bottom: 14px;
            font-size: 26px;
        }

        .pargh ul li {
         
            font-size: 15px;
          
        }
        .gov_one .gov_num h5{
            font-size: 12px;
        }
        .ef_ser1{
            margin-bottom: 0px;
        }
    .middle_sec{
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .border_bottom {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
    .border_top_right {
        border-right: 1px solid #ccc;
        border-top: unset;
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        
    }
    .overlay_text{
        height: 256px;
    }
    .ef_services .ser_text h3{
        margin-top: 0px;
        font-size: 20px;
    }
   
    .last_item_text {
    }
    .ef_ser1 img{
        height: 256px;
    }
    .overlay_text{
    
    }
    .ef_services .ser_text ul li{
        font-size: 15px;
    }
    section.news.news_articals{
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 35px;
  
        margin-top: 0px;
        box-shadow: unset;
        padding-bottom:0px;
    }
    section.social_gov.malaya_row {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    
    .news iframe{
        height: auto;
    }
    .news h1{
        margin-bottom: 20px;
    }
    section.news.news_vi{
padding-top: 20px;
    }
   

 
    .overlay_img{
        border:unset;
    }
    .border_left_top {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-top: unset;
        border-bottom: 1px solid #ccc;
    }
    .one_ser:before{
        bottom: -22px;
    }
        .hsection1 {
            padding-left: 20px;
            padding-right: 20px;
            min-height: auto;
        }
        .card__title {
            font-size: 21px;
        }
        .card__snippet{
            font-size: 15px;
        }
        .card__snippet span{
            font-size: 15px;
        }
  
        .hs img {
            width: 100%;
        }
        .hs h4{
            font-size: 18px;
        }
        .hs {
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 18px;
            padding-bottom: 13px;
            min-height: auto;
        }
        .misvis h3{
            font-size: 22px;
        }
        .misvis p{
            font-size: 15px;
        }
        .strength_text p{
            font-size: 16px;
            line-height: 1.8em;
            
        }
        .pad {
            padding-left: 5px;
            padding-right: 5px;
        }
        .hs p span{
            font-weight: normal;
        }
        .mi_row .middle{
            display: block;
        }
        .misvis{
            height: auto;

        }
        .misvis{
            padding-left: 0px;
            padding-right: 0px;
        }
        .mi_row{
            margin-left: 5px;
        }
        .misvis .mi1{
            margin-bottom: 20px;
        }
        .strength_photo img {
            width: 100%;
            height: auto;

        margin-bottom: 20px;
            border-top-right-radius: 0px;
            border-bottom-right-radius: 40px;
        }
        .our_reach{
            margin-top: 20px;
            margin-bottom: 20px;
            padding-left: 20px;
            padding-right: 20px;
        }
        .mi_row{
            text-align: left;
        }
       .malaya_col .middle3{
            display: flex;
        }
        .misvis .mi2 {
            border-left: unset;
            padding-left: 10px;
        }
        .misvis .mi1 {
            border-right: unset;
            padding-right: 10px;
            padding-left: 11px;
        }
        .misvis img {
            width: 75px;
        }
        .post-slide .post-img img {
            width: 71%;
            height: auto;
            margin: 0 auto;
        }        
        .owl-nav i.fa.fa-chevron-right {
            right: 2%;
            top: -12%;
            font-size: 34px;
        }
        .owl-nav i.fa.fa-chevron-left{
            right: -40%;
            top: -12%;
            font-size: 34px;
        }
        .our_strength {
            height: auto;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 20px;
            padding-bottom: 20px;
        }
        .strength_text h4 {
            font-size: 17px;
            font-weight: bold;
            line-height: 1.9em;
        }
        .strength_text {
        
            padding-left: 0px;
         
            padding-right: 0px;
        }
        .strength_text h1 {
      
            font-size: 24px;
            margin-bottom: 14px;
        }
        .strength_text ul li {
       line-height: 1.9em;
    font-size: 13px;
    color: #3b3b3b;
        }
        .twologos {
     
            margin-left: 15px;
            margin-right: 15px;
        }
        .twologos {
            margin-left: 15px;
            margin-right: 15px;
            text-align: center;
            margin-top: 0px;
        }
        .our_strength .twologos img {
            width: 35%;
            margin-bottom: 40px;
        }
        .counter {
            padding-left: 0px;
            padding-right: 0px;
            height: auto;
        }
    
        .hexa_part2{
            min-height: 136px;
        }
        .fin_numbers h5 {
            font-size: 11px;
            font-weight: normal;
            line-height: 1.7em;
            margin-bottom: 20px;
        }
        .gov_one .gov_num h3{
            font-size: 17px;
        }
        .reach .vi img {
            width: 95%;
        }
        .reach .vi{
            margin-top: 10px;
        }
        .parg h3 {
        
            font-size: 20px;
            line-height: 1.7em;
        }
        .reach .rea_row {
     
            padding-left: 0px;
            padding-right: 0px;
            margin-top: 35px;
        }
        .gov_one h2 {
            font-size: 21px;
            font-weight: bold;
            line-height: 1.7em;
            margin-bottom: 10px;
        }
        .gov_one p {

            font-size: 15px;
            line-height: 1.8em;
        }
     
        .gov_right_side h3{
            font-size: 18px;
            font-weight: bold;
            line-height: 1.7em;
            margin-bottom: 10px;
        }
        .gov_one .gov_num h6{
            font-size: 11px;
        }
        .gov_one h6{
            font-size: 11px;
        }
        .gov_one img {
            margin-top: 10px;
            width: 90px;
        }

        .malaya_col {
            padding-top: 14px;
            padding-left: 20px;
            padding-right: 20px;
            border-radius: 20px;
            margin-top: 50px;
        }
        
        

        .gov_num {
            margin-left: 0px;
        }
        .gov_num h6{
            font-size: 12px;
        }
        .collections h2{
            margin-top: 0px;
            margin-bottom: 20px;
            font-size: 16px;
        }
        .collect1 h5 {
            font-size: 10px;
            font-weight: inherit;
        }
        .collections  .col-md-4.col-4{
            padding-left: 2px;
            padding-right: 2px;
        }
        section.social_gov.malaya_row{
            padding-bottom: 15px;
          
        }
        .Government{
            padding-bottom: 0px;
        }
        .social_gov {
            padding-top: 0px;
            padding-left: 20px;
            padding-right: 20px;
            padding-bottom: 50px;
         
        }
        .social_gov:before{
            width: 100%;
        }
        .former_col h2 {
       
            font-size: 17px;
            margin-top: 0px;
            margin-bottom: 20px;
            margin-top: 20px;
        }
        .social_gov h3{
            margin-top: 2px;
        }
        .former_col h5{
            font-size: 14px;
        }
        .former_col{
            padding-left: 20px;
            padding-right: 20px;
        }
        .petrol_col{
            padding-left: 20px;
            padding-right: 20px;
        }
        .petrol_col{
            margin-top: 46%;
        }
        .petrol_col h2{
            font-size: 17px;
    margin-top: 0px;
    margin-bottom: 20px;
    line-height: 1.7em;
        }
        .petrol_col .petrol_img.so_img {
            margin-top: -170px;
        }
        .petrol_col h2{
            font-size: 17px;
            margin-top: 0px;
            margin-bottom: 20px;
            margin-top: 15px;
            line-height: 1.7em; 
        }
        .social_gov h3{
            font-size: 17px;
        }
        .former_col p{
            font-size: 15px;
        }
        .former_col h5 {
            font-size: 12px;
        }
        .masr_col h2{
            font-size: 17px;
        }
        .icons_petrol h4{
            font-size: 12px;
        }
        .petrol_pragh p{
            font-size: 15px;
        }
        .icons_petrol {
            margin-bottom: 23px;
        }
        .icons_petrol img {
            margin-bottom: 10px;
        }
        .deep_txt h4 {
            font-size: 12px;
          
        }
        .so_num h5{
            font-size: 12px;
        }
        .masr_number h4{
            font-size: 12px;
        }
        .masr_col .list ul{
            padding-left: 22px;
            margin-top:10px;
        }
        .masr_col .list ul li{
            font-size: 13px;
        }
        .social_gov_inner p{
            font-size: 15px;
        }
        .masr_col p{
            font-size: 15px;
        }
        .so_num h3 {
            font-size: 17px;
        }
        .icons_petrol img {
            width: 38%;
        }
        .deep_img img{
            width: 80%;
        }
        .social_col .so_img {
            margin-top: -170px;
        }
        .social_col{
            padding-left: 20px;
            padding-right: 20px;
            margin-left: 0px;
        }
        .social_col {
            margin-top: 46%;
        }
        .social_gov_inner {
            margin-top: 10px;
        }
        .social_h3{
            font-size: 17px;
            margin-top: 0px;
            margin-top: 15px;
            line-height: 1.7em; 
        }
        .so_num h3{
            font-size: 20px;
        }
        .masr_col{
            padding-left: 20px;
            padding-right: 20px;
            margin-left: 0px;
        }
        .masr_col .masr_img img{
            height: auto;
        }
        .masr_col .masr_img {
            margin-top: -175px;
        }
        .masr_col{
            margin-top: 46%;
        }
        .ef_services{
            padding-left: 20px;
            padding-right: 20px;
            background-attachment: scroll;

        }
        .ef_services .col-md-4{
            padding-left: 15px;
            padding-right: 15px;
        }
        .social_gov:after{
            width: 100%;
        }
  
        .customers{
            margin-top: 40px;
            margin-left: 0px;
            margin-right: 0px;
        height: auto;
        }
        .contact_img iframe{
            height: 100%;
        }
        .customers_owl .owl-nav i.fa.fa-chevron-right {
            top: -16%;
            font-size: 28px;
            right: 3%;
        }
        .customers_owl .owl-nav i.fa.fa-chevron-left{
            top: -16%;
            font-size: 28px;
            right:14%;
            left: auto;
        }
        .contact_with_us {
            margin-left: 10px;
            margin-right: 10px;
            border: 1px solid #ccc;
            margin-bottom: 40px;
            margin-top: 0px;
       
        }
        .contact_with_us .form_contact {
            margin-left: 10px;
            margin-right: 10px;
        }
        
        .contact_with_us .form_contact{
            margin-top: 0px;
        }        
        .fi_logo_footer img {
            width: 55%;
            margin-left:-17px;
        }
        .contact_with_us ul li img{
            width:25px;
            height:25px;
        }
        .middle3{
            display: block;
        }
  
        .our_reach .col-md-2 {
            width: 50%;
            margin-bottom: 40px;
        }
        .Government .malaya{
            position: initial;
            margin-bottom: 20px;
        }
       
        .Government{
            padding-top: 0px;
        }
        .collections img {
            width:40%;
        
        }
        .collect1{
            min-height: auto;
            padding: 8px;
        }
        .gov_photos img{
            width: 100%;
            margin-bottom: 0px;
        }
        .gov_photos .p_6 {
            padding: 15px;
        }
        .key_row p{
            margin-bottom: 0px;
        }
        .gov_num{
            padding: 0px;
            text-align: center;
        }
        .our_reach_new{
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 20px;
            padding-bottom: 10px;
        }
        .our_reach_text h4{
            font-size: 17px;
    font-weight: bold;
    line-height: 1.9em;
    margin-top: 30px;
        }
        .our_reach_text p{
            font-size: 16px;
    line-height: 1.8em;
    margin-bottom: 0px;
        }
        #news .owl-nav i.fa.fa-chevron-right {
            top: -12%;
            font-size: 28px;
            right:3%;
        }
        #news .owl-nav i.fa.fa-chevron-left{
   top: -12%;
    font-size: 28px;
    right: 14%;
    left: auto;
        }
        #news2 .owl-nav i.fa.fa-chevron-right {
            top: 47%;
            font-size: 35px;
            right: 1%;
        }
        #news2 .owl-nav i.fa.fa-chevron-left{
            top: 47%;
            font-size: 35px;
            left: 1%;
            right: auto;
        }
        #news3 .owl-nav i.fa.fa-chevron-right {
            top: -12%;
            font-size: 28px;
            right: 3%;
        }
        .profile-card .profile-body .author-img{
            width: 100px;
            height: 100px;
            padding: 25px;
        }
        .profile-body h4{
            font-size: 18px;
        }
        .row_bank , .row_bank2{
            justify-content: center;
        }
        .social_gov_inner ul{
            padding-left: 22px;
        }
        .so_num h3{
            font-size: 17px;
        }
        div#news2 {
            padding-top:0px;
            padding-left: 10px;
            padding-right: 10px;
        }
        #news3 .owl-nav i.fa.fa-chevron-left{
            top: -12%;
    font-size: 28px;
    right: 14%;
    left: auto;
        }
        div#news {
            margin-top: 43px;
          
        }
        .news .videos{
            margin-top: 40px;
        }
        .Government .malaya img{
            width: 150px;
            height: 150px;
        }
        .top_text h2 {
 
            margin-top: 20px;
            margin-bottom: 20px;
        }
        .strength_text h3{
            font-size: 19px;
        }
        .strength_text h1{
            font-size: 18px;
        }
        .parg h2 {
            font-size: 19px;
        }
        .parg h3 {
            font-size: 18px;
            line-height: 1.7em;
        }
        .top_text h2 {
            margin-top: 20px;
            margin-bottom: 20px;
            font-size: 16px;
        }
        .contact_with_us .form_contact {
            padding-left: 0px;
            padding-right: 0px;
        }
        .pargh ul{
            padding-left: 10px;
        }
        .ef_services h1{
            font-size: 26px;
        }
        .news h1{
            font-size: 26px;
        }
        .customers h1{
            font-size: 26px;
            margin-left:20px;
        }
        .fin_numbers img.readmore{
            display: block;
            width: 23px;
            position: absolute;
            right: 30px;
            top: 46%;
            -webkit-animation: rightanimation  ;
            animation: rightanimation  ;
            animation-duration: 2s;
            animation-iteration-count: infinite;
        }
        .profile-body h4 {
            font-size: 15px;
            margin-bottom: 0px;
        }
        .vi_row img {
            width: 60% !important;
        }
        .network_title {
            font-size: 17px;
        }
    }
    @media(min-width:420px)and (max-width:599px){
        .profile-card .profile-body{
            padding-top: 110px;
            min-height: 330px;
        }
        .profile-card .profile-body .author-img {
            width: 140px;
            height: 140px;
        }
        .profile-card .profile-body .author-img {
            margin-top: -116px;}
            .profile-card .profile-body .author-img img.zoom {
                transform: scale(1.1);
            }
     
    }
    @media(max-width:400px){
        .profile-body h4 {
            font-size: 14px;
            margin-bottom: 3px;
        }
        #main .theme-gradient{
            font-size: 18px;
        }
 
        .reach .re img{
            width: 90px;
            height: 90px;
        }
        .pargh {
        
            padding-left: 15px;
            padding-right: 15px;
        }
        .strength_text{
            padding-top: 25px;
        }
   
        .reach{
            padding-top: 25px;
        }
    
    }
    @media(max-width:380px){
        .former_col .so_img img {
       
            margin-top: -146px;
        }
        .former_col{
            margin-top: 135px;
        }
        .petrol_col .petrol_img.so_img{
            margin-top: -146px;
            
        }
        .petrol_col {
            margin-top: 44%;
        }
        .social_col .so_img {
            margin-top: -146px;
        }
        .masr_col .masr_img{
            margin-top: -146px;
        }
    }
    @media(max-width:350px){
     #news2 .owl-nav i.fa.fa-chevron-right{
            right: -4%;
        }
        #news2 .owl-nav i.fa.fa-chevron-left{
            left: -4%;
        }
        .masr_col .masr_img {
            margin-top: -134px;
        }
        .pargh h2{
            font-size: 22px;
        }
        .pargh p{
            font-size: 14px;
        }
        .hsection1 {
            padding-left: 15px;
            padding-right: 15px;
        }
        .card__image{
           height: 260px;
        }
        .hs h4 {
            font-size: 17px;
        }
        .hs p {
            font-size: 12px;
        }
        .misvis img {
            width: 60px;
        }
        .misvis h3{
            font-size: 20px;
        }
        .misvis p{
            font-size: 12px;
            
        }
        #news-slider .post-content h6{
            font-size: 14px;
            line-height: 1.7em;
        }
        .post-slide .post-description {
            font-size: 12px;
        }
        .strength_text h3 {
            font-size: 20px;
        }
        .strength_text h1 {
            font-size: 17px;
        }
        .strength_text p {
            font-size: 14px;
            
        }
        .strength_text h4{
            font-size: 15px;
        }
        .strength_text ul li {
            line-height: 1.7em;
            font-size: 12px;}
            .scene{
               height: 275px;
            }
            .fin_numbers h4{
                font-size: 11px;
            }
            .img_out img{
                width: 100%;
            }
            .gov_one p{
                font-size: 14px;
            }
     
            .our_reach_text h4{
                font-size: 15px;
            }
            .our_reach_text p{
                font-size: 14px;
            }
            .petrol_pragh p {
                font-size: 13px;
            }
            .social_col ul li{
                font-size: 12px;
            }
            .parg h2 {
                font-size: 20px;
            }
            .parg h3 {
                font-size: 17px;
                line-height: 1.7em;
            }
            .reach .re img {
                width: 70px;
                height: 70px;
            }
            .reach .re h4 {
                font-size: 14px;
            }
            .gov_one h2{
                font-size: 17px;
            }
            .gov_right_side h3{
                font-size: 18px;

            }
            .gov_one .gov_num h3{
                font-size: 17px;
            }
            .gov_num h6 {
                font-size: 9px;
            }
            .former_col h2 {
                font-size: 15px;
            margin-top: 0px;
                line-height: 1.7em;
                margin-bottom: 10px;
             
            }
            .former_col .so_img img{
                margin-top: -63%;
            }
            .former_col p {
                line-height: 1.7em;
                font-size: 13px;
            }
            .former_col h5 {
                font-size: 12px;
            }
            .former_num h3 {
                font-size: 20px;
            }
            .petrol_col .petrol_img.so_img {
                margin-top: -53%;
            }
            .petrol_col h2 {
                font-size: 15px;
                margin-bottom: 9px;
            }
            .petrol_pragh{
                font-size: 13px;
            }
            .icons_petrol h4 {
                font-size: 13px;
                margin-bottom: 14px;
            }
            .deep_txt h4{
                font-size: 12px;
            }
            .social_col .so_img {
                margin-top: -50%;
            }
            .social_gov h3{
                font-size: 15px;
            }
            .social_gov_inner p {
          
                font-size: 12px;
            }
            .so_num h5 {
                font-size: 11px;
            
            }
            .masr_col h2{
                font-size: 16px;
                margin-bottom: 10px;
            }
            .masr_col p{
                font-size: 13px;
            }
            .ef_services h1{
                font-size: 22px;
            }
            .ser-txt{
                font-size: 14px;
            }
            .ef_services .ser_text h3{
                font-size: 19px;
            }
            .ef_services .ser_text ul li{
                font-size: 13px;
            }

            .news h1{
                font-size: 22px;
            }
            section.news.news_articals{
                padding-left: 15px;
                padding-right: 15px;
            }
            section.news.news_vi{
                padding-left: 15px;
                padding-right: 15px;
            }
            .customers h1{
                font-size: 22px;
            }
            .masr_col .list ul li {
                font-size: 12px;
                line-height: 2em;
            }
            .masr_number h4{
                font-size: 12px;
            }
            .contact_with_us .form_contact {
                margin-left: 0px;
                margin-right: 0px;
            }
            #news2 .post-slide {
                padding-left: 10px;
                padding-right: 10px;
            }
    }