/**** ALL PAGE CSS HERE - ANH MINH ****/
/** Page FAQs **/
.thim-contact-faqs {
    max-width: 585px;
    margin: 72px auto 100px;
    h4 {
        font-weight: 700;
        font-size: 30px;
        margin: 0;
        line-height: 30px;
        margin-bottom: 34px;
    }
}

/** Page 404 **/
.page-404-content {
    text-align: center;
    padding: 80px 90px;
    h2 {
        text-transform: uppercase;
        font-size: 72px;
        line-height: 80px;
        font-weight: 700;
        margin-top: 40px;
    }
    a {
        &:hover {
            text-decoration: underline;
        }
    }
}

/*** Become a teacher ***/
.thim-apply-as-intructor {
    max-width: 770px;
    clear: both;
    margin: auto;
    text-align: center;
}

body .become-teacher-form {
    margin-bottom: 100px;
    text-align: center;
    border: 1px solid #eee;
    .teacher-title {
        font-size: 18px;
        font-weight: 700;
        text-transform: uppercase;
        border-bottom: 1px solid #eee;
        line-height: 40px;
        padding: 16px 0;
        margin: 0;
    }
    .message.message-info {
        margin-bottom: auto;
    }
    &.block-fields {
        ul {
            li {
                input {
                    pointer-events: none;
                }
            }
        }
    }
    ul {
        margin: 0;
        li {
            list-style: none;
            label {
                display: none;
            }
            div textarea {
                height: 100px;
            }
            textarea,
            input {
                width: 330px;
                max-width: 100%;
                margin: auto;
                box-shadow: none;
                border: 1px solid #eee;
                line-height: 30px;
                height: 40px;
                padding: 5px 10px;
                margin-bottom: 10px;
                text-align: center;
                color: #999;
            }
        }
    }
    button[type="submit"] {
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 700;
        border: 0;
        line-height: 30px;
        height: 40px;
        padding: 5px 25px;
        box-shadow: none;
    }
    form {
        padding: 60px 20px 80px;
    }
    &:not(.allow){
        form{
            padding: 45px 20px 56px;
        }
        button[type=submit],
        button[type=submit]:hover{
            @include opacity(0.7);
            background: #ccc !important;
            color: #666 !important;
        }
        [disabled='disabled'] {
            cursor: not-allowed;
        }
    }
}

.thim-about-us-quote {
    text-align: center;
    max-width: 715px;
    margin: auto;
    margin-top: 72px;
    p {
        color: #999;
        font-size: 30px;
        font-weight: 400;
        line-height: 48px;
    }
    .agency {
        line-height: 25px;
    }
    hr {
        width: 110px;
        margin: 52px auto 38px;
        height: 1px;
    }
}

.rev_slider_wrapper {
    .tp-bullet {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        border: 2px solid #82888d;
        &.selected {
            border-color: #ffb606;
            background: #ffb606;
        }
    }
}
/* Video Zoom */
.single-content-wrapper-zoom{
    &.dpn-zvc-single-content-wrapper{
        margin-top: 0px;
    }
}


.eduma-restaurant {
    .mc4wp-restaurant-demo {
        text-align: center;

        .email {
            position: relative;
            max-width: 762px;
            margin: 0 auto;
            i{
                position: absolute;
                top: 21px;
                right: 30px;
                font-size: 18px;
            }
        }

        input#mc4wp_email{
            max-width: 760px;
            border: 2px dotted #e8e8e8;
            border-radius: 50px;
            padding: 14px 30px;
            margin-bottom: 50px;
            font-size: 16px;
            color: #b7b7b7;

            &::placeholder {
                color: #b7b7b7;
            }
        }

        .submit-line-1 {
            position: relative;
            &:before,
            &:after {
                position: absolute;
                content: "";
                width: calc(50% - 155px);
                height: 1px;
                background: #eaeaea;
                top: 55%;
                transform: translateY(-50%);
            }
            &:before{
                left: 0;
            }
            &:after{
                right: 6px;
            }
            .submit-line-2 {
                &:before,
                &:after {
                    position: absolute;
                    content: "";
                    width: calc(50% - 195px);
                    height: 1px;
                    background: #eaeaea;
                    top: 45%;
                    transform: translateY(-50%);
                }
                &:before{
                    left: 40px;
                }
                &:after{
                    right: 46px;
                }

                input {
                    padding: 14px 58px;
                    text-transform: inherit;
                    font-size: 18px;
                    border-radius: 50px;
                    background: white;
                    border-color: #eaeaea;
                    z-index: 9;
                    position: relative;
                    font-weight: 500;
                    @media(max-width: 420px){
                        height: unset;
                    }
                }
            }
        }
    }

    .restaurant-partner {
        .swiper-slide-inner {
            position: relative;
            padding: 40px 0;
            &:before{
                position: absolute;
                content: "";
                top: 25px;
                left: 20%;
                width: 0;
                height: 0;
                border-top: 155px solid white;
                border-right: 155px solid transparent;
                transform: rotate(10deg);
                z-index: -1;
                transition: all .25s;
                opacity: 0;
            }

            &:after {
                position: absolute;
                content: "";
                bottom: 25px;
                right: 20%;
                width: 0;
                height: 0;
                border-bottom: 155px solid white;
                border-left: 155px solid transparent;
                transform: rotate(10deg);
                z-index: -1;
                transition: all .25s;
                opacity: 0;
            }

            img {
                transition: all .25s;
                opacity: 0.2;
            }

            &:hover{
                &:before,
                &:after {
                    transform: rotate(10deg) scale(1.2);
                    opacity: 1;
                }

                img {
                    transform: scale(1.2);
                    opacity: 0.7;
                }
            }
        }
    }

    .restaurant-icon-box {
        box-shadow: 0px 0px 30px 0px rgba(192,192,192,0.5);
        border-radius: 10px;
        .thim-widget-icon-box {
            padding: 15px 15px 0;
            .boxes-icon {
                border: 2px dashed transparent;
                transition: all .25s;
                margin-bottom: 25px !important;
                .inner-icon{
                    height: 100%;
                }
            }
            .heading__primary {
                transition: all .25s;
                font-size: 24px;
                margin-bottom: 25px;
                margin-top: 0;
            }
            &:hover {
                .boxes-icon {
                    border-color: #f54242;
                    background-color: white !important;
                }

                .heading__primary {
                    color: #0c0c0c !important;
                }
            }
        }
    }
    .restaurant-box-wrapper{
        .restaurant-text-icon{
            position: absolute;
            writing-mode: vertical-rl;
            right: -25px;
            top: 0;
            pointer-events: none;
            @media(max-width: 1700px){
                right: 15px;
            }
            @media(max-width:767px){
                position: relative;
                right: unset;
                top: unset;
                writing-mode: unset;
            }
        }
    }
    .bg-signature{
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 50%);
    }
    .bg-around{
        position: absolute;
        left: -18%;
        text-align: left;
        bottom: -18%;
    }
    .restaurant-ebook{
        position: absolute;
        bottom: 0;
        img{
            position: absolute;
            bottom: 0;
            right: 13%;
            transform: translateY(45%);
            @media(max-width:1500px){
                right: 50px;
                max-width: 450px;
            }
            @media(max-width: 991px){
                max-width: 400px;
                right: 30px;
            }
            @media(max-width: 600px){
                max-width: 260px;
                right: 15px;
            }
        }
    }
    .restaurant-dish{
        position: absolute;
        top: 0;
        img{
            position: absolute;
            left: 4%;
            top: 0;
            transform: translateY(-60%);
            @media(max-width: 767px){
                left: -60px;
            }
        }
    }
    .restaurant-counter-box {
        .counter-box {
            padding: 30px 0;
            @media(max-width:767px){
                max-width: 350px;
                margin: auto;
            }
            .content-box-percentage {
                padding: 70px 0;
                background: white;
                border-radius: 50%;
                max-width: 75%;
                margin: 0 auto;
                @media(max-width: 360px){
                    padding: 55px 0;
                }
            }

            .display-percentage {
                font-size: 50px;
            }

            .counter-box-content {
                text-transform: capitalize;
                font-size: 16px;
                font-weight: 500;
                padding-top: 5px;
            }

            .icon-counter-box {
                position: absolute;
                right: 40px;
                bottom: -40px;
            }
        }
    }
}
/* instagram */
#sb_instagram{
    padding-bottom: 0 !important;
}
#sb_instagram.sbi_col_10 #sbi_images .sbi_item, #sb_instagram.sbi_col_3 #sbi_images .sbi_item, #sb_instagram.sbi_col_4 #sbi_images .sbi_item, #sb_instagram.sbi_col_5 #sbi_images .sbi_item, #sb_instagram.sbi_col_6 #sbi_images .sbi_item, #sb_instagram.sbi_col_7 #sbi_images .sbi_item, #sb_instagram.sbi_col_8 #sbi_images .sbi_item, #sb_instagram.sbi_col_9 #sbi_images .sbi_item{
    @media(max-width: 480px){
        width: 50%;
    }
}
#sbi_images{
	.sbi_item{
		.sbi_photo_wrap{
			&:hover{
	  .sbi_photo{
		opacity: 1 !important;
		&::before{
		  opacity: 1;
		  transform: scale(1);
		}
		&::after{
		  opacity: 1;
		 
		}
	  }
			}
			.sbi_photo{
				position: relative;
				&::before{
					position: absolute;
					content: '';
					top: 0px;
					left: 0px;
                    right: 0px;
                    bottom: 0px;
                    background: rgba(0,0,0,0.4);
                    opacity: 0;
                    transform: scale(0.5);
					transition: all 0.3s ease;
				}
				&::after{
					position: absolute;
					content: "\f16d";
					font-family: 'Line Awesome Brands';
					font-weight: 400;
					top: 50%;
					left: 50%;
					font-size: 50px;
					color: #fff;
		transform: translate(-50%, -50%);
		opacity: 0;
		transition: all 0.3s ease;
				}
				.sbi-screenreader{
					display: none;
				}
			}
		}
	}
}
.tp-membership{
    .elementor-shortcode,.panel-grid-cell{
        @media(max-width: 767px){
            overflow-x: scroll;
        }
    }
}