html {
scroll-behavior: smooth;
}
html, body {font-family: 'Arsenal', sans-serif;overflow-x: hidden;}
a, a:hover{ text-decoration:none;}
.popular-posts ul {counter-reset: popularcount;margin: 0;padding: 0;}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {color: rgba(227, 26, 26, 0.75);}
.navbar-dark .navbar-nav .nav-link {color: #1A2B6D;
transition: color 0.4s ease 0s;padding: 10px 25px;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: rgb(36 103 183);
}

.csschange {
background-color: #fff;
box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
}
.dropdown:hover>.dropdown-menu {display: block;}
.menu-drop .dropdown-menu{border-top: 4px #343a4085 solid; z-index:999;border-radius: 0;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);}
.menu-drop .dropdown-menu a:hover{ color:#fff; background:#2f7891;}
.bg-dark-header {background-color:#fff;}
.bg-dark-header2 {
background-color: #1a2b6d;
z-index: 9;
}
.navbar{padding: 0;}
nav ul li a, nav ul li:hover .megamenu {
display: block;
}
.navbar-nav .nav-item{ padding:10px 0; }
.megamenu {
display: none;
position: absolute;
z-index: 9;
top: 60px;
left: 0;
width: 100%;
background: #fff;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.megamenu .content-detail {
flex: 0 0 33.333333%;
    max-width: 33.333333%;
background:#2467b7;
padding:2em 2em 2em 3em;
}
.megamenu .content-detail span {
font-size: 30px;
color: #fff;
}
.megamenu .content-detail p {
color: #fff;
margin: 30px 0 45px;
}
.megamenu .subcol {
display: flex;
flex: 0 0 61.666667%;
max-width: 66.666667%;
}
.megamenu .technorow {
flex-wrap: wrap;
justify-content: flex-start;
padding:2em 2em;
}
.megamenu .technorow ul {
flex: 0 0 31.333333%;
    max-width: 30.333333%;
margin: 0 10px;
}
.megamenu .technorow ul span {
color: #000;
width: 100%;
display: block;
margin: 0 0 10px;
}
.megamenu .technorow ul li {
margin: 0 0 10px;
}
.megamenu .subcol ul li {
clear: both;
}
.megamenu .subcol ul li a {
color: #25272bb5;
font-size: 13px;
display: block;
border: none;
}
.btn-primary {color: #fff;background-color:#F47857;border-color:#F47857;border-radius: 0px;}
.btn-success {border-radius: 0px !important;}
.navbar-dark .navbar-brand {
width: 200px;
margin-right: 115px;
color: #fff;
}
.nav-item .btncontact{background:#2467b7;
color:#fff !important;
border-radius: 2px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.11);}
.image-banner{background: #1a1d33;}
.image-banner img{opacity: 0.3;}
.mr-margin{margin: auto;
margin-right: 0;}
.box-articles-top{    margin-top: -621px;
margin-bottom: 50px;}
.boxarticle-inner{padding: 50px;}
.boxarticle-inner2 {
background: #f1efef;
padding: 60px 100px 60px 100px;
}
.line-color2{width:150px;
border-bottom: 3px #1a2b6d solid;
margin:10px 0;}
.textdecoration h1{ color:#fff;    font: normal normal normal 50px/1.4em spinnaker,sans-serif; }
.line-color{width: 100px;
border-bottom: 3px #1a2b6d solid;
margin:10px 0;}
.box-btn-right{ text-align: right;margin-top: -5px; }
.textdecoration p{ font-family:spinnaker,sans-serif; text-align: justify; }
.cutombtnoutm{background: #dd1d1d;
padding: 15px;
cursor: pointer;
color: #fff; position: relative;}
.fa-addcolor{background: #1a2b6d;
color: #fff;
margin-left: -15px;
margin-bottom: 0;
line-height:27.5px !important;}
.cutombtnoutm:hover{ background-color: #1a2b6d; color: #fff; }
.fa-addcolor:hover{background: #dd1d1d;
color: #fff;}
.testimonial-section {
       padding: 50px 0;
background-color:#2467b726;
color: #1a2b6d;
}
.carousel-indicators li{    width: 14px;
height: 14px;
border-radius: 100%;
margin-right: 5px;
margin-left: 8px;}
.slide-testimonial .left {position: absolute;
left: 0;
top: 0;}
.slide-testimonial .right {position: absolute;
right: 0;
top: 0;}
.slide-testimonial .carousel-inner{ width: 70%; text-align: center; }
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
top: 100px;}
.text-red{color: #dd1d1d;}
.footer-sec{padding: 50px 0;
background-color:#3b3b3b;
color: #fff;}
.section-footer ul a {
color: inherit;
}
.list-footer-inline li {
display: inline-block;
margin-right: 20px;
}
.border-top-white {
border-top: 1px solid #fff;
}
.footer-bottom {
padding: 15px 0;
}
.footer-sec a{ color: #fff; }
.icon-bar {
z-index: 1;
position: fixed;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.icon-bar a {

display: block;
text-align: center;
padding:0px;
transition: all 0.3s ease;
color: #000;
font-size: 20px;
}

.icon-bar a:hover {
background-color: #f1efef;
}

.facebook {
color: #000;
}

.twitter {
color: #000;
}
#return-to-top {
position: fixed;
bottom: 44px;
right: 20px;
background: rgb(26, 43, 109);
color: #fff;
width: 50px;
height: 50px;
display: block;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top i {
color: #fff;
margin: 0;
position: relative;
left: 15px;
top: 10px;
font-size: 19px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top:hover {
background:rgb(221, 29, 29);
}
#return-to-top:hover i {
color: #fff;
top: 0px;
}
.inner-content{margin:50px 0;}
.inner-content h2{ color:#1a2b6d; }
.contact-wrap {
position: relative;
overflow: hidden;
padding: 60px 0;
}
.contact_form {
padding: 0px 50px 30px 0px;
}
.contact-wrap .form-control {
height: 50px;
width: 100%;
padding-left: 15px;
border-radius: 0;
box-shadow: none;
text-shadow: none;
border: none;
border: 1px solid #f2f0fa;
background: none;
color: #000;
font-size: 14px;
}
.form-group .btn {
background: #2467b7;
letter-spacing: 2px;
display: inline-block;
border-radius: 2px;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: #fff;
text-transform: uppercase;
padding: 10px 35px;
}
.contact-wrap p {
font-size: 14px;
line-height: 24px;
color: #000;
margin-bottom: 20px;
}
.contact_info {
position: relative;
}
.contact_info {
padding: 55px 0px 30px 50px;
background: url(../images/contact-bg.jpg) no-repeat top;
background-size: cover;
}
.contact_info .title {
margin-bottom: 60px;
}
.contact_info .title h1 {
font-size: 50px;
color: #fff;
}
.contact_info .title:after {
background: #fff;
}
.unorderList {
list-style: none;
}
.contact_box {
display: flex;
margin-bottom: 25px;
}
.contact_form h1 {
text-transform: none !important;
font-size: 30px !important;
}
.contact_form .title h1 {
font-size: 36px;
color: #243b64;
}
.contact_box p {
font-size: 16px;
color: #fff;
font-weight: bold;
margin-left: 20px;
text-transform: uppercase;
}
.contact_box p span {
display: block;
font-weight: normal;
font-size: 14px;
text-transform: none;
}
.contact_box p span a {
text-decoration: none;
color: #fff;
}
.appointment-wrap {
padding: 40px 0;
background: url(../images/appointment-bg.jpg) no-repeat top;
background-size: cover;
}
.appointment-wrap h3 {
color: #fff;
padding-top: 15px;
}
.appointment-wrap .readmore {
margin: 0;
text-align: right;
}
.appointment-wrap .readmore a {
background:#ff6f80;
}
.readmore a {
text-decoration: none;
font-size: 15px;
background: #e784a2;
text-transform: uppercase;
border-radius:2px;
font-weight: bold;
display: inline-block;
padding: 10px 35px;
margin-top: 16px;
color: #fff;
}
.slick-slide {margin: 0px 10px;}
.slick-slide img {width: 100%;}
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;
-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{opacity: 0.9; border-radius: 7px;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
:focus {
outline: -webkit-focus-ring-color auto 0px;
}
.multi-banner .slick-prev{position: absolute;
left: -24px;
background: #fff;
z-index: 1;
top: 40%;
padding: 0px;
font-size: 14px;
border-radius: 100px;
border: 1px solid #999 !important;}
.multi-banner .slick-next{position: absolute;
right: -24px;
background: #fff;
z-index: 1;
top: 40%;
padding: 0px;
font-size: 14px;
border-radius: 100px;
border: 1px solid #999 !important;}
.cat-slider {
padding: 20px 0;
margin-top: 0;
/* padding-top: 6px; */
background-color: #f5f2f2;
width: 100%;
height: auto;
display: flex;
overflow-x: auto;
}
.cat-slider li {
    text-align: center;
list-style-type: none;
width: 15%;
margin: 3px;
flex-shrink: 0;
height: 100%;
}
.cat-slider li a {
padding: 0;
}
.cat-slider li a img {
background: #f8f5f6;
border-radius: 0;
width: 50px;
height: 40px;
}
.cat-slider li a{ color:#000; }
.cat-slider li a p {
margin-bottom: 0;
font-size: 12px;
}
.stepwizard-step p {
margin-top: 0px;
color:#666;
}
.stepwizard-row {
display: table-row;
}
.stepwizard {
display: table;
width: 100%;
position: relative;
}
.stepwizard-step button[disabled] {
/*opacity: 1 !important;
filter: alpha(opacity=100) !important;*/
}
.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {
opacity:1 !important;
color:#bbb;
}
.stepwizard-row:before {
top: 14px;
bottom: 0;
position: absolute;
content:" ";
width: 100%;
height: 1px;
background-color: #ccc;
z-index: 0;
}
.stepwizard-step {
display: table-cell;
text-align: center;
position: relative;
}
.btn-circle {
background: #3d9ae2;
color: #fff !important;
z-index: 999;
width: 30px;
height: 30px;
text-align: center;
padding: 6px 0;
font-size: 12px;
line-height: 1.428571429;
border-radius: 15px;
}
.btn-preacord{color: #fff;
background-color: #3d9ae2;
border-color: #3d9ae2;
border-radius: 10px;
padding: 5px 35px;}
.btn-active{background: #4CAF50 !important;
border-radius: 15px !important;}
.panel-heading .panel-title{     padding-top: 20px;
padding-bottom: 40px;
color: #3d9ae2;
/* margin: 40px 0; */
text-align: center; }
.btn-group-justified label{ margin-right: 10px; }
/*footer start */
.footer-tops {
background:#2467b7;
padding: 0 10%;
display: flex;
justify-content: center;
}
.footer-tops .contBox {
padding: 15px 0;
}
.footer-tops .contBox ul {
display: flex;
justify-content: space-around;
align-items: center;
}
.footer-tops .contBox ul li {
padding: 0 30px;
font-size: 18px;
text-align: center;
}
.footer-tops .contBox h3 {
font-size: 18px;
color: #fff;
text-transform: uppercase;
}
.footer-tops .contBox h4 {
font-size: 16px;
color: #fff;
}
.tr-footer {
float: left;
width: 100%;
padding: 75px 0 35px;
background: #2a363f url(../img/footer-bg-graph.png) no-repeat center bottom;
}
.footer-widget h3 {
margin-bottom: 14px;
color: #fff;
font-weight: 400;
font-size: 20px;
line-height: 25px;
font-style: normal;
text-transform: capitalize;
}
.global-list {
display: inline-block;
}
ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.footer-widget ul li {
padding: 4px 0;
margin: 0;
}
.footer-widget ul li a {
color: #fff;
transition: all .3s ease;
}
.section-bg-dark {
background-color: #2a353e;
}
.section-bg-dark p {
padding: 10px 0px;
margin-bottom: 5px;
}
.footer-social ul li:nth-child(1) {
background: #2b87c7;
}
.footer-social ul li:nth-child(2) {
background: #38c0dd;
}
.footer-social ul li:nth-child(3) {
background: #2862d8;
}
.footer-social ul li:nth-child(4) {
background: #555;
}
.footer-social ul li {
width: 35px;
height: 35px;
margin-right: 5px;
line-height: 29px;
vertical-align: middle;
text-align: center;
display: inline-block;
border-radius: 100%;
color: #fff;
}
.footer-alist {
float: right;
margin-bottom: 0;
color: #6c757d!important;
margin-top: 10px;
}
.section-header {
margin-bottom: 50px;
}
.section-header {
margin: 0 auto 40px;
text-align: center;
max-width: 790px;
}
.section-header .cate {
display: flex;
margin-top: -10px;
font-size: 16px;
color: #5350ff;
align-items: center;
flex-wrap: wrap;
justify-content: center;
text-transform: uppercase;
margin-bottom: 10px;
}
.section-header .cate::before {
margin-right: 5px;
}
.section-header .cate::after, .section-header .cate::before {
content: "-";
}
.section-header .cate::after {
margin-left: 5px;
}
.section-header .cate::after, .section-header .cate::before {
content: "-";
}
.section-header .title {
text-transform: capitalize;
margin-bottom: 16px;
}
.mb-30-none {
margin-bottom: -30px !important;
}
.service-item {
padding: 60px 32px;
}
.service-item {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.06);
margin-bottom: 30px;
padding: 40px 20px;
-webkit-transition: all ease 1s;
-moz-transition: all ease 1s;
transition: all ease 1s;
}
.service-item .service-content .title {
text-transform: capitalize;
margin-bottom: 15px;
}
.service-item .service-content a {
font-weight: 600;
color: inherit;
display: flex;
justify-content: center;
align-items: baseline;
text-transform: capitalize;
margin-bottom: -7px;
}
.service-item .service-content p {
margin-bottom: 15px;
}
.service-item .service-content a i {
font-size: 16px;
color: inherit;
margin-left: 5px;
}
.service-item .service-thumb {
font-size: 50px;
margin-bottom: 25px;
}
.service-item:hover .service-thumb {
animation: fadeInUp 1s;
-webkit-animation: fadeInUp 1s;
-moz-animation: fadeInUp 1s;
}
/*--tab services start--*/
.industries-sec1 {
background:#243b65;
padding: 90px 0;
clear: both;
}
.industries-sec{background: url(https://www.softica.in/assets/img/talk-img.jpg) #333333 no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
overflow: hidden;}
.industries-sec .tabbingsec {
flex: 0 0 100%;
}
.industries-sec .row {
justify-content: space-around;
}
.industries-sec .resp-tabs-list {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.industries-sec .resp-tabs-list li {
flex:0 0 22%;
margin: 0 0 35px;
border: 1px solid rgba(255,255,255,.2);
color: #fff;
padding: 10px 15px;
display: flex;
align-items: center;
list-style: none;
cursor: pointer;
}
.industries-sec .resp-tabs-list li a{align-items: center;color: #fff;display: flex}
/*--tab services end--*/
.aboutus-fact .rightsec {
text-align: left;
}
.aboutus-fact ul li {
margin: 0 0 50px;
}
.aboutus-fact .rightsec i {
float: left;
margin: 0 15px 0 0;
}
.aboutus-fact .icon-1 {
background-position: 5px 0px;
}
.aboutus-fact .icon-2 {
background-position: 6px -120px;
}
.aboutus-fact .icon-3 {
background-position: 6px -250px;
}
.aboutus-fact .icon-4 {
background-position: 5px -405px;
}
.aboutus-fact .icon-5 {
background-position: 6px -545px;
}
.aboutus-fact .icon-6 {
background-position: 6px -700px;
}
.aboutus-fact i {
background: url(../images/icon/sprite.png) left no-repeat;
width: 70px;
height: 70px;
display: block;
}
.aboutus-fact span {
font-size: 30px;
font-weight: 600;
color: #575757;
}
.aboutus-fact h4 {
color: #575757;
font-size: 18px;}
  .skilltech {
    padding: 0;
}
.skilltech {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    border: 2px solid #e4e5e6;
    padding: 0 0 0 20px;
    align-items: center;
    margin-bottom: 5px;
}
.skilltech h3 {
    background:#2467b7;
    border-radius: 50px;
    line-height: 40px;
    font-size: 16px;
    flex: 0 0 15%;
    color: #ffffff;
    text-align: center;
}
.skilltech ul {
    flex: 0 0 79%;
    display: flex;
    justify-content: space-around;
}
.skilltech ul li {
    flex: 0 0 16%;
    font: 16px;
    text-transform: uppercase;
    color: #757575;
    text-align: center;
}
.skilltech ul li a {
    color: #757575;
    display: block;
    padding: 20px 0;
}
.skilltech .mobile .icon1 {background-position:1px -19px;}
.skilltech .mobile .icon2{background-position: 1px -158px;}
.skilltech .mobile .icon3{background-position:-8px -295px;}
.skilltech .mobile .icon4{background-position: -4px -425px;}
.skilltech .mobile span {
    background: url(../images/icon/mobileicon.png) left no-repeat;
    width: 70px;
    height: 70px;
    display: block;
    margin: 0 auto;
}
.skilltech .frontend .icon1 {background-position:1px -26px;}
.skilltech .frontend .icon2{background-position:1px -170px;}
.skilltech .frontend .icon3{background-position:1px -306px;}
.skilltech .frontend .icon4{background-position:1px -454px;}
.skilltech .frontend span {
    background: url(../images/icon/fronticon.png) left no-repeat;
    width: 70px;
    height: 70px;
    display: block;
    margin: 0 auto;
}
.skilltech .backend .icon1 {background-position:1px -36px;}
.skilltech .backend .icon2{background-position:1px -161px;}
.skilltech .backend .icon3{background-position:1px -306px;}
.skilltech .backend .icon4{background-position:1px -454px;}
.skilltech .backend span {
    background: url(../images/icon/backendicon.png) left no-repeat;
    width: 70px;
    height: 70px;
    display: block;
    margin: 0 auto;
}
.skilltech .cmsicon .icon1 {background-position:1px -54px;}
.skilltech .cmsicon .icon2{background-position:1px -183px;}
.skilltech .cmsicon .icon3{background-position:1px -318px;}
.skilltech .cmsicon .icon4{background-position:1px -469px;}
.skilltech .cmsicon span {
    background: url(../images/icon/cmsicon.png) left no-repeat;
    width: 70px;
    height: 70px;
    display: block;
    margin: 0 auto;
}
.skilltech .ecomerceicon .icon1 {background-position:1px -54px;}
.skilltech .ecomerceicon .icon2{background-position:1px -183px;}
.skilltech .ecomerceicon .icon3{background-position:1px -318px;}
.skilltech .ecomerceicon .icon4{background-position:1px -469px;}
.skilltech .ecomerceicon span {
    background: url(../images/icon/ecomerceicon.png) left no-repeat;
    width: 70px;
    height: 70px;
    display: block;
    margin: 0 auto;
}
.tabbingsec .resp-tabs-list .icon1 {background-position:1px 21px;}
.tabbingsec .resp-tabs-list .icon2{background-position:1px -82px;}
.tabbingsec .resp-tabs-list .icon3{background-position:1px -198px;}
.tabbingsec .resp-tabs-list .icon4{background-position:1px -301px;}
.tabbingsec .resp-tabs-list .icon5{background-position:1px -392px;}
.tabbingsec .resp-tabs-list .icon6{background-position:1px -492px;}
.tabbingsec .resp-tabs-list .icon7{background-position:1px -596px;}
.tabbingsec .resp-tabs-list .icon8{background-position:1px -702px;}
.tabbingsec .resp-tabs-list i {
    background: url(../images/icon/sercicon.png) left no-repeat;
    width: 70px;
    height: 70px;
    display: block;
}
/* sidebar mobile */
#sidebar-form {width:250px;position: fixed;top:0;left:-336px;overflow-y:auto;overflow-x: hidden;height: 100%;z-index: 1035;background:#fff;color:#7386D5;transition: all 0.8s;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);}
#sidebar-form.active {left: 0;}
#dismiss {width: 45px;height: 45px;line-height: 45px;text-align: center;background: #0e4980;
color: #fff;position: absolute;top: 0px;right: 0px;cursor: pointer;-webkit-transition: all 0.8s;
-o-transition: all 0.8s;transition: all 0.8s;z-index: 999;}
#dismiss:hover {background: #fff;color: #7386D5;}
.sidebar-overlay {display: none;position: fixed;width: 100vw;height: 100vh;background:rgba(0, 0, 0, 0.19);z-index: 998;opacity: 0;transition: all 0.5s ease-in-out;}
.sidebar-overlay.active {display: block;opacity: 1;}
.card-signin {border: 0;}
.card-signin .card-title {background: #0e4980;padding: 9px;font-weight: 300;font-size:18px;
line-height:27px;color: #fff;}
.card-signin .card-body {padding: 2rem;}
.form-signin {width: 100%;}
.form-signin .btn {border-radius:2px;text-transform:capitalize !important;font-weight:bold;padding: 8px;transition: all 0.2s;}
#accordian {overflow: auto;background: #fff;width: 100%;margin: auto;color: white;}
#accordian ul {padding: 0;margin: 0;}
#accordian li {list-style-type: none;border-bottom: 1px #cfcfcf1f solid;}
#accordian li.active>ul {display: block;}
#accordian ul ul li a:hover {background: #ffffff;/*border-left: 5px solid #0e4980;*/}
#accordian ul ul li a, #accordian h4 {color: #0e4980;text-decoration: none;font-size: 13px;line-height: 40px;display: block;padding: 0 15px;transition: all 0.15s;position: relative;}
#accordian ul ul li a i{margin-left: -20px;padding-right: 20px;}
#accordian a:not(:only-child):after {content:"\f067";font-weight:100;font-family: "FontAwesome";
position: absolute;right: 10px;top: 0;font-size: 14px;}
#accordian .active>a:not(:only-child):after {content:"\f068";}
.carousel-indicators{ z-index:1 !important;}
/* end */
.bannersec {
    padding:3em 0 3em;
    background: #1d1c39;
}
.bannersec .bannertext {
	color: #fff;
    padding: 1em 0 0;
}
.bannersec .bannertext h1 {
    margin: 0 0 30px;
    font-size: 40px;
}
.bannersec .bannertext p {
    font-size:20px;
    margin: 0 0 36px;
}
.hireform {
    width: 90%;
    padding: 20px 30px;
}
.hireform {
    position: relative;
    width: 80%;
    background: #fff;
    border-radius: 10px;
    padding: 40px 30px;
    margin: 20px 0 0 auto;
    text-align: center;
}
.hireform:before {
   content: '';
    width: 94px;
    height: 108px;
    position: absolute;
    left: 272px;
    top: -39px;
    background: url(../images/icon/100satisfaction.png) no-repeat;
    background-size: 100%;
    display: block;
}
.hireform h3 {
	font-size: 25px;
    margin: 0 0 3px;
}
.hireform p {
    font-size: 13px;
}
.scrollToTop {
    width: 45px;
    padding: 5px;
    opacity: .8;
    color: #ffffff;
    z-index: 99999;
    bottom: 100px;
    right: 30px;
    position: fixed;
    border-radius: 5px;
    -webkit-transform: translateY(24px);
    -ms-transform: translateY(24px);
    transform: translateY(24px);
}
.scrollToTop.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    animation: bounceInDown 2s;
    -webkit-animation: bounceInDown 2s;
    -moz-animation: bounceInDown 2s;
}
@media (max-width: 768px){
.hireform:before {
    left: 29px;
    top: -40px;}
.hireform {margin: 0;
    width: 100%;}
.order2{order: 2;}
.order1{ order: 1; }
.navbar{ padding: 10px; }
.box-articles-top {
margin-top: -289px;
margin-bottom:30px;
}
.textdecoration h1 {
font: normal normal normal 36px/1.4em spinnaker,sans-serif;
}
.services-head {
padding: 25px 0px 25px 0px;
}
.services-box-div {
margin-top: 0px;
margin-bottom: 0px;
}
.boxarticle-inner2 {    padding: 50px;
}
.line-color2 {
width: 100px;}
.navbar-toggler{ padding: 0; border: none; }
.navbar-toggler span{ color: #000;}
.skilltech h3 {
    font-size: 14px;
    flex: 0 0 21%;
}
.boxarticle-inner {
    padding: 0;
}

}

@media (max-width: 576px){
.navbar-dark .navbar-brand {
    width: 116px;}
.skilltech ul li a {
    font-size: 12px;
}
.skilltech {
    padding: 0 0 0 0px;}
.skilltech h3 {
    background:#2467b7;
    border-radius: 0px;
    flex: 0 0 100%;}
.industries-sec .resp-tabs-list li {
    width: 48%;
    flex: inherit;
    margin: 3px;font-size: 15px;}
.footer-tops .contBox ul li {
    display: inline-block;
    width: 49%;
    padding: 0 8px; 
    font-size: 18px;
    text-align: center;
}
.footer-tops .contBox ul {
    display: inherit;}
.navbar {
padding: auto;
}
.btn-group-justified{ display: inline-block; }
.btn-group-justified label{ width: 100%; }
.paddinglr{ padding:0 2px; }
.search-popup .form-control {
padding-left: 54px;
height: 42px;
}
.search-popup:before {
left: 15px;
}
search-popup:after, .search-popup:before {
top: 22px;
}
.search-button-sm {
height: 42px;
font-size: 15px;
padding: 0px 15px;
border-radius: 35px;
}
.box-articles-top {
margin-top: -100px;
    margin-bottom: 0;
}
.navbar-dark .navbar-brand {
margin-right: 0;
color: #fff;
}
.m-center{ text-align: center; }
.boxarticle-inner2 {
padding: 25px;
}
.textdecoration h1 {
font: normal normal normal 18px/1.4em spinnaker,sans-serif;
}
.boxarticle-inner {padding:5px;
}
.services-head h2 {
margin-bottom: 20px;
font: normal normal normal 26px/1.4em spinnaker,sans-serif;
}
.services-head p{ width: 100% !important; }
.slide-testimonial .carousel-inner {
width: auto;
margin: 20px;
text-align: center;
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
top: 170px;
}
.slide-testimonial .right {
top: 50px;
}
.slide-testimonial .left {
top: 50px;
}
.contact_info .title h1 {
font-size: 35px;
color: #fff;
}
.contact_form {
padding: 0;
}
.multi-banner .slick-prev {
left: 0px;}
.multi-banner .slick-next {
right: 0px;}
.cat-slider li {
width: 25%;
margin: 3px;
flex-shrink: 0;
height: 100%;
}
.cat-slider {
padding:5px 0;}
}

/* modern gradient & custom buttons */
    .hero-storiio {
        background: linear-gradient(135deg, #0B1120 0%, #14222E 100%);
        border-bottom: 1px solid rgba(255,255,255,0.05);
        position: relative;
        overflow: hidden;
    }
    .hero-storiio::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 2000"><path fill="rgba(255,255,255,0.02)" d="M0,0 L2000,0 L2000,2000 L0,2000 Z M1000,500 L1500,1000 L1000,1500 L500,1000 Z"/></svg>');
        background-size: 50px 50px;
        pointer-events: none;
    }
    .badge-pill-custom-z {
        background: rgba(255,255,255,0.12);
        backdrop-filter: blur(4px);
        padding: 0.5rem 1.25rem;
        border-radius: 60px;
        font-weight: 500;
        font-size: 0.9rem;
        letter-spacing: 0.3px;
        transition: all 0.2s ease;
        border: 1px solid rgba(255,255,255,0.2);
    }
    .badge-pill-custom-z:hover {
        background: rgba(255,255,255,0.22);
        transform: translateY(-2px);
    }
    .feature-img-z {
        border-radius: 28px;
        width: 100%;
        object-fit: cover;
        transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
        box-shadow: 0 20px 35px -12px rgba(0,0,0,0.1);
    }
    .feature-img-z:hover {
        transform: scale(1.02);
    }
    .pill-button-z {
        display: inline-block;
        padding: 0.35rem 1.2rem;
        border-radius: 40px;
        font-size: 0.8rem;
        font-weight: 600;
        background-color: #f0f4ff;
        color: #2c3e9b;
        margin-right: 0.6rem;
        margin-bottom: 0.4rem;
        transition: 0.2s;
    }
    .pill-button-z.dark-pill {
        background-color: #fff2e6;
        color: #c2410c;
    }
    .heading-z {
        font-weight: 800;
        font-size: 2rem;
        letter-spacing: -0.02em;
        background: linear-gradient(135deg, #1E293B, #2D3A4A);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
    }
    .feature-card-z {
        background: #ffffff;
        border-radius: 2rem;
        transition: all 0.3s ease;
        border: 1px solid rgba(0,0,0,0.05);
        box-shadow: 0 8px 20px rgba(0,0,0,0.02);
    }
    .feature-card-z:hover {
        transform: translateY(-6px);
        box-shadow: 0 24px 36px -12px rgba(0,0,0,0.12);
        border-color: rgba(51,121,238,0.2);
    }
    .bento-card {
        background: #ffffff;
        border-radius: 2rem;
        transition: all 0.25s ease;
        border: 1px solid #eef2f6;
        overflow: hidden;
    }
    .bento-card:hover {
        border-color: #cbdffc;
        box-shadow: 0 18px 30px -12px rgba(0,0,0,0.08);
    }
    .cta-groove {
        background: linear-gradient(120deg, #F8FAFF 0%, #F0F4FE 100%);
        border-radius: 3rem;
        border: 1px solid rgba(51,121,238,0.2);
    }
    .btn-z-primary {
        background: #1E3A8A;
        color: white;
        border-radius: 50px;
        padding: 12px 28px;
        font-weight: 600;
        transition: 0.2s;
        border: none;
    }
    .btn-z-primary:hover {
        background: #2563eb;
        transform: translateY(-3px);
        box-shadow: 0 12px 22px -10px #1e3a8a70;
    }
    .btn-z-outline {
        background: transparent;
        border: 2px solid #1E3A8A;
        color: #1E3A8A;
        border-radius: 50px;
        padding: 12px 28px;
        font-weight: 600;
        transition: 0.2s;
    }
    .btn-z-outline:hover {
        background: #1E3A8A;
        color: white;
        transform: translateY(-3px);
    }
    .accordion-button-z {
        background: linear-gradient(95deg, #0F172A, #1E293B);
        color: white;
        font-weight: 700;
        border-radius: 1.5rem !important;
        padding: 1rem 1.5rem;
        box-shadow: none;
    }
    .accordion-button-z:not(.collapsed) {
        background: linear-gradient(95deg, #0F172A, #2d3a5e);
        color: white;
    }
    .accordion-button-z:focus {
        box-shadow: none;
        border-color: transparent;
    }
    .accordion-body-z {
        background: #F9FBFE;
        border-radius: 0 0 1.2rem 1.2rem;
        padding: 1.5rem;
        color: #2c3e50;
        font-weight: 500;
    }
    .stat-card {
        background: rgba(255,255,255,0.05);
        backdrop-filter: blur(10px);
        border-radius: 1.5rem;
        padding: 1.5rem;
        text-align: center;
        border: 1px solid rgba(255,255,255,0.1);
    }
    .integration-badge {
        background: white;
        border-radius: 100px;
        padding: 0.5rem 1.25rem;
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        font-weight: 500;
        color: #1E293B;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        transition: all 0.2s;
    }
    .integration-badge:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    }
    footer {
        background: #0a0f1c;
        color: #9ca3af;
        border-top: 1px solid #1f2a3a;
    }
    @media (max-width: 768px) {
        .heading-z {
            font-size: 1.6rem;
        }
        .feature-img-z {
            border-radius: 1.5rem;
        }
    }
      .whatsapp-float {
  position: fixed;
  width: 55px;
  height: 55px;
  bottom: 20px;
  right: 20px;
  background-color: #25D366;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 28px;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
  z-index: 1000;
}

.whatsapp-float i {
  margin-top: 14px;
}