/*@font-face

{

	font-family: Fontawesome;

	src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-regular-400.woff') format('woff');

	font-weight: normal;

    font-style: normal;

}*/

.pro-bg1 {

    background-image: url(images/about-us/Mask_Group_14.png);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    position: relative;

    width: 100%;

    padding-bottom: 36%;

}  

.li-txt-justify

{

    text-align: justify;

}

.pro-h1 {

    font-size: 45px;

    color: #002866;

    font-weight: 400;

}

.pro-p {

    font-size: 20px;

    color: #002866;

    font-weight: 400;

    padding-top: 30px;

    line-height: 1.5;

}

.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: 0;

    bottom: 60px;

    left: 70px;

}

.ab-pad

{

    padding-top: 30px;

    padding-bottom: 60px;

    padding-left: 55px;

    padding-right: 55px;

}

.ab-bg1

{

	background-image: url(images/about-us/Group_1706.png);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    position: relative;

    width: 100%;

    padding-bottom: 0%;

    /*padding-top: 1%;*/

}



.hm-line-ab {

    margin-top: 1rem;

    margin-bottom: 1rem;

    border: 0;

    border-top: 5px solid #002866;

    width: 6%;

}

.ab-p

{

	color: #000;

	font-size: 20px;

	font-weight: 400;

    padding-top: 30px;

    line-height: 1.5;

}

.ab-p1

{

	padding-top: 10px;

    font-size: 16px;

    color: #000000;

    margin-bottom: 0px;

}

.ab-h1 {

    font-size: 24px;

    color: #002866;

    font-weight: 400;

    padding-top: 20px;

    margin-bottom: 0px;

    padding-bottom: 15px;

}

.pad-5

{

	padding-top: 5rem!important;

}

.ab2-col2 {

    background: #fafafc;

    padding-bottom: 4rem;

}

.ab-3

{

	background: #002245;

}

.ab-wh

{

	color: #fff;

	font-size: 38px;

}

.ab-p-wh

{

	color: #fff;

	font-size: 20px;

	font-weight: 400;

    padding-top: 30px;

    line-height: 1.5;

    letter-spacing: 1px;

}

.slide-h1

{

  font-size: 24px;  

}

.ab-li

{

	color: #fff;

	font-size: 20px;

	font-weight: 400;

    padding-top: 15px;

    line-height: 1.5;

    list-style-type: none;

    padding-left: 0;

    letter-spacing: 1px;

    list-style-position: inside;

    text-indent: -2.5em;

    padding-left: 2.5em;

}

.ab-li li

{

	padding-bottom: 32px;

}

.ab-li li:before {

	

        content: '\25AC';

       /* position: absolute;

        margin-left: -20px;*/

        /*content: '\268A';*/

        font-weight: bold;

        margin-right: 30px;

}

.ab-cont1

{

	padding-top: 4rem;

	padding-bottom: 2rem;

	padding-left: 3rem;

	padding-right: 3rem;

}

.ab-col3 {

    background: #fff;

    padding-bottom: 4rem;

}

.card-p

{

    padding-top: 10px;

    font-size: 16px;

    color: #000000;

    letter-spacing: 0.5px;

    line-height: 1.8;

    margin-bottom: 0;

}

.ab-card1

{

    background-color: hsl(240deg 25% 98%);

    max-width: 47%;

    margin-right: 3%;

}

.ab-card2

{

    background-color: hsl(240deg 25% 98%);

    max-width: 47%;

    margin-left: 3%;

}

.hm-line-wh

{

    margin-top: 1rem;

    margin-bottom: 1rem;

    border: 0;

    border-top: 5px solid #fff;

    width: 6%;

}

.hm-h1-wh

{

    font-size: 38px;

    color: #fff;

    font-weight: 400;

    padding-top: 10px;

}



.ab-h1-wh

{

    font-size: 24px;

    color: #fff;

    font-weight: 400;

    padding-top: 0px;

    margin-bottom: 0px;

    padding-bottom: 10px;

}

.ab-p-wh2

{

    /*padding-top: 10px;*/

    font-size: 14px;

    color: #fff;

    letter-spacing: 0.5px;

    /*line-height: 1.8;*/

    margin-bottom: 0;

} 

.card-color

{

    background-color: transparent !important;

}

.ab-cont2

{

    padding-top: 4rem;

    padding-bottom: 2rem;

    padding-left: 0rem;

    padding-right: 0rem;

}

.card-com

{

   background-color: transparent !important;

   text-align: left !important; 

}

.cb-pad

{

    padding-top: 0;

    padding-left: 0;

    padding-right: 0;

}

.card-mv

{

    background-color: transparent !important;

   text-align: left !important;  

}

.ab-mv-pad

{

 padding-right: 3rem!important;

}

.footer-main

{

    background-color: hsl(240deg 25% 98%);

}



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



     .pro-p

    {

        padding-top: 10px;

    }



    .hm-line-ab

    {

        width: 7%;

    }

    .ab-p

    {

        padding-top: 14px;

    }

    .pad-5

    {

        padding-top: 3rem!important;

    }

    .pro-h1

    {

        font-size: 38px!important;

    }

    .ab-pad

    {

        padding-top: 50px !important;

        padding-bottom: 50px !important;

    }

    .hm-cont2

    {

        padding-top: 50px !important;

        padding-bottom: 50px !important;

        padding-left: 30px !important;

        padding-right: 30px !important;

    }

    .ab-h1

    {

        font-size: 20px;

    }

    .ab-p1

    {

        padding-top: 10px;

    }

    .ab-wh

    {

        font-size: 32px;

    }

    .ab-p-wh

    {

        padding-top: 20px;

    }

    .ab-li

    {

        font-size: 17px;

    }

    .ab-cont1

    {

        padding-top: 50px !important;

        padding-bottom: 50px !important;

        padding-left: 30px !important;

        padding-right: 30px !important;

    }

    .ab-col3

    {

        padding-bottom: 30px;

    }

    .hm-line-wh

    {

        border-top: 5px solid #fff;

    }

    .ab-cont2

    {

        padding-top: 50px;

        padding-bottom: 50px;

    }

    .hm-h1-wh

    {

        font-size: 32px;

    }

    .mt-top

    {

        padding-top: 30px !important;

    }

    .ab-h1-wh

    {

        font-size: 20px;

    }

    .ab-p-wh2

    {

        font-size: 14px !important;

    }

}

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

.hm-line-ab

{

    width: 18%;

}

.hm-line-wh

{

    width: 18%;

}

.content {

    top: 30% !important;

}

.pro-bg1

{ 

    background-image: url(images/about-us/mob-ab.jpg);

    height: 380px;

}

.hm-cont2

{

    padding-left: 0px !important;

    padding-right: 0px !important;

}

.pro-h1 {

    font-size: 32px!important;

    color: #fff;

}

.ab-card1

{

    max-width: 100%;

    margin-right: 0%;

    margin-bottom: 8%;

}

.ab-card2

{

   max-width: 100%;

   margin-left: 0% 

}

.card-com

{

   

   text-align: center !important; 

}

.ab-cont1

{

    padding-left: 0rem;

    padding-right: 0rem;

}

.ab-mv-pad

{

    padding-right: 0rem!important;

    padding-left: 0rem;

}

.pad-mob

{

        padding-top: 28%;

}

.img-01

{

        width: 100%;

        height: auto;

        padding-bottom: 50px;

}

.home-h1 {

        font-size: 32px;

}

.home-p 

{

        font-size: 15px;

        padding-top: 10px;

        margin-bottom: 0px;

}

.home-btn1 {

    color: #000000;

    background-color: transparent;

    border: 1px solid #7f90a0;

    border-radius: 0px;

    width: auto;

    padding-left: 35px;

    padding-right: 35px;

    font-size: 18px;

    font-weight: 400;

    letter-spacing: 0.75px;

    padding-top: 14px;

    padding-bottom: 14px;

    margin-top: 15px;

}



.home-btn1:hover {

    color: #000000!important;

}

.pro-bg1

{

    /*display: none;*/

}

.ab-h1

{

    padding-top: 14px;

    padding-bottom: 0px;

}

.pad-5 {

    padding-top: 1rem!important;

}

.card-com

{

    padding-top: 30px;

}

.ab-p1 {

    padding-top: 5px;

}

.ab2-col2

{

    padding-bottom: 0rem;

}

.vi-pd

{

    padding-left: 0rem!important;

}

.row-pt

{

    padding-top: 2rem!important;

}

.ab-col3 {

    padding-bottom: 10px;

}

.mt-top {

    padding-top: 10px !important;

}

.card-body

{

    padding-left: 5px!important;

    padding-right: 5px!important;

}

.input-group-text

{

    padding-left: 20px;

    padding-right: 20px;

}

.btn-outline-success

{

    padding-left: 13px;

    padding-right: 13px;

    padding-top: 3px;

    padding-bottom: 3px;

}

}

   



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

    .ab-h1-wh {

    font-size: 18px;

    }

    .pro-bg1

    {

         height: 400px;

         padding-bottom: unset;

    }

    .content {

    top: 10% !important;

 }

}

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

   .li-txt-justify {

    text-align: left;

} 

} 

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

    .pro-bg1 {

      padding-bottom: 0;

    }

    .content {

      position: relative;

      top: 0;

      bottom: 0;

      left: 0;

      right: 0;

      padding: 30px;

    }

    .hm-line-ab

    {

    width: 18%;

    }

    .hm-line-wh

    {

    width: 18%;

    }

    

  }

  @media only screen and (max-width: 420px)

  {

    

    .hm-cont2

    { padding-left: 0px !important;

     padding-right: 0px !important;

    }

    .ab-cont1

    {

        padding-left: 20px !important;

        padding-right: 20px !important;

    }

    .input-group-text

    {

        font-size: 14px;

    }

    .footer-input

    {

        padding-left: 8px!important;

    }

  }