.pro-bg1 {

    background-image: url(images/interior-page/Mask-Group-16.png);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    position: relative;

    width: 100%;

    padding-bottom: 36%;

}  

.carousel-control-prev-icon {

 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23777575' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;

}



.carousel-control-next-icon {

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23777575' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;

}

.carousel-control-prev {

    left: 0px !important;

}

.carousel-control-next {

    right: 0px !important;

}

.carousel-control-next, .carousel-control-prev

{

    width: 70px !important;

}

.epm-bg1 {

    

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    position: relative;

    width: 100%;

    padding-bottom: 36%;

}

.pro-bg2 {

    background-image: url(images/interior-page/ab01.png);

    background-repeat: no-repeat;

    background-size: cover;

    background-color:#f1f2f5;

    height: 650px;

    

}

.prop-mob

{

    display: none;

}

.pro-bg3 {

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

    /*background-image: url(images/interior-page/Group-1715.png);*/

    background-repeat: no-repeat;

    background-size: inherit;

    background-position: initial;

}

.content3 {

    padding-top: 50px;

    padding-bottom: 50px;

    text-align: center;

}

.content2 {

    width: 49%;

    padding-top: 75px;

    padding-left: 40px;

}

.prop-line {

    margin-top: 1rem;

    margin-bottom: 1rem;

    border: 0;

    border-top: 5px solid #002866;

    width: 15%;

    margin-right: 95%;

}

.prop-h2 {

    font-size: 38px;

    color: #002866;

    font-weight: 400;

    padding-top: 15px;

    margin-bottom: 0px;

    padding-bottom: 15px;

}



.prop-p2 {

    font-size: 20px;

    color: #000000;

    font-weight: 400;

    padding-top: 20px;

    line-height: 1.7;

    letter-spacing: 1px;

}

.prop3-line {

    margin-top: 1rem;

    margin-bottom: 1rem;

    border: 0;

    border-top: 5px solid #002866;

    width: 5%;

}



.pro3-h2 {

    font-size: 38px;

    color: #002866;

    font-weight: 400;

    padding-top: 15px;

    margin-bottom: 0px;

    padding-bottom: 15px;

}



.pro3-p2 {

    font-size: 20px;

    color: #000000;

    font-weight: 400;

    padding-top: 10px;

}



.pro3-nav {

    display: flex;

    border-right: 0px solid #002866;

    padding-right: 0px;

    justify-content: center;

}



.nav-pills .pro3-link.active {

    background-color: #002245;

    color: #ffffff!important;

    font-weight: 400;

}



.nav-pills .pro3-link {

    border-radius: 0px;

}



.pro3-tab {

    padding-left: 60px;

    padding-right: 60px;

}



.pro3-item > a {

    display: block;

    padding-left: 35px;

    padding-right: 35px;

    padding-top: 18px;

    padding-bottom: 18px;

    font-size: 17px;

    border-right: 1px solid #e7e7e7;

    border-left: 1px solid #e7e7e7;

    background: #ffff;

    font-weight: 400;

}



.pro3 > a {

    /*border-right: 0px solid #e7e7e7;*/

}



.pro3-p {

    font-size: 20px;

    color: #000000;

    font-weight: 400;

    padding-top: 25px;

    text-align:justify;

    padding-bottom: 25px;

}



.pro3-h3 {

    font-size: 20px;

    color: #000000;

    font-weight: 500;

    padding-top: 25px;

}

/*navitems*/

.bg-img-1

{

  background-image: url(images/interior-page/11.png);  

}

.bg-img-2

{

  background-image: url(images/interior-page/2.png);  

}

.bg-img-3

{

  background-image: url(images/interior-page/3.png);  

}

.bg-img-4

{

  background-image: url(images/interior-page/4.png);  

}

.epm-h1 {

    font-size: 45px;

    color: #002866;

    font-weight: 400;

}

.epm-p {

    font-size: 20px;

    color:#002866;

    font-weight: 400;

    padding-top: 10px;

    margin-bottom: 0;

    line-height: 1.5;

}

.epm-p2 {

    font-size: 20px;

    color: #002866;

    font-weight: 400;

    padding-top: 8px;

    margin-bottom: 0;

    line-height: 1.5;

}

.ex-carousel

{

	bottom: 6% !important;

}

.pro-h1 {

    font-size: 45px;

    color: #002866;

    font-weight: 400;

}

.pro-p {

    font-size: 20px;

    color: #000;

    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;

}

.int-bg1

{

    background-image: url(images/interior-page/Group-1715.png);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    /*background-color: #fafafc;*/

    position: relative;

    width: 100%;

    padding-bottom: 0%;

    padding-top: 20px;

    

}

.hm-line-int {

    margin-top: 1rem;

    margin-bottom: 1rem;

    border: 0;

    border-top: 5px solid #002866;

    width: 5%;

}

.int-p {

    font-size: 20px;

    color: #000;

    font-weight: 400;

    padding-top: 10px;

    margin-bottom: 0;

    line-height: 1.8;

}

.pad-2

{

    padding-top: 4rem!important;

}

.card-com

{

    background-color: transparent !important;

}

.fimg

{

    /*height: 129px;*/

}

.int-h1 {

    font-size: 24px;

    color: #002866;

    font-weight: 400;

    padding-top: 20px;

    margin-bottom: 0px;

    padding-bottom: 15px;

}

.int-h2 {

    font-size: 24px;

    color: #000;

    font-weight: 400;

    padding-top: 6px;

    margin-bottom: 0px;

    padding-bottom: 0px;

}

.col-half-offset{

    margin-left:4.166666667%

}

.int-p1

{

    padding-top: 10px;

    font-size: 16px !important;

    color: #000000;

    margin-bottom: 0px;

}

.btn-pad

{

    padding-left: 25px;

    padding-right: 25px;

    padding-top: 15px;

    padding-bottom: 15px;

}

.int-bg2

{

    background-image: url(images/interior-page/Group-1408.png);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    /*background-color: #fafafc;*/

    position: relative;

    width: 100%;

    padding-bottom: 0%;

    padding-top: 5%;

   

}

.img-center

{

  position: absolute;  

  top: 50%;

  left: 50%;

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.int-bg3

{

    background-image: url(images/interior-page/Group-1706.png);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    /*background-color: #fafafc;*/

    position: relative;

    width: 100%;

    padding-bottom: 4%;

    padding-top: 20px;

    

}

.wh-line-int {

    margin-top: 1rem;

    margin-bottom: 1rem;

    border: 0;

    border-top: 5px solid #fff;

    width: 5%;

}

.wh-h1

{

    font-size: 38px;

    color: #fff;

    font-weight: 400;

    padding-top: 10px; 

}

.int-p-wh

{

    font-size: 20px;

    color: #fff;

    font-weight: 400;

    padding-top: 10px;

    margin-bottom: 0;

    line-height: 1.8; 

}

.number-p

{

  position: absolute;  

  top: 50%;

  left: 52%;

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  font-size: 45px;

  color: #fff;

  font-weight: 600;  

}

.numb-div

{

    position: relative;

}

.int-h1 {

    font-size: 22px;

    color: #fff;

    font-weight: 400;

    padding-top: 20px;

    margin-bottom: 0px;

    padding-bottom: 15px;

}

.int-h2 {

    font-size: 22px;

    color: #fff;

    font-weight: 400;

    padding-top: 0px;

    margin-bottom: 0px;

    padding-bottom: 15px;

}

.lh-1

{

    line-height: 1.5;

}

.textarea1

{

    overflow: hidden;

    padding-top: 12px;

    height: auto !important;

    color: #6c757d!important;

    background-color: #fafafc!important;

}

.pft-4

{

    padding-top: 2.4rem;

}

.fh1

{

    height: 50px!important;

    background-color: #fafafc!important;

}

.cf-p

{

    padding: 30px 20px 20px 20px;

    background-color: #fff !important;

}

.pad-form

{

    padding-bottom: 2rem!important;

    padding-top: 4.5rem!important;

    padding-left: 1.5rem;

    padding-right: 1.5rem;

}

.wh-line2

{

    margin-top: 1rem;

    margin-bottom: 1rem;

    border: 0;

    border-top: 5px solid #fff;

    width: 12%;

    text-align: left;

    margin-left: 0;

}

.pad-top

{

    padding-top: 13%;

}

.btn-pd

{

    font-weight: 400;

    background-color: #002245;

    border: 1px solid #002245;

    padding-top: 12px;

    padding-bottom: 12px;

    padding-left: 60px;

    padding-right: 60px;

}

.col-form

{

    padding-left: 7%;

}

.bg-c1

{

    background-color: #fff;

}

.bg-c2

{

    background-color: #fafafc;

}

.blue-h1

{

    color: #002866;

}



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



.pro-h1

{

    font-size: 38px;

}

.epm-h1

{

     font-size: 38px;

}

.fimg {

    

   width: 90px;

}

.pro-bg2

{

    height: 500px;

}

.content2

{

    padding-top: 50px;

    width: 50%;

}

.prop-h2

{

    font-size: 32px;

}

.pro3-h2

{

    font-size: 32px;

}

.pro3-h3

{

    font-size: 18px;

}

.number-p

{

    font-size: 20px !important;

}

.int-h1

{

    font-size: 18px;

    padding-bottom: 5px;

}

.int-h2

{

    font-size: 18px;

    padding-bottom: 5px;

}

.col-height

{

    height: 75px;

}

.btn-pad

{

    padding-left: 20px;

    padding-right: 20px;

    padding-top: 10px;

    padding-bottom: 10px;

}

.btn-pt

{

    padding-top: 2rem!important;

}

.pad-2

{

    padding-top: 2rem!important;

}

.pad-form

{

    padding-top: 3rem!important;

}

.col-form

{

    padding-left: 5%;

}



}

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

{

     .content3

    {

        padding-top: 30px;

        padding-bottom: 40px;

    }

    .prop3-line

    {

        width: 7%;

    }

}    

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



.pro-bg1

{

    height: 400px;

    padding-bottom: unset;

}

    .epm-h1

{

    font-size: 32px;

}

 .pro-bg2

    {

        background-size: contain;

         height: 480px;

    }

     .content2

    {

        padding-top: 50px;

        width: 60%;

    }

     .prop-line

    {

        width: 12%;

    margin-right: 88%;

    }

    .epm-bg1

{

    height: 350px;

}

.content {

    top: 24% !important;

}

.int-p1

{

    padding-top: 0px;

}

.card-body

{

    padding-left: 5px !important;

    padding-right: 5px !important;

    padding-top: 0px;

}

.int-h1

{

    font-size: 18px;

    

}

.int-h2

{

    font-size: 18px;

    

}

.pad-2

{

    padding-top: 2rem!important;

}

.hm-cont2 

{

    padding-bottom: 0rem!important;

}

.pad-form

{

    padding-top: 2rem!important;

}

.hm-line-int

{

    width: 8%;

}

.int-bg2

{

    padding-top: 1%;

    padding-bottom: 5%;

}

.wh-line2

{

    width: 20%;

}

.pad-form

{

    padding-right: 0rem!important;

}

.col-form {

    padding-left: 0%;

}

.int-bg3

{

    padding-bottom: 6%;

    padding-top: 10px;

}

.introduce

{

    height: 330px;

}



}



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



.pro-bg1

{

    display: none;

}

.prop-mob

{

    display: block;

}

.bg-img-1

{

  background-image: url(images/interior-page/mob-interior01.jpg);  

}

.bg-img-2

{

  background-image: url(images/interior-page/mob-interior02.jpg);  

}

.bg-img-3

{

  background-image: url(images/interior-page/mob-interior03.jpg);  

}

.bg-img-4

{

  background-image: url(images/interior-page/mob-interior04.jpg);  

}

.carousel-control-next, .carousel-control-prev

{

    display:none !important;

}

.ex-carousel

{

    left: 44%;

}

.pro-bg2 {

       height: 500px;

       background-position: center;

       background-size: initial;

       background-image: url(images/comon-bg.png);

}

 .content2 {

        width: 100%;

        padding-top: 40px;

        padding-left: 20px;

}

 .prop3-line

    {

        width: 15%;

    }

    .pro3-nav

    {

        display: block;

    }

    .pro3-h2 {

        font-size: 28px;

    }



    .pro3-item > a { 

        font-size: 16px;

        border: 1px solid #e7e7e7;

    }

    .pro3-nav

    {

        display:  block;

    }

    .pro3-p {

        font-size: 18px;

    }

    

   .epm-h1 {

    font-size: 32px;

    color: #fff;

    }

    .content

    {

        left: 30px;

    }

 .prop-h2 {

        font-size: 28px;

    }

    .epm-bg1

{

    height: 380px;

}

li::marker {

    color: #fff;

    border: #fff;

}

.pad-mob {

    padding-top: 28%;

}

.img-01 {

    width: 100%;

    height: auto;

    padding-bottom: 50px;

}

.pro-p

{

    padding-top: 20px;

}

.int-pad

{

    padding-bottom: 50px;

}

.pro-h1 {

    font-size: 32px;

}

.hm-line-int

{

 border-top: 5px solid #002866;

    width: 20%;

}

.pad-bb

{

    padding-bottom: 15% !important;

}

.wh-line-int

{

    border-top: 5px solid #fff;

    width: 20%;

}

.card-body

{

    padding-left: 15px;

    padding-right: 15px;

}

.int-h1

{

    font-size: 16px;

}

.int-h2

{

  font-size: 16px;  

}

.pad-form

{

    padding-top: 0rem!important;

}

.hm-cont2

{

    padding-bottom: 0rem!important;

}

.pad-tt

{

    padding-top: 0rem!important;

}

.wh-h1

{

    padding-bottom: 30px;

}

.h-pb

{

    padding-bottom: 0px !important; 

}

.wh-line2

{

    border-top: 5px solid #fff;

    width: 20%;

}

.int-bg3

{

    padding-bottom: 12%;

}

.hm9-line

{

    width: 25%;

}



.carousel-indicators

{

    left: 46%;

}

.int-bg2

{

    padding-bottom: 5%;

}

.home-btn1

{

    margin-top: 10px;

    padding-left: 25px;

    padding-right: 25px;

    padding-top: 10px;

    padding-bottom: 10px;

}

.col-form {

    padding-left: 4%;

}

.btn-pd

{

    padding-top: 10px;

    padding-bottom: 10px;

    padding-left: 40px!important;

    padding-right: 40px!important;

    font-size: 15px!important;

}

.prop-btn2

{

    padding-left: 9px;

    padding-right: 9px;

    font-size: 16px;

}

.img-center

{

    width: 45px;

    top: 53%;

    transform: translate(-50%, -53%);

}

.gr-pad

{

    padding-left: 1rem!important;

    padding-right: 1rem!important;

}





}  



  



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

  {

    .input-group-text

    {

        padding-left: 23px;

    padding-right: 23px;

    font-size: 14px;

    }



  }  

   

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

.epm-h1 {

    font-size: 30px;

    margin-bottom: 0;

}

}