.about_us_banner_container{

    height: 80vh;

    overflow: hidden;

    position: relative;

}



.about_us_banner_container .text_container{

    width: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    text-align: center;

    transform: translate(-50%, -50%);

    color: #fff;

}



.about_us_banner_container img{

    object-fit: fill;

    height: 100%;

}

section.about_us_banner_container ::before {

    content: "";

    position: absolute;

    width: 100%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background-color: rgb(50 50 50 / 12%);

    height: 100vh;

    object-fit: cover;

}



.about_us_banner_container .text_container h2{

    position: relative;

}



.trikaya_unwind{

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 80px 50px;

    background-color: #F6F6F6;

}



.trikaya_unwind .text_container h2{

    color: #666;

    font-family: DM Serif Display;

    font-size: 70px;

    font-style: normal;

    font-weight: 400;

    line-height: 80px;

    margin-bottom: 10px;

    position: relative;

}

.trikaya_unwind .text_container p{

    color: #000;

    font-family: 'Inter', sans-serif;

    font-size: 24px;

    font-style: normal;

    font-weight: 400;

    line-height: 40px;

    margin-top: 30px;

}



.trikaya_unwind .text_container p.for_blue_description{

    line-height: 1px;

    margin-top: 10px;

    margin-left: 44px;

}



.trikaya_unwind .text_container{

    width: 50%;

}

.trikaya_unwind .img_container{

    width: 40%;

}

.about_video_container{

    width: 100%;

    display: block;

}



/* management_photos */

.management_photos{

    padding: 80px 50px;

    width: 100%;

    background-color: #fff;

    text-align: center;

}

.management_photos h2{

    color: #666;

    font-family: DM Serif Display;

    font-size: 70px;

    font-style: normal;

    font-weight: 400;

    line-height: 80px;

    margin-bottom: 10px;

    text-align: center;

}



.star_img_container{

    width: 50%;

    position: relative;

    margin: 0 auto;

    height: 50px;

}



.trikaya_unwind .text_container h2 span {

    font-size: 60px;

}



.star_img_container img{

    object-fit: contain;

    height: 100%;

}



.photos_container{

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    gap: 30px;

    margin-top: 40px;

}



.photos_container .img_wrapper{

    width: 20%;

    display: block;

}



.photos_container .img_wrapper .photos{

    padding: 8px;

    border: 2px solid #D9D9D9;

    width: 100%;

    border-radius: 50%;

    overflow: hidden;

}

.photos_container .img_wrapper .photos > div{

    border-radius: 50%;

    overflow: hidden;

    width: 100%;

    height: 100%;

    background-color: #D9D9D9;

}



.photos_container .img_wrapper .photos img{

    object-fit: initial;

    height: 100%;

}

.photos_container .img_wrapper .name_container{

    padding-top: 40px;

}

.photos_container .img_wrapper .name_container h5{

    color: #000;

    text-align: center;

    font-family: 'Inter', sans-serif;

    font-size: 24px;

    font-style: normal;

    font-weight: 500;

    line-height: 30px;

}

.photos_container .img_wrapper .name_container p{

    color: #000;

font-family: 'Inter', sans-serif;

font-size: 20px;

font-style: normal;

font-weight: 400;

line-height: 17px;

margin-top: 15px;

}

/* values_container */

.values_container{

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: start;

    padding: 80px 50px 30px 50px;

    background-color: #fff;

}



.values_container .text_container h2{

    color: #A57952;

    font-family: DM Serif Display;

    font-size: 70px;

    font-style: normal;

    font-weight: 400;

    line-height: 80px;

}





.values_container .text_container{

    width: 57%;

    padding: 0 30px 20px 30px;

}

.values_container .img_container{

    width: 40%;

    height: 100%;

}



.values_container .text_container div{

    padding-right: 20px;

}



.values_container .text_container div h5{

    color: #A57952;

    font-family: 'Inter', sans-serif;

    font-size: 36px;

    font-style: normal;

    font-weight: 500;

    line-height: 43px; 

    margin-top: 50px;

}

.values_container .text_container div p{

color: #000;

font-family: 'Inter', sans-serif;

font-size: 22px;

font-style: normal;

font-weight: 400;

line-height: 38px;

margin: 15px 0px 10px 0px;

}



.photos_container_des p{

    color: #000;

    font-family: inter,sans-serif;

    font-size: 24px;

    font-style: normal;

    font-weight: 400;

    line-height: 40px;

    margin-top: 50px;

}

/* slider_container */

section.slider_container{

    padding: 30px 0;

}

.slider_container h2{

    color: #666;

    font-family: DM Serif Display;

    font-size: 70px;

    font-style: normal;

    font-weight: 400;

    line-height: 80px;

    text-align: center;

}



.for_one_slider.slick-initialized.slick-slider.slick-dotted button.slick-next.slick-arrow{

    display: none !important;

}



.slid_wrap2{

    width: calc(100% - 24%);

    position: relative;

    margin: 0 auto;

    margin-bottom: 50px;

}

.for_one_slider_later .item {

    max-width: 59%;

    margin: auto;

}

.psda-logo img{

    width:120px; 

}

@media screen and (max-width:992px) {

    .photos_container .img_wrapper{

        width: 40%;

    }

}





@media screen and (max-width: 767px) {

    .about_us_banner_container{

        height: 40vh;

    }

    .trikaya_unwind{

        display: block;

        padding: 20px;

    }

    .text_container h2{

        position: relative;

    }

    .trikaya_unwind h2{

        font-size: 28px !important;

        line-height: 43px !important;

        padding: 0 15px;

    }

    .for_top input{
        margin-top: 30px;
    }

    .trikaya_unwind .text_container h2{

        text-align: left;

        padding: 0;
        margin-bottom: 0;

    }

    .photos_container_des p{
        line-height: 32px;
        font-size: 16px;
    }

    .trikaya_unwind .text_container{

        width: 100%;

    }

    .trikaya_unwind .text_container p{

        font-size: 20px;

        line-height: 33px;

        padding: 0;    

        margin: 20px 0;

    }
    .trikaya_unwind .text_container h2 span{
        font-size: 26px;
    }

    .trikaya_unwind .text_container p:nth-child(2), .trikaya_unwind .text_container p:nth-child(3){

        margin-top: 20px;
        font-size: 16px;
        line-height: 32px;
    }

    .trikaya_unwind .img_container{

        width: 100%;

    }

    .management_photos{

        padding: 20px;

    }

    .management_photos h2{

        font-size: 28px !important;

    line-height: 43px !important;

    margin-bottom: 0;

    }

    .star_img_container {

        width: 70%;

        height: auto;

    }

    

    .photos_container .img_wrapper{

        width: 100%;

    }

    .photos_container .img_wrapper .photos{

        height: auto;

    }

    .photos_container .img_wrapper .name_container{

        padding:30px 0 50px 0;

    }

    .values_container{

        padding: 20px 20px 0 20px;

        display: block;

    }

    .values_container .img_container{

        width: 100%;

    }

    .values_container .text_container{

        width: 100%;

    }

    .values_container .text_container h2{

        font-size: 28px !important;

    line-height: 43px !important;

    }

    .values_container .text_container{

        padding: 20px;

    }

    .values_container .text_container div{

        padding: 0;

    }

    .values_container .text_container div h5{

        margin-top: 38px;

        font-size: 25px;

        line-height: 10px;

    }

    .values_container .text_container div p{

        line-height: 33px;

        font-size: 20px;

    }

    section.slider_container{

        padding: 10px 0;

    }

    .slider_container h2{

        font-size: 33px !important;

        line-height: 43px !important;

    }

    .for_one_slider_later .item {

        max-width: 80%;

    }

}



/* accordian */



section.accordian_wrapper{

    padding: 50px 150px;

    background-color: #F6F6F6;

}



  .accordion {

    font-family: "Montserrat", sans-serif;

    margin: 0 auto;

    width: 100%;

    max-width: 768px;

    font-size: 25px;

  }

 

  .accordion .far, .accordion .fas {

    padding-right: 0.75rem;

  }

  .accordion__title {

    color: #666;

    font-family: DM Serif Display;

    font-size: 70px;

    font-style: normal;

    font-weight: 400;

    line-height: 80px;

    text-align: center;

    letter-spacing: 4px;

    margin: 0 0 30px 0;

  }

  .accordion__item {

    position: relative;

    width: 100%;

    height: auto;

    margin: 15px 0;

    overflow: hidden;

  }



  .accordion__item:last-of-type {

    border-radius: 0 0 10px 10px;

  }

  .accordion__toggle {

    display: block;

    color: #fff;

    font-family: 'Inter', sans-serif;

    font-size: 17px;

    font-style: normal;

    font-weight: 500;

    line-height: 50px;

    letter-spacing: 0px;

    text-transform: capitalize;

    background-color: #A57952;

    padding: 5px 30px;

    border-radius: 4px;

    position: relative;

    cursor: pointer;

  }

  .accordion__icon {

    position: absolute;

    right: 15px;

    top: 50%;

    transform: translate(-50%, -50%);

    fill: #ffffff;

    transition: all 0.2s linear;

  }

  .accordion__item.active .accordion__icon {

    transform: translateY(-50%) rotateZ(90deg);

  }

  .accordion__content {

    overflow: hidden;

    background-color: #fff;

    /* height: 0; */

    max-height: 0;

    transition: all 0.3s linear;

  }

  .accordion__content-container {

    padding: 16px 30px;

    color: #000;

    font-family: inter,sans-serif;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: 29px;

  }

  .accordion__item.active .accordion__content {

    -webkit-transition: all 0.4s linear;

    -moz-transition: all 0.4s linear;

    transition: all 0.4s linear;

    margin-bottom: 0;

  }



  @media screen and (max-width: 768px) {

    .accordion {

      font-size: 18px;

    }

    .accordion__title{

        font-size: 33px;

        line-height: 32px;

    }

    section.accordian_wrapper{

        padding: 20px;

    }

    .accordion__toggle{

        line-height: 25px;

        font-size: 14px;

    }

  }