/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
ol,ul { list-style:none;} 
a	{color:#282834; text-decoration:none !important; outline:0 none; outline:none !important;}
a:hover	{color:#282834; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; text-decoration:none;}
h1	{font-size:35px; color:#282834; padding:0;margin:0;}
h2	{font-size:30px; color:#282834; padding:0;margin:0;}
h3	{font-size:18px; color:#282834; padding:0;margin:0;}
h4	{font-size:16px; color:#282834; padding:0;margin:0;}		
h5	{font-size:14px; color:#282834; padding:0;margin:0;}
h6	{font-size:12px; color:#282834; padding:0;margin:0;}
p 	{font-size:16px; line-height:22px; color: #282834; padding:10px 0 10px 0; margin:0;}
p a {color:#282834;}
p a:hover{color:#282834; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; text-decoration:none;}
img{height: auto;}
.text-underline { text-decoration: underline !important;}
.img-full-fill{display:block; width:100%; height:auto;}
.img-responsive{ display: block; max-width: 100%; height: auto;} 
::selection { background: #282834 !important; color: #fff !important; text-shadow: none;} 
::-moz-selection {background: #282834 !important;color: #fff !important;text-shadow: none;}  
/*====================================== reset.css is End ========================================*/

/*====================================== layout ========================================*/ 
html 	{width: 100%; height: 100%; background: #fff;}
body	{background: #fff; font-size:15px;line-height: 1.5; -webkit-font-smoothing: antialiased; overflow-x:hidden; font-family: "Poppins", sans-serif; font-weight: 400;}
.wrapper {margin:0;padding-top: 0;width: 100%;}
.container{ max-width: 1280px; width: 100%;}  
.btn-danger {display: inline-block; background: #FF0000 !important; color: #FFFFFF !important; border-radius: 10px; font-size: 14px; line-height: 18px; padding: 9px 12px;  margin: 0; border:none; font-weight: 500; box-shadow: none !important; letter-spacing: 0px; text-transform: none;transition: all 0.3s ease;}
.btn.btn-danger:focus, .btn.btn-danger:hover {box-shadow: none !important; background: #f80404 !important; transition: all 0.3s ease;} 

.btn-primary {background: #94AEEB;border-radius: 10px;font-size: 16px;font-weight: 500;line-height: 21px;color: #fff;max-width: 100%;padding: 10px 14px;border-color: #94AEEB;box-shadow: none !important;}
.btn.disabled { background: #E5ECFA; color: #A7BDED; }
.btn-primary:hover, .btn-primary:focus{ background: #E5ECFA; color: #282834; }

/* ==================== Header Start ==================== */
.header-container{max-width: 1280px; padding: 0 10px 0 10px;}
.header	{background-color:#FFFFFF; height: auto; position: static;top: 0; left: 0; right: 0; width: 100%; z-index:99;padding: 0; transition: all 0.5s ease-in-out;display: flex;justify-content: center;align-items: center; /*box-shadow: 0 0 22px rgba(0, 0, 0, 0.08);*/} 
.logo	{display:block;padding:10px 0px 10px 0;float:none;}
.logo img{transition: all 0.5s ease-in-out;max-width: 100%; width: 314px; height: auto; display: block;}
.header.sticky { transition: all 0.5s ease-in-out; padding: 0;} 
.navbar-header{display: none;}
.brand-tagline{padding: 0 0 0 62px; font-size: 20px; line-height: 30px; font-weight: 500; color: #E31F1F; letter-spacing: 1px;}
.brand-tagline span{}
.brand-tagline span::before{content: ''; width: 7px; height: 7px; background: #E31F1F; display: inline-block; border-radius: 50%; vertical-align: middle; margin: 0 3px 0 0;} 

/* ==================== Header ENd ==================== */
/* ==================== Navigation Start ==================== */
.mobilelist {display:none;}
.mobilelist .headertoprgt {display:none ;}  
.nav-brand-parent{display: flex;max-width: 1214px;width: 100%;justify-content: space-between;align-items: flex-start;padding: 50px 0 18px; margin: 0 auto;}
.navigation{ position: relative; background-color: rgba(255, 255, 255, 0.69);} 
.navlist{width: 60%; display: inline-block; padding: 0 0; position: relative;transition: all 0.5s ease-in-out;}
.navbar-default {width: 40%; display: inline-block; border: none; box-shadow: none; border-radius: 0; background: none;padding:15px 40px 0 12px;transition: all 0.5s ease-in-out;} 
.navbar-collapse{padding:0;}
.navbar-nav{text-align: right;justify-content: space-between;margin: 0 0 0 auto;}
.navbar-nav	li{display:inline-block; position:relative; vertical-align: middle; } 
.navbar-default .navbar-nav > li{text-align:center;  padding:0 19px; float:none;}
.navbar-default .navbar-nav > li > a{ font-size: 20px;font-weight: 500;display: block;line-height: 22px;color: #282834;padding: 5px 2px 5px;text-shadow: none !important;text-transform: capitalize;transition: all ease-in-out 0.3s;}
.navbar-default .navbar-nav > li:hover > a{text-decoration: none !important;}
.navbar-default .navbar-nav > li.active > a {color:#282834;}
/* .navbar-default .navbar-nav > li > a:hover:after {visibility:visible; width:100%; opacity:1; }  */
.navbar-default .navbar-nav > li > a:after	{content:''; display:none; width:5%; height:0.5px; background:#282834 !important;  margin:0 auto; padding:0; visibility:visible; opacity:0; transition:all ease-in-out 0.3s; }
.navbar-nav > li.active > a:after {content:''; width:25px;  visibility:visible; opacity:1; } 
.navbar-default .navbar-nav li.active ul li a {color:#282834;}
.navbar-nav	li ul {width:100px; top:100%; left:0; box-shadow: none !important; position:absolute; /*display:none; */ padding:5px 0;
background:rgba(248, 248, 248,1); visibility:hidden;opacity:0;transform:translateY(25px); transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; border-radius: 0px;}
.navbar-nav	li ul li {display:block; float:none; padding:4px 10px 6px 10px; text-align:center; }
.navbar-nav	li ul li a {font-size:12px; line-height:18px; font-weight: 400; padding:2px 0; display:block; letter-spacing: 1.2px; text-transform: none;} 
.navbar-nav	li ul li:last-child a::after{display: none;}
.navbar-nav	li ul ul {width:155px; top:0; left:155px; border-radius: 0; position:absolute; box-shadow: none !important;display:none;background:rgba(248, 248, 248,1);  padding:0; }
.navbar-nav	li ul ul li {display:block; float:none; padding:0 5px; text-align:left;  line-height:21px;}
.navbar-nav	li ul ul li a {font-size:12px; line-height:18px;font-weight: 400; padding:8px 10px;display:block;letter-spacing: 1.2px;}
.navbar-nav	li ul li:hover{background-color: transparent; transition:all ease-in-out 0.5s;}
.navbar-nav	li ul li a:hover{opacity: 0.8;} 
/* .navbar-nav li span {background:url(../images/icon_plus_white.svg) no-repeat center; width:25px; height:25px; position:absolute; right:0px; top:5px; display:none; cursor:pointer;position:absolute;top: 0;display:none;cursor:pointer;width: 100%;left: auto; background-position: right;transition:all ease-in-out 0.3s;}
.navbar-nav li span.open {background:url(../images/icon_minus_white.svg) no-repeat center;transition:all ease-in-out 0.3s;    background-position: right;} */
.navbar-nav li span {background:url(../images/icon_plus.svg) no-repeat center; width:15px; height:15px; position:absolute; right:0; top:10px; display:none; cursor:pointer;background-size: 15px 15px !important;}
.navbar-nav li span.open {background:url(../images/icon_minus.svg) no-repeat center;}
.navbar-toggle {float: none;margin:0 0 0 10px;border:none;padding:8px 4px;border-radius:50%; background:transparent;position:relative;outline:none!important; box-shadow: none !important;} 
.navbar-toggle .navbar-toggler-icon:nth-child(2) {width: 20px;margin: 4px 0; right: 0;top: 1px;}
.navbar-toggle .navbar-toggler-icon:nth-child(3) {width: 16px;top: 2px;}
.navbar-toggle .navbar-toggler-icon{display: block;width: 22px;height: 2px;border-radius: 1px; position: relative; transition: all 500ms ease-in-out;background: #282834;}   
.navbar-toggle.active .navbar-toggler-icon:nth-of-type(1) { top: 6px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg);} 
.navbar-toggle.active .navbar-toggler-icon:nth-of-type(2) { background-color: transparent;} 
.navbar-toggle.active .navbar-toggler-icon:nth-of-type(3) { top: -6px; width: 22px !important; transform: rotate(-45deg); 
  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
.navbar-toggle .sr-only { width:45px;text-align:center;height:auto;font-size:12px;line-height:12px;clip:inherit;position:absolute;left:-31px;top:15px;transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);-moz-transform:rotate(-90deg);text-shadow:inherit!important;color:#fff;font-weight:400; display: none;} 
.navbar-default .navbar-nav > li > a:hover{color: #282834;}

/* ==================== Navigation End ==================== */

.home-banner { position: relative; display: block; overflow: hidden;}
/* .home-banner::after{content: '';display: block;width: 100%;height: 180px;position: absolute;left: 0;right: 0;bottom: -65px;background: url(../images/banner-shape.svg) no-repeat;background-size: cover;} */
.banner-shape{position: absolute; width: 100%; /*height: 180px;*/ left: 0; right: 0; bottom: -65px; overflow: hidden;}
.banner-shape img{width: 103%; height: auto; display: block;}
.home-banner figure > img { width: 100%; height: 700px; object-fit: cover; object-position: top;}
.home-banner-overlay { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0;  display: flex; align-items: center; justify-content: flex-start;}
.home-banner-overlay-inner { max-width: 864px; width: 100%; margin: 0; height: 100%;display: flex;flex-flow: column;justify-content: center; padding: 20px 40px 50px 55px; 
background: rgb(255,255,255);
background: linear-gradient(-90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.31) 18%, rgba(255,255,255,0.47) 32%, rgba(255,255,255,0.65) 69%, rgba(255,255,255,0.81) 76%, rgba(255,255,255,1) 100%);
}
.home-banner-overlay-inner h1 { font-size: 50px; line-height: 70px; font-weight: 800; letter-spacing: 5px; text-transform: uppercase; color: #E31F1F;}
.home-banner-overlay-inner ul{max-width: 542px; width: 100%; display: inline-flex; align-items: center; flex-wrap: wrap; padding: 30px 0 0;}
.home-banner-overlay-inner ul li{margin: 0 20px 12px 0;}
.home-banner-overlay-inner ul li img{max-width: 100%; height: auto;}

/* ==================== VB styles Start ==================== */ 
.scp-appswork-main{padding: 0 0 105px; background: #FAFAFA; overflow: hidden; position: relative;}
.scp-appswork-main .container{max-width: 1090px; position: relative; z-index: 2;}
.apps-info-cont{max-width: 860px; width: 100%; margin: 0 auto;}
.heading_30{font-size: 30px; line-height: 46px;color: #94AEEB; font-weight: 600; letter-spacing: 4.5px; text-transform: uppercase;}
.apps-info-cont p, .appworks-btm-text p{font-size: 20px; line-height: 30px; letter-spacing: 3px; color: #707070; text-align: center;}
.apps-work-list{max-width: 652px; width: 100%; margin: 0 auto;}
.apps-work-circle{width: 77px; height: 77px; margin: 0 auto 18px auto;}
.apps-work-circle figure{background: #A7BDED; outline: solid 4px #E5ECFA; outline-offset: 4px; display: flex; height: 100%;border-radius: 50%;}
.apps-work-circle figure img{max-width: 100%; height: auto; margin: 0 auto;}
.apps-work-list ul{display: flex; justify-content: space-evenly; flex-wrap: wrap;}
.apps-work-list ul li{padding: 10px 20px;}
.apps-work-list ul li h3{font-size: 14px; line-height: 21px; letter-spacing: 0.7px; color: #94AEEB; text-transform: uppercase; text-align: center;}
.apps-works-screen-cont{max-width: 1060px; width: 100%; margin: 20px auto 55px;}
.apps-mobile-screens figure{position: relative;}
.apps-mobile-screens figure img{width: 100%; max-height: 504px; display: block; object-fit: contain;}
.appworks-btm-text{max-width: 1055px; width: 100%; margin: 0 auto;}
.appworks-curves{position: absolute; width: 100%; /*height: 245px;*/ left: 0; right: 0; top: 47.5%; overflow: hidden; z-index: 1;}
.appworks-curves img{width: 105%;height: auto;display: block;position: relative;left: -30px;}

.scp-onlinebooking-main{padding: 85px 0 155px; background: #fff;}
.ob-work-list.apps-work-list{max-width: 505px; width: 100%; margin: 0 auto;}
.ob-work-list ul li{width: 33.3333%;}
.appworks-btm-text figure{margin: 75px 0 10px;}
.appworks-btm-text figure img{display: block; max-width: 100%;}

.reports-snap-main{padding: 155px 0 240px; background: #F4F5F7; overflow: hidden; position: relative;}
.reports-team-shape{position: absolute; width: 100%; /*height: 245px;*/ left: 0; right: 0; top: 0; overflow: hidden; z-index: 1;background: #fff;}
.reports-team-shape img{width: 101%;height: auto;display: block;position: relative;left: 0;}
.reports-snap-main .container{position: relative; z-index: 2;}
.reportsTeam-work-list.apps-work-list{max-width: 750px; width: 100%; margin: 0 auto;}
.reportsTeam-work-list.apps-work-list ul li{width: 25%;}
.reports-team-container .appworks-btm-text{max-width: 1117px;}
.reports-team-container .appworks-btm-text figure{margin: 75px 0 60px;}
.reports-snap-middle-shape{position: static; width: 100%;overflow: hidden; }
.reports-snap-middle-shape img{width: 103%;height: auto;display: block;position: relative;left: -20px;}
.reports-snap-container .appworks-btm-text{max-width: 1140px;}
.reports-snap-container .appworks-btm-text figure{margin: 50px 0 80px;}
.reports-snap-main .appworks-btm-text p{font-size: 18px; line-height: 27px; letter-spacing: 2.7px;}

.footer-blue-main{padding: 30px 0; background: #94AEEB;}
.footer-blue-main .container{max-width: 1104px;}
.footer-logo img{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(226deg) brightness(100%) contrast(104%);}
.footer-info p{font-size: 12px; line-height: 18px; color: #fff; padding: 15px 0 0;}
.footer-info p:first-child{padding-right: 13px;}
.footer-info p a{color: #fff;}
.fotoer-social ul{display: inline-flex;}
.fotoer-social ul li{margin: 0 0 0 5px;}
.footer-bottom { background: #E7E8EC; padding: 0 40px; }
.footer-btm-container{max-width: 1280px; width: 100%; margin: 0 auto; padding: 0 12px; display: flex; align-items: center; justify-content: space-between;}
.footer-bottom ul li { display: inline-block; padding-right: 16px; position: relative; }
.footer-bottom ul li:last-child { padding-right: 0; }
.footer-bottom ul li:last-child:after { display: none; }
.footer-bottom ul li:after { content: ''; position: absolute; width: 1.5px; height: 11px; right: 5px; top: 6px; background: #9096A2; }
.footer-bottom p, .footer-bottom ul li a { font-size: 12px; color: #8F96A3; font-weight: 400; line-height: 18px; }
.footer-bottom p span { padding-right: 5px; }

.inner-banner{position: relative; display: flex; min-height: 300px;}
.inner-baner-left-cont{width: 43%; background: #F4F5F7; display: flex; flex-flow: column; justify-content: center; align-items: flex-start; padding: 0 10px 0 84px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.16);}
.inner-baner-left-cont h1{font-size: 40px; line-height: 60px; color: #A7BDED; font-weight: 700; text-transform: uppercase; letter-spacing: 4px;}
.inner-baner-left-cont p{font-size: 16px; line-height: 25px; font-weight: 300; letter-spacing: 1.6px;}
.inner-baner-right-cont{width: 57%;position: relative;}
.inner-baner-right-cont::before{content: '';width: 165px;height: calc(100% + 0px);position: absolute;background: url(../images/inner-banner-shape.svg) no-repeat;left: -10px;top: 0px;background-size: auto 100%;background-position: left center;}
.inner-baner-right-cont figure{margin: 0; height: 100%;}
.inner-baner-right-cont figure img{width: 100%; height: 100%; object-fit: cover;}


.reviews-main{padding: 40px 0;}
.reviews-main .container{max-width: 1196px;}
.featured-gird { background: #FAFAFA; border-radius: 10px; height: 100%; padding: 40px 52px 35px 55px; min-height: 475px;}
.featured-gird h2{font-size: 24px; font-weight: 600; line-height: 35px; color: #94AEEB; letter-spacing: 3.6px; text-transform: uppercase;}
.featured-content{padding: 35px 0 0;}
.featured-content h3 { font-size: 18px; font-weight: 500; line-height: 27px; color: #282834;}
.featured-content h4 { color: #8F96A3; font-size: 14px; font-weight: 500; line-height: 25px; padding: 0 0 0; }
.featured-content ul{margin: 0 0 10px;}
.featured-content ul li { display: inline-block; padding-right: 0px; }
.pagination-end { padding: 0 10px 0 20px; display: flex; align-items: center; justify-content: flex-end; }
.pagination li a { text-decoration: none; color: #1C1D21; font-size: 14px; }
.pagination li .box { width: 40px; height: 27px; border: 2px solid #EAEAE9; font-size: 14px; color: #1C1D21; text-align: center; }
.pagination li { margin-right: 13px; }
.pagination li.disabled svg{opacity: 0.5;}
.pagination li span { padding-left: 3px; padding-right: 3px; }

.freedemo-main{padding: 60px 0 75px;}
.freedemo-grid-cont{max-width: 783px; width: 100%; border-radius: 10px; padding: 80px 12px; margin: 0 auto; background: #FAFAFA; border: solid 1px #94AEEB;}
.freedemo-grid-cont form{max-width: 570px; width: 100%; margin: 0 auto;}
.freedemo-grid-cont .btn-primary{width: 95px; max-width: 100%;}

.faqs-main{padding: 65px 0 85px;}
.faq-grid-cont{max-width: 937px; width: 100%; margin: 0 auto;}
.faq-info-card{background: #FAFAFA; padding: 20px 22px 18px 20px; border-radius: 0 10px 10px 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); margin: 0 0 50px;}
.faq-info-card h2{font-size: 16px; line-height: 25px; color: #282834;}
.faq-info-card p{font-size: 14px; line-height: 25px; font-weight: 300; padding: 5px 0 0;}

.iti__country-list{min-width: 300px;white-space: normal !important;}
.iti__country-list::-webkit-scrollbar, .scroll::-webkit-scrollbar {width: 6px; height: 6px;}
.iti__country-list::-webkit-scrollbar-track, .scroll::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px;}
.iti__country-list::-webkit-scrollbar-thumb, .scroll::-webkit-scrollbar-thumb {background: #A7BDED;  border-radius: 10px;}
.tele-input .iti{display: block;}
.iti__arrow{background: url(../images/input-arrow.svg) no-repeat;border: none !important;background-size: 11px 6px;width: 11px !important;height: 6px !important;}
.iti__arrow.iti__arrow--up{transform: rotate(180deg);}

.form-group{margin-bottom: 30px;}
.form-control{border-radius: 10px; border: solid 1px #9096A2; height: 42px; font-size: 14px; line-height: 22px; font-weight:500; color: #282834;}
.form-control::placeholder {color: #8F96A3; font-weight: 400;}
.form-control::-webkit-input-placeholder {color: #8F96A3;font-weight: 400;}
.form-control::-moz-input-placeholder {color: #8F96A3;font-weight: 400;}
.form-control::-o-input-placeholder {color: #8F96A3;font-weight: 400;}
.form-control::-ms-input-placeholder {color: #8F96A3;font-weight: 400;}
.form-label, label{font-size: 16px; line-height: 25px; font-weight: 500;color: #282834;}
select, select.form-select {border: 1px solid #9096A2;height: 42px;font-size:14px;line-height:25px;color:#282834;font-weight:500;padding-right:40px !important;background-image:url(../images/arrow-down.svg) !important;background-repeat:no-repeat;background-position:98%;background-position:calc(100% - 25px) !important;background-size: 8px 5px !important;background-color:#FFFFFF !important;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;box-shadow:none !important;outline:0;}
.text-muted{color: #8F96A3;}
textarea.form-control{height: auto;}
.form-control:focus{border: solid 2px #E5ECFA; box-shadow: none;}
.form-control.is-valid, .was-validated .form-control:valid{background-image: none;border: solid 1px #9096A2;}
.form-control.is-invalid, .was-validated .form-control:invalid{background-image: none; border: solid 1px #DB9691;box-shadow: 0 0 0 2px rgba(219, 150, 145, 0.25) !important;}
.invalid-feedback{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='error_FILL0_wght400_GRAD0_opsz48' d='M90,191a.811.811,0,1,1,.587-.237A.8.8,0,0,1,90,191Zm.675-3.825h-1.5V180.85h1.5ZM89.993,196a9.68,9.68,0,0,0,3.888-.787,10.1,10.1,0,0,0,5.332-5.334,10.009,10.009,0,0,0,0-7.783,10.006,10.006,0,0,0-2.15-3.171,10.264,10.264,0,0,0-3.184-2.138,10.009,10.009,0,0,0-7.783,0,10,10,0,0,0-5.309,5.313,10,10,0,0,0,0,7.781,10.213,10.213,0,0,0,2.138,3.177,10.1,10.1,0,0,0,3.175,2.15A9.672,9.672,0,0,0,89.993,196Zm-.006-1.5a8.493,8.493,0,1,1,6.025-2.488A8.165,8.165,0,0,1,89.988,194.5ZM90,186Z' transform='translate(-80 -176)' fill='%23e7928f'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: left center; padding: 0 0 0 25px; background-size: 20px 20px; color: #E7928F; margin-top: 8px}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus{border: solid 1px #DB9691; box-shadow: 0 0 0 2px rgba(219, 150, 145, 0.25) !important;}
.form-control.is-valid:focus, .was-validated .form-control:valid:focus{box-shadow: none; border: solid 1px #9096A2;}
select.form-control{color: #2E3543;}
select.select-option-color {color: #8F96A3 !important;font-weight: 400;}
.required-label:after{content: '*';color: #E7928F;font-size: 16px;margin: 0 0 0 0;}

/* ==================== VB styles End ==================== */ 

/* ==================== Loader content Start ==================== */
.loader { display: flex; width: 100%; height: 100%; position: fixed; z-index: 99999999999999999999999; left: 0; top: 0; background:#F4F4F4; }
.loaderin { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.loader-circle { width: 48px; height: 48px; border: 3px solid #A7BDED; border-radius: 50%; display: inline-block; position: relative; box-sizing: border-box; animation: rotation 1s linear infinite; }
.loader-circle::after { content: ''; box-sizing: border-box; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 56px; height: 56px; border-radius: 50%; border: 3px solid transparent; border-bottom-color:#282834; }
 @keyframes rotation {  0% { transform: rotate(0deg); }
 100% { transform: rotate(360deg); }
}
/* ==================== Loader content End ==================== */ 

.inner-banner-main{position: relative;}
.inner-banner-main::before{content: '';position: absolute;left: 0;top: 0;box-shadow: 0px 3px 8px rgba(0,0,0,16%);    width: 100%;height: 100%;
 }

/* ==================== Media Queries Start ==================== */

@media (min-width: 1080px) {  
  .navbar-nav	li:hover ul {display:block;visibility:visible;opacity:1;z-index:1;transform: translateY(0%);transition-delay: 0s, 0s, 0.3s;}
  .navbar-nav	li ul ul {display:none !important;}
  .navbar-nav	li ul li:hover ul{display:block !important;}
  .navbar-nav	li ul {  visibility:hidden;opacity:0;  display: block !important; }

}
  

@media (max-width: 1200px) { 
  .nav-brand-parent{padding: 45px 0;}
  .brand-tagline{font-size: 18px; line-height: 25px; padding: 0 0 0 20px;}
}

@media (max-width: 991px) { 
  .wrapper{padding-top: 0;}
   
  .collapse.navbar-collapse {display:none;}
  .navbar-default .navbar-collapse.show{ display: block !important;  transition: all ease-in-out 0.2s;  -o-transition: all ease-in-out 0.2s;-webkit-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s;}
  .navbar-collapse { width: 100%; max-width: 100%; height: calc(100% - 85px); top: 85px; position: fixed; left: -100%; display: block !important; transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; background: rgba(255, 255, 255, 1); /* transform: translateX(-100%); */ border-top:1px solid #49365A; overflow-y: auto; overflow-x: hidden; padding: 0 15px; z-index: 9;}
  .navbar-collapse.show { left:0; transform: translateX(0%);} 
  .navbar-default .navbar-collapse{border:none; box-shadow:none;}  
  .header.sticky .navbar-collapse{top: 85px;}  
  .navbar-nav {width:100%;max-width: 100%;margin:0 0 0; padding: 0;}
  .navbar-nav li{width:100%;} 
  .navbar-nav > li > a{padding:5px 3px !important;}
  .navbar-nav li span {display:block;}
  .navbar-nav	li ul{ position:static;width:100% !important;padding:5px 0;visibility:visible;opacity:1;transform:none!important; transition:none!important;display:none;}
  .navbar-nav	li ul ul {position:static; width:100%; padding:5px 0;}
  .navlist {padding:0 0;position:relative;z-index:9;display: flex;width: 100%;align-items: flex-start;justify-content: space-between;-webkit-align-items: flex-start;-webkit-justify-content: space-between; display: -webkit-flex;} 
  .logo img {width: 200px;}
  .header.sticky .logo img{width: 190px;}
  /* .logo_pos   {display:none !important;} */
  .navbar-header {display: block; padding: 0 0; margin: 0;} 
  .navbar-default{padding: 0 0 0 10px;}
  .navbar-default .navbar-nav > li > a {text-align:left; display: block;} 
  .navbar-default .navbar-nav > li { padding: 5px 0; text-align:left;} 
  .navbar-nav	li:hover ul {display:none;}
  .navbar-nav	li ul {display:none;}
  /*.navbar-nav	li ul ul {display:none !important;}*/
  .navbar-nav	li ul li:hover ul{display:none;}
  .navbar-nav li ul li:hover{ color:#fff;} 
  .navbar-nav li:last-child {border:none;}
  .navbar-nav li ul li{padding: 5px 10px 5px 10px; text-align: left;}  
  .header.sticky .navlist{padding: 0 0px;transition: all 0.5s ease-in-out;}
  .header.sticky{padding: 0;}
  .navbar{display: block; padding: 0;} 
  .nav-brand-parent{display: block;padding: 20px 0 10px;}
  .logo{padding:0;}

  .home-banner-overlay-inner {padding: 20px 15px 20px 15px;}
  .reports-snap-main{padding: 85px 0 125px;}
  .footer-bottom{padding: 0 5px;}
  .featured-gird { padding: 25px 20px; }
  .inner-baner-left-cont{padding: 0 15px 0 40px;}
  .inner-baner-left-cont h1{font-size: 35px; line-height: 45px;}
}

@media (max-width: 767px) { 
  .navbar-collapse { height: calc(100% - 74px); top: 74px;}
  .header.sticky .navbar-collapse{top: 74px;}  
  .brand-tagline{font-size: 10px; line-height: 15px; padding: 0 0 0 10px;width: 110%;}
  .brand-tagline span::before{width: 4px; height: 4px;}
  .home-banner-overlay-inner h1{font-size: 35px;line-height: 45px;letter-spacing: 3.5px;}
  .home-banner-overlay-inner ul{justify-content: center;}
  .home-banner figure > img{object-position: 90% 100%; height: 500px;}
  .home-banner-overlay-inner ul li{margin: 5px 20px 5px 0;}
  .home-banner-overlay-inner ul li img{ width: 140px;object-fit: contain;}
  .apps-work-list ul li{width: 50% !important;}
  .apps-info-cont p, .appworks-btm-text p, .reports-snap-main .appworks-btm-text p{font-size: 17px; line-height: 25px;}
  .heading_30{font-size: 25px; line-height: 35px; letter-spacing: 3.7px;}
  .scp-onlinebooking-main{padding: 50px 0 80px;}
  .appworks-btm-text figure{margin: 45px 0 10px;}
  .reports-team-container .appworks-btm-text figure{margin: 45px 0 35px;}
  .reports-snap-container .appworks-btm-text figure{margin: 30px 0 50px;}
  .reports-snap-main{padding: 65px 0 85px;}
  .scp-appswork-main{padding: 0 0 55px;}
  .apps-works-screen-cont{margin: 20px auto 40px;}
  .footer-bottom p{padding: 5px 0;}
  .footer-btm-container{padding: 5px 10px; flex-direction: column-reverse;}
  .foot-bm-right ul{text-align: center;}
  .inner-baner-left-cont{width: 100%; padding: 20px 20px;}
  .inner-banner{flex-flow: column;}
  .inner-baner-right-cont{width: 100%;}
  .inner-baner-left-cont h1{font-size: 30px; line-height: 40px; letter-spacing: 3px;}
  .featured-content{padding: 20px 0 0;}
  .form-group{margin-bottom: 20px;}
  .freedemo-grid-cont{padding: 40px 12px;}
  .inner-baner-right-cont figure img{height: 300px;}
  .faqs-main{padding: 40px 0 50px;}
  .faq-info-card{margin-bottom: 30px;}
}



@media (max-width: 575px) { 
  .home-banner-overlay-inner h1{font-size: 25px;line-height: 35px;letter-spacing: 2.5px;}
  .home-banner-overlay-inner ul li img{ width: 120px;}
  .apps-work-list ul li{width: 50% !important;}
  .footer-info{justify-content: center;}
  .footer-info p{padding: 10px 0 0;}
  .fotoer-social ul li{margin: 0 2.5px;}
  .footer-info p span{display: block;}
}