@import url('https://fonts.googleapis.com/css2?family=Boogaloo&display=swap');
.main-banner-area{height:100vh;min-height:750px;overflow:hidden;position:relative;background-size:cover}
/* .main-banner-area:before{content:'';position: absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background: transparent -webkit-radial-gradient(50% 50%,closest-side,#0f20bb 0%,#071C55B3 100%)  0 no-repeat padding-box;background: transparent -o-radial-gradient(50% 50%,closest-side,#0f20bb 0%,#071C55B3 100%) 0 0 no-repeat padding-box;background: transparent radial-gradient(closest-side at 50% 50%,#1E51B957 0%,#071C55B3 100%) 0 0 no-repeat padding-box;opacity: .3;z-index: 0;} */
.main-banner-area:before{content:'';position: absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;opacity:.3;z-index:0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(bottom,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.main-banner-area .content{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;
text-shadow:0px 4px 3px rgba(0,0,0,0.4),0px 8px 13px rgba(0,0,0,0.1),0px 18px 23px rgba(0,0,0,0.1);
}
.main-banner-area h1{color:#fef5f5;font-size:60px;font-weight:800;z-index:3;position:relative;text-transform: uppercase;
    background:url(images/decorative-up.png) no-repeat top center,url(images/decorative.png) no-repeat bottom center;padding:30px 0 20px;background-size:60%;font-family:'Boogaloo',sans-serif;
}
/* .main-banner-area h1{color:#fff;font-weight:600;background:-webkit-gradient(linear,left bottom,left top,color-stop(30%,transparent),color-stop(40%,#eee));background:-webkit-linear-gradient(bottom,transparent 30%,#eee 40%);background:-o-linear-gradient(bottom,transparent 30%,#eee 40%);background:linear-gradient(to top,transparent 30%,#eee 40%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:66px;font-weight:800;z-index:3;position:relative;text-transform: uppercase;} */
.main-banner-area .shadow{display:none;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);margin-top:-50px;background:-webkit-gradient(linear,left bottom,left top,color-stop(30%,transparent),color-stop(40%,#fff));background:-webkit-linear-gradient(bottom,transparent 30%,#fff 40%);background:-o-linear-gradient(bottom,transparent 30%,#fff 40%);background:linear-gradient(to top,transparent 30%,#fff 40%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:.1}
.main-banner-area span.spana{font-size:22px;font-weight:500;z-index:3;position:relative;color:#ffb35f;padding:0 0 10px;display:inline-block}
/* .main-banner-area span.spana{font-size:22px;font-weight:400;z-index:3;position:relative;background: #feeeed;padding:0px 10px;display:inline-block} */
.insider{display:inline-block;position:relative;}
.insider::before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;filter:blur(2px);opacity: .0;z-index:-1;border-radius:50px;
background: -moz-radial-gradient(center, ellipse cover,  rgba(0, 0, 0, 0.5) 0%, rgba(0,0,0,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); 
background: radial-gradient(ellipse at center,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}


.hero .scroll-down{position:absolute;left:50%;bottom:90px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:1;}
.hero .scroll-down a{color:#fff;z-index:99;cursor:pointer;position:relative}
.hero .scroll-down a span{height:46px;width:29px;border-radius:15px;background:transparent;display:inline-block;border:1px solid #fff;position:absolute;margin-top:-30px;margin-left:4px}
.hero .scroll-down a span:after{content:'';position:absolute;height:6px;width:6px;background:#fff;left:50%;top:10px;border-radius:50%;margin-left:-3px}
.hero .scroll-down a i{font-size:34px;-webkit-animation:top-image-bounce 2s infinite ease-in-out;animation:top-image-bounce 2s infinite ease-in-out;position:relative;top:70%;}
@-webkit-keyframes top-image-bounce {
0%{-webkit-transform:translateY(-1px);transform:translateY(-1px)}
50%{-webkit-transform:translateY(4px);transform:translateY(4px)}
100%{-webkit-transform:translateY(-1px);transform:translateY(-1px)}
}
@keyframes top-image-bounce {
0%{-webkit-transform:translateY(-1px);transform:translateY(-1px)}
50%{-webkit-transform:translateY(4px);transform:translateY(4px)}
100%{-webkit-transform:translateY(-1px);transform:translateY(-1px)}
}

@media(max-width:1050px){
.main-banner-area{height:90vh;min-height:700px;overflow:hidden;position:relative;text-align:center;background-size:cover}
.main-banner-area .content{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;}
}

@media(max-width:991px){
.main-banner-area{height:80vh;min-height:600px;}
.main-banner-area h1{font-size:70px;}
.main-banner-area span.spana{font-size:22px;}
}
@media(max-width:767px){
.main-banner-area{height:70vh;min-height:560px;}
.main-banner-area h1{font-size:60px;}
.main-banner-area span.spana{font-size:20px;}
}
@media(max-width:575px){
.scroll-down{display:none;}
.main-banner-area{height:55vh;min-height:400px;}
.main-banner-area h1{font-size:40px;}
.main-banner-area span.spana{font-size:18px;}
}
.shahsha::before{content:'';position:absolute;width:60px;height:100%;top:-5.5rem;border-radius:40px;background:rgba(0,0,0,0.05);left:50%;transform:translateX(-50%);}
.testimonial-section{background:url(images/testimonial.jpg) no-repeat bottom right;}
.testimonial-section::before {content: "";background-color: #ffffff;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;opacity: 0.7;}