.cta-main-wrap .cta-main-content,.multi-step-form{
    text-align:center
}
@font-face{
    font-family:NoirPro-Medium;
    src:url("../fonts/NoirPro-Medium.otf");
    font-display:optional;
}
@font-face{
    font-family:NoirPro-Regular;
    src:url("../fonts/NoirPro-Regular.otf");
    font-display:optional;
}
h1,h2,h3,h4,h5,h6{
    font-family:NoirPro-Medium;
    text-transform:capitalize
}
a,body,button,input,p,span,textarea,ul{
    font-family:NoirPro-Regular
}
input,p,span,textarea,ul{
    margin:0;
    padding:0;
    list-style:none
}
a,button{
    margin:0;
    padding:0;
    text-transform:capitalize
}
a:hover{
    color:inherit
}
body{
    overflow-x:hidden;
    background:#edf8ff
}
main{
    overflow:hidden
}
a,button,input,textarea:focus{
    outline:0;
    box-shadow:none;
    text-decoration:none
}
.form-group input::-webkit-inner-spin-button,.form-group input::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0
}
.form-group input[type=number]{
    -moz-appearance:textfield
}
h1{
    font-size:50px;
    line-height:56px
}
h2,h3{
    font-size:40px;
    line-height:46px
}
h4,h6{
    font-size:18px;
    line-height:24px
}
h5{
    font-size:20px;
    line-height:26px
}
li,p{
    font-size:16px
}
.footer-info-area ul li a,li,p{
    line-height:22px
}
p{
    margin:0 0 10px
}
li{
    margin:0 0 5px
}
.website-main-buttons{
    margin:40px 0 0;
    display:flex;
    align-items:center
}
.navbar  .website-main-buttons {
    margin: 0px;
}
.website-main-buttons a.call-btn,.website-main-buttons a.read-more-btn,.website-main-buttons button.chat-btn,.website-main-buttons button.popup-btn{
    font-size:18px;
    width:200px;
    border-radius:0;
    padding:10px 5px;
    margin:0 10px 0 0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#028c9f;
    color:#fff;
    border:none
}
.ebook-write-sec {
    display: flex;
    justify-content: center;
    align-items: center;
}
.ebook-write-sec .website-main-buttons button.chat-btn {
    margin: auto;
}
.iti {
    width: 100%;
}
.website-main-buttons button.popup-btn{
    background:#000
}
.contact-area-form .form-group button.submit-btn:hover,.website-main-buttons a.call-btn:hover,.website-main-buttons a.read-more-btn:hover,.website-main-buttons button.chat-btn:hover,.website-main-buttons button.popup-btn:hover{
    background:#fec195;
    border-color:#fec195;
    color:#002747
}
header{
    background:#002747;
    width:100%;
    position:fixed;
    top:0;
    box-shadow:0 10px 12px -10px #20471345;
    z-index:1000;
    transition:.5s ease-in-out
}
header nav.navbar{
    padding:10px 0;
    justify-content:space-between
}
header nav.navbar .navbar-brand{
    padding:0;
    margin:0
}
header nav.navbar .navbar-brand .logo{
    width:100px !important;
    margin:0;
    transition:.5s ease-in-out;
    display:block
}
header.sticky .navbar-brand .logo{
    width:200px!important;
    transition:.5s ease-in-out
}
header nav.navbar .navbar-buttons{
    display:flex;
    align-items:center;
    justify-content:center
}
header nav.navbar .navbar-buttons a.call-btn{
    background:0 0;
    color:#fff;
    border:2px solid #fff;
    font-size:18px;
    width:200px;
    border-radius:0;
    padding:10px 5px;
    margin:0 10px 0 0;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.3s ease-in-out
}
.banner-main-sec.children-banner-main .banner-inner-content .website-main-buttons a.call-btn:hover,.cta-banner-wrap.children-cta-banner .cta-banner-content .website-main-buttons a.call-btn:hover,.cta-banner-wrap.halloween-cta-banner .cta-banner-content .website-main-buttons a.call-btn:hover,.cta-banner-wrap.mystery-cta-banner .cta-banner-content .website-main-buttons a.call-btn:hover,.cta-banner-wrap.sci-fi-cta-banner .cta-banner-content .website-main-buttons a.call-btn:hover,.cta-main-wrap.children-cta-main .cta-main-content .website-main-buttons a.call-btn:hover,.cta-main-wrap.halloween-cta-main .cta-main-content .website-main-buttons a.call-btn:hover,header nav.navbar .navbar-buttons a.call-btn:hover{
    background:#fff;
    color:#204713
}
header nav.navbar .navbar-buttons button.chat-btn{
    background:#fff;
    color:#028c9f;
    border:2px solid #fff;
    font-size:18px;
    width:200px;
    border-radius:0;
    padding:10px 5px;
    margin:0 10px 0 0;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.3s ease-in-out
}
header nav.navbar .navbar-buttons button.chat-btn:hover{
    background:0 0;
    color:#fff
}
section.banner-main-sec{
    background-image:linear-gradient(357deg, #ecfdffb5, #ecfdff), url(../images/banner-main-bg.webp);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    padding:150px 0 100px;
    position:relative;
    z-index:1
}
.banner-inner-content h1{
    color:#002747;
    margin:0 0 20px
}
.banner-inner-content p,.cta-banner-content p,.cta-main-content p{
    color:#002747
}
.banner-inner-content h5,.cta-banner-content h3,.cta-main-content h2{
    color:#002747;
    margin:0 0 10px
}
.banner-inner-content h5 b{
    color:#028c9f;
    border-bottom:2px solid #028c9f
}
.banner-inner-content .website-main-buttons button.chat-btn,.website-main-buttons.d-md-none a.call-btn{
    background:#028c9f;
    color:#fff;
    border:2px solid #028c9f
}
.banner-inner-content .website-main-buttons button.chat-btn:hover{
    background:0 0;
    color:#028c9f
}
.banner-inner-content .website-main-buttons a.call-btn{
    background:0 0;
    color:#002747;
    border:2px solid #002747
}
.banner-inner-content .website-main-buttons a.call-btn:hover{
    background:#028c9f00;
    color:#fff;
    border-color:#028c9f
}
.banner-inner-published-form{
    background:#edf8ff;
    width:80%;
    border:2px solid #028c9f;
    border-radius:0;
    box-shadow:0 0 15px -5px #fff;
    padding:30px;
    margin:0 auto
}
.banner-inner-published-form h4{
    color:#254816;
    font-size:30px;
    line-height:36px;
    margin:0 0 10px
}
.banner-inner-published-form .form-group,.banner-inner-published-form .form-group-select,.footer-info-area ul li{
    margin:0 0 10px
}
.banner-inner-published-form .form-group.form-group-last,.step-works-inner .step-works-box.marg-zero{
    margin:0
}
.banner-inner-published-form .form-group .form-select{
    font-family:NoirPro-Regular;
    background-color:#ecfdff;
    color:#202020;
    font-size:16px;
    width:100%;
    border-radius:0;
    border:transparent;
    border-bottom:2px solid #254816;
    outline:0;
    box-shadow:none;
    padding:10px 30px 10px 10px;
    cursor:pointer
}
.banner-inner-published-form .form-group-select h6,.choose-content-box-info h4,.main-info-content ul li,.step-works-head h3,.why-choose-content-head h3{
    color:#202020;
    margin:0 0 10px
}
.banner-inner-published-form .form-group-select .form-check-flex{
    display:flex;
    align-items:center;
    flex-wrap:wrap
}
.banner-inner-published-form .form-group-select .form-check-flex .form-check{
    margin:0 5px 10px;
    width:45%;
    display:flex;
    align-items:center;
    padding:0
}
.banner-inner-published-form .form-group-select .form-check-flex .form-check .form-check-input{
    background-color:#ecfdff;
    border:1px solid #028c9f;
    width:16px;
    height:16px;
    border-radius:0;
    outline:0;
    box-shadow:none;
    margin:0 5px 0 0;
    cursor:pointer
}
.banner-inner-published-form .form-group-select .form-check-flex .form-check .form-check-input:checked[type=checkbox]{
    background-color:#254816
}
.banner-inner-published-form .form-group-select .form-check-flex .form-check .form-check-label{
    color:#202020;
    font-size:16px;
    cursor:pointer
}
.banner-inner-published-form .form-group input{
    background:#ecfdff;
    color:#202020;
    font-size:16px;
    width:100%;
    height:50px;
    border:none;
    border-bottom:2px solid #254816;
    border-radius:0;
    padding:10px 8px
}
.banner-inner-published-form .form-group input::placeholder{
    color:#5f5f5f;
    font-size:16px
}
.banner-inner-published-form .form-group button.submit-btn{
    background:#028c9f;
    color:#fff;
    font-size:18px;
    width:100%;
    border:2px solid #028c9f;
    border-radius:0;
    padding:10px;
    margin:20px 0 0;
    transition:.3s ease-in-out
}
.banner-inner-published-form .form-group button.submit-btn:hover{
    background:#f3f3f3;
    color:#254816
}
.multi-step-form{
    background-color:#fff;
    width:80%;
    padding:40px 20px;
    margin:0 auto;
    border-radius:10px;
    min-height:600px;
    max-height:600px
}
.step-form-btns .next-btn,.step-form-btns .previous-btn,.step-form-btns .submit-btn{
    border:2px solid #204713;
    padding:5px 20px;
    width:175px;
    cursor:pointer;
    transition:.3s ease-in-out
}
.selceted-box#step2,.selceted-box#step3,.selceted-box#step4{
    display:none
}
.multi-step-form .selceted-box h3{
    color:#254816;
    font-weight:700;
    border-bottom:1px solid #254816;
    padding:0 0 20px;
    margin:0 0 20px
}
.selected-button .form-group input,.selected-button .form-group textarea{
    background:#f3f3f3;
    border:none;
    box-shadow:0 0 3px 1px #b2b2b2;
    color:#202020
}
.multi-step-form .selceted-box p{
    color:#202020;
    font-size:20px;
    line-height:26px;
    margin:0 0 20px;
    text-align:left
}
.selceted-box .selected-button .form-check{
    border:2px solid #254816;
    padding:10px 20px;
    margin:0 0 10px;
    display:flex;
    align-items:center;
    position:relative
}
.selected-button .form-check .form-check-label{
    color:#202020;
    font-size:16px;
    font-weight:600;
    cursor:pointer
}
.selected-button .form-check .form-check-input{
    float:inherit;
    position:absolute;
    right:10px;
    width:25px;
    height:25px;
    margin:0;
    border:2px solid #254816;
    box-shadow:none;
    cursor:pointer
}
.selected-button .form-check .form-check-input:checked{
    background-color:#2ba504
}
.contact-area-content .contact-area-head,.contact-area-form .form-group,.faqs-area-inner .faqs-area-head,.footer-top .footer-logo-area,.portfolio-publish-tablist-inner .portfolio-publish-tablist-item,.selected-button .form-group,.why-choose-content .why-choose-content-head{
    margin:0 0 20px
}
.selected-button .form-group input{
    width:100%;
    height:40px;
    padding:0 20px
}
.selected-button .form-group input::placeholder{
    color:#5f5f5f;
    font-size:16px
}
.selected-button .form-group textarea{
    width:100%;
    height:100px;
    resize:none;
    padding:10px 20px
}
.selected-button .form-group textarea::placeholder{
    color:#5f5f5f;
    font-size:16px
}
.selected-button .form-check-privacy{
    display:flex
}
.selected-button .form-check-privacy label p{
    color:#202020;
    font-size:16px;
    line-height:20px;
    font-weight:600;
    cursor:pointer
}
.selected-button .form-check-privacy label p a{
    color:#2ba504
}
.selected-button .form-check-privacy input{
    float:inherit;
    position:inherit;
    margin:0 10px 0 0;
    width:20px;
    height:20px;
    border:2px solid #2ba504;
    box-shadow:none;
    cursor:pointer
}
.step-form-btns{
    margin:30px 0 0
}
.step-form-btns .previous-btn{
    background-color:transparent;
    color:#204713;
    font-size:18px;
    margin:0 10px 0 0;
    border-radius:3px
}
.step-form-btns .previous-btn:hover{
    background-color:#202020;
    color:#fff;
    border:2px solid #202020
}
.step-form-btns .next-btn,.step-form-btns .submit-btn{
    background-color:#204713;
    color:#fff;
    font-size:18px;
    margin:0 10px 0 0;
    border-radius:3px
}
.step-form-btns .next-btn:hover,.step-form-btns .submit-btn:hover{
    background-color:#fff;
    color:#204713
}
section.banner-main-sec.children-banner-main{
    background-image:url(../images/children-lp/childrens-banner-bg.webp)
}
.banner-main-sec.children-banner-main::before,.banner-main-sec.mystery-banner-main::before,.banner-main-sec.sci-fi-banner-main::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    background:#254816;
    opacity:.1;
    z-index:-1
}
.banner-main-sec.children-banner-main .banner-inner-content h1{
    color:#254816
}
.banner-main-sec.children-banner-main .banner-inner-content h5,.banner-main-sec.children-banner-main .banner-inner-content p,.choose-content-box-info p,.contact-area-form p,.cta-banner-wrap.children-cta-banner .cta-banner-content p,.cta-main-wrap.children-cta-main .cta-main-content p,.faqs-area-head p,.main-info-content p,.portfolio-publish-head p,.step-works-head p,.why-choose-content-head p{
    color:#202020
}
.banner-main-sec.children-banner-main .banner-inner-content .website-main-buttons a.call-btn,.banner-main-sec.children-banner-main .banner-inner-content .website-main-buttons button.chat-btn:hover,.cta-banner-wrap.children-cta-banner .cta-banner-content .website-main-buttons a.call-btn,.cta-banner-wrap.halloween-cta-banner .cta-banner-content .website-main-buttons a.call-btn,.cta-banner-wrap.mystery-cta-banner .cta-banner-content .website-main-buttons a.call-btn,.cta-banner-wrap.sci-fi-cta-banner .cta-banner-content .website-main-buttons a.call-btn,.cta-main-wrap.children-cta-main .cta-main-content .website-main-buttons a.call-btn,.cta-main-wrap.halloween-cta-main .cta-main-content .website-main-buttons a.call-btn{
    background:#204713;
    color:#fff;
    border:2px solid #204713
}
.banner-main-sec.children-banner-main .multi-step-form,.banner-main-sec.mystery-banner-main .multi-step-form,.banner-main-sec.sci-fi-banner-main .multi-step-form{
    background:#ffffffc9
}
section.banner-main-sec.sci-fi-banner-main{
    background-image:url(../images/sci-fi-lp/sci-fi-banner-bg.webp)
}
section.banner-main-sec.mystery-banner-main{
    background-image:url(../images/mystery-lp/mystery-banner-bg.webp)
}
section.banner-main-sec.banner-main-halloween{
    background-image:url(../images/halloween-lp/banner-halloween-bg.webp)
}
.banner-main-sec.banner-main-halloween .banner-inner-published-form{
    background:#ffffff8f
}
section.main-info-wrap{
    background:#fff;
    padding:50px 0
}
section.cta-banner-wrap,section.cta-main-wrap,section.portfolio-publish-wrap{
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.main-info-inner .main-info-content,.main-info-wrap .main-info-inner{
    position:relative;
    z-index:1
}
.main-info-image img{
    width:85%
}
.main-info-content h2,.main-info-content h3{
    color:#202020;
    margin:0 0 20px
}
.main-info-content ul{
    list-style:disc;
    padding:0 0 0 20px;
    margin:20px 0
}
.main-info-content .badges-brands-inner{
    margin:30px 0 20px
}
.badges-brands-inner .badges-brands-item .badges-brands-img{
    margin:0 10px
}
.badges-brands-inner .badges-brands-item .badges-brands-img img{
    width:100px;
    margin:0 auto
}
.main-info-content .website-main-buttons button.chat-btn{
    background:0 0;
    color:#028c9f;
    border:2px solid #028c9f
}
.main-info-content .website-main-buttons button.chat-btn:hover{
    background:#028c9f;
    color:#fff
}
section.main-info-wrap.main-info-wrap2{
    background:#ecfdff
}
.main-info-wrap.main-info-wrap2 .main-info-inner .main-info-image{
    position:absolute;
    top:-125px;
    left:-30px
}
.main-info-wrap.main-info-wrap2 .main-info-inner .main-info-image img{
    width:60%
}
.footer-main-sec .footer-top,section.step-works-wrap{
    padding:50px 0
}
.step-works-wrap .step-works-head{
    text-align:center;
    width:90%;
    margin:0 auto 30px
}
.step-works-inner .step-works-box{
    margin:0 0 50px
}
.step-works-box span{
    color:#254816;
    font-size:22px;
    line-height:28px;
    display:block
}
.step-works-box .works-box-head{
    display:flex;
    align-items:center;
    margin:0 0 15px
}
.step-works-box .works-box-head i{
    color:#028c9f;
    margin:0 10px 0 0;
    border:2px solid #028c9f;
    border-radius:100%;
    padding:3px
}
.step-works-box .works-box-head h4{
    color:#202020;
    margin:0
}
.step-works-box p{
    color:#202020;
    padding:0 5px 0 0;
    min-height:125px;
    max-height:150px;
    overflow-y:auto
}
.step-works-box p::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 0 transparent;
    border-radius:0
}
.step-works-box p::-webkit-scrollbar{
    width:3px;
    background:#ecfdff;
    border-radius:0
}
.step-works-box p::-webkit-scrollbar-thumb{
    background-color:#028c9f;
    border-radius:0
}
.contact-area-form form,.cta-banner-content .website-main-buttons,.step-works-inner .website-main-buttons{
    margin:20px 0 0
}
.cta-banner-content .website-main-buttons a.call-btn,.step-works-inner .website-main-buttons a.call-btn{
    background:0 0;
    color:#002747;
    border:2px solid #002747
}
.cta-banner-content .website-main-buttons a.call-btn:hover,.step-works-inner .website-main-buttons a.call-btn:hover{
    background:#028c9f;
    color:#fff;
    border-color:#028c9f
}
.step-works-wrap .step-works-img img,.why-choose-image img{
    width:100%
}
section.cta-main-wrap{
    background-image:linear-gradient(357deg, #ecfdffb5, #ecfdff), url(../images/cta-img-bg.webp);
    padding:30px 0;
    position:relative;
    z-index:1
}
.cta-main-wrap .cta-left-img{
    position:relative
}
.cta-main-wrap .cta-left-img img{
    width:65%;
    position:absolute;
    top:-150px
}
.cta-main-content .website-main-buttons{
    justify-content:center;
    margin:20px 0 0
}
.cta-banner-content .website-main-buttons button.chat-btn,.cta-main-content .website-main-buttons a.call-btn{
    background:#028c9f;
    color:#002747;
    border:2px solid #028c9f
}
.cta-main-content .website-main-buttons a.call-btn:hover{
    background:#002747;
    color:#fff;
    border-color:#002747
}
.cta-main-wrap .cta-right-img{
    position:absolute;
    right:0;
    bottom:0;
    text-align:right
}
.cta-main-wrap .cta-right-img img{
    width:75%
}
section.cta-main-wrap.children-cta-main{
    background-image:url(../images/children-lp/children-cta-bg.webp)
}
.cta-main-wrap.children-cta-main::before,.cta-main-wrap.sci-fi-cta-main::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    background:#fff;
    opacity:.2;
    z-index:-1
}
.cta-banner-wrap.children-cta-banner .cta-banner-content h3,.cta-main-wrap.children-cta-main .cta-main-content h2{
    color:#204713
}
section.cta-main-wrap.sci-fi-cta-main{
    background-image:url(../images/sci-fi-lp/sci-fi-cta-bg.webp)
}
section.cta-main-wrap.mystery-cta-main{
    background-image:url(../images/mystery-lp/mystery-cta-bg.webp)
}
.cta-main-wrap.mystery-cta-main::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    background:#fff;
    opacity:.1;
    z-index:-1
}
section.cta-main-wrap.halloween-cta-main{
    background-image:url(../images/halloween-lp/halloween-cta-bg.webp)
}
.cta-main-wrap.halloween-cta-main::before,.portfolio-publish-wrap.halloween-portfolio-bg::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    background:#000;
    opacity:.2;
    z-index:-1
}
section.portfolio-publish-wrap{
    padding:50px 0
}
.portfolio-publish-wrap .portfolio-publish-head{
    width:90%;
    margin:0 auto 30px;
    text-align:center
}
.portfolio-publish-head h2{
    color:#028c9f;
    margin:0 0 10px
}
.portfolio-publish-tablist .portfolio-publish-tablist-buttons{
    margin:0 0 30px
}
.portfolio-publish-tablist-buttons ul.nav-pills{
    justify-content:space-around;
    align-items:center
}
.portfolio-publish-tablist-buttons ul.nav-pills li.nav-item{
    margin:0 10px 10px
}
.portfolio-publish-tablist-buttons ul.nav-pills li.nav-item button.nav-link{
    color:#fff;
    font-size:18px;
    border:none;
    border-radius:0;
    padding:5px 15px;
    margin:0;
    text-transform:capitalize;
    transition:.3s ease-in-out;
    position:relative;
    background:#002747
}
.portfolio-publish-tablist-buttons ul.nav-pills li.nav-item button.nav-link.active,.portfolio-publish-tablist-buttons ul.nav-pills li.nav-item button.nav-link:hover{
    background:#028c9f;
    color:#fff
}
.portfolio-publish-tablist-buttons ul.nav-pills li.nav-item button.nav-link.active::after,.portfolio-publish-tablist-buttons ul.nav-pills li.nav-item button.nav-link:hover::after{
    content:"";
    margin:0 auto
}
.portfolio-publish-tablist-item a{
    display:block;
    text-align:center
}
.portfolio-publish-tablist-item a img{
    width:75%;
    margin:0 auto
}
section.portfolio-publish-wrap.children-portfolio-bg{
    background-image:url(../images/children-lp/children-portfolio-bg.webp)
}
section.portfolio-publish-wrap.sci-fi-portfolio-bg{
    background-image:url(../images/sci-fi-lp/sci-fi-potfolio-bg.webp)
}
section.portfolio-publish-wrap.mystery-portfolio-bg{
    background-image:url(../images/mystery-lp/mystery-potfolio-bg.webp)
}
section.portfolio-publish-wrap.halloween-portfolio-bg{
    background-image:url(../images/halloween-lp/halloween-potfolio-bg.webp);
    position:relative;
    z-index:1
}
.footer-info-area ul li a:hover,.footer-info-area ul li p:hover,.portfolio-publish-wrap.halloween-portfolio-bg .portfolio-publish-head h2,ul.footer-nav-links li a:hover{
    color:#fff
}
.portfolio-publish-wrap.halloween-portfolio-bg .portfolio-publish-tablist-buttons ul.nav-pills li.nav-item button.nav-link{
    background:#ffffff94;
    padding:5px 10px
}
section.cta-banner-wrap{
    background-image:linear-gradient(263deg,#ecfdff30,#febf94de),url(../images/cta-ban-bg.webp);
    padding:30px 0;
    position:relative;
    z-index:1
}
.cta-banner-content .website-main-buttons button.chat-btn:hover{
    background:#fac292;
    color:#002747;
    border-color:#fac292
}
.cta-banner-wrap .cta-banner-img{
    position:relative;
    text-align:center
}
.cta-banner-wrap .cta-banner-img img{
    width:250px
}
section.cta-banner-wrap.children-cta-banner{
    background-image:url(../images/children-lp/children-ctaban-bg.webp)
}
.cta-banner-wrap.children-cta-banner .cta-banner-content .website-main-buttons button.chat-btn:hover,.cta-banner-wrap.mystery-cta-banner .cta-banner-content .website-main-buttons button.chat-btn:hover{
    background:#204713;
    color:#fff
}
section.cta-banner-wrap.sci-fi-cta-banner{
    background-image:url(../images/sci-fi-lp/sci-fi-ctaban-bg.webp)
}
section.cta-banner-wrap.mystery-cta-banner{
    background-image:url(../images/mystery-lp/mystery-ctaban-bg.webp)
}
section.cta-banner-wrap.halloween-cta-banner{
    background-image:url(../images/halloween-lp/halloween-ctaban-bg.webp);
    padding:75px 0
}
section.why-choose-wrap{
    background:#ecfdff;
    padding:50px 0
}
.why-choose-content .why-choose-content-box{
    display:flex;
    margin:10px 0
}
.why-choose-content-box i{
    color:#028c9f;
    width:23px;
    height:22px;
    font-size:12px;
    font-weight:700;
    margin:2px 10px 0 0;
    border:3px solid #028c9f;
    border-radius:100%;
    padding:3px
}
.why-choose-content-box .choose-content-box-info{
    padding:0 10px 0 0;
    min-height:100px;
    max-height:150px;
    overflow-y:auto
}
.choose-content-box-info::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 0 transparent;
    border-radius:0
}
.choose-content-box-info::-webkit-scrollbar{
    width:3px;
    background:#b2b2b2;
    border-radius:0
}
.choose-content-box-info::-webkit-scrollbar-thumb{
    background-color:#202020;
    border-radius:0
}
section.contact-area-wrap{
    padding:30px 0
}
.contact-area-wrap .contact-area-content{
    margin:0 30px 0 0;
    height:100%
}
.contact-area-head h5{
    color:#028c9f;
    font-size:52px;
    line-height:60px;
    margin:0
}
.contact-area-form h4{
    color:#202020;
    margin:0 0 5px
}
.contact-area-form .form-group input{
    background:#ecfdff;
    color:#202020;
    font-size:18px;
    width:100%;
    border:none;
    border-radius:0;
    border-bottom:2px solid #254816;
    outline:0;
    padding:15px 10px;
    box-shadow:none
}
.contact-area-form .form-group input::placeholder{
    color:#5f5f5f;
    font-size:18px
}
.contact-area-form .form-group textarea{
    background:#ecfdff;
    color:#202020;
    font-size:18px;
    width:100%;
    height:120px;
    border:none;
    border-radius:0;
    border-bottom:2px solid #254816;
    resize:none;
    outline:0;
    padding:10px;
    box-shadow:none
}
.contact-area-form .form-group textarea::placeholder{
    color:#5f5f5f;
    font-size:18px
}
.contact-area-form .form-group button.submit-btn{
    background:#028c9f;
    color:#fff;
    font-size:18px;
    width:250px;
    border:2px solid #028c9f;
    border-radius:0;
    padding:10px;
    margin:0;
    text-transform:capitalize;
    transition:.3s ease-in-out
}
.contact-area-wrap .faqs-area-inner{
    border-left:2px solid #202020;
    padding:0 0 0 30px;
    height:100%
}
.faqs-area-head h5{
    color:#202020;
    font-size:52px;
    line-height:60px;
    margin:0 0 10px
}
.faqs-sec-item .accordion .accordion-item{
    margin:0;
    border-radius:0;
    border:none;
    border-bottom:2px solid #202020;
    background:#edf8ff
}
.faqs-sec-item .accordion-item .accordion-header button.accordion-button{
    font-family:NoirPro-Medium;
    background:0 0;
    color:#202020;
    font-size:20px;
    line-height:26px;
    box-shadow:none;
    border-radius:0;
    padding:15px 10px;
    display:flex;
    align-items:center;
    margin:0;
    text-transform:capitalize
}
.faqs-sec-item .accordion-item .accordion-header .accordion-button::after{
    content:'\f107';
    font-family:'Font Awesome 6 Pro';
    color:#202020;
    font-size:20px;
    border-radius:0;
    width:20px;
    height:20px;
    text-align:center;
    line-height:20px;
    font-weight:600;
    transform:rotate(-90deg);
    transition:.3s ease-in-out
}
.faqs-sec-item .accordion-item .accordion-header .accordion-button:not(.collapsed)::after{
    content:'\f107';
    font-family:'Font Awesome 6 Pro';
    transform:rotate(0)
}
.faqs-sec-item .accordion-item .accordion-collapse .accordion-body{
    background:0 0;
    color:#202020;
    font-size:16px;
    line-height:22px;
    margin:0;
    padding:10px;
    border-radius:0
}
footer.footer-main-sec{
    background:#002747;
    position:relative;
    z-index:1
}
.footer-logo-area .footer-logo{
    width:250px;
    margin:0 0 20px
}
.footer-info-area h4,.footer-logo-area h4{
    color:#fff;
    margin:0 0 20px
}
.footer-logo-area p{
    color:#868686
}
.footer-info-area ul{
    display:flex;
    flex-direction:column
}
.footer-info-area ul li a,.footer-info-area ul li p{
    color:#868686;
    align-items:center;
    display:flex;
    transition:.3s ease-in-out;
    margin:0
}
.footer-info-area ul li a{
    font-size:16px;
    text-transform:lowercase
}
.footer-info-area ul li a i,.footer-info-area ul li p i{
    background:#028c9f;
    color:#181818;
    font-size:16px;
    font-weight:600;
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    margin:0 10px 0 0;
    border-radius:5px
}
.footer-info-area ul li a:hover i,.footer-info-area ul li p:hover i,.footer-social-area ul li a:hover{
    background:#fec195;
    color:#002747
}
.footer-links-area ul.footer-nav-links,.footer-social-area ul{
    display:flex;
    align-items:center
}
.footer-social-area ul li{
    margin:0 2px
}
.footer-social-area ul li a{
    background:#028c9f;
    color:#181818;
    font-size:18px;
    width:30px;
    height:30px;
    line-height:33px;
    text-align:center;
    display:block;
    border-radius:5px;
    transition:.3s ease-in-out
}
.footer-social-area ul li a img{
    width:20px;
    margin:-5px 0 0
}
.footer-main-sec .footer-bottom{
    padding:20px 0;
    border-top:2px solid #3c3c3c
}
.footer-links-area ul.footer-nav-links li{
    border-right:1px solid #707070;
    padding:0 10px;
    display:inline-block;
    margin:0
}
.footer-links-area ul.footer-nav-links li:last-child{
    border-right:none
}
ul.footer-nav-links li a{
    color:#868686;
    font-size:14px;
    margin:0;
    transition:.3s ease-in-out;
    display:block
}
.footer-bottom .footer-copyright{
    text-align:right
}
.footer-copyright p{
    color:#868686;
    margin:0
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .banner-inner-published-form{
        width:90%
    }
    .main-info-wrap.main-info-wrap2 .main-info-inner .main-info-image{
        top:-90px;
        left:-25px
    }
    .step-works-inner .step-works-box{
        margin:0 0 20px
    }
    .step-works-box p{
        min-height:100px;
        max-height:125px
    }
    .cta-main-wrap .cta-left-img img{
        width:75%
    }
    .cta-main-wrap .cta-right-img{
        right:-55px;
        bottom:0
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    h1{
        font-size:42px;
        line-height:48px
    }
    h2,h3{
        font-size:36px;
        line-height:42px
    }
    .website-main-buttons a.call-btn,.website-main-buttons a.read-more-btn,.website-main-buttons button.chat-btn,.website-main-buttons button.popup-btn{
        width:175px
    }
    .banner-inner-published-form,.multi-step-form{
        width:90%
    }
    .main-info-image img{
        width:100%
    }
    .main-info-wrap.main-info-wrap2 .main-info-inner .main-info-image{
        top:-75px;
        left:-15px
    }
    .main-info-wrap.main-info-wrap2 .main-info-inner .main-info-image img{
        width:50%
    }
    .step-works-inner .step-works-box{
        margin:0 0 20px
    }
    .step-works-box p{
        min-height:100px;
        max-height:125px
    }
    .cta-main-wrap .cta-left-img img{
        width:90%;
        top:-140px
    }
    .cta-main-wrap .cta-right-img{
        right:-55px;
        bottom:0
    }
    .cta-main-wrap .cta-right-img img{
        width:60%
    }
    .contact-area-head h5,.faqs-area-head h5{
        font-size:46px;
        line-height:54px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .banner-main-sec .banner-inner-content,.cta-main-wrap .cta-left-img,.main-info-inner .main-info-image{
        margin:0 0 20px;
        text-align:center
    }
    h1{
        font-size:38px;
        line-height:44px
    }
    h2,h3{
        font-size:32px;
        line-height:38px
    }
    .website-main-buttons{
        margin:20px 0 0;
        justify-content:center
    }
    .website-main-buttons a.call-btn,.website-main-buttons a.read-more-btn,.website-main-buttons button.chat-btn,.website-main-buttons button.popup-btn{
        font-size:16px;
        width:175px
    }
    header nav.navbar .navbar-brand .logo{
        width:200px
    }
    header.sticky .navbar-brand .logo{
        width:175px!important
    }
    header nav.navbar .navbar-buttons a.call-btn,header nav.navbar .navbar-buttons button.chat-btn{
        font-size:16px;
        width:160px
    }
    section.banner-main-sec{
        padding:120px 0 50px
    }
    .banner-inner-published-form{
        width:90%;
        padding:20px
    }
    .banner-inner-published-form h4{
        font-size:26px;
        line-height:32px
    }
    .banner-inner-published-form .form-group-select .form-check-flex .form-check{
        width:47%
    }
    .banner-main-sec.children-banner-main::before{
        background:#fff;
        opacity:.7
    }
    .footer-main-sec .footer-top,section.cta-main-wrap,section.main-info-wrap,section.portfolio-publish-wrap,section.step-works-wrap,section.why-choose-wrap{
        padding:30px 0
    }
    .cta-main-wrap .cta-right-img img,.main-info-image img,.why-choose-image img{
        width:75%
    }
    .main-info-wrap.main-info-wrap2 .main-info-inner .main-info-image{
        position:inherit;
        top:inherit;
        left:inherit;
        text-align:center
    }
    .main-info-wrap.main-info-wrap2 .main-info-inner .main-info-image img,.step-works-wrap .step-works-img img{
        width:65%
    }
    .step-works-inner .step-works-box,.step-works-inner .step-works-box.marg-zero{
        margin:0 0 30px
    }
    .step-works-inner .website-main-buttons{
        margin:20px 0
    }
    .step-works-wrap .step-works-img,.why-choose-content .why-choose-content-head,.why-choose-inner .why-choose-image{
        text-align:center
    }
    .cta-main-wrap .cta-left-img img{
        width:35%;
        margin:0 auto;
        position:inherit;
        top:inherit
    }
    .cta-main-wrap .cta-main-content{
        margin:0 0 10px
    }
    .cta-main-wrap .cta-right-img{
        position:relative;
        right:-150px;
        bottom:-30px;
        text-align:right
    }
    .footer-top .footer-social-area,.why-choose-inner .why-choose-content{
        margin:0 0 20px
    }
    .contact-area-wrap .contact-area-content{
        margin:0 10px 0 0
    }
    .contact-area-head h5,.faqs-area-head h5{
        font-size:42px;
        line-height:48px
    }
    .contact-area-form .form-group input{
        font-size:16px
    }
    .contact-area-form .form-group input::placeholder{
        font-size:16px
    }
    .contact-area-form .form-group textarea{
        font-size:16px
    }
    .contact-area-form .form-group textarea::placeholder{
        font-size:16px
    }
    .contact-area-form .form-group button.submit-btn{
        font-size:16px
    }
    .contact-area-wrap .faqs-area-inner{
        padding:0 0 0 20px
    }
    .faqs-sec-item .accordion-item .accordion-header button.accordion-button{
        font-size:18px;
        line-height:24px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .portfolio-publish-tablist-buttons ul.nav-pills,.website-main-buttons{
        justify-content:center
    }
    .banner-main-sec .banner-inner-content,.cta-banner-wrap .cta-banner-content,.cta-main-wrap .cta-left-img,.main-info-inner .main-info-image{
        margin:0 0 20px;
        text-align:center
    }
    h1{
        font-size:38px;
        line-height:44px
    }
    .contact-area-head h5,.faqs-area-head h5,h2,h3{
        font-size:32px;
        line-height:38px
    }
    h4,h6{
        font-size:16px;
        line-height:22px
    }
    .faqs-sec-item .accordion-item .accordion-header button.accordion-button,h5{
        font-size:18px;
        line-height:24px
    }
    .faqs-sec-item .accordion-item .accordion-collapse .accordion-body,.footer-info-area ul li a,li,p{
        font-size:14px;
        line-height:20px
    }
    .website-main-buttons{
        margin:20px 0 0
    }
    .website-main-buttons a.call-btn,.website-main-buttons a.read-more-btn,.website-main-buttons button.chat-btn,.website-main-buttons button.popup-btn{
        padding:10px 5px;
        font-size:16px;
        width:160px
    }
    header nav.navbar .navbar-brand .logo{
        width:175px
    }
    header.sticky .navbar-brand .logo{
        width:175px!important
    }
    header nav.navbar .navbar-buttons a.call-btn,header nav.navbar .navbar-buttons button.chat-btn{
        font-size:16px;
        width:150px;
        margin:0 5px 0 0
    }
    section.banner-main-sec{
        padding:120px 0 50px
    }
    .banner-inner-published-form{
        width:100%;
        padding:20px
    }
    .banner-inner-published-form h4{
        font-size:26px;
        line-height:32px
    }
    .banner-inner-published-form .form-group .form-select,.banner-inner-published-form .form-group-select .form-check-flex .form-check .form-check-label{
        font-size:14px
    }
    .banner-inner-published-form .form-group-select .form-check-flex .form-check{
        width:47%
    }
    .banner-inner-published-form .form-group button.submit-btn,.contact-area-form .form-group input,.portfolio-publish-tablist-buttons ul.nav-pills li.nav-item button.nav-link{
        font-size:16px
    }
    .multi-step-form{
        width:90%
    }
    .banner-main-sec.children-banner-main::before{
        background:#fff;
        opacity:.7
    }
    .footer-main-sec .footer-top,section.cta-main-wrap,section.main-info-wrap,section.portfolio-publish-wrap,section.step-works-wrap,section.why-choose-wrap{
        padding:30px 0
    }
    .main-info-wrap.main-info-wrap2 .main-info-inner .main-info-image{
        position:inherit;
        top:inherit;
        left:inherit;
        text-align:center
    }
    .cta-main-wrap .cta-right-img img,.main-info-wrap.main-info-wrap2 .main-info-inner .main-info-image img,.step-works-wrap .step-works-img img,.why-choose-image img{
        width:75%
    }
    .portfolio-publish-wrap .portfolio-publish-head,.step-works-wrap .step-works-head{
        width:100%;
        margin:0 auto 20px
    }
    .step-works-inner .step-works-box,.step-works-inner .step-works-box.marg-zero{
        margin:0 0 30px
    }
    .step-works-inner .website-main-buttons,.why-choose-content .why-choose-content-box{
        margin:20px 0
    }
    .faqs-area-inner .faqs-area-head,.footer-bottom .footer-copyright,.step-works-wrap .step-works-img,.why-choose-content .why-choose-content-head,.why-choose-inner .why-choose-image{
        text-align:center
    }
    .cta-main-wrap .cta-left-img img{
        width:50%;
        margin:0 auto;
        position:inherit;
        top:inherit
    }
    .cta-main-wrap .cta-main-content{
        margin:0 0 10px
    }
    .cta-main-wrap .cta-right-img{
        position:relative;
        right:-125px;
        bottom:-30px;
        text-align:right
    }
    .footer-top .footer-info-area,.footer-top .footer-social-area,.portfolio-publish-tablist .portfolio-publish-tablist-buttons,.why-choose-inner .why-choose-content{
        margin:0 0 20px
    }
    .contact-area-wrap .contact-area-content{
        margin:0;
        text-align:center
    }
    .contact-area-form .form-group input::placeholder{
        font-size:16px
    }
    .contact-area-form .form-group textarea{
        font-size:16px
    }
    .contact-area-form .form-group textarea::placeholder{
        font-size:16px
    }
    .contact-area-form .form-group button.submit-btn{
        font-size:16px
    }
    .contact-area-wrap .faqs-area-inner{
        border-left:inherit;
        border-top:2px solid #202020;
        padding:20px 0 0
    }
    .footer-logo-area .footer-logo{
        width:200px
    }
    .footer-info-area ul li a i,.footer-info-area ul li p i{
        font-size:14px;
        width:25px;
        height:25px;
        line-height:25px
    }
    .footer-social-area ul li a{
        font-size:16px;
        width:25px;
        height:25px;
        line-height:28px
    }
    .footer-links-area ul.footer-nav-links{
        justify-content:center;
        margin:0 0 5px
    }
}
@media only screen and (min-width:300px) and (max-width:575px){
    .portfolio-publish-tablist-buttons ul.nav-pills,.website-main-buttons{
        justify-content:center
    }
    .contact-area-head h5,.faqs-area-head h5,h1{
        font-size:32px;
        line-height:38px
    }
    h2,h3{
        font-size:28px;
        line-height:34px
    }
    h4,h5,h6{
        font-size:16px;
        line-height:22px
    }
    .faqs-sec-item .accordion-item .accordion-collapse .accordion-body,.footer-info-area ul li a,li,p{
        font-size:14px;
        line-height:20px
    }
    .website-main-buttons{
        margin:20px 0 0;
        flex-wrap:wrap
    }
    .website-main-buttons a.call-btn,.website-main-buttons a.read-more-btn,.website-main-buttons button.chat-btn,.website-main-buttons button.popup-btn{
        padding:10px 5px;
        margin:0 5px 10px;
        font-size:16px;
        width:160px
    }
    header nav.navbar .navbar-brand .logo{
        width:145px
    }
    header.sticky .navbar-brand .logo{
        width:145px!important
    }
    header nav.navbar .navbar-buttons{
        flex-direction:column
    }
    header nav.navbar .navbar-buttons a.call-btn{
        font-size:14px;
        width:125px;
        padding:5px;
        margin:0 0 5px
    }
    header nav.navbar .navbar-buttons button.chat-btn{
        font-size:14px;
        width:125px;
        padding:5px;
        margin:0
    }
    section.banner-main-sec{
        padding:120px 0 50px
    }
    .banner-main-sec .banner-inner-content,.cta-banner-wrap .cta-banner-content,.cta-main-wrap .cta-left-img{
        text-align:center;
        margin:0 0 20px
    }
    .banner-inner-published-form,.multi-step-form{
        width:100%;
        padding:20px
    }
    .banner-inner-published-form h4{
        font-size:22px;
        line-height:28px
    }
    .banner-inner-published-form .form-group .form-select{
        font-size:12px
    }
    .banner-inner-published-form .form-group-select .form-check-flex .form-check,.main-info-image img,.step-works-wrap .step-works-img img{
        width:100%
    }
    .banner-inner-published-form .form-group input,.banner-inner-published-form .form-group-select .form-check-flex .form-check .form-check-label{
        font-size:14px
    }
    .banner-inner-published-form .form-group input::placeholder{
        font-size:14px
    }
    .banner-inner-published-form .form-group button.submit-btn,.contact-area-form .form-group input,.portfolio-publish-tablist-buttons ul.nav-pills li.nav-item button.nav-link{
        font-size:16px
    }
    .faqs-sec-item .accordion-item .accordion-header button.accordion-button,.multi-step-form .selceted-box p{
        font-size:18px;
        line-height:24px
    }
    .contact-area-form .form-group button.submit-btn,.contact-area-form .form-group textarea{
        font-size:16px
    }
    .step-form-btns{
        margin:20px 0 0
    }
    .step-form-btns .previous-btn{
        margin:0 10px 10px
    }
    .step-form-btns .next-btn,.step-form-btns .submit-btn{
        margin:0 10px
    }
    .banner-main-sec.children-banner-main::before{
        background:#fff;
        opacity:.7
    }
    .footer-main-sec .footer-top,section.cta-main-wrap,section.main-info-wrap,section.portfolio-publish-wrap,section.step-works-wrap,section.why-choose-wrap{
        padding:30px 0
    }
    .footer-top .footer-info-area,.footer-top .footer-social-area,.main-info-inner .main-info-image,.portfolio-publish-tablist .portfolio-publish-tablist-buttons,.why-choose-inner .why-choose-content{
        margin:0 0 20px
    }
    .main-info-wrap.main-info-wrap2 .main-info-inner .main-info-image{
        position:inherit;
        top:inherit;
        left:inherit;
        text-align:center
    }
    .cta-main-wrap .cta-right-img img,.main-info-wrap.main-info-wrap2 .main-info-inner .main-info-image img,.why-choose-image img{
        width:85%
    }
    .portfolio-publish-wrap .portfolio-publish-head,.step-works-wrap .step-works-head{
        width:100%;
        margin:0 auto 20px
    }
    .step-works-inner .step-works-box,.step-works-inner .step-works-box.marg-zero{
        margin:0 0 30px
    }
    .step-works-inner .website-main-buttons,.why-choose-content .why-choose-content-box{
        margin:20px 0
    }
    .cta-main-wrap .cta-left-img img{
        width:75%;
        margin:0 auto;
        position:inherit;
        top:inherit
    }
    .cta-main-wrap .cta-main-content{
        margin:0 0 10px
    }
    .cta-main-wrap .cta-right-img{
        position:relative;
        right:-12px;
        bottom:-30px;
        text-align:right
    }
    .faqs-area-inner .faqs-area-head,.footer-bottom .footer-copyright,.why-choose-content .why-choose-content-head,.why-choose-inner .why-choose-image{
        text-align:center
    }
    .contact-area-wrap .contact-area-content{
        margin:0;
        text-align:center
    }
    .contact-area-form .form-group input::placeholder{
        font-size:16px
    }
    .contact-area-form .form-group textarea::placeholder{
        font-size:16px
    }
    .contact-area-wrap .faqs-area-inner{
        border-left:inherit;
        border-top:2px solid #202020;
        padding:20px 0 0
    }
    .footer-logo-area .footer-logo{
        width:200px
    }
    .footer-info-area ul li a i,.footer-info-area ul li p i{
        font-size:14px;
        width:25px;
        height:25px;
        line-height:25px
    }
    .footer-social-area ul li a{
        font-size:16px;
        width:25px;
        height:25px;
        line-height:28px
    }
    .footer-links-area ul.footer-nav-links{
        justify-content:center;
        margin:0 0 5px
    }
}
.blink{
    border-radius: 5px !important;
    background: #002747 !Important;
    border: 1px solid #028c9f !important;
    color: #f9c6a7 !important;
    transation-duration: 0.8s !important;
    animation-name: blink;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-play-state: running
}
@keyframes blink{
    0%,100%{
         box-shadow: 0 0 0 8px #028c9f;
    }
    50.0%{
         box-shadow: 0 0 0 0px #028c9f;
    }
}
.website-main-buttons.d-md-none a.call-btn:hover{
    background:0 0!important;
    color:#028c9f!important;
    border:2px solid #028c9f!important
}

/* PopUp Modal Css Start Here */
.modaL_order{}
#staticBackdrop .modal-content{
    background: #edf8ff;
    border-radius: 20px;
    border: 2px solid #028c9f;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 30px 20px 20px;
}
#staticBackdrop .modal-content .btn-close{
    position: absolute;
    right: 8px;
    top: 8px;
    background: transparent;
    width: 15px;
    height: 15px;
    line-height: 13px;
    border: 1px solid transparent;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    z-index: 4;
    opacity: 1;
}
#staticBackdrop .modal-content .btn-close i {
    color: #000;
    font-weight: 600;
}
#staticBackdrop .modal-dialog{
    max-width: 700px !important;
/*    margin: 150px auto 0;*/
}
#staticBackdrop .modal-header{
    padding: 0px;
    border-bottom: none;
}
#staticBackdrop .modal-body{
    padding: 20px 20px;
}

.modal-body-form .popup-form-list .form-group{
    margin: 0 0 15px 0;
}
.modal-body-form .popup-form-list .form-group.form-group-last{
    margin: 0;
}
.modal-body-form .popup-form-list .form-group input{
    background: #fff;
    color: #000;
    font-size: 16px;
    width: 100%;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 10px 15px;
}
.modal-body-form .popup-form-list .form-group input::placeholder{
    color: #b2b2b2;
    font-size: 16px;
}
.modal-body-form .popup-form-list .form-group select.form-select{
    background-color: transparent;
    color: #000;
    font-size: 16px;
    width: 100%;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 10px 15px;
    outline: none;
    box-shadow: none;
    cursor: pointer;
}
.modal-body-form .popup-form-list .form-group select.form-select option{
    color: #000;
    font-size: 14px;
}
.modal-body-form .popup-form-list .form-group textarea{
    background: #fff;
    color: #000;
    font-size: 16px;
    width: 100%;
    height: 120px;
    resize: none;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 10px 15px;
}
.modal-body-form .popup-form-list .form-group textarea::placeholder{
    color: #b2b2b2;
    font-size: 16px;
}
.modal-body-form .popup-form-list .form-group{}
.modal-body-form .popup-form-list .form-group input.input-price{
    background: #E9E9E973;
}
.modal-body-form .popup-form-list .form-group span{
    color: #000;
    display: block;
    margin: 0 0 20px;
    font-size: 16px;
}
.modal-body-form .popup-form-list .form-group label{
    color: #000;
    font-size: 28px;
    line-height: 34px;
    font-weight: 600;
    margin: 0 0 5px;
}
.modal-body-form .popup-form-list .form-group button.submit-btn{
    background: #000;
    color: #fff;
    font-size: 16px;
    width: 120px;
    border: 2px solid #000;
    border-radius: 5px;
    padding: 10px 10px;
    margin: 0;
    text-transform: capitalize;
    outline: none;
    transition: all .3s ease-in-out;
}
.modal.show{
    padding-right:0px !important;
}
#staticBackdrop .modal-content .btn-close i {
    font-style: normal;
}
/* PopUp Modal Css End Here */

@media only screen and (min-width: 521px) and (max-width: 767px) {
/* PopUp Modal Responsive Css Start Here */
#staticBackdrop .modal-dialog{
    max-width: 500px !important;
    margin: 100px auto 0;
}
/* PopUp Modal Responsive Css End Here */
}

@media only screen and (min-width: 300px) and (max-width: 520px) {

/* PopUp Modal Responsive Css Start Here */
#staticBackdrop .modal-dialog{
    max-width: 100% !important;
    margin: 100px 20px 0;
}
/* PopUp Modal Responsive Css End Here */
}