/*
Template Name:CONGAT 
Author: wpexpert
*/
/*
Table Of Content

1. Top Menu CSS
2. Menu Area CSS
3. Slider Area CSS
4. Capabilyties Area CSS
5. Feature Area CSS
6. Service Area CSS
7. About Area CSS
8. Tab Area CSS
9. Choose Area CSS
10. Video Area CSS
11. Portfolio Area CSS
12. Brand Area CSS
13. Team Area CSS
14. Timeline Area CSS
15. Faq Area CSS
16. Contact Area CSS
17. Testimonial Area CSS
18. Breadcumb Area CSS
19. Footer Area CSS
20. Counter Area CSS
21. Blog Area CSS

*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');





.cg_vd_area {
    position: relative;
    overflow: hidden;
    padding: 175px 0 500px;
}
.cg_vd_area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
 
    opacity: 0.6;
    z-index:9;
}
.cg_vd_area .tts{
    margin-bottom: 0;
}
.cg_vd_area .html5-video{
    object-fit: cover;
}
.cg_vd_area .background-video, .cg_vd_area .background-video-embed, .cg_vd_area .background-video-hosted {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.cg_vd_area .sttwo {
    color: #FFFFFF;
    font-size: 80px;
    text-transform: uppercase;
    padding: 0;
    z-index: 9;
    position: relative;
}
.cg_vd_area .stthree {
    color: #fff;
    font-size: 80px;
    margin: -10px 0 0 0;
    padding: 0 0 36px 0;
	z-index: 9;
	position: relative;
}
.cg_vd_area .witr_button_area {
    z-index: 9;
    position: relative;
}
.witr_youtube_video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -99;
}
.witr_youtube_video iframe {
    width: 100%;
    height: 100%;
    border: none;
}
.video_page_area .witr_swiper_height {
    z-index: -1;
}
.bvideo_page_area{
	position:relative;
}
.video_page_area .txbdscontent h1, .video_page_area .txbdscontent h2, .video_page_area .txbdscontent h3, .video_page_area .txbdscontent p, .video_page_area .witr_flow_text h5{
    color:#fff;
	z-index:999;
}
.video_page_area .witr_swiper_content_icon a i {
    color: #fff;
    background: #C0131300;
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F5F5F563;
}
.video_page_area .witr_swiper_content_icon a i:hover {
    color: #fff;
    background: #7243f2;
}
.video_page_area .witr_swiper_content {
    top: 55%;
    background: 0 0;
}
.video_page_area .witr_swiper_content p {
    width: 36%;
}
.video_page_area .witr_ds_content_inner h2, .video_page_area .witr_ds_content_inner h3 {
    color:#fff;
}
.video_page_area .witr_ds_content_inner p {
    color:#fff;
}
.slider_area.video_page_area {
    position: relative;
    z-index: -1;
}
.slider_area.video_page_area {
    position: relative;
    z-index: -1;
    height: 900px;
}
.slider_area.video_page_area .tts {
    margin-bottom: 30px;
    margin-top: 230px;
}
.video_page_area h2.txbdstitle.sttwo.hlight{
	color:#fff;
}