/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Global Styles
3. Typography
4. Colors
5. Header
6. Topbar / .h-topbar
7. Navbar / .h-navbar
8. Logo / .navbar-brand
9. Navigation / .navbar-nav
10. Home Slider / .home-slider
11. Main Content / main
12. Footer / .footer
13. Inner Header Banner / .inner-banner
14. Inner Page Heading / .page-heading
-------------------------------------------------------------------*/
/** ========= GLOBAL STYLES ========= **/
body{--primary-color: #1f12fd; --primary-text-color: #fff; --heading-color: #333; --text-color: #767676; font-size:15px; line-height:1.8em; color:var(--text-color); font-family: 'Roboto', sans-serif; background:#fff; background-image:url(../images/main-bg.jpg); background-repeat:repeat; background-position:top center;  font-weight:400; word-spacing:0.1em;}

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; outline: none;}
img{max-width:100%;}
input, textarea{font-family: 'Roboto', sans-serif;}

.clr{clear:both;}
.clearfix:after {display: block; content: ''; width: 100%; clear: both; }

::-webkit-input-placeholder{color:#505050;}
::-moz-placeholder{color:#505050;}
:-ms-input-placeholder{color:#505050;}
:-moz-placeholder{color:#505050;}

input:disabled, textarea:disabled, select:disabled, button:disabled{background:rgba(0,0,0,0.2) !important;}

/** ========= TYPOGRAPHY ========= **/
a{color:var(--text-color); text-decoration:none; transition:0.3s;}
a:hover{text-decoration:none; color:var(--primary-color);}
p{margin-bottom:30px;}
.pr-text-big{font-size:1.2em;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family: 'Dosis', sans-serif; color:var(--heading-color); margin:0 0 15px; font-weight:700; line-height:1.25; letter-spacing:1px;}
.h1, h1{font-size:48px;}
.h2, h2{font-size:36px;}
.h3, h3{font-size:30px;}
.h4, h4{font-size:24px;}
.h5, h5{font-size:22px;}
.h6, h6{font-size:18px;}

.fw-3{font-weight:300 !important;}
.fw-4{font-weight:400 !important;}
.fw-5{font-weight:500 !important;}
.fw-6{font-weight:600 !important;}
.fw-7{font-weight:700 !important;}
.fw-8{font-weight:800 !important;}

.btn{background-color:var(--primary-color); color:var(--primary-text-color); border-radius:30px; font-size:18px; line-height:18px; text-align:center; font-weight:700; font-family: 'Dosis', sans-serif; padding:15px 40px;}

.btn-blue{background-color:var(--primary-color); color:#fff;}

.btn-blue-border{border:var(--primary-color) 2px solid; color:var(--primary-color); background-color:inherit;}
.btn-blue-border:hover{background-color:var(--primary-color); color:var(--primary-text-color);}

.btn-primary{color:#fff; background-color:#007bff; border-color:#007bff;}
.btn-secondary{color:#fff; background-color:#6c757d; border-color:#6c757d;}
.btn-success{color:#fff; background-color:#28a745; border-color:#28a745;}
.btn-danger{color:#fff; background-color:#dc3545; border-color:#dc3545;}
.btn-warning{color:#212529; background-color:#ffc107; border-color:#ffc107;}
.btn-info{color:#fff; background-color:#17a2b8; border-color:#17a2b8;}
.btn-light{color:#212529; background-color:#f8f9fa; border-color:#f8f9fa;}
.btn-dark{color:#fff; background-color:#343a40; border-color:#343a40;}

b, strong{font-weight:700;}
.text-normal{text-transform:none;}

ul.list{padding:0; margin:0 0 30px;}
ul.list li{margin-bottom:20px; line-height:normal; position:relative; display:block; list-style:none;}
ul.list li:before{content:"\f058"; color:var(--primary-color); font-family: FontAwesome; margin-right:10px;}

.heading-bottom-bg{position:relative; padding-bottom:50px;}
.heading-bottom-bg:after{position:absolute; content:""; left:0; right:0; bottom:0; margin:0 auto; background:url(../images/heading-bottom.png) no-repeat center center; width:186px; height:40px;}
.heading-bottom-bg.hbb-white:after{background:url(../images/heading-bottom-white.png) no-repeat center center;}

.image-border-radius img{border-radius:15px;}


.btn-animation{position:relative;}
.btn-animation:hover {
  color: var(--primary-color);
  background: transparent;
   box-shadow:none;
}
.btn-animation:before,
.btn-animation:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: var(--primary-color);
  box-shadow:
   -1px -1px 5px 0px #fff,
   7px 7px 20px 0px #0003,
   4px 4px 5px 0px #0002;
  transition:400ms ease all;
}
.btn-animation:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.btn-animation:hover:before,
.btn-animation:hover:after{
  width:100%;
  transition:800ms ease all;
}

/** ========= COLORS ========= **/
.text-white{color:#fff;}
.text-black{color:var(--heading-color);}
.text-blue{color:var(--primary-color);}
.text-red{color:var(--secondary-color);}


.bg-blue{background-color:var(--primary-color);}
.sec-bg-light-blue{background-color:#f7fbff;}
.bg-white{background-color:#fff;}
.sec-bg-graphics-left-top-1{background-image:url(../images/graphic-left-top-1.png); background-repeat:no-repeat; background-position:top left; background-size:520px;}
.sec-bg-graphics-right-top-1{background-image:url(../images/graphic-right-top-1.png); background-repeat:no-repeat; background-position:top right; background-size:520px;}
.sec-bg-graphics-left-top-2{background-image:url(../images/graphic-left-top-2.png); background-repeat:no-repeat; background-position:top left; background-size:450px;}
.sec-bg-graphics-right-top-2{background-image:url(../images/graphic-right-top-2.png); background-repeat:no-repeat; background-position:top right; background-size:450px;}
.sec-bg-graphics-top-center{background-image:url(../images/graphic-top-center.png); background-repeat:no-repeat; background-position:top center; background-size:cover;}
.sec-bg-graphics-particle{background-image:url(../images/particle-bg.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
/** ========= HEADER ========= **/
header{position:relative; z-index:99;}
.navbar-brand{width:215px;}
/* navbar */
.navbar-expand-lg .navbar-nav .nav-link{font-size:15px; color:#fff; font-weight:700; text-transform:uppercase; font-family: 'Dosis', sans-serif; padding-left:20px; padding-right:20px; letter-spacing:1px; border-radius:30px;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color:var(--primary-color); background-color: #fff;}
.navbar-nav .nav-link.contact-btn{background-color:#fff; color:var(--primary-color); border-radius:30px; padding-left:30px; padding-right:30px;}

.dropdown-item{font-weight:700; text-transform:uppercase; font-family: 'Dosis', sans-serif;}
.dropdown-item.active, .dropdown-item:active{background-color:var(--primary-color); color:var(--primary-text-color);}
.nav-link:focus, .nav-link:hover{color:#958aff;}

/** ========= MAIN SECTION ========= **/
section.page-section{overflow:hidden; padding:65px 0;}

/** ========= HOME BANNER ========= **/
.home-banner-section{height:783px; background-position:bottom center; position:relative; top:-86px;}

.banner-content{position: relative; bottom:-126px;}
.banner-left-text{text-align:right; padding-top:120px}
.banner-right-text{padding-top:120px}
.home-banner-section h2{font-size:72px; color:var(--primary-text-color);}	
.banner-robot{position:relative; padding-bottom:50px; text-align:center;}
.banner-robot:after{position:absolute; content:""; left:0; right:0; bottom:0; margin:0 auto; background:url(../images/robot-shadow.png) no-repeat center center; background-size:contain; width:460px; height:48px;}

img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

img.vert-move2 {
    -webkit-animation: mover2 1s infinite  alternate;
    animation: mover2 1s infinite  alternate;
}
img.vert-move2 {
    -webkit-animation: mover2 1s infinite  alternate;
    animation: mover2 1s infinite  alternate;
}
@-webkit-keyframes mover2 {
    0% { transform: translateX(0); }
    100% { transform: translateX(-10px); }
}
@keyframes mover2 {
    0% { transform: translateX(0); }
    100% { transform: translateX(-10px); }
}

/** ========= HOME ABOUT ========= **/
.home-about-img{text-align:center;}
.home-about-img img{max-width:502px;}

/** ========= HOME SERVICES ========= **/
.service-box{background-color:#fff; background-image:url(../images/service-bg-circle.png); background-repeat:no-repeat; background-position:left -40px bottom -40px; background-size:125px; padding:25px 20px 41px; margin-bottom:30px; text-align:center; border-radius:15px; -webkit-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.08); box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.08); position:relative; transition:0.3s;}
.service-box:hover {
    margin-top: -1.5rem;
}
.service-icon{margin:0 auto 15px;}

.service-box h5{margin-bottom:15px;}
.service-box p{font-size:16px;}
.read-more-btn{display:block; font-size:16px; font-weight:700; color:var(--primary-text-color); text-align:center; background-color:var(--primary-color); -webkit-border-bottom-right-radius: 15px; -moz-border-radius-bottomright: 15px;border-bottom-right-radius: 15px; position:absolute; right:0; transition:0.3s; font-family: 'Dosis', sans-serif; padding:7px 25px;}

/** ========= HOME TESTIMONIALS ========= **/
.home-testimonials-box{background-color:#fff; border-radius:15px; padding:30px 20px; position:relative; transition:all 0.3s;}
.home-testimonials-box:before{content:"\f10e"; font-family: FontAwesome; color:var(--primary-color); font-size:72px; position:absolute; right:20px; bottom:20px; opacity: 0.2;}

.home-testimonials-box .testimonial-rating{font-size:18px; color:#ffd600; margin-bottom:10px;}
.home-testimonials-box .user-comment{font-size:16px; line-height:28px; margin-bottom:20px;}
.home-testimonials-box .user-info{display:flex; flex-direction:row; align-items: center;}
.home-testimonials-box .user-image{width:70px; height:70px; background-repeat:no-repeat; background-position:top center; border-radius:50%;}
.home-testimonials-box .user-content{padding-left:10px;}
.home-testimonials-box .user-name{font-size:18px; line-height:18px; margin-bottom:5px;}
.home-testimonials-box .user-designation{font-size:14px; color:var(--primary-color); margin:0;}


.owl-carousel.home-testimonials-slider .owl-dots{text-align:center; margin-top:30px;}
.owl-carousel.home-testimonials-slider .owl-dots button.owl-dot{display:inline-block; vertical-align:top; margin:0 3px;}
.owl-carousel.home-testimonials-slider .owl-dots button.owl-dot span{display: block; width:15px; height:15px; border-radius:50%; border:#fff 2px solid; transition:0.3s;}
.owl-carousel.home-testimonials-slider .owl-dots button.owl-dot.active span{background-color:#fff;}

/** ========= HOME NEWS ========= **/
.news-box{background-color:#fff; background-image:url(../images/news-box-bg.png); background-repeat:no-repeat; background-position: bottom right; background-size: 210px; border-radius:15px; padding:10px; margin-bottom:25px; -webkit-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.08); box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.08); overflow:hidden; transition: 0.3s;}
.news-box:hover{margin-top: -15px;}
.news-box .news-img img{border-radius:15px;}
.news-box .news-content{padding:25px 5px;}
.news-box .news-heading{display:block; color:var(--heading-color); margin-bottom: 15px; padding-bottom:15px; position:relative;}
.news-box .news-heading:after{position:absolute; content:""; left:0; bottom:0; width:90px; height:2px; background:var(--primary-color);}
.news-box .news-heading:hover{color:var(--primary-color);}
.news-box .news-heading h6{margin:0;}
.news-meta{margin-bottom:10px;}
.news-meta span, .news-meta a{display:inline-block; font-size:14px; line-height:24px; margin-right:5px; padding:0 10px; border-radius:30px; background-color:#e8e6ff; color:var(--primary-color);}
.news-box .news-sort-description{margin-bottom:0;}
.news-box .news-sort-description .news-read-more{font-weight:700; color:var(--primary-color);}

.image-hover-effect {
	position: relative;
	display:block;
}
.image-hover-effect::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.image-hover-effect:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

/** ========= FOOTER ========= **/
#footer .footer-newsletter{background-image:url(../images/newsletter-bg.png); background-repeat:no-repeat; background-position:top center; background-size:cover; padding:90px 0;}

.section-inner.footer-top{padding:75px 0 50px;}

/* footer logo */
.footer-logo{display:block; margin-bottom:25px;}
.footer-logo img{max-width:225px;}

form.newsletter-form{width:100%; max-width:750px; margin:0 auto; background:#fff; border-radius:30px; padding-right:150px; position:relative;}
form.newsletter-form input{height:60px; width:100%; display:block; background:none; border:none; box-shadow:none; padding:0 20px; font-size:16px; line-height:16px; color:#767676;}
form.newsletter-form button{display:block; height:48px; padding:0 35px; background:var(--primary-color); border:none; border-radius:30px; box-shadow:none; font-size:18px; font-weight:700; color:var(--primary-text-color); text-align:center; position:absolute; right:6px; top:6px; font-family: 'Dosis', sans-serif;}

.footer-read-more{font-size:16px; font-weight:700; text-transform:uppercase; color:var(--primary-color);}

/* footer socials */
.footer-socials a{display:inline-block; vertical-align:top; font-size:30px; color:var(--primary-color); margin-right:5px;}

/* menus */
.footer-menu{margin:0; padding:0;}
.footer-menu li{display:block; list-style:none; margin-bottom:8px; position:relative; padding-left:12px;}
.footer-menu li:before{position:absolute; content:"\f054";  font-family: FontAwesome; font-size:12px; color:var(--primary-color); top:0; left:0;}
.footer-menu li a{line-height:14px; transition:0.3s;}
.footer-menu li:hover a{color:var(--primary-color);}


/* copyright section */
.section-inner.footer-bottom .container{border-top:#333333 1px dashed; padding:40px 0;}
.footer-bottom p{margin:0;}


/** ========= INNER PAGE BANNER AND PAGE HEADING ========= **/
.inner-page-heading{min-height:335px; background-repeat:no-repeat; background-position:bottom center; text-align:center; position:relative; margin-top:-86px;}
.inner-heading-text{position:absolute; top:45%; left:0; right:0; margin:0 auto;}
.inner-heading-text h1{color:var(--primary-text-color);}

ul.breadcrumb{display:block; margin:0;}
ul.breadcrumb li{display:inline-block; font-size:18px; line-height:18px;}
ul.breadcrumb .breadcrumb-item+.breadcrumb-item{padding-left:3px; color:var(--primary-text-color);}
ul.breadcrumb li a{color:var(--primary-text-color);}
ul.breadcrumb .breadcrumb-item+.breadcrumb-item::before{content:"/"; font-size:18px; color:var(--primary-text-color); padding-right:9px;}
ul.breadcrumb .breadcrumb-item+.breadcrumb-item.active{color:#958aff;}

/** ========= ABOUT PAGE ========= **/
.more-competitive-icon{width:102px; float:left;}
.more-competitive-text{padding-left: 120px;}

.numscroller-box{background-color:#fff; text-align:center; border-radius:15px; padding:30px 5px 35px; margin-bottom:25px; -webkit-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.08); box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.08);}
.numscroller-box p{font-size:18px; margin-bottom:0;}

.inner-page-testimonials-slider .owl-carousel.home-testimonials-slider .owl-dots button.owl-dot span{border-color:var(--primary-color)}
.inner-page-testimonials-slider .owl-carousel.home-testimonials-slider .owl-dots button.owl-dot.active span{background-color:var(--primary-color);}


/** ========= TEAM PAGE ========= **/
.team-box{border-radius:15px; padding:10px; margin-bottom:25px; background-color:#fff; -webkit-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.08); box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.08);}
.team-image{position:relative; overflow:hidden;}
.team-image img{border-radius:15px;}
.team-social-media{position:absolute; right:-50px; top:12px; transition:0.3s; opacity:0; visibility:hidden;}
.team-social-media a{display:block; width:36px; height:40px; line-height:40px; background-color:var(--primary-color); font-size:16px; color:var(--primary-text-color); text-align:center; border-radius:30px 0 0 30px; margin-bottom:8px; transition:0.3s;}

.team-member-details{padding: 20px 10px 0;}
.team-member-details h5{margin-bottom:5px;}
.team-member-details p{font-size:16px; margin-bottom:10px;}

.team-box:hover .team-social-media{right:0; opacity:1; visibility:visible;}

.team-member-designation{font-size:13px; line-height:13px; color:#fff; text-align:center; background-color:var(--secondary-color); padding:5px 30px; margin-bottom:20px; display:inline-block;}

/** ========= BLOG PAGE ========= **/
.blog-list-box{background-color:#fff; background-position:bottom center; background-size:contain; -webkit-box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.08); box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.08); margin-bottom:55px;  border-radius:0 0 5px 5px; transition:0.3s;}
.blog-list-box:hover{background-image:url(../images/succinct-bg3.png); background-repeat:no-repeat;}
.blog-image img{border-radius:5px 5px 0 0;}
.blog-content{padding:20px 15px; position:relative;}
.blog-heading{font-size:16px; max-height:48px; overflow:hidden;}
.blog-heading a{color:var(--heading-color);}
.blog-meta{border-top:#e8e8e8 1px solid; border-bottom:#e8e8e8 1px solid; padding:4px 0; margin-bottom:12px;}
.blog-meta span{display:inline-block; font-size:12px; line-height:16px; margin-right:5px; padding-right:8px; border-right:#d5d5d5 1px solid;}
.blog-meta span:last-child{border-right:none; padding-right:0; margin-right:0;}
.blog-meta span i{color:var(--secondary-color);}
.blog-meta span a{margin-right:5px;}
.blog-list-box .read-more-btn{opacity:1; visibility:visible; border-color:var(--primary-color); color:var(--primary-color); background-color:#fff;}
.blog-list-box:hover .read-more-btn{background-color:var(--primary-color); color:#fff;}

.blog-list-box.blog-row .blog-content{padding:25px 20px;}
.blog-list-box.blog-row .blog-heading{font-size:18px; max-height:inherit; overflow:inherit;}

ul.custom-pagination{display:block; list-style:none; text-align:center; margin:30px 0; padding:0;}
ul.custom-pagination li{display:inline-block; vertical-align:top; margin:0 2px;}
ul.custom-pagination li a{width:35px; height:35px; line-height:35px; border-radius:5px; background:#fff; color:var(--text-color); font-size:14px; text-transform:uppercase; font-weight:normal; display:block; transition:0.3s; -webkit-box-shadow:inset 0 0 0 rgb(0 0 0 / 0%), 0 0.1em 0.45em 0 rgb(0 0 0 / 25%); -moz-box-shadow:inset 0 0 0 rgb(0 0 0 / 0%), 0 0.1em 0.45em 0 rgb(0 0 0 / 25%); box-shadow:inset 0 0 0 rgb(0 0 0 / 0%), 0 0.1em 0.45em 0 rgb(0 0 0 / 25%);}
ul.custom-pagination li:hover a, ul.custom-pagination li.active a{background:var(--primary-color); color:#fff;}

.sidebar-box{margin-bottom:15px; background-color:#f7fbff; padding:25px 20px; border-radius:5px;}
.sidebar-search{background-color:var(--primary-color);}
.search-box{position:relative;}
.search-box:before{content:"\f002"; font-family: FontAwesome; position:absolute; left:15px; top:50%; transform:translate(0,-50%); font-size:18px;}
.search-box .form-control{display:block; width:100%; height:50px; border:none; background:#fff; border:none; border-radius:5px; padding:0 15px 0 40px; font-size:16px; line-height:16px;}

.sidebar-menu{margin:0; padding:0;}
.sidebar-menu li{display:block; list-style:none; font-size:16px; margin-bottom:8px; position:relative; padding-left:15px;}
.sidebar-menu li:before{position:absolute; content:"\f054";  font-family: FontAwesome; font-size:12px; color:var(--primary-color); top:0; left:0;}
.sidebar-menu li:last-child{margin-bottom:0; padding-bottom:0;}
.sidebar-menu li a{line-height:14px; transition:0.3s;}
.sidebar-menu li:hover a, .sidebar-menu li a.active{color:var(--primary-color);}

.sidebar-recent-post{margin-bottom:15px; padding-bottom:15px; border-bottom:#d9e3ea 1px solid; display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
.recent-post-img{-webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width:80px;
    height:80px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right:10px;
    border-radius:5px;}
.sidebar-recent-post:last-child{border-bottom:none; margin-bottom:0; padding-bottom:0;}
.sidebar-recent-post h6{margin-bottom:10px;}
.sidebar-recent-post a{display:block; color:var(--heading-color);}
.sidebar-recent-post .post-date{font-size:14px; line-height:14px; color:var(--primary-color);}

ul.post-tag-list{display:block; list-style:none; padding:0; margin:0;}
ul.post-tag-list li{float:left; margin-right:5px; margin-bottom:5px;}
ul.post-tag-list li a{display:block; background:var(--primary-color); border:var(--primary-color) 1px solid; border-radius:3px; text-transform:uppercase; font-size:12px; color:var(--primary-text-color); text-transform:uppercase; line-height:14px; padding:14px 20px; transition:0.3s;}
ul.post-tag-list li:hover a{background:#fff; color:var(--primary-color);}

.sidebar-form .contact-form .form-field{margin-bottom: 15px;}
.sidebar-form .contact-form .form-field textarea{height:130px;}
.sidebar-form .contact-form .submit-btn .btn{width:100%;}

.user-comments{border-top:#d9e3ea 1px solid; padding-top:25px;}
.comment-box{background-color:#f3f7fa; padding:30px; border-radius:5px; margin-bottom:15px;}
.comment-box .reply-user-image{float:left; width:70px; height:70px; border-radius:50%; background-repeat:no-repeat; background-position:top center;}
.comment-box .reply-user-content{padding-left:75px;}
.comment-box .reply-user-info{padding-left:25px; padding-right:65px; position:relative;}
.comment-box .reply-user-name{margin-bottom:0;}
.comment-box .comment-date{font-size:12px;}
.comment-box .reply-btn{font-size:13px; line-height:13px; text-transform:uppercase; color:var(--heading-color); position:absolute; right:0; top:0;}
.comment-box .user-comment{padding-left:25px;}
.comment-box .user-comment p:last-child{margin-bottom:0;}

.comment-box .comment-box{border-top:#d9e3ea 1px solid; padding:25px 0 0; margin-top:20px; margin-bottom:0;}

/** ========= CONTACT PAGE ========= **/

.contact-info-box{background-color:#fff; border-radius:15px; padding:30px; margin-bottom:25px; -webkit-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.08); box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.08);}
.contact-info-icon{float:left; width:65px; height:74px; line-height:74px; font-size:34px; color:var(--primary-color); text-align:center; border:var(--primary-color) 2px solid; border-radius:5px;}
.contact-info-text{padding-left:85px;}
.contact-info-text h5{margin-bottom:5px;}
.contact-info-text p{margin-bottom:0; font-size:14px; line-height:24px;}

.google-map{border:#fff 10px solid; border-bottom: #fff 1px solid; border-radius:15px; -webkit-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.08); box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.08);}
.google-map iframe{width:100%; border-radius:15px;}

.contact-form .form-field{margin-bottom:20px;}
.contact-form .form-field input{display:block; width:100%; height:50px; background:#fff; box-shadow:none; border:#ddd 1px solid; border-radius:5px; padding:0 15px; font-size:16px; line-height:16px;}
.contact-form .form-field textarea{display:block; width:100%; height:160px; background:#fff; box-shadow:none; border:#ddd 1px solid; border-radius:5px; padding:15px; font-size:16px; line-height:16px;}
.send-bnt{text-align:right; margin-top:30px;}

/** ========= TESTIMONIALS PAGE ========= **/
.inner-page-testimonials .home-testimonials-box{ margin-bottom:25px; -webkit-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.08); box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.08);}

/** ========= PRICING PAGE ========= **/

.pricing-box{background-color:#fff; text-align:center; border-radius:15px; -webkit-box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.08); box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.08); overflow:hidden;}
.pricing-box-inner{padding:30px 25px 40px;}
.pricing-graphic-img img{max-height:130px;}
.pricing-box .price{ border:var(--primary-color) 2px solid; display:inline-block; min-width:155px; border-radius:30px; font-size:24px; line-height:24px; color:var(--primary-color); font-weight:700; font-family: 'Poppins', sans-serif; padding:10px; margin:10px 0;}
.pricing-box ul{display:block; margin:0 0 30px; padding:0; list-style:none;}
.pricing-box ul li{display:block; font-weight:500; margin-bottom:5px;}
.pricing-box .btn{display:block;}

.popular-heading{background-color:var(--primary-color); padding:17px 15px; margin:0; color:#fff; line-height:normal;} 

/** ========= ELEMENT PAGE ========= **/
#gallery-listing .section-inner{padding:85px 0 60px;}
.gallery-tab-menu{padding:0; margin:0 0 40px; text-align:center;}
.gallery-tab-menu li{display:inline-block; vertical-align:top; margin:0 2px 8px;}
.gallery-tab-menu li a{ display:block; background:#eaeaea; border-radius:30px; padding:10px 15px; font-size:0.8125em; line-height:13px; color:var(--heading-color); text-transform:uppercase; font-weight:normal; text-align:center; transition:0.3s;}
.gallery-tab-menu li:hover a, .gallery-tab-menu li.active a{background:var(--secondary-color); color:#fff;}

.full-screen-btn{position:absolute; top:10%; left:0; right:0; transform:translate(0,-50%); margin:0 auto; width:50px; height:50px; line-height:50px; border-radius:50%; background-color:#fff; color:var(--primary-color); display:block; font-size:15px; text-align:center; transition:0.3s; opacity:0; visibility: hidden; z-index:9;}
.full-screen-btn:hover{background-color:var(--primary-color); color:#fff;}
.grid-item:hover .full-screen-btn{opacity:1; visibility:visible; top:50%;}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{background:var(--primary-color); color:#fff; width:50px; height:50px; line-height:50px; text-align:center; position:absolute; top:50%; transform:translate(0,-50%);}
.owl-carousel .owl-nav button.owl-next{border-radius: 30px 0 0 30px; right:0;}
.owl-carousel .owl-nav button.owl-prev{border-radius: 0 30px 30px 0; left:0;}
.owl-nav button.owl-next:after{content:"\f0da"; font-family: FontAwesome; font-size:18px;}
.owl-carousel .owl-nav button.owl-prev:after{content:"\f0d9"; font-family: FontAwesome; font-size:18px;}
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span{display:none;}

.progress{margin-bottom:25px; background-color: var(--heading-color);}
.progress-bar{background-color:var(--primary-color);}

.alert-light{border:#e8e8e8 1px solid;}

.badge{background-color:var(--primary-color);}

.btn-light{border:#e8e8e8 1px solid;}

/** ========= TYPOGRAPHY PAGE ========= **/
table{width:100%; max-width:100%; margin-bottom:1rem;}
table tbody tr td, table tbody tr th, table tfoot tr td, table tfoot tr th, table thead tr td, table thead tr th {padding:.75rem; vertical-align:top; border:1px solid #7786a3;}

pre code, code{font-size:15px; color:var(--heading-color);}
figure{margin:0 0 1rem; background:#fff; padding:20px 15px; border-radius:5px; -webkit-box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.08); box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.08);}
pre{font-size:15px; color:var(--heading-color); margin:0;}

.bg-grey figure{background:#fff;}

.accordion-flush .accordion-item{border-radius:3px; border:none; margin-bottom:20px; -webkit-box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.08); box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.08);}
button.accordion-button{font-size:18px; font-weight:700;}
.accordion-button:focus, .accordion-button:not(.collapsed){border:none; box-shadow:none; background-color:#fff; color:var(--heading-color);}
.accordion-body{border-top:#d5d5d5 1px solid;}

/** ========= RESPONSIVE ========= **/
@media only screen and (max-width:1199px) {
	.navbar-expand-lg .navbar-nav .nav-link{padding-left:15px; padding-right:15px;}
	
	.home-banner-section{height:690px;}
	.home-banner-section h2{font-size:48px;}
	
	.home-about-img img{max-width:100%;}
	
	.contact-info-box{padding:15px;}
	.contact-info-icon{width: 55px; height: 65px; line-height: 65px; font-size: 30px;}
	.contact-info-text{padding-left:65px;}
}
@media only screen and (max-width:991px) {
	.h1, h1{font-size:2.8666666666666667em;}
	.h2, h2{font-size:2.4em;}
	.h3, h3{font-size:2em;}
	.h4, h4{font-size:1.6em;}
	.h5, h5{font-size:1.2em;}
	.h6, h6{font-size:1em;}

	.pr-text-big{font-size:1em;}

	.btn{padding:12px 25px;}
	
	button.navbar-toggler{border-color: #fff;}
		
	.navbar-collapse{position: absolute; top:100%; right:0; background:var(--primary-color); color:#fff; width:100%; padding:40px 20px 20px; border-radius: 0 0 15px 15px; z-index:999;}
    .dropdown-menu{min-width:inherit; background:none; border:none; padding:0; left:0; transform:translate(0); margin:0; text-align:left;}
	.dropdown-item{color:#fff;}
	.nav{display:block;}
	.h-navbar nav.navbar li.nav-item{display:block;}
	.navbar-expand-lg .navbar-nav .nav-link{background-color:inherit; color:#fff; border-radius: 0; padding: 10px 18px 10px 5px;}
	.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{background-color:inherit; color:#fff; border-bottom:#fff 2px solid;}
	
	section.page-section{padding:45px 0;}
	
	.home-banner-section{height: 500px;}
	.banner-content {bottom: -100px;}
	.home-banner-section h2{font-size:36px;}
	.banner-robot:after{width:100%;}
	
	.inner-page-heading {min-height: 270px;}
	
	.grid-item{width:50%;}
	
	.comment-box{padding:15px;}
	.comment-box .reply-user-image{width:50px; height:50px;}
	.comment-box .reply-user-content{padding-left:50px;}
	.comment-box .reply-user-info, .comment-box .user-comment{padding-left:10px;}
	
}
@media only screen and (max-width:767px) {
	.h1, h1{font-size:2.4em;}
	.h2, h2{font-size:2em;}
	.h3, h3{font-size:1.8em;}
	.h4, h4{font-size:1.4em;}
	.h5, h5{font-size:1.1em;}
	
	.home-banner-section{height:390px;}
	.banner-left-text, .banner-right-text{padding-top: 65px;}
	.home-banner-section h2{font-size:28px;}
		
	.section-inner.footer-top{text-align:center;}
	.footer-menu li{padding-left:0;}
	.footer-menu li:before{display:none;}
	ul.footer-social .social-icon{float:none; display:inline-block;}
	ul.footer-social .social-text{display:none;}
	
	.inner-page-heading {min-height: 230px;}
	ul.breadcrumb li{font-size:14px;}
	
	.grid-item{padding:0 8px; margin-bottom: 16px;}
	
	.google-map{margin-bottom:25px;}
	.google-map iframe{height:250px;}
	
	.pricing-box{margin-bottom:30px;}
}

@media only screen and (max-width:575px) {
	.h1, h1{font-size:2em;}
	.h2, h2{font-size:1.8em;}
	.h3, h3{font-size:1.4em;}
	.h4, h4{font-size:1.2em;}
	
	.navbar-brand img{max-width:175px;}

	.home-banner-section{height: 540px; top:-72px;}
	.banner-left-text, .banner-right-text{padding-top:0; text-align:center;}
	.banner-robot{padding-bottom:20px;}
	.banner-robot:after{display:none;}
	.banner-robot img{max-width: 210px;}
	
	section#home-services{padding-top: 0;}
	
	.inner-page-heading {min-height: 200px;}
	.inner-heading-text h1{margin-bottom:5px;}
	
	ul.custom-pagination li a{width:25px; height:25px; line-height:25px; font-size:12px;}
	
}
@media only screen and (max-width:360px) {
	.h-navbar nav.navbar form{width:200px;}
	
	.grid-item{width:100%;}
}