*{-webkit-font-smoothing:antialiased;-moz-os-font-smoothing:grayscale;box-sizing:border-box}html{font-family:sans-serif;padding:0;margin:0}body{font-family:Montserrat,sans-serif;padding:0;margin:0;background-color:#fff}h1,h2,h3,h4,h5,h6,p{margin:0;font-size:1em;font-weight:400;font-family:Montserrat,sans-serif}.padding-0{padding:0!important}.wrapper{width:100%;height:100%;padding:0;margin:0;overflow:hidden}#blogs,#contact,#features,#partners,#reviews,#top{display:block;position:relative;top:-70px!important;visibility:hidden}button:focus{outline:0!important}.subtitle{font-size:14px;font-weight:700;color:#000;margin-bottom:5px;opacity:.5}.title{font-size:28px;font-weight:700;color:#404040;margin-bottom:20px;line-height:1}.title-details{font-size:18px;line-height:1.4;color:#8a8a8a;margin-bottom:10px}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-20px)}100%{transform:translatey(0)}}.header-scrolled{position:fixed;top:0;left:0;width:100%;height:70px;background-color:#0984e3!important;-webkit-box-shadow:0 4px 6px 0 rgba(12,0,46,.06);box-shadow:0 4px 6px 0 rgba(12,0,46,.06)}.header-scrolled .nav-link-menu{color:#fff}.navbar{background-color:transparent;padding-top:20px;padding-bottom:20px;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.navbar-nav{align-items:center}.navbar-brand{display:flex;align-items:center}.navbar-brand-menu{margin-right:40px}.menu-navbar-nav{width:100%;display:flex;justify-content:flex-end}.nav-item{margin-left:10px;margin-right:10px;border:2px solid;border-bottom:2px solid transparent;border-top:0;border-right:0;border-left:0;border-image:linear-gradient(to right,rgba(0,0,0,0,0),rgba(0,0,0,0,0)) 1 stretch}.nav-item .nav-link{text-align:center}.nav-item:hover{border-image:linear-gradient(to right,#0984e3,#ec41ff) 1 stretch}.nav-link-menu{font-family:Montserrat;font-weight:500;font-size:16px;color:#404040;line-height:1}.navbar-toggler-icon{background-image:url(../images/menu.png)}.header-scrolled .navbar-toggler-icon{background-image:url(../images/menu_white.png)}@media screen and (max-width:767.98px){#navbar img{width:90px;height:45px}#number{margin-right:0!important}#number h2{font-size:14px;color:#000}#number h2 a{display:inline-block}#number span{color:#000;font-weight:bolder;display:block}#header_img1{margin-left:-120px}.navbar-collapse{background-color:#0984e3;color:#fff;margin-top:10px;padding-bottom:20px;padding-top:20px}.header-scrolled .navbar-collapse{background-color:#0984e3!important}.navbar{padding:0;height:90px}.navbar-container{max-width:100%}.navbar-brand{padding-left:20px}.navbar-toggler{padding-right:20px}.nav-link-menu{color:#fff}}.header-bg-section{position:absolute;width:100%;padding-top:100%;top:40%;left:-40%;transform:translateY(-50%);z-index:1}.header-bg-section::before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;bottom:0;margin:auto 0;background-image:url(../images/header-bg.svg);background-size:100%;background-position:center center;background-repeat:no-repeat}.header-section{width:100%;height:auto;display:flex;justify-content:center;align-items:center;padding:150px 0 100px 0;z-index:2}.header-container{position:relative;display:flex;flex-direction:row}.header-title-section{padding:0;position:absolute;z-index:2}.header-title{ font-size:60px;font-weight:700;line-height:1.2;color:#fff;margin-bottom:20px;max-width:590px}.header-details{font-size:20px;font-weight:400;line-height:1.6;color:#fff;max-width:450px;margin-bottom:15px}.header-subtitle{font-size:20px;font-weight:600;line-height:1.6;color:#fff;margin-bottom:40px}.header-store-section{margin-bottom:20px}.header-store-card img{width:170px;height:auto;margin-right:10px;transition-duration:1s}.header-store-card img:hover{box-shadow:0 3px 6px rgba(0,0,0,.15)}.header-social-section{display:flex;justify-content:left;align-items:center;flex-direction:row}.header-social-section a{background-color:#ec41ff;border-radius:100px;display:flex;justify-content:center;align-items:center;margin:5px 10px 5px 0;width:35px;height:35px;padding:10px;transition-duration:1s}.header-social-section a:hover{box-shadow:0 3px 6px rgba(0,0,0,.15)}.header-social-links img{width:100%;height:auto}.header-img-div img{width:120%;z-index:2;position:relative;animation:float 5s ease-in-out infinite}@media screen and (max-width:1499.98px){.header-bg-section{top:35%}}@media screen and (max-width:1199.98px){.header-bg-section{width:120%;padding-top:120%;top:30%;left:-50%}}@media screen and (max-width:991.98px){.header-container{flex-direction:column-reverse}.header-title-section{position:relative;text-align:center;max-width:400px}.header-title{color:#404040;max-width:100%}.header-details{color:#404040;max-width:100%}.header-social-section{justify-content:center}.header-img-section{margin-bottom:40px}}@media screen and (max-width:767.98px){.header-bg-section{width:200%;padding-top:200%;left:-110%}}@media screen and (max-width:575.98px){.header-title{font-size:36px}}.highlights-bg-section{position:absolute;width:50%;padding-top:50%;bottom:-20%;right:-40%}.highlights-bg-section::before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;bottom:0;margin:auto 0;background-image:url(../images/highlight-section-bg-img.svg);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.highlights-section{padding:100px 0;background-color:#eee;position:relative}.highlights-container{display:flex;justify-content:center;align-items:center;flex-direction:row;position:relative;z-index:2}.highlights-card{border-radius:20px;padding:35px 40px 45px 40px;background-color:#fff;margin:10px}.highlights-card-center{margin:0;padding-bottom:55px;background:linear-gradient(140deg,#ec41ff,#0984e3);box-shadow:0 3px 15px rgba(0,0,0,.2)}.highlights-card-center img{padding-bottom:25px}.highlights-card-img-section img{width:100%}.highlights-card-content{text-align:center}.highlights-card-content-white a,.highlights-card-content-white h2,.highlights-card-content-white p{color:#fff!important}.highlights-card-content h2{font-size:20px;font-weight:700;margin-bottom:20px;color:#000}.highlights-card-content p{font-size:14px;color:#8a8a8a;font-weight:400;margin-bottom:30px;line-height:1.5}.highlights-card-content a{font-size:14px;color:#0984e3;font-weight:500;border:2px solid;border-radius:20px;padding:8px 20px;transition-duration:1s}.highlights-card-content a:hover{text-decoration:none;opacity:.7}@media screen and (max-width:991.98px){.highlights-bg-section{width:100%;padding-top:100%;bottom:-5%;right:-70%}.highlights-section{padding-top:40px}.highlights-container{flex-direction:column}.highlights-cards-section{margin:20px 0}}.features-section{padding:100px 0}.features-container{display:flex;justify-content:center;align-items:center;flex-direction:row}.features-header-img-section img{width:100%;animation:float 5s ease-in-out infinite}.features-content-section{padding-left:40px}.features-title-section{padding:0}.features-title-section{margin-bottom:45px}.features-card-container{padding:0;margin-bottom:-25px;display:flex;flex-wrap:wrap;justify-content:space-around}.features-card{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:row;padding:0;margin-bottom:40px}.features-card-img-section img{width:50px;height:auto}.features-card-content-section h3{font-size:19px;font-weight:700;color:#505050;padding-bottom:10px}.features-card-content-section p{color:#000;font-size:14px;line-height:1.4;font-weight:400}@media screen and (max-width:991.98px){.features-container{flex-direction:column;justify-content:center;align-content:center}.features-header-img-section{margin-bottom:40px}.features-content-section{padding-left:reset}.features-title-section{text-align:center}}.partners-bg-section-left{position:absolute;width:30%;padding-top:30%;bottom:-35%;left:-15%}.partners-bg-section-left::before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;bottom:0;margin:auto 0;background-image:url(../images/partners-bg-section-left.svg);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.partners-bg-section-right{position:absolute;width:25%;padding-top:25%;bottom:-35%;right:-15%}.partners-bg-section-right::before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;bottom:0;margin:auto 0;background-image:url(../images/partners-bg-section-right.svg);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.partners-section{padding:100px 0;background:linear-gradient(50deg,#ec41ff,#0984e3);position:relative}.partners-section-container{position:relative}.partners-title-section{text-align:center;margin-bottom:0}.partners-title-section .subtitle,.partners-title-section .title,.partners-title-section .title-details{color:#fff!important}.partner-carousel{display:flex;justify-content:center;align-items:center}.item{display:flex;justify-content:center;align-items:center}.clients-logo-section{display:flex;justify-content:center;align-items:center}.owl-carousel .owl-stage{display:flex;justify-content:center;align-items:center}.partner-carousel .owl-nav{display:none}.partner-carousel .owl-dots .owl-dot.active span,.partner-carousel .owl-dots .owl-dot:hover span{background:#ec41ff!important}.partner-carousel .owl-dots span{background:#fff!important}.owl-theme .owl-dots .owl-dot span{margin:20px 7px 5px 7px!important}@media screen and (max-width:991.98px){.partners-bg-section-left{bottom:-15%}.partners-bg-section-right{bottom:-15%}.partners-title-section .title-details br{display:none!important}}.blog-section{padding:100px 0}.blog-title-section{text-align:center;margin-bottom:40px}.blog-list-controls{list-style:none;display:flex;justify-content:center;flex-direction:revert;align-items:center;padding-left:0}.blog-list-control-filter{margin:0 10px}.blog-filter{font-size:14px;line-height:1.4;font-weight:700;letter-spacing:2px;text-transform:uppercase;border-bottom:2px solid transparent;border-top:0;border-right:0;border-left:0;border-image:linear-gradient(to right,rgba(0,0,0,0,0),rgba(0,0,0,0,0)) 1 stretch;padding:0 5px;border-radius:20px}.blog-filter:hover{cursor:pointer}.mixitup-control-active{border-image:linear-gradient(to right,#0984e3,#ec41ff) 1 stretch}.blog-list-container{display:flex;justify-content:center;flex-wrap:wrap;flex-direction:row;margin-top:40px}.blog-list-card{background:linear-gradient(60deg,#ec41ff,#0984e3);border-radius:23.23px;margin-bottom:40px}.blog-list-card-img-section{display:flex;justify-content:center;flex-wrap:wrap;flex-direction:row}.blog-list-card-img-section img{padding-top:45px;height:295px;opacity:1}.blog-list-card-content{padding:35px 40px}.blog-list-card-content h2{font-size:20px;font-weight:800;margin-bottom:15px;color:#fff}.blog-list-card-content p{font-size:14px;line-height:1.4;color:#fff;margin-bottom:20px;opacity:.7}.blog-list-card-footer{padding:0;display:flex;justify-content:space-between}.blog-list-card-footer-view-more{padding:0}.blog-list-card-footer-view-more a{font-size:14px;color:#fff;font-weight:500}.blog-list-card-footer-view-more a:hover{text-decoration:none}.blog-list-card-footer-view-more a:hover .blog-list-card-footer-view-more-arrow{margin-left:5px}.blog-list-card-footer-view-more-arrow{margin-left:12px}.blog-list-card-footer-views-likes{padding:0;display:flex;justify-content:flex-end;align-items:center;flex-direction:row}.blog-list-card-footer-views{padding:0;display:flex;justify-content:center;align-items:center}.blog-list-card-footer-views p{font-family:Montserrat,sans-serif;color:#fff;font-size:12px;margin-bottom:0;margin-left:5px;opacity:1}.blog-list-card-footer-likes{padding:0;display:flex;justify-content:center;align-items:center;margin-left:10px}.blog-list-card-footer-likes p{font-family:Montserrat,sans-serif;color:#fff;font-size:12px;margin-bottom:0;margin-left:5px;opacity:1}@media screen and (max-width:767.98px){.blog-filter{font-size:12px}.highlights-card-content a:last-of-type{display:inline-block}}@media screen and (max-width:550.98px){.blog-list-controls{flex-direction:column}.blog-list-control-filter{margin:10px}}.perfection-section{background:linear-gradient(30deg,#ec41ff,#0984e3);padding:100px 0 400px 0;position:relative;margin-bottom:150px}.perfection-bg-section-left{position:absolute;width:30%;padding-top:30%;top:-5%;left:-22%}.perfection-bg-section-left::before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;bottom:0;margin:auto 0;background-image:url(../images/partners-bg-section-left.svg);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.perfection-bg-section-right{position:absolute;width:25%;padding-top:25%;top:-30%;right:-18%}.perfection-bg-section-right::before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;bottom:0;margin:auto 0;background-image:url(../images/partners-bg-section-right.svg);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.perfection-container{position:relative}.perfection-title-section{text-align:center;display:flex;justify-content:center;flex-direction:column;align-items:center;position:relative}.perfection-title-section h2{color:#fff}.perfection-title-section p{color:#fff;max-width:800px}.perfection-header-img{position:absolute;text-align:center}.perfection-header-img img{width:90%;padding-top:25px;margin-left:-25px;animation:float 5s ease-in-out infinite}@media screen and (max-width:1199.98px){.perfection-section{margin-bottom:150px!important}}@media screen and (max-width:991.98px){.perfection-section{padding-bottom:175px;margin-bottom:175px}.perfection-bg-section-right{width:30%;padding-top:30%;top:-21%;right:-22%}}@media screen and (max-width:767.98px){.perfection-section{padding-bottom:150px;margin-bottom:150px}.perfection-section img{width:100%}.perfection-bg-section-right{top:-18%;right:-19%}}@media screen and (max-width:575.98px){.perfection-section{padding-bottom:120px;margin-bottom:120px}.perfection-bg-section-left{width:50%;padding-top:50%}.perfection-bg-section-right{width:50%;padding-top:50%;top:-10%;right:-33%}}.reviews-section{padding:100px 0;background-color:#fff}.reviews-title-section{text-align:center}.reviews-title-section h2{color:#404040}.reviews-title-section p{color:#000}.reviews-slider-container{margin-top:40px}.reviews-carousel .owl-nav{display:none}.reviews-carousel .owl-dots .owl-dot.active span,.reviews-carousel .owl-dots .owl-dot:hover span{background:#ec41ff!important}.reviews-carousel .owl-dots span{background:#d1d1d1!important}.reviews-card-section{padding-bottom:30px}.reviews-card{display:flex;justify-content:center;align-items:center;flex-direction:column}.reviews-card-img-section{width:100px;height:100px;border:6px solid #ec41ff;border-radius:100px;margin-bottom:20px}.reviews-card-img-section img{width:100%}.reviews-card-title{text-align:center}.reviews-card-title h3{font-size:24px;font-weight:700;margin-bottom:5px}.reviews-card-title p{font-size:18px;font-weight:400;margin-bottom:20px}.reviews-card-details-section{padding:35px 40px;background:linear-gradient(60deg,#ec41ff,#0984e3);border-radius:15px;text-align:center}.reviews-card-details-section p{font-size:14px;line-height:1.6;font-weight:400;max-width:700px;color:#fff}.contact-us-section{padding:100px 0;background:linear-gradient(30deg,rgba(236,65,255,.1),rgba(9,132,227,.1))}.contact-us-title-section{text-align:left;margin-bottom:45px}.contact-us-content-container{display:flex;justify-content:center;align-items:flex-start;flex-direction:row;margin-top:40px}.contact-us-content-container img.send-success{display:block;margin:25px auto 40px auto}.contact-us-header-img-section img{width:100%;animation:float 5s ease-in-out infinite}.contact-us-form-group input{border:1px solid #eee;border-radius:10px;background:#fff;margin-bottom:10px;width:100%;height:45px;padding:8px 10px;padding-left:20px;font-size:14px;line-height:1.2;font-weight:400;color:#8a8a8a}.contact-us-form-group textarea{border:1px solid #eee;border-radius:10px;background:#fff;margin-bottom:5px;width:100%;height:100px;padding:15px 10px;padding-left:20px;font-size:14px;line-height:1.2;font-weight:400;color:#8a8a8a}.contact-us-form-group input:focus,.contact-us-form-group textarea:focus{border:1px solid #624dd6}.contact-us-form-btn{width:100%;background:linear-gradient(60deg,#ec41ff,#0984e3);color:#fff;padding:8px 10px;border-radius:10px;border:none;font-size:18px;font-weight:500;transition-duration:1s}.contact-us-form-btn:hover{box-shadow:0 3px 12px 0 rgba(0,0,0,.25)}.contact-us-form #website{display:none}@media screen and (max-width:767.98px){.contact-us-content-container{flex-direction:column}.contact-us-header-img-section{margin-top:70px}#contactusanime img{display:none}#Features2 img{display:none}#Careerimg img{display:none}#footer_strip_img img{width:100backgroundbackground: rgba(17, 128, 214, 0.4)%!important;height:100%!important}}.footer-section{padding:100px 0 25px 0;background:linear-gradient(30deg,#ec41ff,#0984e3);background-size:cover}.footer-section-container{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;margin-bottom:55px}.footer-section-logo img{width:95px;margin-top:-10px;height:auto}.footer-section-div p{font-size:14px;line-height:1.5;color:#fff;margin-bottom:20px}.footer-social-section{justify-content:flex-start!important}.footer-social-links{width:35px!important;height:35px!important;background-color:rgba(255,255,255,.2)!important;padding:10px!important;transition-duration:1s}.footer-section-form-section{margin-top:20px}.footer-section-form{display:flex;justify-content:flex-start;flex-direction:row}.footer-section-form input{border:1px solid rgba(238,238,238,.56);border-radius:6px;background:rgba(238,238,238,.56);height:40px;padding:10px;padding-left:20px;font-size:14px;line-height:1.2;font-weight:500;color:#fff;width:250px;margin-right:5px}.footer-section-form input:focus{border-color:#fff}.footer-form-btn{background-color:#fff;color:#7265f0;padding:10px 20px;border-radius:6px;border:none;font-size:14px;font-weight:600;height:40px}.footer-form-btn:hover{box-shadow:0 3px 15px 0 rgba(0,0,0,.25)}.footer-section-div h3{color:#fff;font-weight:700;margin-bottom:20px;font-size:18px}.footer-section-div ul{list-style:none;padding-left:0}.footer-section-div ul li{font-size:14px;line-height:1.5;font-weight:400;color:#fff;margin-bottom:10px}.footer-credit-container{padding:20px 10px;text-align:center}.footer-credit-container p{font-size:14px;line-height:1.5;font-weight:400;color:#fff}.footer-credit-container a{color:#fff;font-weight:700;text-decoration:none;transition-duration:1s}.footer-credit-container a:hover{opacity:.75;text-decoration:none;cursor:pointer}@media screen and (max-width:991.98px){.footer-section-form input{width:150px}}@media screen and (max-width:767.98px){.footer-section-container{flex-direction:column;margin-bottom:0}}.float{position:fixed;width:40px;height:40px;font-size:18px;bottom:40px;right:40px;background-color:#25d366;color:#fff;border-radius:50px;text-align:center;box-shadow:2px 2px 3px #999;z-index:100;display:none}.my-float{margin-top:13px}.floats{position:fixed;width:40px;height:40px;font-size:15px;bottom:15px;right:40px;background-color:#25b9d3;color:#fff;border-radius:50px;text-align:center;box-shadow:2px 2px 3px #999;z-index:100;display:none}.my-floats{margin-top:16px}#bottom_bar_fixed{position:fixed;bottom:0;z-index:100;margin-top:100px}@media screen and (max-width:1499.98px){.float{display:block}.floats{display:block}}#footer_strip_img{padding-bottom:45px!important}.card-header .btn{position:relative;display:block;width:100%;background:0 0;color:#222;text-align:left}.card-header .btn.collapsed{color:#444}.card-header .btn:active,.card-header .btn:focus,.card-header .btn:hover{-webkit-box-shadow:inherit;box-shadow:inherit}.card-header .btn.collapsed::after,.card-header .btn::after{position:absolute;top:50%;left:calc(100% - 1.25rem);-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:18px;font-weight:900;font-family:'Font Awesome 5 Free'}.card-header .btn::after{content:'\f107'}.card-header .btn.collapsed::after{content:'\f105'}.faq-area.style-two .card-header .btn::after{display:none}.faq-area.style-two .card-header .btn{cursor:inherit}#icon_right{display:none}@media screen and (max-width:767.98px){#icon_right{display:block;width:80px;height:50px;position:fixed;top:30vh;right:0;z-index:500}#icon_right li{list-style:none;margin-top:1vh}#icon_right img{width:100%}.footer-section-logo{height:250px!important}.show_mobile{display:block!important;color:#fff;border-radius:5px;padding:8px 0}.show_mobile i{position:relative;top:1px;font-size:20px}.show_mobile:hover{color:#fff}.show_desktop{display:none}.highlights-card-content .show_mobile{padding:5px 10px!important;margin-bottom:0}.highlights-card-content .show_mobile:hover{color:#0984e3!important}.highlights-card-content .show_mobile i{transform:translateY(1px)}.highlights-card-content .show_desktop{display:none!important}#number h2,#number h2 span{color:#000!important}.header-scrolled #number h2,.header-scrolled #number h2 span{color:#fff!important}}@media screen and (max-width:575.98px){#icon_right{display:block;position:fixed;width:80px;height:50px;top:30vh;right:0;z-index:500}#icon_right li{list-style:none;margin-top:1vh}#icon_right img{width:100%}}#number{margin:8%}.modal-backdrop{display:none}.modal-content{position:relative;top:80px;z-index:10000!important}#header_img1,#header_img1 img{position:relative;z-index:1!important}#contact-form button{background:#dc3545;color:#fff;cursor:pointer}.footer-section-logo{height:300px;position:relative;top:-50px}.show_mobile{display:none}.fa-whatsapp{color:#00e676}.highlights-card-content .show_desktop{display:inline-block;margin-bottom:20px}#number h2,#number h2 span{color:#fff}.header-scrolled #number h2,.header-scrolled #number h2 span{color:#fff}.features-card-img-section i{color:var(--success)}



.contact-title{
    font-size: 25px;
    font-weight: bold;
}

body{
    overflow-x: hidden;

}

.text-center{
    position: relative;
    z-index: 3;
    background: #fff;
}
/*.fixed-top{*/
/*    background: #fff !important;*/
/*}*/
.fhead{
    padding-top: 2%;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 600;
}
.sky{
    background: linear-gradient(60deg, #EC41FF, #0984E3) !important;
    color:#fff !important; 
    text-transform: uppercase;
}
      
.popup4 h2 {
  color: #fff;
  text-align: center;
  font-size: 32px;
  font-family: 700;
  margin: 2% 0;
  
text-transform: uppercase;
font-weight: 500; 
}
.backdrop4 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999 !important;
}
.backdrop4 .icon{

  float:right;
}
.popup4 {
  width: 40%;
float: left;
background-color: #53565a;

background-color: #0984e3;
background-color: #ff4500;
top: 20% !important;
left: 30%;
z-index: 9999;
padding: 2% 0;
border: 1px solid #fff;
transition: .4s;
position: fixed;
}

.close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  cursor: pointer;
  width: 100%;

}

.input {
  width: 85%;
  /* margin: auto; */
  padding: 8px;
  border: 1px solid #bbbbbb;
  box-sizing: border-box;
  margin: 10px 40px;
}
.btnfloat {
  margin-left: 38%;
  padding: 5px 10px;
  margin-top: 2%;
}

.btn1 {
  padding: 10px 20px;
  /* background-color: #007bff; */
  /* color: white; */
  /* border: 2px; */
  /* border-radius: 5px; */
  cursor: pointer;
  /* margin: auto; */
  /* margin-left: 214px; */
  margin: 10px 216px;
}


@media screen and (max-width:767px){
    .contact-top{
        display: none;
    }



    .navbar-collapse {
        flex-grow: 0 !important;
        width: 42% !important;
        position: absolute;
        right: 0;
        top: 50px;
    }

.header-img-div img{
margin-left:100px;
}
.close-btn {
  padding: 12px 16px;
  background: none;
  position: absolute;
  top: 15px;
  left: 20%;
  color: #fff;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 20px;
  cursor: pointer;
  width: 100%;
}

.btn1 {
  padding: 10px 20px;
  /* background-color: #007bff; */
  /* color: white; */
  /* border: 2px; */
  /* border-radius: 5px; */
  cursor: pointer;
  /* margin: auto; */
  /* margin-left: 214px; */
  margin: 10px 123px;
}
     /* .close-btn{
              transform: translate(-60px, -19px);
              cursor: pointer;
          } */


    /* .header-title {
        font-size: 28px;
        position: absolute;
        top: -427px;
    } */
    
}




.areas-section{
    background-color: #edf0fd;
    padding-bottom: 5%;
}

  .areas-section h2{
    font-size:2.5rem;
    color:#404040 !important;
    font-weight: bold;
    text-align:center;
    color:#30587c;
    padding-top: 2%;
    padding-bottom: 2%;
}
  
  :root {
    --col-primary: #296eb3;
    --col-secondary: #003b81;
    --col-background: #e8e8e8;
    --col-light: #e8e8e8;
    --col-dark: #022f64;
    --col-free: #7dbaff;
    --col-bronze: #b85a24;
    --col-silver: #8a8a8a;
    --col-gold: #e2a922;
  }
  
  .price_table {
    /* margin: 0 auto; */
    /* display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    
     align-items: start;
    column-gap: 1.5rem;
    row-gap: 2rem;
    display: inline-flex;  */
    display: flex;
  }
  .package {
    border-radius: 4px;
    background: white;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    position: relative;
    width: 16%;
    margin-left: 1%;
  }
  .package h2 {
    margin: 0;
    padding: 1rem;
    background: var(--col-primary);
    font-size: 1.2em;
    text-align: center;
    font-weight: normal;
    color: white;
    position: relative;
  }
  .package h2::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0.4rem;
    left: 0;
    bottom: 0;
  }
  .package .price {
    padding: 0.2rem 1rem;
    background: linear-gradient(45deg, var(--col-secondary) 0%, var(--col-dark) 100%);
    color: white;
    text-shadow: 0 4px 0 var(--col-dark);
  }
  .package p {
    padding: 1rem;
  }
  .package .price {
    font-size: 1.2em;
    font-weight: normal;
    text-align: center;
    box-shadow: inset 0 10px 4px -6px rgba(0, 0, 0, 0.1);
  }
  .package .big {
    display: inline;
    font-size: 4em;
    font-weight: 700;
  }
  .package ul {
    list-style: none;
    padding: 0 0 1rem 0;
    margin: 0;
    border-bottom: 1px solid var(--col-primary);
  }
  .package li {
    padding: 0.8em 1em;
    font-size: 0.9em;
  }
  .package li:nth-child(odd) {
    background: var(--col-light);
  }
  .package button {
    cursor: pointer;
    padding: 1em 2em;
    font-size: 1rem;
    display: block;
    color: white;
    margin: 1rem auto;
    border: none;
    border-radius: 5px;
    background: linear-gradient(0deg, var(--col-secondary) 0%, var(--col-primary) 100%);
    transition: all 0.2s;
  }
  .package button:hover, .package button:focus {
    background: linear-gradient(0deg, var(--col-secondary) 0%, var(--col-dark) 100%);
    box-shadow: 0 0 0 4px white, 0 0 0 8px var(--col-primary);
    outline: 0;
  }
  .package .banner {
    background: linear-gradient(90deg, #33a530 0%, #4eee49 50%, #33a530 100%);
    transform: rotate(-45deg);
    position: absolute;
    z-index: 1;
    padding: 0.5rem 4rem;
    top: 2rem;
    left: -4rem;
    border: 2px solid #91ff69;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
  }
  .package_free h2::after {
    background: var(--col-free);
    background: linear-gradient(90deg, var(--col-free) 0%, white 50%, var(--col-free) 100%);
  }
  .package_bronze h2::after {
    background: linear-gradient(90deg, var(--col-bronze) 0%, white 50%, var(--col-bronze) 100%);
  }
  .package_silver h2::after {
    background: linear-gradient(90deg, var(--col-silver) 0%, white 50%, var(--col-silver) 100%);
  }
  .package_gold h2::after {
    background: linear-gradient(90deg, var(--col-gold) 0%, white 50%, var(--col-gold) 100%);
  }
  
  
  
  
  
  @media screen and (min-width: 350px) and (max-width: 768px){ 
  
  .price_table {
    width: 100%;
    padding: 0 3%; 
    /* display: inline-flex; */
  
    display: inline-block;
}
.package {
    border-radius: 4px;
    background: white;
    box-shadow: 0 3px 10px rgb(0 0 0 / 40%);
    overflow: hidden;
    position: relative;
    width: 46%;
    display: inline-flex;
    margin-left: 2%;
}

.container-pricing {
    width: 90%;
    margin: 0;

}
.areas-section h2 {
  
    font-size: 2rem; 
}
  }



  

/* float popup css  */
.backdrop2 {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);

  backdrop-filter: blur(10px);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999 !important;
}

.float-btn {
  width: 160px !important;
  height: 40px;
  background-color: red;
  color: #fff;
  float: right;
  position: fixed;
  top: 370px;
  right: -62px !important;
  z-index: 1000;
  transform: rotate(-90deg)
}
.float-btn:hover {
  cursor: pointer;
}

.popup2 h2 {
  color: #fff;
  text-align: center;
  font-size: 32px;
  font-family: 700;
  margin: 2% 0;
  
text-transform: uppercase;
font-weight: 500; 
}

.popup2 {
  width: 40%;
  float: left;
  background-color: #53565a;
  
background-color: #41b60a;
  top: 20% !important;
  left: 30%;
  z-index: 9999;
  padding: 2% 0;
  border: 1px solid #fff;
  transition: .4s;
  position: fixed;
}

.open-popup {
  display: block;
}

.input {
  width: 80%;
  height: 40px;
  margin: 2% 10%;
  padding-left: 2%
}
.close-btn{
padding: 12px 16px;
background: none;
position:absolute;
top: 5px;
left: 2%;
color: #fff;
text-transform: capitalize;
font-size: 16px;
font-weight: 600;
border: none;
border-radius: 20px;
cursor: pointer;
width: 100%;

}
.btnfloat{
  margin-left: 41% ;
  padding: 5px 10px;
  margin-top: 2%;

}
.btnfloat:hover{
  cursor: pointer;

}
@media screen and (min-width:350px) and (max-width:768px) {
 .popup2{
  width: 90%;
  left: 3%;
 }
 .popup2 h2 {
  font-size: 25px;
 }
}

/* float popup css end */




/* float popup css  */
.backdrop3 {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);

  backdrop-filter: blur(10px);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999 !important;
}

.float-btn3 {
  width: 160px !important;
  height: 40px;
  background-color: red;
  color: #fff;
  float: right;
  position: fixed;
  top: 370px;
  right: -62px !important;
  z-index: 1000;
  transform: rotate(-90deg)
}
.float-btn3:hover {
  cursor: pointer;
}

.popup3 h2 {
  color: #fff;
  text-align: center;
  font-size: 32px;
  font-family: 700;
  margin: 2% 0;
  
text-transform: uppercase;
font-weight: 500; 
}

.popup3 {
  width: 40%;
  float: left;
  background-color: #53565a;
  
background-color: #ffc107;
  top: 20% !important;
  left: 30%;
  z-index: 9999;
  padding: 2% 0;
  border: 1px solid #fff;
  transition: .4s;
  position: fixed;
}

.open-popup3 {
  display: block;
}

.input {
  width: 80%;
  height: 40px;
  margin: 2% 10%;
  padding-left: 2%
}
.close-btn{
padding: 12px 16px;
background: none;
position:absolute;
top: 5px;
left: 2%;
color: #fff;
text-transform: capitalize;
font-size: 16px;
font-weight: 600;
border: none;
border-radius: 20px;
cursor: pointer;
width: 100%;

}
.btnfloat{
  margin-left: 41% ;
  padding: 5px 10px;
  margin-top: 2%;

}
.btnfloat:hover{
  cursor: pointer;

}
@media screen and (min-width:350px) and (max-width:768px) {
 .popup3{
  width: 90%;
  left: 3%;
 }
 .popup3 h2 {
  font-size: 25px;
 }
}

/* float popup css end */



/* float popup css  */
.backdrop4 {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);

  backdrop-filter: blur(10px);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999 !important;
}

.float-btn4 {
  width: 160px !important;
  height: 40px;
  background-color: red;
  color: #fff;
  float: right;
  position: fixed;
  top: 370px;
  right: -62px !important;
  z-index: 1000;
  transform: rotate(-90deg)
}
.float-btn4:hover {
  cursor: pointer;
}

.popup4 h2 {
  color: #fff;
  text-align: center;
  font-size: 32px;
  font-family: 700;
  margin: 2% 0;
  
text-transform: uppercase;
font-weight: 500; 
}

.popup4 {
  width: 40%;
  float: left;
  background-color: #53565a;
  
background-color: #0984e3;
background-color: #ff4500;
  top: 20% !important;
  left: 30%;
  z-index: 9999;
  padding: 2% 0;
  border: 1px solid #fff;
  transition: .4s;
  position: fixed;
}

.open-popup4 {
  display: block;
}

.input {
  width: 80%;
  height: 40px;
  margin: 2% 10%;
  padding-left: 2%
}
.close-btn{
padding: 12px 16px;
background: none;
position:absolute;
top: 5px;
left: 2%;
color: #fff;
text-transform: capitalize;
font-size: 16px;
font-weight: 600;
border: none;
border-radius: 20px;
cursor: pointer;
width: 100%;

}
.btnfloat{
  margin-left: 41% ;
  padding: 5px 10px;
  margin-top: 2%;

}
.btnfloat:hover{
  cursor: pointer;

}
@media screen and (min-width:350px) and (max-width:768px) {
 .popup4{
  width: 90%;
  left: 3%;
 }
 .popup4 h2 {
  font-size: 25px;
 }
}

/* float popup css end */


/* float popup css  */
.backdrop5 {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);

  backdrop-filter: blur(10px);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999 !important;
}

.float-btn5 {
  width: 160px !important;
  height: 40px;
  background-color: red;
  color: #fff;
  float: right;
  position: fixed;
  top: 370px;
  right: -62px !important;
  z-index: 1000;
  transform: rotate(-90deg)
}
.float-btn5:hover {
  cursor: pointer;
}

.popup5 h2 {
  color: #fff;
  text-align: center;
  font-size: 32px;
  font-family: 700;
  margin: 2% 0;
  
text-transform: uppercase;
font-weight: 500; 
}

.popup5 {
  width: 40%;
  float: left;
  background-color: #53565a;
  
background-color: #ff4500;
  top: 20% !important;
  left: 30%;
  z-index: 9999;
  padding: 2% 0;
  border: 1px solid #fff;
  transition: .4s;
  position: fixed;
}

.open-popup5 {
  display: block;
}

.input {
  width: 80%;
  height: 40px;
  margin: 2% 10%;
  padding-left: 2%
}
.close-btn{
padding: 12px 16px;
background: none;
position:absolute;
top: 5px;
left: 2%;
color: #fff;
text-transform: capitalize;
font-size: 16px;
font-weight: 600;
border: none;
border-radius: 20px;
cursor: pointer;
width: 100%;

}
.btnfloat{
  margin-left: 38% ;
  padding: 5px 10px;
  margin-top: 2%;

}
.btnfloat:hover{
  cursor: pointer;

}
@media screen and (min-width:350px) and (max-width:768px) {
 .popup5{
  width: 90%;
  left: 3%;
 }
 .popup5 h2 {
  font-size: 25px;
 }
 .popup2, .popup3, .popup4, .popup5{
  margin-top: 25% !important;
}
/*.close-btn {*/
/*    padding: 12px 16px;*/
/*    background: none;*/
/*    position: absolute;*/
/*    top: 20px;*/
/*    left: 16%; }*/
}

/* float popup css end */