.prefo-img

{

    

    width: 75%;

}

.tbuy-bg1-pr {

    background-image: url(images/prefo/img05.png);

    background-repeat: no-repeat;

    background-size: cover;

    width: auto;

    height: 500px;

    /*background-position: 100% 100%;*/

     background-position: center;

    max-width: none;

    position: relative;

    /*padding-bottom: 36%;*/

}

.pre-bg-1

{

  background-image: url(images/prefo/img06.png);

    background-repeat: no-repeat;

    background-size: cover;

    width: auto;

    /*height: 830px;*/

    /*background-position: 100% 100%;*/

     background-position: center;

    max-width: none;

    position: relative;

    padding-bottom: 16%;

    padding-left: 50px !important;

}

.p-l

{

    line-height: 1.8;

}

.hr-prefo {

    margin-top: 1rem;

    margin-bottom: 1rem;

    border: 0;

    border-top: 5px solid #ffffff;

    width: 7%;

    margin-left:0px;

}

.abt-pad

{

    padding-top: 7%;

}

.abt-pad2

{

    padding-top: 13%;

}

.h-pad-prefo

{

    padding-bottom: 30px;

}

.prefo-bg3

{

    background-color: #fff;

    padding-bottom: 7%;

}

.prefo-row {

    padding-left: 45px;

    padding-right: 45px;

    padding-top: 40px;

}

.prefo-card {

    background-color: #f4f5f7;

    height: 300px;

    margin-top: 20px;

    text-align: center;

}

.flex-column-prefo {

    padding-top: 40px;

    padding-bottom: 10px;

    padding-left: 25px;

    padding-right: 25px;

}

.prefo-body {

    flex: 1 1 auto;

    min-height: 1px;

    padding: 1.25rem;

    padding-left: 15px;

    padding-right: 15px;

}

.prefo-slide-h1 {

    font-size: 21px;

    color: #000;

    font-weight: 400;

    padding-top: 0px;

    margin-bottom: 0px;

    padding-bottom: 0px;

    line-height: 1.8;

}

.prefo-bg4

{

  background-image: url(images/prefo/img09.png);

    background-repeat: no-repeat;

    background-size: cover;

    width: auto;

    height: 620px;

    /*background-position: 100% 100%;*/

     background-position: center;

    max-width: none;

    position: relative;

    /*padding-bottom: 36%;*/

   

    padding-top: 3%;

}

.card-prefo {

    background-color: transparent !important;

    text-align: center !important;

}

.prefo-ab-h1 {

    font-size: 24px;

    color: #002866;

    font-weight: 400;

    padding-top: 20px;

    margin-bottom: 0px;

    padding-bottom: 15px;

}

.prefo-ab-p1 {

    padding-top: 10px;

    font-size: 16px;

    color: #000000;

    margin-bottom: 0px;

}

.prefo-pad

{

    padding-top: 40px;

}

.prefo-content {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -moz-flex;

    display: -webkit-flex;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-justify-content: center;

    justify-content: center;

    position: absolute;

    top: 20%;

    /* bottom: 0px; */

    left: 50px;

}

@media screen and (max-width: 1132px) { 

  

  .tbuy-content {

    top: 26%;

}  

.tbuy-bg1-pr

  {

    height: 420px;

} 

  .prefo-card {

    height: 390px;

}

.prefo-img

{

    

    width: 80%;

}

    

}



@media screen and (max-width: 991px) and (min-width: 768px) {

    

.prefo-img

{

    

    width: 85%;

}    

.tbuy-bg1-pr

{

  height: 350px;

}

.hr-prefo

{

  width: 13%;

}

.prefo-card {

    height: 340px;

}

.prefo-bg4

{

    height: auto;

    padding-bottom: 3%;



}

.tab-pad

{

    margin-top: 30px;

}

.h-pad-prefo {

    padding-bottom: 16px;

}

.tbuy-p2

{

    font-size: 15px !important;

}

.pre-bg-1

{

    /*height: 800px;*/

}



}

@media screen and (max-width: 767px) { 

    

.tbuy-bg1

  {

    height: 380px;

  }

  .prefo-img

{

    

    width: 95%;

}

  .tbuy-bg1-pr{

  background-image: url(images/prefo/mob-prefo.jpg);

  }

  .tbuy-h1

  {

      color:#fff;

  }

  .prefo-content

  {

      top: 34%;

      left: 30px;

  }

  .hr-prefo

  {

      width: 15%;

  }

  .pre-bg-1

  {

      padding-left: 15px !important;

  }

  .tbuy-p2 {

    padding-left: 0px;

    padding-right: 15px;

}

.abt-pad2

{

    padding-top: 4%;

}

.h-pad-prefo {

    padding-bottom: 15px;

}

.pre-bg-1 {

    background-image: none;

    height: auto;

    padding-bottom: 13%;

    background-color: #002245;

    

}

.hm9-line

{

    width: 15%;

}

.prefo-card {

    height: auto;

}

.prefo-bg4

{

    padding-bottom: 3%;

    height: auto;

    padding-top: 8%;

    

}

.mb-pad

{

    padding-top: 30px;

}

.prefo-row {

    padding-left: 15px;

    padding-right: 15px;

   

}

.prefo-bg3

{

    padding-top: 8%;

}

.tbuy-content {

    top: 25%;

    left: 24px;

}

    

}