@import url('css1.css');
@import url('css2.css');
@import url('css3.css');
@import url('css4.css');
@import url('css5.css');

        .newbtn{
            display: flex;
            justify-content: center;
            margin-bottom: 40px;
        }
        @media only screen and (max-width: 480px) {
            .newbtn {
                flex-direction: column;
            }
        }

        .common-form-outer{
            display: flex;
            justify-content: center;
            /*background-image: url("../images/jd-common-form-bg.jpg");
            padding: 100px 0px;
            backdrop-filter: blur(0.3);
            background-size: cover;*/
            position: relative;
            margin-top: 60px;
        }

        .common-form-outer .bg-image {
            position: absolute;
            width: 100%;
            height: 112%;
            top: 35%;
            z-index: -1;
        }

        .common-form-outer .bg-image img {
            height: 100%;
            width: 100%;
            object-fit: cover;
            object-position: top;
        }

        .common-form-outer .form-type-textarea .form-textarea-wrapper {
            width: 100%;
        }

        .common-form-outer .modal-content{
            width: 75%;
            box-shadow: 0 5px 15px rgb(180 179 179 / 50%);
        }

        .common-form-outer .modal-content .btn-outer{
            display: flex;
            justify-content: flex-end;
        }

        /* .common-form-outer .modal-content .btn-outer .btn{
            margin-top: 20px;
        } */

        /* .common-form-outer::after{
            content: "";
            position: absolute;
            width: 100%;
            height: 70%;
            top: 50%;
            backdrop-filter: blur(6px);
            z-index: 0;
        } */

        .common-form-outer .modal-content {
            z-index: 99;
        }

        .common-form-outer .modal-body h2 {
            text-transform: capitalize;
            text-align: center;
            color: #000;
        }

        @media only screen and (max-width:510px) {
            .common-form-outer .modal-body h2 {
                font-size: 1.8em;
                margin-bottom: 30px;
            }
            .common-form-outer .modal-content{
                width: 93%;
            }
        }
        .section-intro h1 {
            line-height: 46px;
        }

        .section-intro p {
            line-height: 24px;
            font-size: 16px;
            /* letter-spacing: 1px; */
            font-weight: 400;
        }

        .section-intro h2 {
            /* line-height: 24px; */
            font-size: 30px;
            /* letter-spacing: 1px; */
        }

        .section-intro h3 {
            /* line-height: 24px; */
            font-size: 26px;
            /* letter-spacing: 1px; */
        }

        .btn-primary {
            border: 0px solid transparent;
            background-color: #f26522;
            background-image: none;
            transition: background-color 0.5s ease;
            padding: 8px 14px;
            font-size: 16px;
            line-height: 22px;
            font-weight: 600;
        }

        .btn-lg {
            border-radius: 26px;
        }
		
	.yt-video iframe {
		width:600px;
		height:337px;
}

body {
                position: relative;
            }

            .video-outer {
                position: fixed;
                bottom: 50%;
                left: 50%;
                z-index: 99999;
                display: none;
                transform: translate(-50%, 50%);
            }

            

            .video-outer iframe {
                position: absolute;
                width: 100%;
                height: 100%;
                display: block;
                vertical-align: top;
                box-sizing: border-box;
                color: #fff;
                background-color: #000;
                position: relative;
                padding: 0;
                font-size: 10px;
                line-height: 1;
                font-weight: 400;
                font-style: normal;
                font-family: Arial, Helvetica, sans-serif;
                word-break: initial;
                width: 800px;
                height: 450px;
            }

            .video-outer .video button{
                position: absolute;
                top: -23px;
                background-color: #000;
                opacity: 1;
                padding: 2px 7px;
            }

            .video-outer .video button span {
                /* background-color: #000; */
                font-size: 20px;
                color: #fff;
                font-weight: 400;
                line-height: 0.1;
            }

.modal-btn-outer{
	width: 100%;
}

.modal-btn-outer .close{
	opacity : 0.7;
}

.modal-btn-outer .close span {
	margin-top: 10px;
}

.modal-btn-outer .close span::before {
	color: #fff;
}

				.d-md-none {
					display: none;
				}
            @media only screen and (max-width:510px) {
                .video-outer{
                    left: 50%;
                    bottom: 35%;
                    transform: translate(none);
                }

                .video-outer iframe {
                    width: 400px;
                    height: 225px;
                }
				.d-block{
					display: block;
				}
            }

@media only screen and (max-width:510px){
	.yt-video iframe {
		width:370px;
		height:220px;
}
}

@media only screen and (max-width:400px){
	.video-outer iframe {
                    width: 360px;
                    height: 203px;
                }
}
@media (min-width: 992px){
.navbar-nav>li>a {
	    padding: 0px 15px;
}
}