.about-top-row {
    width: 100%;
    height: calc(100vh - 90px);
    min-height: 480px;   
    position: relative;
    display:flex;
    align-items:flex-end;
    z-index:10;

}


    .about-top-row .bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index:1
    }

        .about-top-row .bg video,
        .about-top-row .bg img {
            object-fit: cover;
            object-position: center;
            width: 100%;
            height: 100%;
        }


        .about-top-row  .cap{
    width: 100%;
   margin:30px 0;
   margin-bottom:120px;
   position:relative;
   z-index:2;
}

        .about-top-row  .cap .head{
color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.50);
    font-size: 32px;
    font-weight: 500;
    padding: 0;
    margin: 0;

}




.about-tab-row {
    margin-top:-86px;
    position:relative;
    z-index:20
}


.about-tab-row .tab-heads{
    display:flex;
    list-style:none;
    padding:0;
    margin:0;
}

.about-tab-row .tab-heads{
    display:flex;
}

.about-tab-row .tab-heads li{
   flex: 1 0 0;
   display:flex;
    justify-content:center;
   text-align:center;
   background-color:rgba(21, 21, 21, 0.29);
   transition:all 0.3s;

}
.about-tab-row .tab-heads li a{
    display:block;
	width: 100%;
    height: 100%;
    padding: 20px;
  

}
.about-tab-row .tab-heads li:hover{

   background-color:rgba(21, 21, 21, 0.59);


}



.about-tab-row .tab-heads li.active{
    background: #112C70;
    background: linear-gradient(135deg, rgba(17, 44, 112, 1) 0%, rgba(64, 141, 232, 1) 100%);
}



.about-tab-row .tab-heads li .txt-con{
   
   display:flex;
   align-items:center;
   padding:5px;
   justify-content:center;
   text-align:center;
   color:#fff;
}
.about-tab-row .tab-heads li .txt-con .img{
   width:36px;
   margin-right:15px;
}

.about-tab-row .tab-heads li .txt-con .img img{
   width:100%;

}

.about-tab-row .tab-heads li .txt-con .txt{
  font-size:20px;
  font-weight:500;
  margin:0;
}

.about-tab-row .tab-content{
 overflow:hidden;
}




.about-intro-row {
    padding: 90px 0;
    position:relative;
}

    .about-intro-row .about-txt-con {
        display: flex;
        position:relative;
        z-index:2

    }

        .about-intro-row .about-txt-con .txt-con {
            flex: 1;
            max-width: 50%;
            padding-right: 30px;
        }


            .about-intro-row .about-txt-con .txt-con .head {
                font-size: 32px;
                color: #18345e;
                margin: 0;
                font-weight: 500;
            }

            .about-intro-row .about-txt-con .txt-con .desc {
                font-size: 16px;
                 line-height:1.7;
                margin: 20px 0 30px 0;
                font-weight: 300;
                text-align: justify
            }

        .about-intro-row .about-txt-con .img-con {
            flex: 1;
            max-width: 50%;
            position: relative;
            padding-top:70PX;

        }

            .about-intro-row .about-txt-con .img-con img {
                width: 100%;
                height: 100%;
                position: absolute;
                object-fit: contain;
                top: 0;
                left: 0;
            }



.about-system-row {
    padding: 90px 0;
    position:relative;
}

.about-system-row>* {
    position:relative;
    z-index:2;
}



.about-system-row  .as-head-con  {
   margin-bottom:45px;
}
.about-system-row  .as-head-con .head {
   font-size:36px;
   font-weight:500;
   margin:0;
}



.acco-list{
 
}
.acco-list .acco-list-item{
    width:100%;
    background-color:#f1f1f1;
    margin-bottom:2px;
}


.acco-list .acco-list-item .item-head{

    position:relative;
    cursor:pointer;
        padding:30px;
}


.acco-list .acco-list-item .item-head .head{
    font-size:24px;
    font-weight:500;
    color:#18345e;
    margin:0
}





.acco-list .acco-list-item .item-head:after{
content:'';
position:absolute;
right:30px;
top:50%;
width:16px;
height:2px;
margin-top:-1px;
background-color:#18345e;
}

.acco-list .acco-list-item .item-head:before{
content:'';
position:absolute;
right:37px;
top:50%;
margin-top:-1px;
width:2px;
height:2px;
background-color:#18345e;
transition:all 0.2s;
}
.acco-list .acco-list-item .item-head.collapsed:before{
height:16px;
margin-top:-8px;
}

.acco-list .txt-item{
padding:30px;
display:flex;
}
.acco-list .txt-item .img-con{
flex:1 0 0;
position:relative;
}
.acco-list .txt-item .img-con img{
width:100%;
}

    .acco-list .txt-item .txt-con {
        flex: 1 0 0;
        margin-left: 30px;
        font-size: 16px;
        line-height: 1.7;
        font-weight: 300;
        text-align: justify;
    }






.about-vision-row {
    padding: 90px 0;
    position:relative;
}

  
.about-vision-row>* {
    position:relative;
    z-index:2;
}

    .about-vision-row .av-head-con {
        margin-bottom: 45px;
    }


    .about-vision-row .av-head-con .head {
       font-size:32px;
       margin:0;
       padding:0;
       font-weight:500;
       color:#18345e
    }








    .about-vision-row .av-con {
        display: flex;
        text-align:center;
    }

        .about-vision-row .av-con .av-item {
            flex: 1 0 0px;
            padding: 30px;
            aspect-ratio:1/1;
            background-color:#151515;
            position:relative;
            display:flex;
            align-items:center;
            justify-content:center;
            color:#fff;

        }

 .about-vision-row .av-con .av-item .av-item-con {
        
            position:relative;
            z-index:2;

        }

            .about-vision-row .av-con .av-item .bg {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                z-index: 1;
                background: linear-gradient(135deg, rgba(17, 44, 112, 1) 0%, rgba(64, 141, 232, 1) 100%);
                opacity: 0.7;
            }
      


    .about-vision-row .av-con .av-item .bg img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        transition:all .3s
    }
            .about-vision-row .av-con .av-item:hover .bg img {
                opacity: 0
            }



        
            .about-vision-row .av-con .av-item .icon {
               margin-bottom:15px;
            }
                .about-vision-row .av-con .av-item .icon img {
            width:60px;
            height:60px;
            object-fit:contain;
            }
            .about-vision-row .av-con .av-item .head {
                font-size: 32px;
                margin: 0;
                font-weight: 500;
            }

            .about-vision-row .av-con .av-item .desc {
                font-size: 18px;
                margin-top: 20px;
                font-weight: 300;
                opacity: 0;
                transition:all .5s
            }
            .about-vision-row .av-con .av-item:hover .desc {
                opacity: 1;
            }

            .about-vision-row .av-con .av-item:not(:last-of-type):not(:first-of-type) {
                margin:0 30px;
            }







.about-history-row {
    position: relative;
    padding:90px 0;
}

  
.about-history-row>* {
    position:relative;
    z-index:2;

}
        .about-history-row .txt-con .head-con {
            margin-bottom: 30px;
            text-align: center;
        }

            .about-history-row .txt-con .head-con .head {
                font-size: 32px;
                margin: 0;
                font-weight: 500;
                color:#18345e;
            }

        .about-history-row .txt-con .ah-con {
            display: flex;
            flex-direction: column;
        }

            .about-history-row .txt-con .ah-con .ah-item {
                display: flex;
                padding: 15px 0;
                position: relative;
                align-items:flex-start;
            }
 


                .about-history-row .txt-con .ah-con .ah-item .year {
                    flex: 1 0 0px;
                    max-width: 40%;
                    text-align: center;
                    order: 1;
                    display: flex;
                    align-items: center;
                    justify-content: flex-end;
                    position: relative;
                    padding:0 45px;
                }





                .about-history-row .txt-con .ah-con .ah-item .txt {
                    flex: 1 0 0px;
                    max-width: 60%;
                    order: 2;
                    padding: 25px 0 45px 45px;
                    display: flex;
                }

                    .about-history-row .txt-con .ah-con .ah-item .txt .t-con {
                        font-size: 14px;
                        font-weight: 500;
                        background-color: #eee;
                        color: #18345e;
                        padding: 20px;
                        display: inline-block;
                        border-radius: 0 15px 15px 0;
                        text-align: left  !important;
                        line-height: 1.8;
                        display: flex;
                        align-items: center;
                        width: 100%;
                    }
                        
 

                .about-history-row .txt-con .ah-con .ah-item:nth-of-type(2n) .year {
                    order: 2;
                    justify-content: flex-start;
                }



                 

                .about-history-row .txt-con .ah-con .ah-item:nth-of-type(2n) .txt {
                    order: 1;
                    text-align: right;
                    padding:25px 45px 45px 0;
                }

                .about-history-row .txt-con .ah-con .ah-item .txt .y-con {
                    border-radius: 15px 0 0 15px;
                    background-color: #eee;
                    width: 200px;
                    display: flex;
                    text-align: center;
                    align-items: center;
                    position: relative;
                    padding: 15px;
                    min-height: 220px;
                    position: relative;
                }

                    .about-history-row .txt-con .ah-con .ah-item .txt .y-con span.bg {
                        width: 130px;
                        height: 130px;
                        transform: rotate(45deg);
                        background-color: #fff;
                        content: ' ';
                        position: absolute;
                      
                        left: 35px;
                        top: 50%;
                        margin-top: -65px;
                        z-index: 0;
                        border-radius: 15px;border: 2px solid #18345e;
                    }
                    .about-history-row .txt-con .ah-con .ah-item .txt .y-con .head {
                        width: 145px;
                        text-align: center;
                        margin-left: 15px;
                        z-index: 1;
                        font-size: 20px !important;
                        font-weight: 500 !important;
                        color: #18345e;
                    }







.project-slider-row{


    margin: 90px 0;
    position:relative;
}

  
.project-slider-row>* {
    position:relative;
    z-index:2;
}

    .project-slider-row .head-con  {
        margin-bottom: 30px;
        padding-right: 132px;
    }
.project-gallery-row .head-con {
    margin-bottom: 30px;
 }
        .project-slider-row .head-con .head, 
        .project-gallery-row .head-con .head {
        font-size: 24px;
        color: #18345e;
        margin: 0;
        font-weight:500
    }
.project-slider-row .head-con .desc{
   font-size:18px;

    margin-top:20px;
    font-weight:300;
}



.project-slider .slider-item{
    background-color:#f1f1f1;
    min-width:480px;
        max-width:480px;

}
.project-slider .slider-item .img-con{
   aspect-ratio:2/1;
   position:relative;
   flex:1 0 0;
}
.project-slider .slider-item .img-con img{
      position:absolute;
   left:0;
   width:100%;
   height:100%;
   top:0;
   object-fit:cover;
}
.project-slider .slider-item .txt-con{
   flex:1 0 0;
   padding:20px;
   display:flex;
   align-items:center;
}

.project-slider .slider-item .txt-con .head{
  color:#18345e;
  font-size:20px;
  margin:0;
  margin-bottom:20px;
    font-weight:500;
}


.project-slider .slider-item .txt-con .desc{
  font-size:14px;
  font-weight:300;
  color:#666
}






.about-trust-row {
    position: relative;
    padding:90px 0;
}
  
.about-trust-row>* {
    position:relative;
    z-index:2;

}

        .about-trust-row .head-con {
            margin-bottom: 30px;
        }

            .about-trust-row .head-con .head {
                font-size: 32px;
                margin: 0;
                font-weight: 500;
                color:#18345e;
            }

.trust-slider.owl-carousel .owl-stage{
    justify-content:center;
    min-width:100%;
}
            
.trust-slider .owl-nav.disabled
	{
		display:block !important
	}
.trust-slider{
}


.trust-slider .slider-item{
      background-color:#f1f1f1;
      width:480px;
            min-width:480px;
}


.trust-slider .slider-item .img-con{
    aspect-ratio:4/3;
}
.trust-slider .slider-item .img-con img{
  width:100%;
  height:100%;
  object-fit:cover;
}



.trust-slider .slider-item .txt-con{

  padding:20px;

}


.trust-slider .slider-item .txt-con .head{
 font-size:24px;
 padding:0;
 margin:0;
 color:#18345e;
 margin-bottom:20px;
 font-weight:500;
}


.trust-slider .slider-item .txt-con .desc{
 font-size:16px;
  line-height:1.7em;
font-weight:300;
	text-align:justify
}



.about-rd-con {

   position:relative;
   padding:90px 0
}
.about-rd-row {

    display:flex;
    align-items:flex-start;
}
.about-rd-row .txt-con {
    position: relative;
    display:flex;
    padding:0 0;
     flex:1 0 0;

}



    .about-rd-row .txt-con .txt-c {
      padding-right:40px;
    }
    
        .about-rd-row .txt-con .head {
            font-size: 32px;
            margin: 0;
            font-weight: 500;
                 color:#18345e;
        }


        .about-rd-row .txt-con .desc {
            font-size: 16px;
             line-height:1.7em;
            margin-top: 20px;
            font-weight: 300;
            text-align:justify
        }


    .about-rd-row .img-con{
        aspect-ratio:3/2;
        position:relative;
        flex:1 0 0;
        overflow:hidden;
    }

    .about-rd-row .img-con img {
            object-fit: cover;
            width: 100%;
            height:100%;
            position:absolute;
            top:0;
            left:0;

        }






@media(max-width:991px) {

    .about-top-row .cap {
        margin-bottom: 150px;
    }

    .about-tab-row {
        margin-top: -125px;
    }

        .about-tab-row .tab-heads li a {
            padding: 20px 15px;
        }


        .about-tab-row .tab-heads li .txt-con {
            flex-direction: column;
        }

            .about-tab-row .tab-heads li .txt-con .img {
                margin-bottom: 10px;
                margin-right: 0;
            }



            .about-tab-row .tab-heads li .txt-con .txt {
                font-size: 20px;
            }



   
}



@media(max-width:767px) {

    .about-top-row {
        height: calc(100vh - 60px);
        min-height: initial;
    }

        .about-top-row .cap {
            margin-bottom: 120px;
            padding: 0;
        }

            .about-top-row .cap .head {
                font-size: 24px;
            }


    .about-tab-row {
        margin-top: -85px;
    }

        .about-tab-row .tab-heads li a ,  .about-tab-row .tab-heads li {
            padding:  0;
        }

            .about-tab-row .tab-heads li .txt-con .img {
                width: 28px;
            }


            .about-tab-row .tab-heads li .txt-con .txt {
                font-size: 12px;
            }





    .about-intro-row {
        padding: 45px 0;
    }


        .about-intro-row .about-txt-con {
            flex-wrap: wrap;
        }

            .about-intro-row .about-txt-con .txt-con {
                min-width: 100%;
                max-width: initial;
                padding-right: 0;
                margin-bottom: 15px;
            }


                .about-intro-row .about-txt-con .txt-con .head {
                    font-size: 20px;
                }

                .about-intro-row .about-txt-con .txt-con .desc {
                    font-size: 14px;
                }

            .about-intro-row .about-txt-con .img-con {
                min-width: 100%;
                max-width: initial;
                padding-top:0;
            }

                .about-intro-row .about-txt-con .img-con img {
                    position: relative;
                }







    .about-system-row {
        padding: 45px 0;
    }

        .about-system-row .as-head-con {
            margin-bottom: 15px;
        }

            .about-system-row .as-head-con .head {
                font-size: 20px;
            }





    .acco-list .acco-list-item .item-head {
        padding: 15px;
    }


        .acco-list .acco-list-item .item-head .head {
            font-size: 18px;
        }





        .acco-list .acco-list-item .item-head:after {
            right: 20px;
        }

        .acco-list .acco-list-item .item-head:before {
            right: 27px;
        }



    .acco-list .txt-item {
        padding: 15px;
        flex-wrap: wrap;
    }

        .acco-list .txt-item .img-con {
            min-width: 100%;
        }






        .acco-list .txt-item .txt-con {
            min-width: 100%;
            margin-left: 0;
            margin-top: 15px;
            font-size: 14px;
        }






    .about-vision-row {
        padding: 45px 0;
    }



        .about-vision-row .av-head-con {
            margin-bottom: 15px;
        }


            .about-vision-row .av-head-con .head {
                font-size: 20px;
            }




        .about-vision-row .av-con {
            flex-wrap: wrap;
        }

            .about-vision-row .av-con .av-item {
                min-width: 100%;
                padding: 15px;
            }



                .about-vision-row .av-con .av-item .icon img {
                    width: 45px;
                    height: 45px;
                }

                .about-vision-row .av-con .av-item .head {
                    font-size: 20px;
                }

                .about-vision-row .av-con .av-item .desc {
                    font-size: 14px;
                }

                .about-vision-row .av-con .av-item:not(:last-of-type):not(:first-of-type) {
                    margin: 15px 0;
                }








    .about-history-row {
        padding: 45px 0;
    }

        .about-history-row .txt-con .head-con {
            margin-bottom: 15px;
        }

            .about-history-row .txt-con .head-con .head {
                font-size: 20px;
            }

        .about-history-row .txt-con .ah-con .ah-item .year {
            padding: 0 30px;
        }


            .about-history-row .txt-con .ah-con .ah-item .year:before {
                right: -13px;
                width: 25px;
                height: 25px;
                margin-top: -12px;
            }




        .about-history-row .txt-con .ah-con .ah-item .txt {
            padding: 20px 0 20px 30px;
        }

            .about-history-row .txt-con .ah-con .ah-item .txt .t-con {
                width: 100%;
                font-size: 12px;
                padding: 10px;
            }

                .about-history-row .txt-con .ah-con .ah-item .txt .t-con:after {
                    border-bottom: 10px solid transparent;
                    border-right: 10px solid #eee;
                }



        .about-history-row .txt-con .ah-con .ah-item:nth-of-type(2n) .year {
            order: 2;
            justify-content: flex-start;
        }
            .about-history-row .txt-con .ah-con .ah-item:nth-of-type(2n) .year:before {
                right: initial;
                left: -12px;
            }

        .about-history-row .txt-con .ah-con .ah-item:nth-of-type(2n) .txt {
            padding: 20px 30px 20px 0;
        }
            .about-history-row .txt-con .ah-con .ah-item:nth-of-type(2n) .txt .t-con:after {
                transform: scaleX(-100%);
                right: initial;
                left: 100%;
            }

        .about-history-row .txt-con .ah-con .ah-item .year .y-con {
            font-size: 24px;
        }



    .project-slider-row {
        margin: 45px 0;
    }


        .project-slider-row .head-con {
            margin-bottom: 20px;
            padding-right:78px;
        }

            .project-slider-row .head-con .head {
                font-size: 20px;
            }

            .project-slider-row .head-con .desc {
                font-size: 14px;
                margin-top: 15px;
            }

    .project-slider .slider-item {
        min-width: 240px;
        max-width: 240px;
    }

        .project-slider .slider-item .txt-con {
            padding: 10px;
        }

            .project-slider .slider-item .txt-con .head {
                font-size: 16px;
                margin-bottom: 15px;
            }


            .project-slider .slider-item .txt-con .desc {
    
                font-size: 10px;
            }







    .about-trust-row {
        padding: 45px 0;
    }



        .about-trust-row .head-con {
            margin-bottom: 20px;
        }

            .about-trust-row .head-con .head {
                font-size: 20px;
            }

    .trust-slider .slider-item {
        width: 240px;
        min-width:240px;
    }

        .trust-slider .slider-item .txt-con {
            padding: 15px;
        }


            .trust-slider .slider-item .txt-con .head {
                font-size:18px;
                margin-bottom: 15px;
            }


            .trust-slider .slider-item .txt-con .desc {
                font-size: 12px;
            }




    .about-rd-con {
       padding:45px 0;
    }

    .about-rd-row {
        flex-wrap: wrap;
    }

        .about-rd-row .txt-con {
            min-width: 100%;
        }

            .about-rd-row .txt-con .head {
                font-size: 20px;
            }


            .about-rd-row .txt-con .desc {
                font-size: 14px;
                margin-top: 15px;
            }


        .about-rd-row .img-con {
            min-width: 100%;
        }
         .about-rd-row .txt-con .txt-c {
      padding-right:0;
      margin-bottom:20px;
    }
}
.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
}