@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Merienda+One&family=PT+Sans:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css);
@import url("https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
body {
font-family: 'Epilogue';
font-style: normal;
font-weight: 300; }
*,
ul,
ol {
margin: 0;
padding: 0;
}
ul,
ol {
list-style-type: none;
}
a {
color: inherit;
}
a:focus,
a:active:focus,
a:hover {
text-decoration: none;
color: #faa31f;
outline: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
margin-bottom: 10px;
color: #14133b;
}
h2,
h3,
h4,
h5,
h6{
font-weight: 700;    
}
h2{
font-size:26px!important;    
}
h3{
font-size:18px!important;    
}
h4{
font-size:16px!important;    
}
h5{
font-size:15px!important;    
}
.img-responsive {
display: inline-block;
}
.bg-color1 {
background-color: #eef4f8;
}
.bg-color2 {
background-color: #1b3b6e;
}
.bg-color3 {
background-color: #dfebf3;
}
.bg-color4 {
background-color: #86d9df;
}
.bg-color5 {
background-color: #fff;
}
.bg-color6 {
background-color: #14133b;
}
.bg-color7 {
background-color: #ececec;
}
.bg-color8 {
background-color: #ea817e;
}
.bg-color9 {
background-color: #75b7d9;
}
.bg-color10 {
background-color: #ac9cdb;
}
.bg-color11 {
background-color: #5ea5bf;
}
.bg-color12 {
background-color: #d39c9c;
}
.bg-color13 {
background-color: #874f9f;
}
.text-white {
color: #ffffff;
}
a.text-white:hover {
color: #ec6608;
}
.text-color1 {
color: #00bffe!important;
}
.text-color2 {
color: #012053!important;
}
.text-color3 {
color: #0e5dde!important;
}
.text-color4 {
color: #86d9df!important;
}
.text-color5 {
color: #6dcff6!important;
}
.text-color6 {
color: #c1c0ff!important;
}
.text-color7 {
color: #ff6c03!important;
}
.text-color8 {
color: #00aaf9!important;
}
.text-color9 {
color: #d9d9d9!important;
}
.text-info{
color: #0066FF!important;
}
.font-family1{
font-family: 'PT Sans', sans-serif;
}
.font-family2{
font-family: 'Merienda One', cursive;
}
.small, small {
font-size: 90%;
}
#captcha_image{
width:110px;
height:40px!important;
}
.no-margin {
margin: 0;
}
.section {
padding: 20px 0;
}
.padd-t-b-30 {
padding-top: 30px;
padding-bottom: 30px;
}
.padd-b-30 {
padding-bottom: 30px !important;
}
.padd-40 {
padding: 40px;
}
.padd-50 {
padding: 50px;
}
.padd-b-n {
padding-bottom: 0;
}
.padd-t-n {
padding-top: 0;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters>[class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.width-25 {
width: 25%;
}
.width-30 {
width: 30%;
}
.width-40 {
width: 40%;
}
.width-50 {
width: 50%;
}
.width-60 {
width: 60%;
}
.width-70 {
width: 70%;
}
.flexbox {
display: -webkit-box;
display: flex;
}
.flexbox .element {
height: 100%;
}
.display-table {
display: table;
height: 100%;
}
.display-table .padd-40 {
display: table-cell;
vertical-align: middle;
}
.get-quote-wrap .btn1, .get-quote-wrap .btn2, 
{
padding: 10px 40px;
color: #fff;
background-color: transparent;
background-image: linear-gradient(90deg, #43baff 0%, #faa31f 100%);
cursor: pointer;
border-radius: 30px;
font-weight: 400;
font-size: 14px;
letter-spacing: 1px;
border: none;
}
section.section.parallax.overlap p a.btn.btn1{
padding: 10px 40px;
color: #fff;
background:#005182;
cursor: pointer;
border-radius: 30px;
font-weight: 400;
font-size: 14px;
letter-spacing: 1px;
border: none;
}
.get-quote-wrap .btn1 i {
transition: all 0.5s;
}
.get-quote-wrap .btn1:hover,
.get-quote-wrap .btn1:focus {   
background: #0b1338;
color: #fff;
}
.get-quote-wrap .btn1:hover i,
.get-quote-wrap .btn1:focus i {
margin-left: 5px;
}
.get-quote-wrap .btn2{
background-color: #fff;
border-color: #fff;
color: #da1b1b;
}
.get-quote-wrap .btn2:hover,
.get-quote-wrap .btn2:focus {
background-color: #062659;
color: #fff;
border-color: #062659;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
outline: 0;
}
.divider{
width: 100%;
height: 1px;
margin: 18px 0;
background: -moz-linear-gradient(left,  rgba(30,87,153,0) 0%, rgba(48,47,102,1) 30%, rgba(48,47,102,1) 70%, rgba(125,185,232,0) 100%);
background: -webkit-linear-gradient(left,  rgba(30,87,153,0) 0%,rgba(48,47,102,1) 30%,rgba(48,47,102,1) 70%,rgba(125,185,232,0) 100%);
background: linear-gradient(to right,  rgba(30,87,153,0) 0%,rgba(48,47,102,1) 30%,rgba(48,47,102,1) 70%,rgba(125,185,232,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#007db9e8',GradientType=1 );
}
.border-rounded-0{
border-radius:0;
}
.full-width {
width: 100%;
}
.container{
width: 1270px;
}
#stuck_container {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
box-shadow: 0 4px 20px 0 rgb(0, 0, 0, 0.2);
}
.isStuck {
transition: all 0.4s;
background-color: #fff;
}
.bottom-header{
background-color: #fff;
}
.social-link {
text-align : right;
}
.social-link li {
display : inline-block;
vertical-align : middle;
padding-top : 5px;
padding-bottom : 5px;
}
.social-link li a {
width : 30px;
height : 30px;
line-height : 30px;
border-radius : 100%;
color : #c1c0ff;
display : inline-block;
text-align : center;
transition : all 0.5s;
border : #c1c0ff solid 1px;
}
.social-link li:last-child {
margin-right : 0;
}
.social-link li:hover a, .top-contact-list li:hover a {
transform : rotate(360deg);
color : #fff;
border-color : #fff;
}
.logo{
display: inline-block;
vertical-align: top;
margin: 13px 0;
} .mobile-menu{
display: none;
}
.get-quote-wrap,
.nav-wrapper{
display: inline-block;
vertical-align: middle;
margin: 17px 0;
}
.navigation{
text-align: right;
width: 100%;
}
.navigation > li{
display: inline-block;
vertical-align: middle;
position: relative; }
.navigation > li:last-child{
padding-right:0;
}
.navigation li.dropdown > .dropdown-menu{
opacity: 0;
position: absolute;
top: 100%;
left: -124%;
min-width: 224px;
z-index: 999;
background-color: #ffffff;
visibility: hidden;
border-radius: 0;
box-shadow: none;
border: 0;
padding:0;
margin:0; display: block;	
box-shadow: 0 0.275rem 1.25rem rgb(19 16 34 / 5%), 0 0.25rem 0.5625rem rgb(19 16 34 / 3%);
}
.navigation li.dropdown > .dropdown-menu.dropdown-menu-lg{
width: 670px;
}
.navigation li.dropdown > .dropdown-menu.dropdown-menu-lg .menu-lg-wrap{
padding: 22px;
}
.navigation li.dropdown > .dropdown-menu li{ margin-right: 0;
text-align: left;
}
.navigation li.dropdown > .dropdown-menu li:last-child{
border-bottom: none;
}
.navigation li.dropdown > .dropdown-menu li a{
background-color: #ffffff;
padding: 12px 15px;
color: #000;
font-size: 13px;
white-space: normal;
}
.navigation li.dropdown > .dropdown-menu.dropdown-menu-lg li a .badge{
background-color: #0066FF;
font-size: 10px;
padding: 4px 12px;
}
.navigation li.dropdown:hover > .dropdown-menu{
opacity: 1;
visibility: visible;
animation: dropdown-show .3s;
}
@keyframes dropdown-show{
from{
transform:scale(.9);
opacity:0;
}
to{
transform:scale(1);
opacity:1;
}
}
.navigation > li:first-child{
display: none;
}
.navigation a{ overflow: hidden;
position: relative;
display: inline-block;
font-weight: 400;
font-size: 14px;
color: #0b1338;
padding: 3px 15px;
transition: all 500ms ease 0s; }   .navigation > li.dropdown > a:after {
font-family:IcoFont;
content: "\ea99";
position: absolute;
top: 2px;
right: 0;
font-size: 14px;
transition: all 500ms ease 0s; } .navigation li.dropdown > .dropdown-menu.dropdown-menu-lg li a{
padding: 0;
padding-top: 2px;
padding-bottom: 2px;
font-size: 14px;
}
.navigation li:hover > a,
.navigation li:focus > a,
.navigation li.active > a{ color: #faa31f; }
.navigation li.dropdown > .dropdown-menu li a:hover,
.navigation li.dropdown > .dropdown-menu li a:focus,
.navigation li.dropdown > .dropdown-menu li.active a{
color: #faa31f; }
.get-quote-wrap{
margin-left: 10px;
float: right;
}
.sub-title {
color: #faa31f;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
.outline-title{
font-weight: 600;
font-family: 'PT Sans', sans-serif;
opacity: 1;
color: #14133b;
font-size: 62px;
top: -80px;
}
.home-parallax{
position: relative;
overflow: hidden; }
.parallax-window {
height: 500px !important;
background: transparent;
display: table;
width: 100%;
}
.home-page .parallax-window{
height: 100vh;
}
.home-slide{
text-align: center;
position: relative;
display: table-cell;
height: 100%;
vertical-align: middle;
}
.home-parallax .container{
position: relative;
z-index: 9;
}
.home-parallax .overla-wrap:before{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
content: '';
background-color: rgba(0, 24, 96, 0.5);
}
.video-wrap{
position: relative;
}
.video-wrap img{
border-radius: 10px;
}
.video-wrap .image-small{
position: absolute;
padding: 10px;
background: #fff;
right: -67px;
top: 222px;
width: 364px;
height: 281px;
border-radius: 10px;
}
.video-wrap .video-overlap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
z-index: 1;
display: table;
text-align: center;
}
.video-wrap .video-content {
display: table-cell;
vertical-align: middle;
}
.video-play-button {
display: inline-block;
width: 32px;
height: 32px;
line-height: 32px;
background: #0554f2;
border-radius: 50%;
position: relative;
text-align: center;
}
.video-play-button:before {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 70px;
height: 70px;
background: #0554f2;
border-radius: 50%;
animation: pulse-border 1.5s ease-out infinite;
}
.video-play-button i{
position: relative;
z-index: 9;
color: #fff;
font-size: 30px;
margin: 6px;
}
.video-play-button span {
display: block;
position: relative;
z-index: 3;
width: 0;
height: 0;
border-left: 20px solid #fff;
border-top: 14px solid transparent;
border-bottom: 12px solid transparent;
}
.video-play-button span {
margin: 0 7px;
}
.video-play-button:after {
content: "";
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 70px;
height: 70px;
background: #0554f2;
border-radius: 50%;
transition: all .2s;
}
@keyframes pulse-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0
}
}
section.parallax{margin-top:60px;}
.parallax{
position: relative;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
height: auto;
}
.parallax.overlap:before,
.parallax.overlap2:before{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background: rgba(0,11,42,0.8);
z-index: 1;
}
.parallax.overlap2:before{
background: rgba(0,11,42,0.45);
}
.services-block{
position: relative;
}
.services-block:before,
.services-block:after{
position: absolute;
top: 0;
height: 100%;
content: '';
width: 16%;
background-repeat: no-repeat;
background-position: center left;
opacity: 0.4;
z-index: 1;
}
.services-block:before{
left: 0;
background-image: url(//www.neelnetworks.com/blog/wp-content/themes/images/ser_shap_l.png);
}
.services-block:after{
right: 0;
background-image: url(//www.neelnetworks.com/blog/wp-content/themes/images/ser_shap_r.png);
background-position-y: 60px;
}
.parallax .container-fluid,
.parallax .container,
.parallax .column,
.services-block .container{
position: relative;
z-index: 9;
}
.services-box{
padding: 50px;
display: table;
position: relative;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 15px 0;
min-height:400px;
}
.services-box .overlap-content{
display: table-cell;
vertical-align: middle;
position: relative;
z-index: 1;
}
.services-box .overlap-content h3{
font-size: 26px;
text-transform: uppercase;
}
.services-box.overlap:before{
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;  background-color: rgba(0,0,0,0.6);
}
.services-box.overlap:hover:before{
background-color: rgba(0,0,0,0.75);  }
.services-box .bedge{ padding: 6px 12px;
font-size: 12px;
border-radius: 4px;
margin-top:2px;
margin-bottom:2px;
display:inline-block;
}
.services-box img{
width: 50px; margin-bottom: 15px;
}
#tech-carousel .tech-log{
background-color: #dfdfdf;
padding: 15px 20px;
text-align: center;
border-radius: 8px;
}
#tech-carousel .tech-log img{
width: 50px;
display: inline-block;
}
.contact-right-wrap:before{
position: absolute;
left: -110px;
top: 0;
width: 1px;
height: 100%;
background-color: #dbe6ed;
content: '';
}
.footer-widget {
padding: 50px 0;
}
.widget-title {
color:#d9d9d9;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 18px;
font-size: 18px;
letter-spacing: 0.5px;
}
.footer-menu{ }
.footer-menu li{ color: #a3a3a3;
margin-bottom: 6px;
}
.footer-menu li a{
color: #e5f4f5;
position: relative;
display: inline-block;
padding-left: 12px;
font-size: 13px;
font-weight: 400;
line-height: 1.42857143;
font-family: "Poppins", Sans-serif;
}
.footer-menu li a:before {
position: absolute;
top: 8px;
left: 0;
content: '';
width: 4px;
height: 4px;
background-color:#fddaa5;
border-radius: 100%;
} .footer-menu li a:hover{
color: #fff;
}
.footer-social.social-link{
text-align: left;
}
.footer-social.social-link li{
padding: 0;
}
.copyright-wrap {
overflow: hidden;
}
.copyright {
padding: 20px 0 20px 0;
border-top: 2px solid #25245c;
color: #c1c0ff;
font-size: 12px;
letter-spacing: 0.6px; position: relative;
}
.copyright p{font-size: 12px; margin-bottom: 0;
font-family: 'Inter', sans-serif;
font-weight: 400;
}
.delelop-by{
text-align: right;
}
.delelop-by p{
color:#333;
}
.blog-wrap{
margin: 15px 0;
}
.blog-wrap .blog-content{
padding: 30px;
background-color: #fff; }
.blog-wrap .blog-content h4{
font-size: 17px;
}
.blog-content p {
font-size: 15px;
font-weight: 500;
}
.blog-wrap .blog-content h4:hover {
color: #faa31f;
}
.blog-content p:hover {
color:  #faa31f;
}
.portfolio .blog-wrap .blog-img {
height: 400px;
overflow: hidden;
}
.portfolio .blog-wrap .blog-img:hover {
opacity: 0.9;
}
.more-btn-wrap {
position: absolute;
bottom: 47px;
right: 22px;
content: '';
}
.panel-group .panel {
border-radius: 0;
box-shadow: none;
border: 0;
}
.panel-default > .panel-heading {
padding: 0;
border-radius: 0;
color: #212121;
background-color: #F6F7F9;
border:0;
}
.panel-title {
font-size: 14px;
font-weight: 500;
}
.panel-title > a {
display: block;
padding: 15px;
text-decoration: none;
}
.more-less {
float: right;
color: #212121;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top: 0;
background-color: #F6F7F9;
padding-top: 0;
border-left: 5px solid #0066FF;
}
.panel-default > .panel-heading > .panel-title > a[aria-expanded='false']{
border-left: 5px solid transparent;
}
.panel-default > .panel-heading > .panel-title > a[aria-expanded='true']{
border-left: 5px solid #0066FF;
}
.form-control {
height: 40px;
padding: 10px 20px;
border: none;
background-color: #fff;
border-radius:0;
box-shadow: none;
border: 1px solid #d4d7e5;
color: #000;
}
.form-control:hover,
.form-control:focus,
.form-control:active,
.form-control.active {
box-shadow: none;
}
textarea.form-control {
height: 150px;
resize: none;
font-style: normal;
border-radius: 0;
}
.list1 li{
padding:0 0 8px 24px;
position: relative;
}
.list1 li:before{
position: absolute;
top: -2px;
left: 0;
content: '\ea6d';
font-family:IcoFont;
font-size: 16px;
}
.reasons-wrap .reason-title{
display: inline-block;
margin-bottom: 25px;
}
.reasons-wrap .reason-title strong{
display: inline-block;
vertical-align: middle;
font-weight: 800;
font-style: normal;
font-size: 150px;
letter-spacing: -.024em;
margin-right: 25px;
}
.reasons-wrap .reason-title span{
font-family: 'PT Sans', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 34px;
color: #17191d;
display: inline-block;
vertical-align: middle;
text-align: left;
letter-spacing: -.024em;
line-height: 44px;
text-transform: capitalize;
position: relative;
overflow: hidden;
}
.reason-list li{
padding-bottom: 15px;
font-size: 20px;
line-height:28px;
}
.reason-list li:before{
color: #6dcff6;
font-size: 20px;
}
.testimonial-content{
font-size: 16px;
line-height: 26px;    
}
.testi-info{
margin-top: 20px;
}
.testi-author,
.testi-author-info{
display: inline-block;
vertical-align: middle;
}
.testi-author-info{
padding-top: 5px;
}
.testi-author-info h4{
color: #032d42;
}
.testi-author-info p{
color: #14133b;
}
.testi-author{
margin-right: 15px;
}
.testi-author .img-responsive{
border-radius: 100%;
width: 60px!important;
}
#testimonial-carousel{
position: relative;
padding-top: 100px;
}
#testimonial-carousel:before{
position: absolute;
top: 0;
left: 0;
font-size: 30px;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background-color: #2697d8;
color: #fff;
content: '\efcd';
font-family:IcoFont;
box-shadow: 0 .5rem 1.125rem -.5rem rgba(99,102,241,.9)!important;
border-radius: .5rem;
}
#testimonial-carousel .owl-nav{
position: absolute;
top: 0;
right: 0;
margin-top: 0;
}
#testimonial-carousel .owl-nav .owl-prev,
#testimonial-carousel .owl-nav .owl-next{
width: 35px;
margin: 5px;
height: 35px;
line-height: 35px;
font-size: 20px;
text-align: center;
border-radius: 100%;
background-color: rgba(255, 255, 255, 0.5);
box-shadow: 0 0.275rem 0.75rem -0.0625rem rgb(19 16 34 / 6%), 0 0.125rem 0.4rem -0.0625rem rgb(19 16 34 / 3%);
transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out,opacity .2s ease-in-out;
}
#testimonial-carousel .owl-nav .owl-prev:hover,
#testimonial-carousel .owl-nav .owl-next:hover{
background-color: #2697d8!important;
color: #fff!important;
box-shadow: 0 .5rem 1.125rem -.5rem rgba(99,102,241,.9)!important;
}
.price-box{
background-color: #f8faff;
position: relative;
transition: all 0.4s ease;
}
.price-box.first-child{
border-radius: 10px 0 0 10px;
}
.price-box.last-child{
border-radius: 0 10px 10px 0;
}
.price-box.price-bg{
background-color: #edf6ff;
}
.price-box .price-icon{
display: inline-flex;
height: 85px;
width: 85px;
justify-content: center;
align-items: center;
background: #f8faff;
border-radius: 50%;
padding: 20px; line-height: 1;
transition: all 0.4s ease;
}
.pricing-price{
font-size: 36px;
font-weight: 500;
color: #40b6fb;
line-height: 1;
position: relative;
font-family: "Barlow",sans-serif;
transition: all 0.4s ease;
margin-bottom: 15px;
}
.pricing-price .price-unit {
font-size: 16px;
font-weight: 400;
}
.price-box .list1 li{
color: #5b6674;
transition: all 0.4s ease;
}
.price-box .list1 li.close-feature:before{
content: '\eede';
}
.price-box:before, .price-box:after {
content: "";
position: absolute;
width: 100%;
height: 14px;
background: #d9edf7;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease;
z-index: -1;
}
.price-box:before{
border-radius: 10px 10px 0 0;
top: 0;
}
.price-box:after{
border-radius: 0 0 10px 10px;
bottom: 0;
}
.price-box:hover{
background-color: #d9edf7;
}
.price-box:hover:before, .price-box:hover:after {
opacity: 1;
visibility: visible;
transition: all 0.4s ease;
}
.price-box:hover:before{
top: -14px;
}
.price-box:hover:after{
bottom: -14px;
}
.price-box.first-child:hover,
.price-box.last-child:hover{
border-radius: 0;
}
.price-box h3{  
transition: all 0.4s ease;
} .price-box .btn1{
background-color: transparent;
background-image: none;
color: #0554f2;
border: 1px solid #0554f2;
padding: 13px 30px;
border-radius: 5px;
transition: all 0.4s ease;
} .price-box .btn1:hover{
background-color: #0554f2;
color: #fff;
}
.owl-carousel .owl-dots .owl-dot span{
background: #b4b7c9;
width: 0.5rem;
height: 0.5rem;
margin: 5px;
transition: width .2s ease-in-out,height .2s ease-in-out,background-color .2s ease-in-out;
}
.owl-carousel .owl-dots .owl-dot.active span{
width: 1.5rem;
background: #0066FF;
}
#portfolio-carousel .owl-nav .owl-prev,
#portfolio-carousel .owl-nav .owl-next{
position: absolute;
top: 25%; width: 40px;
height: 40px;
border-radius: 5px;
background: #fff;
transition: all 0.3s ease;
font-size: 26px;
color: #0066FF;
}
#portfolio-carousel .owl-nav .owl-prev{
left: -50px;
}
#portfolio-carousel .owl-nav .owl-next{
right: -50px;
}
#portfolio-carousel .owl-nav .owl-prev:hover,
#portfolio-carousel .owl-nav .owl-next:hover,
#portfolio-carousel .owl-nav .owl-prev:focus,
#portfolio-carousel .owl-nav .owl-next:focus{
background-color: transparent;
background-image: linear-gradient(90deg, #0C3DF4 0%, #02B5FF 100%);
color: #fff;
}
#team-carousel .team-wrap{
text-align: center;
}
#team-carousel .team-wrap .team-pic{
margin-bottom: 20px;
}
#team-carousel .team-wrap .team-pic .img-responsive{
border-radius: 100%;
display: inline-block;
}
#team-carousel .team-wrap .team-title{
font-size: 18px;
font-weight: 500;
color: #131022;
}
#team-carousel .team-wrap .team-position{
font-size: 14px;
font-weight: 300;
color: #131022;
}
#team-carousel .team-wrap .team-social-links li{
display: inline-block;
vertical-align: top;
}
#team-carousel .team-wrap .team-social-links li a{
width: 36px;
height: 36px;
line-height: 36px;
display: block;
text-align: center;
border:1px solid #d4d7e5;
color: #3e4265;
border-radius: .25rem;
}
#team-carousel .team-wrap .team-social-links{
margin-top: 15px;
}
#team-carousel .team-wrap .team-social-links li:hover a{
color: #fff;
}
#team-carousel .team-wrap .team-social-links li.facebook:hover a{
background-color: #1877f2;
border-color: #1877f2;
}
#team-carousel .team-wrap .team-social-links li.twitter:hover a{
background-color: #1da1f2;
border-color: #1da1f2;
}
#team-carousel .team-wrap .team-social-links li.linkedin:hover a{
background-color: #0077b5;
border-color: #0077b5;
}
.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 25px;
}
.services-section-four{
position:relative;
padding:80px 0px 20px;
background: #f7f7f7;
}
.services-block-six{
position:relative;
margin:20px 0;
}
.services-block-six .inner-box{
position:relative;
padding-left: 75px;
}
.services-block-six .inner-box .icon-box{
position:
absolute;
left:0px;
top:0px;
font-size:60px;
text-align: center;  transition:
all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.services-block-six .inner-box h3{
position:relative;
font-size:18px;
padding-bottom: 0;
}
.services-block-six .inner-box h3:hover{
color: #000;
}
.services-block-six .inner-box h3 a{
color:#222222;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
} .img-width{
width: 60px;
}
.sigma_portfolio-item{
position: relative;
margin-bottom: 30px; }
.sigma_portfolio-item .overlap1{
transition:all 0.3s;
-moz-transition:all 0.3s;
-webkit-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
}
.sigma_portfolio-item:hover .overlap1{
height:100%;
background-color: rgba(0,0,0,0.80);
}
.sigma_portfolio-item.full{
height: calc(100% - 30px);
}
.sigma_portfolio-item.full img{
height: 100%;
object-fit: cover;
}
.sigma_portfolio-item img{
width: 100%;
height: 330px;
}
.sigma_portfolio-item span{
color: #fff;
transform: translateY(-10px);
opacity: 0;
visibility: hidden;
transition: .3s;
}
.sigma_portfolio-item .sigma_portfolio-item-content{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
transition: .3s;
padding: 20px;
background-color: rgb(154 203 215);
}
.sigma_portfolio-item.sigma_portfolio-item-content{
background-color: rgba(255,255,255,.2);
}
.sigma_portfolio-item .sigma_portfolio-item-content-inner{
position: absolute;
top: 18%;
left: 20px;
right: 20px;
margin-top: auto;
transform: translateY(10px);
opacity: 0;
visibility: hidden;
transition: .3s;
text-align: center;
}
.sigma_portfolio-item .sigma_portfolio-item-content-inner h5{
margin: 0 0 10px;
font-size: 30px;
color: #fff;
}
.sigma_portfolio-item .sigma_portfolio-item-content-inner p{
color: #f4f4f4;
}
.sigma_portfolio-item .sigma_portfolio-item-content-inner h5 a{
color: #fff;
}
.sigma_portfolio-item .sigma_portfolio-item-content-inner h5 a:hover{
color: #A85920;
}
.sigma_portfolio-item .sigma_portfolio-item-content i{
font-size: 15px;
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
color: #1c1c1c;
transition: .3s;
border-radius: 50%;
z-index: 3;
background-color: #fff;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
}
.sigma_portfolio-item .sigma_portfolio-item-content i{
opacity: 1;
visibility: visible;
top: 50%;
}
.sigma_portfolio-item span,
.sigma_portfolio-item .sigma_portfolio-item-content-inner{
opacity: 1;
visibility: visible;
transform: translateY(0);
} .section.page-title {
background-position: center center;
background-size: cover;
box-shadow: rgb(38 57 77 / 38%) 0px 6px 13px 0px;
overflow: hidden;
background-color: rgb(36 40 43 / 93%);
background-blend-mode: soft-light;
}
.centered {
text-align: center;
padding: 30px 0px;
}
.page-title .inner-container {
position: relative;
z-index: 5;
padding: 80px 0px 80px;
}
.banner-title h1 {
color: #fff;
font-size: 42px;
}                                             .mg-t-40 {
margin-top: 40px;
}
.mg-t-20{
margin-top: 20px;
}
.mg-t-10{
margin-top: 10px;
}
.mg-b-20{
margin-bottom: 20px;
}
.image img{
width: 100%;
}
ul.list li:before {
content: "\f10c";
font-family: icofont;
font-size: 12px;
color: #6dcff6;
margin-right: 6px;
background: #dd1620;
border-radius: 3px;
}
ul.list li {
font-weight: 600;
color: #1e3769;
margin-bottom: 10px;
}
ul.list {
display: inline-block;
vertical-align: top;
}
ul.list.list-line {
margin-right: 20px;
}
.content-column .inner-column {
background: #f8f8f8;
padding: 30px;
border-radius: 10px;
}
.bg-grey-light {
background: #f7f7f7;
}
.slogan p {
margin-bottom: 0px;
color: #1c366b;
font-weight: 700;
font-size: 18px;
letter-spacing:0.3px;
line-height: 25px;
}
.slogan {
background: #e1e1e173;
padding: 30px;
width: 80%;
font-family: 'Inter'; border-radius: 10px;
font-size: 18px;
letter-spacing: 0.3px;
line-height: 25px;
box-shadow: rgb(30 55 105 / 22%) 0px 0px 10px 0px;
} .process-box b.b-type2 {
color: #fba215 !important;
}
.process-box b.b-type3 {
color: #ed5c58 !important;
}
.process-box b.b-type4 {
color: #06c387 !important;
}
.process-box b.b-type5 {
color: #2c49e1 !important;
}
.process-box b.b-type6 {
color: #e55476 !important;
}
.process-box b.b-type7 {
color: #3490dc !important;
}
.process-box b.b-type8 {
color: #48b1c2 !important;
}
.process-box p {
margin-bottom: 0;
margin-top: 10px;
}
.process-box {
background: #fff;
padding: 25px;
border-radius: 10px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
margin-top: 20px;
}
.process-box b {
color: #0fa4bd;
}
.wordpress-process{
margin-top: 30px;
}
.box-left-mg{
margin-left: 40px;
}
.wd-box {
text-align: left;
padding: 40px;
background: #fff;
border-radius: 20px;
margin: 20px;
}
.wd-box img {
width: 60%;
}
.wd-box h4 {
color: #6bb3b7;
} .price-block {
position: relative;
margin-bottom: 30px;
} .price-block .inner-box {
padding-bottom: 35px;
}
.price-block .inner-box {
position: relative;
text-align: center;
background-color: #ffffff;
box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
}
.price-block.one .inner-box h3 {
padding: 22px 0px;
font-size: 26px;
text-transform: uppercase;
background: url(//www.neelnetworks.com/blog/wp-content/themes/images/price1.png);
background-size: cover;
color: #fff;
border-radius: 7px 7px 0px 0px;
background-position: center;
}
.price-block.one .inner-box .price {
color: #3769cc;
margin-bottom: 25px;
padding-top: 40px;
}
.price-block .inner-box ul.price-list { }
.price-block.one a.theme-btn.buy-btn {
background: #3769cc;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
}
.price p span {
font-size: 60px;
font-weight: 600;
}
.price p {
font-size: 30px;
}
.price span {
font-weight: 600;
}
.price-block .inner-box .price-list li {
position: relative;
color: #222222;
font-size: 16px;
margin-bottom: 18px;
}
.price-block a {
background: #3f67c7;
border: none;
margin-top: 20px;
}
.price-block.two .inner-box h3 {
padding: 22px 0px;
font-size: 26px;
text-transform: uppercase;
background: url(//www.neelnetworks.com/blog/wp-content/themes/images/price2.png);
background-size: cover;
color: #fff;
border-radius: 7px 7px 0px 0px;
background-position: center;
}
.price-block.two .inner-box .price {
color: #56be8e;
margin-bottom: 25px;
padding-top: 40px;
}
.green {
background: #4abf92 !important;
}  .faq-accordion h4.panel-title a:hover
.faq-accordion h4.panel-title a:focus{
color: #26979f;
}
.faq-accordion .panel-heading {
background: #f7f7f7; }
.faq-accordion .panel.panel-default {
border: 1px solid #c7c7c7;
margin-bottom: 10px;
} .theme-clr {
color: #4cb3d4;
}   .web-service .image img {
width: 70%;
display: block;
margin: auto;
}
.icon-container{
display: grid !important;
grid-template-columns: 20px auto !important;
gap: 5px !important;
align-items: center;
}
.navigation a.m-btn.icon-container{
line-height:unset !important;
}
.icon-container span{
line-height:unset;
} .mbr-testimonials .row > div {
padding-bottom: 40px; }
.mbr-testimonials .row > div:last-child {
padding-bottom: 0; }
.main-new-nav .menu-item{
font-family: 'DM Sans';
}
@media (min-width: 992px) {
.mbr-testimonials .row > div:nth-child(3n+1) {
clear: left; }
.mbr-testimonials .row > div:nth-last-child(-1n+3) {
padding-bottom: 0; } } .sticky-main-header {
position: relative;
z-index: 1000;
display: none;
}
.sticky-main-header.show {
display: block;
}
.sticky-main-header .sticky-header {
position: fixed;
width: 100%;
top: 0;
z-index: 999;
padding: 15px 20px;
display: block;
}
.sticky-main-header .container-fluid {
display: flex;
justify-content: space-between;
align-items: center;
}
.sticky-main-header .sticky-logo {
margin: 0;
}
.sticky-main-header .sticky-logo img {
height: 50px;
position: relative;
}
.sticky-main-header .menu-toggle {
position: fixed;
top: 36px;
right: 34px;
width: 30px;
height: 25px;
cursor: pointer;
transition: all 0.3s ease-in-out;
z-index: 999999;
}
.sticky-main-header .menu-toggle span {
position: absolute;
height: 3px;
width: 100%;
background: #333;
left: 0;
transition: 0.3s ease-in-out;
}
.sticky-main-header .menu-toggle span:nth-child(1) {
top: 0;
}
.sticky-main-header .menu-toggle span:nth-child(2) {
top: 10px;
}
.sticky-main-header .menu-toggle span:nth-child(3) {
top: 20px;
}
.sticky-main-header .menu-toggle.active span:nth-child(1) {
transform: rotate(45deg);
top: 10px;
}
.sticky-main-header .menu-toggle.active span:nth-child(2) {
opacity: 0;
}
.sticky-main-header .menu-toggle.active span:nth-child(3) {
transform: rotate(-45deg);
top: 10px;
}
.sticky-main-header .offcanvas-menu {
position: fixed;
top: 0;
right: -300px;
width: 300px;
height: 100vh;
background: #2e6da4;
box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
transition: right 0.3s ease-in-out;
z-index: 99999;
padding: 100px 16px 0;
overflow-y: auto;
}
.sticky-main-header .offcanvas-menu.active {
right: 0;
}
.sticky-main-header .offcanvas-menu ul {
list-style: none;
padding: 0;
margin-top: 20px;
}
.sticky-main-header .offcanvas-menu ul li {
margin: 0; }
.sticky-main-header .offcanvas-menu ul li a {
text-decoration: none;
color: #ffffff;
font-size: 18px;
border-top: 1px solid #ffffff1f;
padding: 10px 0;
display: flex;
justify-content: space-between;
}
.sticky-main-header .menu-dropdown .menu-dropdown-menu {
max-height: 0;
opacity: 0;
transform: translateY(-10px);
transition: all 0.3s ease;
overflow: hidden;
pointer-events: none;
list-style: none;
padding-left: 15px;
margin-top: 0;
}
.sticky-main-header .menu-dropdown.active .menu-dropdown-menu {
max-height: 500px;
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.sticky-main-header .menu-dropdown-menu li {
margin-bottom: 10px;
}
.sticky-main-header .menu-dropdown-menu li a {
text-decoration: none;
color: #333;
font-size: 18px;
}
.sticky-main-header .dropdown-toggle {
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.sticky-main-header .dropdown-toggle::after {
content: "▼";
font-size: 12px;
margin-left: 8px;
transition: transform 0.2s;
}
.sticky-main-header .menu-dropdown.active .dropdown-toggle::after {
transform: rotate(180deg);
}
.sticky-main-header .overlay {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
background: rgba(0, 0, 0, 0.5) !important;
opacity: 0 !important;
visibility: hidden !important;
transition: opacity 0.3s ease-in-out !important;
z-index: 999 !important;
display:unset !important;
}
.sticky-main-header .overlay.active {
opacity: 1 !important;
visibility: visible !important;
}
.sticky-main-header .logo {
display: flex;
align-items: center;
}
.sticky-main-header .sticky-logo {
position: relative;
}
.sticky-main-header .menu-dropdown.active>ul.menu-dropdown-menu li:first-child a {
border-top: 0;
}
.sticky-main-header .menu-dropdown.active a {
border-bottom: 1px solid #ffffff1f;
}
.sticky-main-header .menu-dropdown.active>ul li a {
border-bottom: 0;
} .sticky-main-header .menu-toggle:before {
content: ' ';
position: absolute;
background: #ffffff;
border-radius: 5px;
width: 50px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
height: 50px;
top: -13px;
left: -11px;
}
.sticky-main-header .sticky-logo a {
display: inline-block;
background: #ffffff;
padding: 10px;
border-radius: 5px;
}
.sticky-main-header .offcanvas-menu ul li a,
.sticky-main-header .offcanvas-menu ul li.active>ul li a {
color: #ffffff !important;
}
.sticky-main-header .offcanvas-menu ul li.active a,
.sticky-main-header .offcanvas-menu ul li.active>ul li.active a {
color: #faa31f !important;
}
.sticky-main-header .menu-dropdown-toggle {
display: flex;
align-items: center;
justify-content: space-between;
}
.sticky-main-header .dropdown-arrow {
margin-left: 5px;
width: 16px;
transition: transform 0.3s ease;
} .sticky-main-header .menu-dropdown.active .dropdown-arrow {
transform: rotate(180deg);
}
.sticky-main-header .offcanvas-menu ul li:last-child{
border-bottom: 1px solid #ffffff1f;
} .mbr-testimonial {
border-radius: 0;
border: 0;
margin-bottom: 0;
text-align: center; }
.mbr-testimonial + * {
padding-top: 40px; }
.mbr-testimonial.card {
background-color: transparent; }
.mbr-testimonial .card-block {
background: #fff;
font-size: 1.125rem;
font-style: italic;
font-weight: 400;
line-height: 2;
padding: 1.875rem;
position: relative; 
-webkit-box-shadow: 0px 0px 30px rgb(115 128 157 / 10%);
box-shadow: 0px 0px 30px rgb(115 128 157 / 10%);
border-radius:0 0 10px 10px;
}
.mbr-testimonial .card-block p {
color: #565656;
font-size: 15px;
font-style: normal;
padding-top: 10px;
text-align: left;
}                            .mbr-author-img {
margin-top: -2.5rem; }
.mbr-author-img img {
height: 80px;
width: 81px;
}
.mbr-author-name {
font-family: 'Montserrat', sans-serif;
color: #1a386c;
font-size: 15px;
line-height: 1.3;
padding-top: 1.4rem;
font-weight:600;
}
.mbr-author-desc {
color: #a7a7a7;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
font-weight: 600;
line-height: 1.597;
letter-spacing: 1.5px;
padding-bottom:20px;
}
.testi-mrgt{
margin-top:50px;
}
.testi-one .mbr-author-desc{
color:#3769cc;
}
.testi-two .mbr-author-desc{
color:#56be8e;
}
.testi-three .mbr-author-desc{
color:#f68481;
}
.testi-one .mbr-author-img img.img-circle {
border: 4px solid #3769cc;
border-radius: 2px;
}
.testi-two .mbr-author-img img.img-circle {
border: 4px solid #56be8e;
border-radius: 2px;
}
.testi-three .mbr-author-img img.img-circle {
border: 4px solid #f68481;
border-radius: 2px;
}
.testi-one .mbr-testimonial .card-block span {
width: 70px;
height: 70px;
line-height: 67px;
text-align: center;
margin: auto;
background: #3769cc;
display: block;
margin-top: -59px;
border-radius: 100%;
}
.mbr-testimonial-lg .card-block img { border-radius: 100px;
width: 100%;
}
.testi-two .mbr-testimonial .card-block span {
width: 70px;
height: 70px;
line-height: 67px;
text-align: center;
margin: auto;
background: #56be8e;
display: block;
margin-top: -71px;
border-radius: 100%;
margin-bottom: 5px;
}
.testi-three .mbr-testimonial .card-block span {
width: 70px;
height: 70px;
line-height: 67px;
text-align: center;
margin: auto;
background:#f68481;
display: block;
margin-top: -71px;
border-radius: 100%;
margin-bottom: 5px;
}
.testi-one{
margin-bottom: 100px;
border: 2px solid #3769cc;
border-radius: 5px;
}
.testi-two{ margin-bottom: 100px;
border: 2px solid #56be8e;
border-radius: 5px;}
.testi-three{margin-bottom: 100px;
border: 2px solid #f68481;
border-radius: 5px;}
.testi-one span img {
border: 2px solid #3769cc;
}    
.testi-two span img {
border: 2px solid #56be8e;
} 
.testi-three span img {
border: 2px solid #f68481;
}   
.text.con-text p strong, .text.gall-text p strong  {
font-size: 20px;
letter-spacing: 0.5px;
text-transform: capitalize;
}
.text.con-text p {
width: 70%!important;
margin: auto;
}
p.time {
font-size: 24px;
letter-spacing: 1px;
margin-top: 16px!important;
}   
.text.gall-text p {
width: 90%!important;
margin: auto;
}
.text.gall-text p.our-portfolio {
color: #1a386c;
font-weight: 700;
font-family: 'Montserrat', sans-serif;
font-size: 25px;
text-align: center;
text-transform: capitalize;
letter-spacing: 1px;
margin: auto;
margin-bottom:30px !important;
margin-top:25px!important;
width: 100%!important;
}
.portfolio .portfolio-card {
-webkit-box-shadow: 0 0 20px 0 rgba(40, 40, 40, 0.1607843137254902);
box-shadow: 0 0 20px 0 rgba(40, 40, 40, 0.1607843137254902);
position: relative;
height: 500px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.portfolio .portfolio-card figure {
overflow: hidden;
height: 100%;
background: transparent url(//www.neelnetworks.com/blog/wp-content/themes/images/portfolio-images/loading.gif) center
no-repeat;
background-size: 10%;
}
.portfolio .portfolio-card img {
margin-top: 0;
transition: 4s;
-webkit-transition: 4s;
-moz-transition: 4s;
-ms-transition: 4s;
-o-transition: 4s;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}
.opacitynone {
opacity: 0;
}
.opacityfull {
opacity: 1;
}
.portfolio .portfolio-card:hover img {
margin-top: 500px;
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
}
.portfolio .portfolio-detail {
-webkit-box-shadow: 0 0 20px 0 rgba(40, 40, 40, 0.1607843137254902);
box-shadow: 0 0 20px 0 rgba(40, 40, 40, 0.1607843137254902);
position: absolute;
width: 90%;
bottom: 0;
left: 50%;
background: #fff;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
padding: 10px 0px;
}
.portfolio .portfolio-detail h3 {
margin-bottom: 0;
padding: 1.5em 0.8em;
font-size: 1em;
}
.portfolio .portfolio-card:hover .portfolio-detail {
width: 100%;
}
.portfolio-card .portfolio-detail h3 {
color: #1a386c;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
font-size: 18px;
padding: 0px;
margin-bottom:2px;
letter-spacing: 1px;
}
.portfolio-card  .portfolio-detail p {
font-size: 13px;
color: #222;
line-height: 20px;
margin-bottom: 0;
letter-spacing: 1.5px;
}
h2.size40{
font-size:40px;
}
ul.listc li h5 b {
color: #07b0f3;
} .feature-box-spacing .app-block .inner-box .content {
padding-bottom: 15px !important;
}
.feature-box-spacing .app-block .inner-box .content p {
margin-bottom: 0px;
}
.feature-box-spacing .app-block .inner-box .content h3 {
margin-bottom: 5px;
}
.mrg-b40 {
margin-bottom: 40px;
}
.car-portal h6 {
color: #6dcff6;
font-weight: 500;
}
.b-title{margin-bottom:20px;font-size:54px;line-height:60px;font-weight:700;}
.serv-h2{font-weight:700;font-size:34px;}
.team-title{font-size: 52px;line-height: 62px;color:#fff;}
.cta-title{font-weight:700;font-size:34px;line-height:45px;margin-bottom:60px;}
.side_testimonials {
padding-top: 20px;
}
.side_testimonials img {
display: block;
text-align: center;
margin-bottom: 17px;
}
.side_testimonials h5 {
color: #032d42;
font-family: 'PT Sans', sans-serif;
margin-bottom: 10px;
font-weight: 600;
font-size: 19px;
}
.side_testimonials span {
color: #14133b;
font-size: 15px;
font-family: 'Inter', sans-serif;
font-weight: 400;
}
.side_testimonials p {
font-size: 16px;
line-height: 26px;
}
.side_testimonials p a {
font-size: 16px;
color: #0a6295;
}
.testi-img {
border-radius: 5px;
border: 1px solid #73ccff;
}
.side_testimonials a.btn.btn1 {
margin-top: 15px;
border-radius: 5px;
}
.price-box a.more-btn.text-color1{
color: #00bffe!important;
font-size: 17px;    
}
.h {
display: none;
width: 100%;
}
.arrow-btn {
background: url(https://neelnetworks.org/new-neel/images/arrow-down.png) no-repeat;
background-size: auto auto;
background-size: contain;
border: none;
right: 105px;
bottom: 51px;
color: #ccc;
font-size: 16px;
width: 10px;
height: 10px;
vertical-align: middle;
position: absolute;
}
ul.navigation li a i {
font-size: 20px;
}
ul.navigation li:nth-of-type(2) a {
padding-right: 0px;
}
.text.gall-text p {
width: 90%!important;
margin: auto;
}
.text.gall-text p.our-portfolio {
color: #1a386c;
font-weight: 700;
font-family: 'Quicksand', sans-serif;
font-size: 25px;
text-align: center;
text-transform: capitalize;
letter-spacing: 1px;
margin: auto;
margin-bottom:30px !important;
margin-top:25px!important;
width: 100%!important;
}
.portfolio .portfolio-card {
-webkit-box-shadow: 0 0 20px 0 rgba(40, 40, 40, 0.1607843137254902);
box-shadow: 0 0 20px 0 rgba(40, 40, 40, 0.1607843137254902);
position: relative;
height: 500px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.portfolio .portfolio-card figure {
overflow: hidden;
height: 100%;
background: transparent url(//www.neelnetworks.com/blog/wp-content/themes/images/portfolio-images/loading.gif) center
no-repeat;
background-size: 10%;
}
.portfolio .portfolio-card img {
margin-top: 0;
transition: 4s;
-webkit-transition: 4s;
-moz-transition: 4s;
-ms-transition: 4s;
-o-transition: 4s;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}
.opacitynone {
opacity: 0;
}
.opacityfull {
opacity: 1;
}
.portfolio .portfolio-card:hover img {
margin-top: 500px;
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
}
.portfolio .portfolio-detail {
-webkit-box-shadow: 0 0 20px 0 rgba(40, 40, 40, 0.1607843137254902);
box-shadow: 0 0 20px 0 rgba(40, 40, 40, 0.1607843137254902);
position: absolute;
width: 90%;
bottom: 0;
left: 50%;
background: #fff;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
padding: 10px 0px;
}
.portfolio .portfolio-detail h3 {
margin-bottom: 0;
padding: 1.5em 0.8em;
font-size: 1em;
}
.portfolio .portfolio-card:hover .portfolio-detail {
width: 100%;
}
.portfolio-card .portfolio-detail h3 {
color: #1a386c;
font-weight: 600;
font-family: 'Quicksand', sans-serif;
font-size: 18px;
padding: 0px;
margin-bottom:2px;
letter-spacing: 1px;
}
.portfolio-card  .portfolio-detail p {
font-size: 13px;
color: #222;
line-height: 20px;
margin-bottom: 0;
letter-spacing: 1.5px;
}
.nav-links span.page-numbers{
padding:12px 18px;
vertical-align: top;
}
ul.navigation {
margin-bottom: 0;
}
.blog-post-page .container {
width: 1100px !important;
}
.btn1, .btn2 {
padding: 10px 40px;
color: #fff;
background: #005182;
cursor: pointer;
border-radius: 6px;
font-weight: 400;
font-size: 14px;
letter-spacing: 1px;
border: none;
}
ul.navigation .col-lg-4 a.text-color1{
color:#005182!important;
}
.foot-one h2.text-color1{
color:#ffffff61!important;
}
.copyright p.text-color1{
color: #333!important;
font-family: 'Inter', sans-serif;
font-weight: 400;
}
footer .footer-widget p {
line-height: normal;
font-size: 14px;
color: #faa31f!important;
}
footer .footer-widget p strong{
font-weight: 600; 
}
footer ul.footer-menu {
margin-bottom: 25px;
}
.footer-menu li a {
color: #e5f4f5; position: relative;
display: inline-block;
padding-left: 12px;
font-size: 13px;
}
.footer-menu li a:hover {
color: #fff;
}
.social-link li:hover a{
transform: rotate(360deg);
color: #faa31f;
border-color: #faa31f;    
}
.copyright p.text-color1 {
color: #faa31f!important;
}
.delelop-by p{
color: #c1c0ff!important; 
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
letter-spacing: 0.6px;
}
footer.bg-color6.parallax {
background: #0b1338;
}
.f-one, .f-two, .f-three, .f-four, .f-five, .f-six, .f-seven, .f-eight, .f-nine, .f-ten, .f-eleven, .f-twelve, .f-thirteen, .f-fourteen{
display: none;
}
.navigation a.m-btn {
font-size: 14px;
letter-spacing: 0.4px;
line-height: normal!important;
text-align: center;
padding: 3px 15px; text-transform: uppercase;
font-weight: 500;
font-family: 'Epilogue';
font-style: normal;
position: relative;
color: #333;
}
.menu-lg-wrap p.no-margin a b {
text-transform: uppercase;
}
.menu-lg-wrap hr {
margin-top: 0;
margin-bottom: 10px;
}
.sub-clr1 {
font-size: 12px;
color: #00aeef;
}
.sub-clr2 {
font-size: 12px;
color: #00aeef;
}
.sub-clr2 {
font-size: 12px;
color: #00aeef;
}
.mm-1, .mm-2, .mm-3 {
color: #e78d04;
font-size: 18px;
}
p.no-margin a b:hover {
color: #faa31f;
}
ul.navigation a.close-menu {
display: none;
}
.nav-wrapper {
margin:30px 0 0 0;
}
.cont-bx .digi-contact-btn .cool-btn.cbtn2 {
margin-left: 15px;
margin-right: 15px;
}
.deck-h {
display: none!important;
}
.footer-social.social-link {
text-align: right!important;
}
.delelop-by {
text-align: left;
}
.scroll-to-top {
position: absolute;
width: 40px;
height: 40px;
color: #ffffff;
right: 0;
font-size: 18px;
line-height: 40px;
text-align: center;
z-index: 100;
cursor: pointer;
background: #25245c;
margin: 0 auto;
border-radius: 0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
left: 0;
bottom: 71px;
border-radius: 25px 25px 0 0;
line-height: 50px;
}
nav.navigation.pagination .nav-links a.page-numbers {
padding: 12px 15px!important;
}
.home-seven .cont-bx h5 {
font-family: 'Epilogue';
font-style: normal;
font-weight: 600;
font-size: 26px;
font-weight: 0;
position: relative;
margin-top: 0px;
line-height: 32px;
color: #fff;
}
li.dropdown.portfolio-sub-menu .dropdown-menu {
left: 10%;
width: 200px;
padding: 15px 5px;
}
.navigation li.dropdown > .dropdown-menu li a{
text-align: left;  
}
.navigation > li.dropdown > a.blog-desk-icon:after{
display:inline-block;
}
.blog-mob-icon{
display:none;
}
.two-colm-services {
display: flex;
justify-content: space-between;
}
.f-company .footer-widget{
padding-left:30px;
}
.bg-color3-cta {
background: #005182;
padding: 60px 50px;
position: relative;
border-radius: 10px;
box-shadow:0 6px 12px rgba(0,0,0,0.08);
}
.bg-color3-cta:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: url(https://www.neelnetworks.com/assets/home/bg12.png) no-repeat;
background-size: contain;
background-position: bottom center;
}
.pricing-cta-bg .btn-container {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
.about-two__btn.nionx-btn {
background: #005182;
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 112.5%;
padding: 19px 40px;
border-radius: 4px;
letter-spacing: 0.5px;
border: 1px solid #bae5ff;
display: inline-block;
}
.pricing-info .main-h2 {
font-size:50px;
line-height: 34px;
color: #005182;
text-align:center;
}
.bg-color3-cta h3.main-h2 {
font-size: 26px !important;
color: #faa31f;
font-weight: 700;
text-align: center;
width: 75%;
margin: auto;
margin-bottom: 20px;
line-height: 1.6;
}
.about-two__btn.nionx-btn:hover{
background:#42403c !important;
border: 1px solid #fff!important;
transition: 0.5s !important;
color: #ffffff !important;   
transform: translateY(-2px);
}
.pricing-cta-bg .btn-container  .banner-btn-whatsapp {
background: rgb(37, 211, 102) !important;
border: 1px solid #25d366!important;
transition: 0.5s !important;
color: #ffffff !important;
}
.pricing-cta-bg .btn-container  .banner-btn-whatsapp:hover {
background: #42403c!important;
color: #fff;
border: 1px solid #42403c!important;
transform: translateY(-2px);
}
section.pricing-cta.spacing.bg-color2.bg-color3-cta.sec-space {
margin-bottom: 15px;
}
@media (min-width: 220px) and (max-width: 991px){
.container, .slogan, .navigation li.dropdown > .dropdown-menu.dropdown-menu-lg{
width: 100%!important;}
.navigation > li.dropdown > a.blog-desk-icon:after{
display:none;
}
.blog-mob-icon{
display:none;
right:0;
}
.drop-icons{
display:none;
}
.icon-container{
display:block !important;
}
.sticky-main-header {
display:none !important;
}
}   
@media (min-width: 320px) and (max-width: 1024px){
.nav-wrapper.open {margin-top: 0!important;}    
.navigation a.m-btn { text-align: left; text-transform: capitalize;color: #fff;  padding-top: 14px; padding-bottom: 14px; font-size: 15px!important;
letter-spacing: 0; border: 0!important;}
.navigation > li.dropdown > a:after{font-size: 19px; top: 13px;}
ul.navigation a.close-menu{display:block;}
ul.navigation a.close-menu{ position: absolute; width: 49px; height: 49px;background: #e38900;text-align: center;
line-height: 38px!important;  top: 0;  float: right;  right: 0;  z-index: 1;  border-radius: 0px 0 0 100%; color:#005182!important;
font-size: 25px!important;}
.menu-lg-wrap p.no-margin a b{font-weight: 400; font-family: 'Epilogue'; font-style: normal; font-size: 15px;}
.navigation li.dropdown > .dropdown-menu.dropdown-menu-lg .menu-lg-wrap .col-lg-4.col-md-4.col-sm-12.col-xs-12 {border-bottom: 1px solid #044866;  padding-bottom: 2px;  margin-bottom: 5px;}
ul.dropdown-menu .col-lg-4 ul.menu-lg-list a {  padding-top: 6px!important;
padding-bottom: 7px!important;   position: relative;font-size: 14px!important;   padding-left: 12px!important;}
ul.dropdown-menu .col-lg-4 ul.menu-lg-list a:before{ position: absolute;  top: 13px;  left: 0;content: '';width: 6px;  height: 6px;   background-color: #ffa114;   border-radius: 100%; }
.delelop-by p{line-height:1.3;} 
.menu-lg-wrap p.no-margin a b.sub-clr1, .menu-lg-wrap p.no-margin a b.sub-clr2, .menu-lg-wrap p.no-margin a b.sub-clr3, .menu-lg-wrap p.no-margin a b.sub-clr4, .menu-lg-wrap p.no-margin a b.sub-clr5, .menu-lg-wrap p.no-margin a b.sub-clr6 {
color: #fff!important;
text-transform: capitalize!important;}
.mob-h {display: none!important;}    
ul.dropdown-menu .col-lg-4.col-md-12.col-sm-12.col-xs-12 ul.menu-lg-list a {
padding-top: 6px!important;
padding-bottom: 7px!important;
position: relative;
font-size: 14px!important;
padding-left: 12px!important;
}
.navigation li.dropdown > .dropdown-menu.dropdown-menu-lg .menu-lg-wrap .col-lg-4.col-md-12.col-sm-12.col-xs-12 {
border-bottom: 1px solid #044866;
padding-bottom: 2px;
margin-bottom: 5px;
}
.footer-dd {
cursor: pointer;
display: block!important;
position: absolute;
right: 0;
font-size: 27px;
top: -6px;
}
ul.dropdown-menu.dropdown-menu-lg li .col-lg-4 p{margin-bottom: 0!important;}
.navigation > li.dropdown > a:after {
font-size: 19px;
top: 13px;
}
.navigation > li.dropdown > a:after {
right: 15px;
}
.menu-lg-wrap ul.menu-lg-list {
display: none;
}
.container {
width: 100%!important;
}
.bg-color3-cta h3.main-h2{
width: 100%;
font-size: 24px !important;
padding: 0;
}
}
@media (min-width: 320px) and (max-width: 767px){
.deck-h { display: block!important;}
ul.top-icon {list-style: none; margin: 0; padding: 0; position: sticky;
right: 0; bottom: 0; z-index: 1; width: 100%; left: 0; text-align: center;
background: #005182; top: auto;}
ul.top-icon li {display: inline-block; padding: 5px 0px;  margin: 0px 15px;}
ul.top-icon li a {    width: 45px; height: 45px; line-height: 45px;}
.delelop-by {text-align: center;}
.copyright p.no-margin.text-color1 {margin: 10px 0;}
ul.footer-social.social-link {  width: 100%;display: none!important; padding-bottom: 12px;   border-bottom: 1px solid #363e64;   margin-bottom: 15px;}
.scroll-to-top {bottom: 0;}
.digi-contact-btn .cool-btn {
display: none;}
.digi-contact-btn div:nth-of-type(3), .digi-contact-btn div:nth-of-type(2) {
display: block!important;}
.navigation li.dropdown.portfolio-sub-menu ul.dropdown-menu.fm-fifteen li {
padding: 6px 15px 6px 15px;
border-bottom: 1px solid #044866;
position: relative;
}
.navigation li.dropdown.portfolio-sub-menu ul.dropdown-menu {
display: none;
}
.bg-color3-cta h3.main-h2 {
width: 100%;
font-size: 18px !important;
padding: 0;
}
.bg-color3-cta{
padding:35px;    
}
.pricing-cta-bg .btn-container{
flex-wrap: wrap;    
}
.about-two__btn.nionx-btn{
width: 80%;   
}
}