@import url('https://fonts.cdnfonts.com/css/butler');



*{

  margin: 0px;

  padding: 0px;

  box-sizing: border-box;

}



body {

       font-family: 'Butler', "Times New Roman", Times, serif !important;

      background-color: #5c3a1a;

        padding: 0px 30px;

    }



.main-content-section{

  background-color: white;

}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

    font-family: 'Butler', "Times New Roman", Times, serif !important;

    font-weight: 300 !important;

    line-height: 1.2857 !important;

   

}





p{

  font-family: "IBM Plex Sans",Helvetica,Arial,sans-serif !important;

  font-size: 14px !important;

    line-height: 1.7143 !important;

    color: #555555;

}



    .services-section .sub-heading {

      font-size: 13px;

      letter-spacing: 1px;

      text-transform: uppercase;

      color: #888;

      margin-bottom: 10px;

    }



    .services-section h2 {

      font-size: 36px;

      /* max-width: 800px; */

      margin: 0 auto 60px;

      font-family: 'Butler', "Times New Roman", Times, serif;

    }



    .service-item {

      padding: 30px 20px;

      transition: 0.3s ease-in-out;

      min-height: 340px;

    }



    .service-item .img-icon img {

      max-height: 80px;

      margin-bottom: 20px;

    }



    .service-item h4 {

      font-size: 18px;

    color: #62401b;

    font-weight: 500 !important;

    text-align: center;

    }



    .service-item p {

      font-size: 16px;

      color: #555;

      min-height: 60px;

    }

.slider-text{

  font-size: 36px;

}

small.text-uppercase.slider {

    opacity: 0.4;

    letter-spacing: 0.2px;

}

.slider-text-main{

  color: white;

    letter-spacing: 0.5px;

  opacity: 0.4;

}

    .service-item .action {

      display: inline-block;

      display: flex;

      justify-content: center;

      align-items: center;

      width: 35px;

      height: 35px;

      background-color: #f8f8f8;

      border-radius: 50%;

      text-align: center;

      line-height: 30px;

      color: #c0392b;

      font-size: 16px;

      text-decoration: none;

      transition: background 0.3s;

    }



    .service-item .action:hover {

      background-color: #c0392b;

      color: #fff;

    }



    .img-icon {

    display: flex;

    justify-content: center;

    align-items: center;

}



.services-section {

    padding-top: 150px;

}







/* hero section */



 .hero-section {

      background-image: url('/assets/img/bannerNew.jpg');

      background-size: cover;

      background-position: center;

      min-height: 50vh;

      width:95%;

      margin-left: 2.5%;

      display: flex;

      align-items: end;

      justify-content: center;

      background-image: url(../img/bannerNew.jpg);

    }



    .content-box {

      background-color: white;

      padding: 1rem 3rem;

      max-width: 800px;

      text-align: left;

      margin-right: 300px;

    }



    .content-box h1 {

      font-size: 36px;

      font-weight: 400;

    }



    .highlight {

      color: red;

      font-weight: 400;

    }



    @media (max-width: 576px) {

      .content-box {

        padding: 1.5rem;

      }



      .content-box h1 {

        font-size: 1.4rem;

      }

    }


    @media (max-width: 767px) {
     .limit-selector, .artist-grid {
        padding: 0px 20px 0px !important;
    }
}


    @media (max-width: 767px) {

    .org-logo {
    max-width: 130px  !important;
    height: auto;
    margin-bottom: 10px;
}


.identification, .clearfix, .Advice, .login-section {
    padding: 100px 20px 0px !important;
}

.slider-text {
    font-size: 24px !important;
}
.content-box {
    background-color: white;
    /* padding: 1rem 3rem; */
    max-width: 800px;
    text-align: left;
    margin-right: 0px !important;
}

.services-section h2 {
    font-size: 24px !important; 

}

.services-section {
    padding-top: 0px !important;
}

    }




    /* slider section */

    .slider-section{

      width: 95%;

        margin-left: 2.5%;

    }





      .carousel-item {

      height: 100vh;

      min-height: 500px;

      background-size: cover;

      background-position: center center;

      position: relative;

    }



    .overlay-box {

      color: #fff;

      background-color: #62401b;

    padding: 96px;

    text-align: left;

    max-width: 512px;

    }

.tags a.label-info:before {
    content: "#";
}
.tags a.label-info {
      background: #f7f7f7;
    border: 0;
    margin-right: 4px;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #555555;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.article-content.clearfix .tags {
    margin-bottom: 12px !important;
}

    .cta-btn {

      background-color: red;

      color: white;

      border: none;

      padding: 20px 20px;

      font-weight: bold;

      margin-top: 20px;
      text-transform: uppercase;

    }





    

    .cta-btn:hover{

      background-color: #b14220;;

    }

    .carousel-caption-custom {

      position: absolute;

      top: 50%;

      right: 10%;

      transform: translateY(-50%);

      text-align: left;

    }



    .carousel-indicators [data-bs-target] {

      background-color: #000;

    }



    @media (max-width: 768px) {

      .overlay-box {

        max-width: 100%;

        padding: 20px;

      }

      .carousel-caption-custom {

        right: 5%;

        left: 5%;

      }

    }





    /* identification */



    .identification, .clearfix, .Advice, .login-section{

     padding: 100px 360px 0px 360px;



    }


   .artist-grid {
    padding: 0px 170px 0px 170px;
}

    .identification, .clearfix, .Advice, .login-section, .limit-selector {
    padding: 100px 170px 0px 170px;
}

@media(max-width:1023px){
   .identification, .clearfix, .Advice, .login-section, .limit-selector {
    padding: 100px 50px 0px ;
}
}



    .identification h1, .clearfix h1, .Advice h1{

      font-size: 56px;

    }



.clearfix a{

  color: #c0392b;

  text-decoration: none;

}



    .identification p, .clearfix p, ul li, .article-content p {

      font-size: 18px !important;

    }





    .page-header h1{

      font-family: 'Butler', "Times New Roman", Times, serif I !important;

    }





    

    /* contact us page*/



      .contact-form {

      max-width: 100%;

      margin: auto;

    }

    .form-control, .form-control:focus {

      background-color: #eee;

      border: none;

      box-shadow: none;

    }

    .btn-red {

      background-color: #e60000;

      color: white;

    }

    .upload-area {

      background-color: #eee;

      height: 100px;

      display: flex;

      align-items: center;

      justify-content: center;

      border: 1px dashed #ccc;

    }



    .联系我们{

    border-radius: 0px !important;

    padding: 11px 15px !important;

    color: #ffffff !important;

    font-size: 14px !important;

    background-color: #ff1003 !important;

    }