.section_1{
    padding:20px 0;
}

.section_3{
    padding:50px 0;
}

.font1{
    font-size:24px;
    font-weight:bold;
}

.font2{
    font-size:17px;
    line-height:30px;
}

.font3{
    font-size:30px;
    font-weight:bold;
    transition:Ease-in-out 0.3s;
}

.font3:hover{
    opacity:0.5;
}

.font4{
    font-size:45px;
    font-weight:bold;
    margin-top:30%;
    padding-bottom: 10px;
}

.line{
    height:3px;
    background-color:#999;
    margin-top:20px;
}

.txt-content1 {
    padding: 0 10%;
}

.txt-content2{
    padding:15% 5% 20% 10%;
}

.txt-content3{
    padding:20% 5% 20% 5%;
    z-index:5;
}


.pad{
    padding:0 0 40px 0;
}


.col-1{
    width:10%;
    float:left;
}

.col-2{
    width:90%;
    float:left;
}

.blackx1{
    border-radius:25px !important;
    font-size:14px;
    color:#fff;
    background-color:#333;
    border:2px solid rgb(0,0,0,0);
    margin-top: 30px;
    padding:10px 25px ;
}

.imgx{
    transition:ease-in-out .3s;
    transform:scale(1);
    width: 250px;
    margin: 0 auto;
}

.imgx:hover{
    transform:scale(0.95);
    filter:brightness(1.05);
}

    .blackx1:hover{
    color:#333;
    border:2px solid #333;
    background-color:rgb(0,0,0,0);
}

.vertical-txt{
    writing-mode: vertical-rl;
    text-orientation: mixed;
    position:absolute;
    float:left;
    font-size:55px;
    font-weight:bold;
    font-family: 'Pt Sans', sans-serif;
    color:#ccc;
    left: 15px;
}

.img2{
    position:absolute;
    float:right;
    right:5%;
    width:160px;
    margin-top: -150px;

}

.img3{
    position:relative;
    float:right;
    right:0%;
}

.img4{
    position:absolute;
    float:right;
    right:0%;
    margin-top: -90px;
    width: 200px;
}

.icon-icon{
    width:25px !important;
}


.m-height{
    height:400px;
}

.intro {

    padding: 0px !important;
    overflow-x: auto;

}

.banner-item {

    position: relative;
    width: 100%;
    height: 150px !important;;
}









.pagedetailcontent .col-1 {

    width: 15% !important;
    float: left !important;
    position: Relative !important;


}

.pagedetailcontent .col-2 {

    width: 85% !important;
    float: left !important;
     position: Relative !important;
    padding-right: 20px;


}


.pagedetailcontent .vertical-txt2 {

    font-size: 35px !important;


}



.pagedetailcontent  .vertical-txt3 {

    font-size: 40px !important;
    left:5px;

}


.pagedetailcontent .service-box {


    padding: 5% 5% 5% 20%;
    height:auto !important;

}

.pagedetailcontent  .service-box2 {

    padding: 5% 5% 5% 20%;
    height:auto !important;

}

.pagedetailcontent {

    overflow: auto;
    padding: 0 !important;
    left:5px;

}