.cms-main-content{  overflow: hidden;}
.cms-about h4 { font-size: 1.75rem; display: block;margin:6% auto; font-weight: 700;  }
#cms-main .cms-about p { font-size:0.9375rem; font-weight:400; line-height:1.875rem; width: 100%; display: block; margin-bottom: 2%;}
.cms-about figure img{ width: 100%; max-width: 100%;}
/*about us----*/
.cms-main-wrap{ width: 100%; max-width: 1200px; margin: auto; height: auto;  display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start;}
.cms-main-facility { width: 100%; padding:0px;position: relative; display: flex; flex-wrap: wrap; margin: 5% auto 0 auto; }
.cms-main-facility-item { width:45%; display: flex; flex-wrap: wrap;  padding:30px 60px; position: relative;   }
.cms-main-txt{width: 100%;  margin:1% 0; position: relative;z-index: 3; }
#cms-main .cms-main-facility p{ width: 100%; padding: 5px; margin: 20px 0px; font-size:0.95rem;font-weight: 400;color: #505761; }
#cms-main .cms-main-facility h3{ width: auto;  margin:0px;  font-size: 2rem; color: #be892f;  font-weight: 500; text-shadow: 0px 0px rgba(255,255,255,1);}

.cms-main-facility-item  .cms-title-3{ position: relative; z-index: 3;}
.cms-main-facility-item  .cms-title-3::after{ content: ""; position: absolute; left: 0;  bottom: 0; width: 40px; height: 3px;background-color:#505761;}

.cms-main-card{ width:55%;  margin:0px; padding:0px 0px 0px 20px;  display: flex; flex-wrap: wrap;position: relative; z-index: 1;}
.cms-item-1{ width: 70%; position: relative; z-index: 1;}
.cms-item-2{width: 70%; position: absolute; z-index:2; margin-left: 50%; margin-top: 30%; }
.cms-main-card .cms-item-1:before{content: ""; display: block; width:100%; height:100%;top:-5%; left:-5%;  position:absolute;z-index:0; background: #e5e5e5; }
.cms-main-card figure img {  width: 100%; max-width: 100%; transition: all 0.3s; position: relative; z-index: 1; }


.cms-box-wrap{ margin-top: 100px; padding:30px 0px 0px 0px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.cms-box-wrap h3{ margin: 40px 0px 20px 0px; font-size: 2.15rem; font-weight: 400; }
.cms-box-wrap p{color: #505761; }


.cms-box-left{ width: 60%; position: relative; z-index: 0;}
.cms-box-right{width: 40%;position: absolute;right: 20%; z-index: 1; margin: 20% auto auto auto;padding: 20px 40px 60px 40px; text-align: left; background: #fff; }



@media (max-width:1024px) {
.cms-main-facility {  padding:100px 0 0px 0px; margin:0;  }
.cms-main-facility-item { width: 100%;  padding:30px;  }  
 .cms-box-right{ width: 60%;right: 0;  margin: 10% auto auto auto;  }   
#cms-main .cms-main-facility h3{font-size: 1.875rem; }
.cms-box-wrap{ margin-top: 50px; padding:0px; }    
    
}
@media (max-width: 768px) {
.cms-main-facility { padding:0px; margin:0;  }
.cms-main-facility-item { width: 100%; padding:0px 15px;} 
.cms-main-card{ width:80%; padding:30px;  }
.cms-item-2{  width:50%;  margin-top: 20%;margin-left: 60%; }
.cms-box-left{ width: 80%; margin: auto;} 
.cms-box-right{ width: 100%; position: relative;  margin:30px auto 10% auto;padding: 20px 15px;   }   
.cms-box-wrap h3{  font-size: 1.875rem;  }
} 

 
 
/*-------------------*/
/***** bg *****/
/*------------------*/
 
.cms-bg-light{background:#f6fafd;}
.cms-bg-light:after{ content: 'Awards'; width:100%; position: absolute; z-index:9; left:-3%; top:0;  font-size:180px; font-weight: 700; letter-spacing:-10px;  color: rgba(49,149,175,.1);  }
.cms-about-box .cms-about-box-style{  background: #fff;  box-shadow: 0 55px 30px -30px rgba(125, 125, 125, 0.7);}
.cms-bg-body{ background-image: url("../images/index/dot-line.svg"),url("../images/index/style-1.svg"); background-position: left top, -5% top; background-repeat: repeat-y,repeat-y; background-size:100% auto,25% auto; }