/*************
Hash CSS Start
**************/
@media(min-width: 1920px){
    .cyprsu-logo-area {
        max-width: 100%;
    }
}
@media(max-width: 1920px){
    .container{
        max-width: 100%;
        padding-right: 60px;
        padding-left: 60px;
    }
}
@media(min-width: 1700px){
    .video-container video, .video-container .reconmmend-video-thumb{
        height: 550px;
    }
}
@media (min-width: 1400px) {
    .container{
        max-width: 1920px !important;
        padding-right: 60px;
        padding-left: 60px;
    }
}
@media(min-width: 768px){
    .awareness-accordion .accordion-button::after {
        content: none;
    }
}
@media(max-width: 1400px){
    .award-list {
        gap: 90px;
    }
}
@media(max-width: 767px){
	.container{
        padding-right: 16px;
        padding-left: 16px;
    }
    body{
        border: 10px solid var(--white-color);
    }
    .form-area > .form-logo{
        width: 68%;
    }
    .submit-col > .global-btn{
        padding: 8px 38px;
    }
    /* Banner section css start */
    .banner-sec {
        padding: 0 0 40px;
        background-image: none !important;
    }
    .banner-mobile-img{
        transform: scale(1.02);
    }
    .banner-title {
        font-size: 26px;
        line-height: 31px;
        margin-bottom: 30px;
    }
    .banner-time{
        font-size: 28px;
        line-height: 34px;
    }
    .banner-time > img {
        margin-right: 10px;
        max-width: 36px;
    }
    .banner-places > span{
        font-size: 20px;
        line-height: 20px;
        padding: 9px 8px;
        letter-spacing: 1px;
    }
    .banner-places{
        margin-bottom: 20px;
    }
    .banner-content-area .subtitle {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 20px;
        letter-spacing: 1px;
    }
    .banner-desc > strong{
        letter-spacing: 0.5px;
    }
    .banner-desc {
        font-size: 20px;
        line-height: 28px;
    }
    .banner-desc > br{
        display: none;
    }
    .banner-desc strong {
        display: block;
    }
    .banner-content-area{
        margin-bottom: 50px;
        z-index: 1;
        margin-top: -40px;
        position: relative;
    }
    .form-area{
        padding: 60px 20px 30px;
    }
    .form input:not([type="checkbox"]){
        padding: 4px 16px;
    }
    .countdown-item > span.time-count{
        font-size: 32px;
        line-height: 36px;
    }
    .countdown .countdown-item::before{
        font-size: 32px;
        line-height: 36px;
        bottom: 2px;
    }
    .countdown-area{
        padding: 12px 0 28px 0;
    }
    .form-title span{
        margin-bottom: 30px;
        padding: 6px 12px;
        font-size: 22px;
        margin-top: -22px;
    }
    .form .check-col {
        margin-top: 10px;
        padding: 0px !important;
    }
    .form .check-col .wpcf7-list-item{
        margin-left: 0px;
    }
    .wpcf7-list-item-label, .form-desc{
        font-size: 13px;
        line-height: 18px;
    }

    /* Webinar section css start */
    .webinar-sec {
        padding: 20px 0 60px;
    }
    .title-area h2.title {
        font-size: 28px;
        line-height: 36px;
        text-align: center;
        letter-spacing: 2px;
    }
    .webinar-sec .title-area {
        margin-bottom: 20px;
    }
    .video-container .reconmmend-video-thumb{
        height: auto;
    }
    .video-title {
        font-size: 20px;
        line-height: 24px;
        margin-top: 10px;
        margin-bottom: 26px;
    }
    .video-container video{
        height: unset !important;
        max-height: 540px;
        aspect-ratio: 9/16;
    }
    .video-modal video {
        max-height: 400px;
    }
    .button-t-margin {
        margin-top: 20px;
    }
    .global-btn.btn-bold{
        font-size: 23px;
        padding: 8px 18px;
        width: 100%;
        text-align: center;
    }

    /* Awareness section css start */
    .awareness-sec {
        padding-bottom: 60px;
    }
    .awareness-accordion .accordion-item {
        padding: 16px 16px 24px;
    }
    .awareness-accordion .accordion-item .accordion-header{
        width: 100%;
    }
    .awareness-accordion .accordion-item .accordion-header .accordion-button{
        padding-left: 30px;
    }
    .awareness-accordion .accordion-button::after {
        margin-left: -30px;
        position: absolute;
        left: 30px;
        top: 5px;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
    }
    .awareness-accordion .accordion-item .accordion-header .accordion-button {
        font-size: 20px;
        line-height: 26px;
    }
    .global-btn.custom-acco-btn{
        display: none;
    }
    .awareness-accordion .accordion-item .accordion-collapse .accordion-body{
        margin-right: 0px;
        border: none;
        padding-right: 0;
        padding-top: 20px;
        column-count: 1;
        column-gap: 0;
    }
    .awareness-accordion-content {
        margin-bottom: 20px;
    }
    .awareness-accordion-content .content {
        font-size: 20px;
        line-height: 26px;
    }
    .awareness-accordion-content .content br{
        display: none;
    }
    .awareness-accordion-content .number {
        font-size: 24px;
        line-height: 30px;
        margin-left: 12px;
    }

    /* Review section css start */
    .recommend-sec {
        padding: 0 0 60px;
    }
    .recommend-sec .title-area {
        margin-bottom: 20px;
    }
    .recommend-area {
        padding: 0 16px;
        font-size: 20px;
        line-height: 28px;
        border-left: 0px;
        margin-bottom: 30px;
    }
    .recommend-area .profile-img{
        max-width: 200px;
        margin-bottom: 30px;
    }
    .recommend-area .name{
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .recommend-slider .slick-list {
        margin-bottom: 30px;
    }
    .slick-dotted.slick-slider {
        margin-bottom: 20px;
    }
    .recommend-slider .slick-dots {
        bottom: -36px;
    }
    .recommend-slider .desc br {
        display: none;
    }

    /* Term section css start */
    .term-sec {
        padding-bottom: 60px;
    }
    .term-container {
        padding: 50px 16px 70px;
    }
    .term-content-area .term-bottom-title{
        font-size: 26px;
        line-height: 30px;
    }
    .term-content-area .term-bottom-title > span {
        max-width: 250px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .term-title{
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 30px;
        line-height: 32px;
        letter-spacing: 2px;
    }
    .term-content {
        padding: 60px 0 0;
    }
    .term-content .term-desc{
        margin-bottom: 0px;
        font-size: 26px;
        line-height: 30px;
    }
    .term-content.text-white .term-desc{
        max-width: 195px;
        margin-left: auto;
        margin-right: auto;
    }
    .term-content .term-desc br {
        display: none;
    }
    .term-content-area .row > .col-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    .term-content-area .row {
        margin-bottom: 80px;
    }
    .term-content-area .term-bottom-title::before {
        right: 0;
        top: -20px;
        width: 100%;
    }
    .term-content-area .term-bottom-title::after {
        left: 0;
        bottom: -20px;
        width: 100%;
        top: unset;
    }
    .term-sec .button-t-margin {
        margin-top: 40px;
    }

    /* About section css start */
    .about-sec .title-area {
        margin-bottom: 30px;
    }
    .about-sec .row .col-md-6{
        width: 100%;
    }
    .about-sec .row{
        gap: 0;
    }
    .about-content-area .about-logo {
        margin-right: 0;
        margin-bottom: 16px;
        max-height: 50px;
        max-width: 150px;
    }
    .about-content-area .about-detail .title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 16px;
    }
    .about-content-area .about-detail .title br{
        display: none;
    }
    .about-content-area .about-detail .date-area{
        padding-top: 16px;
    }
    .about-content-area .about-detail .date-area :where(.link, .date) {
        font-size: 22px;
        line-height: 26px;
    }
    .about-content-area {
        margin-bottom: 50px;
    }

    /* Cyprus section css start */
    .cyprus-sec {
        padding: 20px 0 60px;
    }
    .cyprus-logo {
        max-width: 190px;
        margin-bottom: 20px;
    }
    .cyprus-desc {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
        text-align: center;
    }

    /* Gallery section css start */
    .gallery-slider .slick-track {
        gap: 10px;
    }
    .gallery-slider .slick-list {
        padding: 0 8% 0 0 !important;
    }
    .gallery-slider .slick-dots{
        bottom: -46px;
    }

    /* Intro section css start */
    .intro-sec {
        padding: 70px 0 180px;
    }
    .profile-img > img {
        max-width: 200px;
        margin-bottom: 30px;
    }
    .profile-content {
        max-width: 480px;
        font-size: 20px;
        line-height: 30px;
        text-align: center;
        margin-bottom: 70px;
    }
    .profile-content .position {
        margin-bottom: 20px;
    }
    .profile-content .name {
        margin-bottom: 4px;
    }
    .profile-content .profile-desc br {
        display: none;
    }

    /* Footer section css start */
    .footer-sec .note {
        font-size: 18px;
        line-height: 26px;
        right: 16px;
        top: -20px;
    }
    .footer-sec {
        position: relative;
        margin-top: -80px;
    }
    .gallery-slider .gallery-item .gallery-slide-img{
        min-height: 280px;
        object-fit: cover;
        object-position: center left;
    }

    #recommendVideoModal .modal-dialog{
        max-width: 86%;
        margin-left: auto;
        margin-right: auto;
    }
    #galleryModal .modal-dialog{
        max-width: 100%;
    }
    #galleryModal .modal-content {
        padding: 5px !important;
    }
    #galleryModal .popup-close-btn{
        top: 4px;
        right: 4px;
    }
    #galleryModal .slick-dots{
        bottom: 6px !important;
    }
    .gallery-slide-img {
        border-radius: 10px;
    }
    .modal-gallery-slider{
        margin-bottom: 0px !important;
    }
    .modal-gallery-slider .slick-slide img{
        min-height: 350px;
        object-fit: cover;
        object-position: center center;
    }
    .video__play-button-icon {
        width: 20%;
    }
    .form-modal-body .form-area {
        padding: 70px 20px 30px;
    }
    .webinar-video-slider {
        margin-bottom: 60px !important;
    }
    .webinar-video-slider .slick-list{
        padding: 0 1% 0 0 !important;
    }
    .webinar-video-slider .slick-track{
        display: flex !important;
        gap: 10px !important;
    }
    .video-slide{
        padding: 0;
    }
    .lb-nav a {
        width: 38px !important;
        height: 38px;
        background-size: 10px !important;
    }
    .lb-nav a.lb-next {
        margin-right: 10px;
    }
    .lb-nav a.lb-prev {
        margin-left: 10px;
    }
    .intro-area {
        gap: 0px;
        padding: 20px 0 0px;
    }
    .recommend-slider.slick-dotted.slick-slider{
        margin-bottom: 90px;
    }
    .gallery-sec {
        padding-top: 20px;
    }

    /**** Opinion section css ****/
    .opinion-sec {
        padding-bottom: 60px;
    }
    .opinion-wrapper {
        margin-bottom: 20px;
    }
    .opinion-sec .title-area {
        margin-bottom: 30px;
    }
    .opinion-progress-area h3.title, .opinion-progress-area .desc {
        line-height: 30px;
        margin-bottom: 20px;
        text-align: center;
    }
    .progressbar-wrapper.verticle .progress-vertical {
        width: 50px;
    }
    .opinion-progress-area.ver .progress-area{
        margin-bottom: 20px;
    }
    .opinion-progress-area.ver{
        margin-bottom: 40px;
    }
    .opinion-progress-area.horizontal.text-end{
        text-align: center;
    }

    /**** Second Opinion section css ****/
    .opinion-sec-two .title-area .title {
        margin-bottom: 20px;
    }
    .rating-star-number {
        margin-bottom: 30px;
    }
    .award-list {
        gap: 30px;
        margin-bottom: 50px;
    }
    .opinion-sec-two {
        padding-bottom: 60px;
    }
    .opinion-sec-two .title-area p.desc, .rating-star-number {
        font-size: 22px;
    }
    .stars {
        font-size: 45px;
        line-height: 35px;
    }
    .award-list .item img {
        max-height: unset;
        width: 100%;
    }
}