@charset "utf-8";
/*公共重置样式 开始*/
body {
    font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;

}

a,body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,i,input,li,ol,p,span,td,textarea,th,ul,img {
    margin: 0;
    padding: 0;
    border:0;
}
a {
    text-decoration: none;
    color: #333;
}

a:focus {
    outline: 0
}
a img {
    border:none;
    outline: none;
}


li {
    list-style: none
}

em,i {
    font-style: normal
}
/* 左浮动 */

.left {float:left;}

/* 右浮动 */

.right{float:right;}
.fl {
    display: inline;
    float: left
}

.fl {
    display: inline;
    float: left
}

.fr {
    display: inline;
    float: right
}
.relative {
    position: relative;
}
.clearfix:after {
    display: block;
    content: "";
    clear: both
}

.clearfix {
    zoom: 1
}

input,select,textarea {
    font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 0.7292vw;
    color: #666;
    outline: 0;
    resize: none;
    /* padding: 0 8px; */
}








/*公共重置样式 结束*/

/*内填充及外补丁 开始*/

.pa5 {
    padding: 5px
}
.plr5 {padding-left: 5px; padding-right: 5px}
.pt5 {
    padding-top: 5px
}

.pb5 {
    padding-bottom: 5px
}

.pl5 {
    padding-left: 5px
}

.pr5 {
    padding-right: 5px
}

.pa10 {
    padding: 10px
}
.plr10 {padding-left: 10px; padding-right: 10px}
.pt10 {
    padding-top: 10px
}

.pb10 {
    padding-bottom: 10px
}

.pl10 {
    padding-left: 10px
}

.pr10 {
    padding-right: 10px
}

.pa20 {
    padding: 20px
}
.plr20 {padding-left: 20px; padding-right: 20px}
.pt20 {
    padding-top: 20px
}

.pb20 {
    padding-bottom: 20px
}

.pl20 {
    padding-left: 20px
}

.pr20 {
    padding-right: 20px
}

.ma5 {
    margin: 5px
}

.ml5 {
    margin-left: 5px
}

.mr5 {
    margin-right: 5px
}

.mt5 {
    margin-top: 5px
}

.mb5 {
    margin-bottom: 5px
}

.ma10 {
    margin: 10px
}

.ml10 {
    margin-left: 10px
}

.mr10 {
    margin-right: 10px
}

.mt10 {
    margin-top: 10px
}

.mb10 {
    margin-bottom: 10px
}

.ma20 {
    margin: 20px
}

.ml20 {
    margin-left: 20px
}

.mr20 {
    margin-right: 20px;
    margin-bottom: 20px;
}

.mt20 {
    margin-top: 20px
}

.mb20 {
    margin-bottom: 20px
}
/*内填充及外补丁 结束*/

/*控制元素显隐及行内、块 开始*/


.dis-block {
    display: block
}

.dis-none {
    display: none
}

.dis-il-block {
    display: inline-block;
    vertical-align: middle;
}

.dis-inline {
    display: inline-block
}

.visi-hidden {
    visibility: hidden
}
/*控制元素显隐及行内、块 结束*/


/*控制文本对齐及大小、行高、加粗 开始*/
.tx-fb { font-weight: bold}
.tx-center {
    text-align: center
}

.tx-left {
    text-align: left
}

.tx-right {
    text-align: right
}

.fz0 {
    font-size: 0
}
.fz12 {
    font-size: 12px
}

.fz14 {
    font-size: 14px
}

.fz16 {
    font-size: 16px
}

.fz18 {
    font-size: 18px
}

.lh18 {
    line-height: 18px
}

.lh22 {
    line-height: 22px
}
.lh28 {
    line-height: 28px
}
.lh30 {
    line-height: 30px
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
/*控制文本对齐及大小、行高、 结束*/




/* 栅格系统 开始*/
.col-md-12 {
    width: 100%
}

.col-md-11 {
    width: 91.66666667%
}

.col-md-10 {
    width: 83.33333333%
}

.col-md-9 {
    width: 75%
}

.col-md-8 {
    width: 66.66666667%
}

.col-md-7 {
    width: 58.33333333%
}

.col-md-6 {
    width: 50%
}

.col-md-5 {
    width: 41.66666667%
}

.col-md-4 {
    width: 33.33333333%
}

.col-md-3 {
    width: 25%
}
.col-md-2 {
    width: 16.66666666%
}
.col-md-1 {
    width: 8.33333333%
}
.col-md-1 ,.col-md-2,.col-md-3 ,.col-md-4,.col-md-5 ,.col-md-6,.col-md-7 ,.col-md-8,.col-md-9 ,.col-md-10,.col-md-11 ,.col-md-12{
    float: left;
}
/* 栅格系统 结束*/
/*文本框，及表单组合 开始*/
/*.form-control:focus {
    border: 1px solid #46a1fe;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}*/
.mainBox{
    background: #f7f7f7;
}
.w1400 {
    width: 72.9167vw;
    margin: 0 auto;
}
input,
button {
  border: none;
  outline: none;
  font-size: 0.7292vw;
    line-height: 1.5vw;
}

input[type="number"] {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

button {
  cursor: pointer;
}


/* 头部样式 */
.topbar {
    background: #f2f2f2;
    height: 1.4583vw;
    /* font-size: 0.625vw; */
    font-size: 0.7292vw;
    line-height: 1.4583vw;
  }
  .topbar select{
      font-size: 0.7292vw;
      vertical-align: middle;
  }
  .navcity img {
      vertical-align: middle;
      height: 0.8333vw;
  }
  .navcity .cityName {
      color: #787878;
  }
  #citySelect{
      border: none;
      outline: none;
      background: #f2f2f2;
  }
  
  .top{
      padding: 0.8333vw 0;
      border-bottom: 1px solid #f2f2f2;
  }
  .topbarAsid{
      font-size: 0.7292vw;
      line-height: 1.4583vw;
      color: #787878;
      position: relative;
      
  }
  .topbarAsid span {
      padding: 0 0.9375vw;
  }
  .topbarAsid a {
      color: #787878;
  }
  .topbarAsid .ico{
   height: 0.8333vw;
   vertical-align: middle;
   margin-right:.2vw ;
  }
  #wechatImg{
    width: 6.7vw;
    height: 6.7vw;
    position: absolute;
    right: 0;
    top: 1.8vw;
    z-index: 2;
    display: none;

  }

  
  #logo {
    margin-right: 8.9583vw;
  }
  #logo img  {
     width: 9.427vw;
  }
  .serachBox{
      width: 23.21875vw;
      height: 1.8vw;
      padding: 0 0 0 .5vw;
      border: 1px solid #f3f3f3;
      border-radius: 20px;
      color: #c4c4c4;
      font-size: 0.7292vw;
  }
  .serachBox input,.serachBox select{
   border: none; 
   font-size: 0.7292vw;
   height: 100%;
   padding: 0 .417vw;
  }
  .serachBox input{width:13vw}
  .serachBox button {
      background: #ebebeb; 
      color: #6b6b6b;
      font-size: 0.7292vw; 
      padding: 0 1.2vw; 
      border-radius:20px; 
      height: 100%;
      font-weight: 600;
  }
  .tel {
      color: #b81c22;
      text-align: right;
      font-size: 0.7292vw;
  }
  .phoneNum{
      font-size: 1.3542vw;
      font-weight: 600;
  }
  .phoneNum img {
      width: 1.25vw;
  }
  
  /*
  * 导航
  *
  */
  #mainNav {
    position: relative;
    z-index: 10;
  }
  
  #mainNav li {
      /* font-size: 0.7291vw; */
      font-size: .8333vw;
      float: left;
      padding:0 .5vw ;
      margin: .8vw;
      line-height: 2vw;
  }
  #mainNav li.first {
      margin-left: 0;
  }
  #mainNav li a {
    
  }
  #mainNav li a:hover {
      color: #b81c22;
  }
  #mainNav .active a {
      color: #b81c22;
      border-bottom: 2px solid #b81c22;
      padding-bottom: .3vw;
     
  }
  
  #mainNav .getQuotation a,#mainNav .getQuotation a:hover {
      color: #fff;
      background: #b81c22;
      padding: .2vw .8vw;
      border-radius: 10px;
  }


/* 子导航 */
#mainNav .subNav {
    width: 100%;
    position: absolute;
    left: 0;
    top: 4vw;
    background: #fff;
    padding: 2vw 0;
    font-size: .8333vw;
    display: none;
   
}
.subNav .subItem{
    float: left;
    padding: 0 4vw ;
}
.subNav.subNav3 .subItem
{
    padding: 0 3vw;
}
.subNav .subNavLine{
    float: left;
    border-right: 1px solid #dddddd;
    height: 2vw;
    margin-top: .5vw; 
}
.subNav .subItem .ico{
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    width: 1.40625vw;
    height: 1.40625vw;
    margin: 0 auto;
    background-position: center 0; 
}
.subNav .subItem p {
    line-height: 2.2vw;
}
.subNav .subItem.cur a {
    color:#b81c22 ;
}

.subNav .subItem1 .ico{
    background-image: url(../images/base/subNav_bg1.png);
}
.subNav .subItem2 .ico{
    background-image: url(../images/base/subNav_bg2.png);
}
.subNav .subItem3 .ico{
    background-image: url(../images/base/subNav_bg3.png);
}
.subNav .subItem4 .ico{
    background-image: url(../images/base/subNav_bg4.png);
}

.subNav .subItem5 .ico{
    background-image: url(../images/base/subNav_bg5.png);
}
.subNav .subItem6 .ico{
    background-image: url(../images/base/subNav_bg6.png); 
}
.subNav .subItem7 .ico{
    background-image: url(../images/base/subNav_bg7.png); 
}
.subNav .subItem8 .ico{
    background-image: url(../images/base/subNav_bg8.png); 
}
.subNav .subItem9 .ico{
    background-image: url(../images/base/subNav_bg9.png); 
}
.subNav .subItem10 .ico{
    background-image: url(../images/base/subNav_bg10.png); 
}
.subNav .subItem11 .ico{
    background-image: url(../images/base/subNav_bg11.png); 
}
.subNav .subItem12 .ico{
    background-image: url(../images/base/subNav_bg12.png); 
}
.subNav .subItem13 .ico{
    background-image: url(../images/base/subNav_bg13.png);
}
.subNav .subItem14 .ico{
    background-image: url(../images/base/subNav_bg14.png);
}   

.subNav .subItem.cur .ico {
    background-position: center bottom;
}



 /* 底部样式  */
 .mainFooter {
    background: #1c1c1c;
    color: #fff;
    /* padding: 1.5625vw 10.4167vw; */
    font-size: 0.7291vw;
    line-height: 1.5vw;
    color: #bbbbbb;
  }
  .mainFooter .linkContent{
    display: flex;
    padding: 1.5625vw 0 ;
  }
  .mainFooter dt, .mainFooter dd {
    padding-left: 2.6vw;
  }
  .mainFooter .footer-contactUs dt,.mainFooter .footer-contactUs dd {
    padding-left: 0; 
  }
  .mainFooter dt {
    border-bottom:1px solid #454545  ;
    line-height: 2vw;
    font-weight: bold;
    margin-bottom:.8vw ;
  }
  .mainFooter dd a {
    color: #bbbbbb;
  }
  .mainFooter dd a:hover {
    text-decoration: underline;
    color: #fff;
  }

  
  .mainFooter .column {
    width: 5.21vw;
    display: flex;
    flex-wrap: wrap;
    line-height: 1.5vw;
  }
  .mainFooter .footer-follow .column
  {
    flex-direction:column;
    flex-wrap:nowrap;

  }
  .mainFooter .footer-cases .column {
    width: 10vw;
  }
  .mainFooter .footer-cases .column a {
      flex: 1 1 50%;
  }
  .mainFooter .footer-tel{
    font-size: 1.35vw;
    color: #cc1821;
    font-weight: bold;
    padding: 0.52vw 0px;
  }
  .mainFooter .footer-tel  strong{
    font-size: 1.56vw;
  }
  .footer-copyright{
    font-size: 0.73vw;
    color: #b0b0b0;
    background-color: #141414;
    padding: 1vw;
  }

.paginationjs,
.paginationjs .paginationjs-pages,
.paginationjs .paginationjs-pages ul {
  width: 100%;
  display: flex;
  gap: 0.1vw;
  justify-content: center;
}
.paginationjs .paginationjs-pages ul li {
  width: 2.6vw;
  height: 2.6vw;
  line-height: 2.6vw;
  font-size: 0.73vw;
  text-align: center;
  background-color: #ebebeb;
  cursor: pointer;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.paginationjs .paginationjs-pages ul li a {
  color: inherit;
}
.paginationjs .paginationjs-pages ul li:hover,
.paginationjs .paginationjs-pages ul li.active {
  color: #fff;
  background-color: #191b1f;
}
.filter-page {
    padding-top: 2vw;
    width: 100%;
    display: flex;
    gap: 0.1vw;
}



.filter-nav {


        margin: 1.77vw auto;
     
  }
  .filter-nav dl {
    display: flex;
    font-size: 0.73vw;
    border-bottom: 1px solid #dddddd;
  }
  /*最后一个 .filter-nav dl*/

  .filter-nav dl:last-of-type {
    border-bottom: none;
  }


  .filter-nav dl dt {
    width: 4.38vw;
    line-height: 1.46vw;
    text-align: center;
    /* background-color: #ececec; */
    padding: 0.8vw 0px;
    font-weight: bold;
  }
  .filter-nav dl dd {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5vw;
    padding: 0.8vw 1vw;
  }
  .filter-nav dl:nth-child(1) dt,
  .filter-nav dl:nth-child(1) dd {
    padding-top: 1.5vw;
  }
  /* .filter-nav dl:nth-last-child(1) dt,
  .filter-nav dl:nth-last-child(1) dd {
    padding-bottom: 1.5vw;
  } */
  .filter-nav .filter-nav-item {
    height: 1.46vw;
    line-height: 1.46vw;

    font-size: 0.73vw;
    padding: 0 0.78vw;
    cursor: pointer;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  }
  .filter-nav .filter-nav-item:hover {
    color: #cc1821;
  }
  .filter-nav .all.active.filter-nav-item {
    color: #fff;
    background-color: #cc1821;
  }
  .filter-nav .filter-nav-item.active {
    color: #cc1821;
    /* background-color: #fff; */
  }
  .filter-nav .filter-nav-item.all{
    color: #fff;
    background-color: #191b1f;
  }

  
  .filter-nav .filter-sort {
    padding: 0 1.3vw;
    height: 1.8vw;
    line-height: 1.8vw;
    background-color: #ffffff;
    /* border: solid 1px #c9c9c9; */
    font-size: 0.73vw;
    color: #3e3a39;
    box-sizing: content-box;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  }
  .filter-nav .filter-sort.active {
    color: #fff;
    background-color: #cc1821;
    border-color: #cc1821;
  }
  .filter-nav .filter-sort span {
    position: relative;
    top: -0.1vw;
  }
  .filter-nav .filter-search {
    display: flex;
    justify-content: flex-end;
    font-size: 0.73vw;
  }
  .filter-nav .filter-search input {
    width: 12vw;
    height: 1.8vw;
    line-height: 1.8vw;
    font-size: 0.73vw;
    background-color: #ffffff;
    /* border: solid 1px #c9c9c9; */
    padding: 0 0.63vw;
    border-right-width: 0px;
    box-sizing: content-box;
  }
  .filter-nav .filter-search button {
    width: 4vw;
    height: 1.8vw;
    line-height: 1.8vw; 
    background-color: #cc1821;
    color: #fff;
    box-sizing: content-box;
    padding: 0;
  }



  /* 内页公共样式 */

.main{
    font-size: 0.7292vw;
    line-height: 1.5vw;
}
.top_banner,.top_banner img {width: 100%; display: block;}
.crumbsBox{
    height: 3.85vw;
    line-height: 3.85vw;
    background-color: #fff;
    box-shadow: 0 0.15vw 0.3vw rgba(0, 0, 0, 0.2);
    font-size: 0.7292vw;
    overflow: hidden;
    position: relative;
}
.crumbs{
    height: 3.85vw;
    line-height: 3.85vw;
    background-color: #fff;
    box-shadow: 0 0.15vw 0.3vw rgba(0, 0, 0, 0.2);
    font-size: 0.7292vw;
    overflow: hidden;
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 11;
}
.crumbs.fixed {
    position: fixed;
}
.crumbs_right{
    font-size: 0.8333vw;
    
}
.crumbs_right a{color: #333333;padding: 0 1.6667vw; display: inline-block;}
.crumbs_right a:hover,.crumbs_right a.active{color: #fff; background: #e24535;}



/* 内页服务预约 */
.inner_reservation{
    background-image: url(../images/designAdvantages/reservation_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    padding: 5.2vw 0 4.2vw 0;
}
.inner_reservation .subTitle {
    line-height: 2vw;
    padding-bottom: 4vw;
}
.inner_reservation .subTitle span {
    padding: 0  2vw 1vw 2vw;
    border-bottom: 1px solid #45423c;

}

.inner_reservation .form_divs{
    display: flex;
    gap: 1.8vw;
    
}
.inner_reservation .form_div{
    width: 16vw;
    background: #fff;
    padding: 0 1vw;
    border-radius: .2vw;
}
.inner_reservation .form_divs button {
    background: #ce2222;
    color: #fff; 
    height: 2.2vw;
    padding: 0 2vw;
    font-size: 0.8333vw;
    border-radius: .2vw;
  }
.inner_reservation .form_divs img,.inner_reservation .form_divs input{
      vertical-align: middle;
  }
.inner_reservation .form_divs img {
      width: 1vw;
  }
  
.inner_reservation .form_divs input {
      border: none;
      height: 2.2vw;
      width: 11.6667vw; 
      margin-left: .5vw;
}


/* 内页 公共标题 */
.mainTitle{
    text-align: center;
    font-size: 1.3541vw;
    line-height: 2.5vw;
}
.subTitle {
    text-align: center;
    line-height: 1.2vw;
    color: #909090;
}
.subTitle.fTitle,.mainTitle.fTitle{
    color: #fff;
}


.aside-from{
    background-image: url(../images/cases/aside-form-bg.jpg);
    background-size: cover;
    background-position: center;
    padding: 1.5vw;
    color: #fff;
    padding-top: 0.5vw;
}
.aside-from h3 {
    color: #ce2222;
}
.aside-from h3,.aside-from h4{
    font-size: 1vw;
    line-height: 1.5vw;
}
.aside-from .form_div {
    margin-bottom: 1vw;
}
.aside-from .form_div input{
    width: 100%;
    padding: 0 0.5vw;
    height: 2vw;
    background: #fff;
    border: 1px solid #fff;
    box-sizing: border-box;
   
}  
.aside-from button {
    width: 100%;
    height: 2vw;
    line-height: 2vw; 
    text-align: center;
    background-color: #ce2222;
    font-size: 0.73vw;
    color: #ffffff;
    font-weight: bold;
}
.aside-from .entitle {
    /*英文大写*/
    text-transform: uppercase;
    font-size: .8vw;
    color:#cacaca;
    line-height: 2.6vw;
    margin-bottom: 1vw
}
.aside-from .tips {
    font-size: 0.625vw;
    color: #908c8a;
}
.aside-from h4{
    margin-bottom: 1.2vw;
}
/* 侧栏导航 */
.slidenav {
    position: fixed;
    top: 20%;
    width: 100px;
    right: 12px;
    background-color: #ffffff;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    z-index: 99;
    overflow: hidden;
  }
  .slidenav dl {
    color: #000000;
    font-size: 14px;
    padding: 15px 0px;
    border-bottom: 1px solid #ececec;
    background: #ffffff;
    cursor: pointer;
    text-align: center;
    transition: all 0.5s ease-in-out;
  }
  .slidenav dl:nth-last-child(1) {
    border-bottom: 0px solid #ececec;
  }
  .slidenav dt {
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
  }
  .slidenav dd {
    margin-top: 5px;
    text-align: center;
    color: #000000;
  }
  .slidenav .slidenav-love{
    color: #ffffff;
    background: #b30b16;
  }
  .slidenav .slidenav-love dd {
    color: #ffffff;
  }
  .slidenav .slidenav-love dt {
    background-image: url(../images/base/slidenav-love-active.png);
    
  }
  .slidenav .slidenav-free dt {
    background-image: url(../images/base/slidenav-free.png);
    background-position-x: 40px;
  }
  .slidenav .slidenav-day dt {
    background-image: url(../images/base/slidenav-day.png);
  }
  .slidenav .slidenav-tel dt {
    background-image: url(../images/base/slidenav-tel.png);
  }
  .slidenav .slidenav-top dt {
    background-image: url(../images/base/slidenav-top.png);
  }
  .slidenav dl:hover {
    color: #ffffff;
    background: #b30b16;
  }
  .slidenav dl:hover dd {
    color: #ffffff;
  }
  .slidenav .slidenav-love:hover dt {
    background-image: url(../images/base/slidenav-love-active.png);
  }
  .slidenav .slidenav-free:hover dt {
    background-image: url(../images/base/slidenav-free-active.png);
  }
  .slidenav .slidenav-day:hover dt {
    background-image: url(../images/base/slidenav-day-active.png);
  }
  .slidenav .slidenav-tel:hover dt {
    background-image: url(../images/base/slidenav-tel-active.png);
  }
  .slidenav .slidenav-top:hover dt {
    background-image: url(../images/base/slidenav-top-active.png);
  }
  
  /* 报名弹窗 */
  .modal-form {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99;
    display: none;
  }
  .modal-form-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .modal-form .modal-form-inner {
    display: flex;
    width: 840px;
    position: relative;
  }
  .modal-form .modal-form-input {
    flex: 1;
    background-color: #f3f4f6;
  }
  .modal-form .price-title {
    font-size: 26px;
    color: #000000;
    text-align: center;
    margin-top: 30px;
  }
  .modal-form .price-change {
    font-size: 26px;
    color: #b30b16;
    text-align: center;
    margin-top: 10px;
  }
  .modal-form .price-change-number {
    display: inline-block;
    width: 180px;
    font-size: 46px;
    color: #b30b16;
    font-weight: bold;
  }
  .modal-form .input-item {
    position: relative;
    margin: 16px 77px;
  }
  .modal-form .input-item input {
    width: 100%;
    height: 47px;
    background-color: #ffffff;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    border-radius: 24px;
    border: none;
    outline: none;
    padding-left: 50px;
  }
  .modal-form .input-icon {
    position: absolute;
    left: 18px;
    top: 11px;
  }
  .modal-form .input-button {
    display: block;
    width: 269px;
    height: 47px;
    line-height: 47px;
    color: #ffffff;
    text-align: center;
    background-color: #333;
    margin: 0 auto;
    border: none;
    outline: none;
    border-radius: 23px;
    cursor: pointer;
  }
  .modal-form .modal-form-input p {
    font-size: 12px;
    color: #999999;
    opacity: 0.8;
    text-align: center;
    margin-top: 20px;
  }
  .modal-form .model-close {
    cursor: pointer;
    position: absolute;
    right: -15px;
    top: -15px;
    background: #b30b16;
    border-radius: 50%;
    overflow: hidden;
  }
  .modal-form img {
    display: block;
    max-width: 100%;
  }