.btn-white{
    background-color: white;
    padding: 13.5px 28px;
    position: relative;
    z-index: 1;
    color: #576EBB;
    overflow: hidden;
    font-size: 18px;
    text-transform: uppercase;
    display: inline-block;
    transition: all 200ms ease;
    padding: 10px 40px;
    border-radius: 100px;
}
.btn-main{
    position: relative;
    z-index: 1;
    background-image: linear-gradient(90deg, rgb(194, 30, 252) 0%, rgb(0, 129, 236) 100%);
    color:white;
    padding: 13.5px 28px;
    font-size: 18px;
    text-transform: uppercase;
    display: inline-block;
    overflow: hidden;
    transition: 200ms;
    padding: 10px 30px;
    border-radius: 100px;
}
.btn-main2{
    position: relative;
    z-index: 1;
    background-color:#576EBB;
    color:white;
    padding: 13.5px 28px;
    font-size: 18px;
    text-transform: uppercase;
    display: inline-block;
    overflow: hidden;
    transition: 200ms;
    padding: 10px 30px;
    border-radius: 100px;
}
.btn-main3{
    position: relative;
    z-index: 1;
    background-color:#F2F2F2;
    color:#888888;
    padding: 13.5px 28px;
    font-size: 18px;
    text-transform: uppercase;
    display: inline-block;
    overflow: hidden;
    transition: 200ms;
    padding: 10px 30px;
    border-radius: 100px;
}
.btn-main4{
    position: relative;
    z-index: 1;
    background-color:#01C10E;
    color:#fff;
    padding: 13.5px 28px;
    font-size: 18px;
    text-transform: uppercase;
    display: inline-block;
    overflow: hidden;
    transition: 200ms;
    padding: 10px 30px;
    border-radius: 100px;
}
.footer-widget__social img{
    width: 30px;
}
.contact-card{
    padding: 55px 60px 60px;
    position: relative;
    z-index: 2;
    border-radius: 30px;
    background-color: white;
}
.fontmain{
    background: linear-gradient(90deg, #C022FC 0%, #219BE4 30%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.contact-two__form3 {
    padding: 37px 30px 32px;
    background-image: linear-gradient(180deg, #625ED9 0%, #2A97E3 100%);
    box-shadow: 0px 4px 40px 0px rgba(99, 90, 217, 0.1);
    position: relative;
    border-radius: 14px;
  }
.title{
    color:#103472;
}
.des{
    color:#504E4E;
    font-weight: 300;
}

.dpre {
    white-space: pre-line;
    display: block;
}
.brder-radius-20{
    border-radius: 20px;
}
.dpre img,
.dpre iframe {
    max-width: 100%;
}
.profile{
    border-radius: 50%;
    width: 50px;
    margin-left: 20px;
}
.sub1{
    overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 1;
}
.sub2{
    overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
}

.img-test{
    width:100%;
    height: 220px;
    border-radius: 20px;
    object-fit: cover;
}
.img-test2{
    width:100%;
    height: 180px;
    border-radius: 20px;
    object-fit: cover;
}
.ans{
    line-height: 2.8;
}
.mainans{
    margin-bottom: 50px; 
}
.text-pink{
    color: #FC2175;
}
.fblue{
    color:#3B4E99;
}
.fbold{
    font-weight: 600;
}
.ans{
    display: inline-flex;
}
.ans label{
    display: inline-flex;
margin-left: 16px;
line-height: 1.8;
}
.btn-main:hover{
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
    background-image: linear-gradient(90deg, #2c5db5 0%, #0081ec 100%);
}
.btn-white:hover{
    background-color: #0081ec;
    color:white;
}
.btn-main2:hover{
    background-color: #fff;
    color:#0081ec;
}
.portfolio-five a:hover{
    color:#0081ec;

}
.divbox{
    padding: 30px 25px;
    border-radius: 18px;
    background-position: center;
    background-size: cover;
    position: relative;  
}
.divbox::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.5;
    z-index: 0;
    border-radius: 18px;

  }
  .divbox h3,
.divbox p,
.divbox button {
  position: relative;
  z-index: 1;
}
.form-radio {
    display: flex; /* ใช้ flexbox เพื่อจัดให้อยู่ในแนวนอน */
    align-items: center; /* จัดให้อยู่ตรงกลางในแนวตั้ง */
    margin-bottom: 10px; /* เพิ่มระยะห่างระหว่างตัวเลือก */
}

.form-radio input {
    margin-right: 10px; 
    zoom:1.5;
}
.form-radio label {
    margin: 0; 
}
.dropdown-menu.show{
margin-top: 15px!important;
}


@media print {
    .page-break {
        page-break-before: always;  
    }
}
@media (max-width: 767px) {
    .form-radio {
        flex-direction: row; /* จัดให้อยู่ในแนวนอนในหน้าจอมือถือ */
    }
}
.form-radio2 {
    display: flex; 
    align-items: center;  
    margin-bottom: 10px; 
}

.form-radio2 input {
    margin-right: 10px; 
    zoom: 1.5;

}

.form-radio2 label {
    margin: 0; 
}
.form-radio:hover{
    cursor: pointer; 
}
@media (max-width: 884px) {
   .divbox{
    padding: 20px 15px;

   }
}
@media (max-width: 767px) {
    .img-test,.img-test2{
        width:77%;
    }
    .btn-main,.btn-main3{
        padding: 10px 25px;
        font-size: 16px;
    }
}