

.dastra-about{padding:70px 0;}
.dastra-about .container{display:flex;justify-content:space-between;align-items:center;gap:50px;}
.dastra-about .txt{width:50%}
.dastra-about .txt .tit{}
.dastra-about .txt .tit em{font-size:17px;color:#888;text-transform:uppercase;font-family:var(--title-font-family);}
.dastra-about .txt .tit h3{font-size:40px;color:#212121;font-weight:400;line-height:1;margin:15px 0 0;}
.dastra-about .txt .t{margin:20px 0 0;line-height:28px;}
.dastra-about .txt ul{margin:30px 0 0;font-size:17px;}
.dastra-about .txt ul li{padding:0 0 0 25px;position:relative;}
.dastra-about .txt ul li::before{font-family:"qico";content:"\e64a";font-size:16px;position:absolute;left:0;top:0;color:var(--color-primary);}
.dastra-about .txt ul li+li{margin-top:5px;}
.dastra-about .txt .more{margin:40px 0 0;}
.dastra-about .txt .more a{font-size:16px;font-weight:600;border-radius:5px;text-align:center;position:relative;margin-right:15px;z-index:2;transition:1s;padding:16px 40px;color:#fff;display:inline-block;background:var(--color-primary);}
.dastra-about .txt .more a:hover{background:#FD6054;;}

.dastra-about .pic{width:50%}
.dastra-about .pic img{width:100%}


@media screen and (max-width:1441px) {
.dastra-about .txt .tit h3{font-size:38px;}
}

@media screen and (max-width:1367px) {
.dastra-about .txt .tit h3{font-size:36px;}
}

@media screen and (max-width:1281px){
.dastra-about{padding:60px 0;}
.dastra-about .txt .tit h3{font-size:34px;}
.dastra-about .txt .more a{font-size:15px;padding:12px 30px;}
}

@media screen and (max-width:1171px){
.dastra-about .txt .tit h3{font-size:32px;}
}

@media screen and (max-width:992px){
.dastra-about{padding:50px 0;}
.dastra-about .container{display:block;}
.dastra-about .txt{width:100%}
.dastra-about .txt .tit{text-align:center;}
.dastra-about .txt .tit h3{font-size:30px;}
.dastra-about .txt .more{margin:30px 0 0;text-align:center;}
.dastra-about .pic{width:60%;margin:20px auto 0;}
}

@media screen and (max-width:768px){
.dastra-about{padding:30px 0;}
.dastra-about .txt .tit em{font-size:16px;}
.dastra-about .txt .tit h3{font-size:28px;}
.dastra-about .txt .t{font-size:15px;line-height:24px;}
.dastra-about .txt ul{margin:20px 0 0;font-size:15px;}
}

@media screen and (max-width:576px) {
.dastra-about .txt .tit h3{font-size:24px;}
.dastra-about .pic{width:80%;}
}

@media screen and (max-width:480px) {
.dastra-about .txt .tit em{font-size:15px;}
.dastra-about .txt .tit h3{font-size:22px;margin:10px 0 0;}
.dastra-about .txt ul li::before{font-size:14px;}
.dastra-about .txt .more{margin:20px 0 0;}
.dastra-about .txt .more a{font-size:14px;padding:10px 20px;}
.dastra-about .pic{width:100%;}
}	

@media screen and (max-width:420px) {
.dastra-about .txt .tit h3{font-size:20px;}
}


