.specialize-card-inner{
    background-color: #ffffff;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    text-align: center;
    padding: 30px 20px;
    margin-bottom: 30px;
}
.specialize-card-inner:hover{
    cursor: normal;
}
.specialize-title-wrap h2{
    margin: 0;
    font-size: 24px;
    font-weight: 500;
    color: #000000;;
}
.specialize-title-wrap{
    padding-top: 15px;
    padding-bottom: 15px;
}
.icon-inner{
    width: 100px;
    height: 100px;
    margin: 0 auto;
    padding: 20px 30px;
    border-radius: 100px;
}
.icon-inner img{
    max-width: 100%;
}


.icon-inner.ios-icon{
    background-color: rgba(217, 95, 213,0.2);
    transition: all 0.3s;
}
.icon-inner.ios-icon svg{
    fill: rgba(217, 95, 213,1);
    transition: all 0.3s;
}
.specialize-card-inner:hover .icon-inner.ios-icon{
    background-color: rgba(217, 95, 213,1);
    box-shadow: 0px 0px 10px 2px rgba(217, 95, 213, 0.8);
}
.icon-inner.n8n-icon{
    background-color: rgba(233, 75, 113,0.2);
    transition: all 0.3s;
}
.icon-inner.n8n-icon svg{
    fill: rgba(233, 75, 113,1);
    transition: all 0.3s;
    margin-left: -10px;
     margin-top: 0px;
}
.specialize-card-inner:hover .icon-inner.n8n-icon{
    background-color: rgba(233, 75, 113,1);
    box-shadow: 0px 0px 10px 2px rgba(233, 75, 113, 0.8);
}

.icon-inner.ai-powered-icon{
    background-color: rgba(244, 53, 63,0.2);
    transition: all 0.3s;
}
.icon-inner.ai-powered-icon svg{
    fill: rgba(244, 53, 63,1);
    transition: all 0.3s;
     margin-left: -4px;
     margin-top: 4px;
}
.specialize-card-inner:hover .icon-inner.ai-powered-icon{
    background-color: rgba(244, 53, 63,1);
    box-shadow: 0px 0px 10px 2px rgba(244, 53, 63, 0.8);
}
.icon-inner.flutter-icon{
    background-color: rgba(64, 196, 255,0.2);
    transition: all 0.3s;
}
.icon-inner.flutter-icon svg{
    fill: rgba(64, 196, 255,1);
    transition: all 0.3s;
    margin-left: -9px;
     margin-top: 5px;
}
.specialize-card-inner:hover .icon-inner.flutter-icon{
    background-color: rgba(64, 196, 255,1);
    box-shadow: 0px 0px 10px 2px rgba(64, 196, 255, 0.8);
}
.icon-inner.laravel-icon{
    background-color: rgba(240, 83, 64,0.2);
    transition: all 0.3s;
}
.icon-inner.laravel-icon svg{
    fill: rgba(240, 83, 64,1);
    transition: all 0.3s;
    margin-left: -4px;
     margin-top: 5px;
}
.specialize-card-inner:hover .icon-inner.laravel-icon{
    background-color: rgba(240, 83, 64,1);
    box-shadow: 0px 0px 10px 2px rgba(240, 83, 64, 0.8);
}
.icon-inner.dotnet-icon{
    background-color: rgba(155, 73, 147,0.2);
    transition: all 0.3s;
}
.icon-inner.dotnet-icon svg{
    fill: rgba(155, 73, 147,1);
    transition: all 0.3s;
     margin-left: -12px;
     margin-top: -2px;
}
.specialize-card-inner:hover .icon-inner.dotnet-icon{
    background-color: rgba(155, 73, 147,1);
    box-shadow: 0px 0px 10px 2px rgba(155, 73, 147, 0.8);
}
.icon-inner.java-icon{
    background-color: rgba(248, 152, 32,0.2);
    transition: all 0.3s;
}
.icon-inner.java-icon svg{
    fill: rgba(248, 152, 32,1);
    transition: all 0.3s;
     margin-left: -5px;
     margin-top: -2px;
}
.specialize-card-inner:hover .icon-inner.java-icon{
    background-color: rgba(248, 152, 32,1);
    box-shadow: 0px 0px 10px 2px rgba(248, 152, 32, 0.8);
}
/*.icon-inner.wordpress-icon{*/
/*    background-color: rgba(0, 116, 156,0.2);*/
/*    transition: all 0.3s;*/
/*}*/
/*.icon-inner.wordpress-icon svg{*/
/*    fill: rgba(0, 116, 156,1);*/
/*    transition: all 0.3s;*/
/*     margin-left: -10px;*/
/*}*/
/*.specialize-card-inner:hover .icon-inner.wordpress-icon{*/
/*    background-color: rgba(0, 116, 156,1);*/
/*    box-shadow: 0px 0px 10px 2px rgba(0, 116, 156, 0.8);*/
/*}*/
.icon-inner.seo-icon{
    background-color: rgba(255,164,11,0.2);
    transition: all 0.3s;
}
.icon-inner.seo-icon svg{
    fill: rgba(255,164,11,1);
    transition: all 0.3s;
     margin-left: -20px;
     margin-top: -10px;
}
.specialize-card-inner:hover .icon-inner.seo-icon{
    background-color: rgba(255,164,11,1);
    box-shadow: 0px 0px 10px 2px rgba(255,164,11, 0.8);
}
.icon-inner.codeIgniter-icon{
    background-color: rgba(221,72,20,0.2);
    transition: all 0.3s;
}
.icon-inner.codeIgniter-icon svg{
    fill: rgba(221,72,20,1);
    transition: all 0.3s;
     margin-left: -5px;
     margin-top: -5px;
}
.specialize-card-inner:hover .icon-inner.codeIgniter-icon{
    background-color: rgba(221,72,20,1);
    box-shadow: 0px 0px 10px 2px rgba(221,72,20, 0.8);
}
.icon-inner.ai-softwear-icon{
    background-color: rgba(255, 105, 42,0.5);
    transition: all 0.3s;
}
.icon-inner.ai-softwear-icon svg{
    fill: rgba(255, 105, 42,1);
    transition: all 0.3s;
     margin-left: -6px;
     margin-top: 5px;
}
.specialize-card-inner:hover .icon-inner.ai-softwear-icon{
    background-color: rgba(255, 105, 42,1);
    box-shadow: 0px 0px 10px 2px rgba(255, 105, 42, 0.8);
}
.icon-inner.mlarning-icon{
    background-color: rgba(55, 188, 125,0.5);
    transition: all 0.3s;
}
.icon-inner.mlarning-icon svg{
    fill: rgba(55, 188, 125,1);
    transition: all 0.3s;
     margin-left: -6px;
     margin-top: 5px;
}
.specialize-card-inner:hover .icon-inner.mlarning-icon{
    background-color: rgba(55, 188, 125,1);
    box-shadow: 0px 0px 10px 2px rgba(55, 188, 125, 0.8);
}
.icon-inner.bigdata-icon{
    background-color: rgba(54, 187, 167,0.5);
    transition: all 0.3s;
}
.icon-inner.bigdata-icon svg{
    fill: rgba(54, 187, 167,1);
    transition: all 0.3s;
     margin-left: -6px;
     margin-top: 0px;
}
.specialize-card-inner:hover .icon-inner.bigdata-icon{
    background-color: rgba(54, 187, 167,1);
    box-shadow: 0px 0px 10px 2px rgba(54, 187, 167, 0.8);
}
.icon-inner.Computervision-icon{
    background-color: rgba(43, 127, 255,0.5);
    transition: all 0.3s;
}
.icon-inner.Computervision-icon svg{
    fill: rgba(43, 127, 255,1);
    transition: all 0.3s;
     margin-left: -9px;
     margin-top: 0px;
}
.specialize-card-inner:hover .icon-inner.Computervision-icon{
    background-color: rgba(43, 127, 255,1);
    box-shadow: 0px 0px 10px 2px rgba(43, 127, 255, 0.8);
}
.icon-inner.DedicatedTeam-icon{
    background-color: rgba(241, 166, 25,0.5);
    transition: all 0.3s;
}
.icon-inner.DedicatedTeam-icon svg{
    fill: rgba(241, 166, 25,1);
    transition: all 0.3s;
     margin-left: -11px;
     margin-top: -2px;
}
.specialize-card-inner:hover .icon-inner.DedicatedTeam-icon{
    background-color: rgba(241, 166, 25,1);
    box-shadow: 0px 0px 10px 2px rgba(241, 166, 25, 0.8);
}
.icon-inner.time-icon{
    background-color: rgba(158, 90, 243,0.5);
    transition: all 0.3s;
}
.icon-inner.time-icon svg{
    fill: rgba(158, 90, 243,1);
    transition: all 0.3s;
     margin-left: -5px;
     margin-top: 5px;
}
.specialize-card-inner:hover .icon-inner.time-icon{
    background-color: rgba(158, 90, 243,1);
    box-shadow: 0px 0px 10px 2px rgba(158, 90, 243, 0.8);
}
.icon-inner.FixedCost-icon{
    background-color: rgba(14, 44, 84,0.5);
    transition: all 0.3s;
}
.icon-inner.FixedCost-icon svg{
    fill: rgba(14, 44, 84,1);
    transition: all 0.3s;
     margin-left: -4px;
     margin-top: 2px;
}
.specialize-card-inner:hover .icon-inner.FixedCost-icon{
    background-color: rgba(14, 44, 84,1);
    box-shadow: 0px 0px 10px 2px rgba(14, 44, 84, 0.8);
}
.icon-inner.staff-icon{
    background-color: rgba(146, 124, 84,0.5);
    transition: all 0.3s;
}
.icon-inner.staff-icon svg{
    fill: rgba(146, 124, 84,1);
    transition: all 0.3s;
     margin-left: -5px;
     margin-top: 6px;
}
.specialize-card-inner:hover .icon-inner.staff-icon{
    background-color: rgba(146, 124, 84,1);
    box-shadow: 0px 0px 10px 2px rgba(146, 124, 84, 0.8);
}

/*.ai-powered-icon .ai-fill {*/
  /*fill: var(--ai-color, #2D8CFF); /* Default fallback color */
/*}*/

/*.ai-powered-icon:hover .ai-fill {*/
 /* fill: #FF5722; /* On hover */
/*}*/

/*.ai-powered-icon path {*/
  /*  fill: #FF0000 !important; /* Your desired background color */
/*}*/
/*.ai-powered-icon:hover path {*/
  /*  fill: #0000FF !important; /* Your desired background color */
/*}*/

.icon-inner.android-icon{
    background-color: rgba(0, 139, 255,0.2);
    transition: all 0.3s;
}
.icon-inner.android-icon svg{
    fill: rgba(0, 139, 255,1);
    transition: all 0.3s;
}
.specialize-card-inner:hover .icon-inner.android-icon{
    background-color: rgba(0, 139, 255,1);
    box-shadow: 0px 0px 10px 2px rgba(0, 139, 255, 0.8);
}
.specialize-card-inner:hover .icon-inner svg{
    fill: #ffffff;
    color: #ffffff;
}

.icon-inner.iot-icon{
    background-color: rgba(234, 184, 79, 0.2);
    padding: 24px;
    transition: all 0.3s;
}
.specialize-card-inner:hover .icon-inner.iot-icon{
    background-color: rgba(234, 184, 79, 1);
    box-shadow: 0px 0px 10px 2px rgba(234, 184, 79, 0.8);
}
.icon-inner.iot-icon svg{
    fill:rgba(234, 184, 79, 1);
    transition: all 0.3s;
}
.icon-inner.blockchain-icon{
    background-color: rgba(133, 130, 242, 0.2);
    padding: 30px 25px;
    transition: all 0.3s;
}
.specialize-card-inner:hover .icon-inner.blockchain-icon{
    background-color: rgba(133, 130, 242, 1);
    box-shadow: 0px 0px 10px 2px rgba(133, 130, 242, 0.8);
}
.icon-inner.blockchain-icon svg{
    fill: rgba(133, 130, 242, 1);
    transition: all 0.3s;
}
.icon-inner.wearable-icon{
    background-color: rgba(231, 96, 91, 0.2);
    padding: 25px;
    transition: all 0.3s;
}
.specialize-card-inner:hover .icon-inner.wearable-icon{
    background-color: rgba(231, 96, 91, 1);
    box-shadow: 0px 0px 10px 2px rgba(231, 96, 91, 0.8);
}
.icon-inner.wearable-icon svg{
    fill: rgba(231, 96, 91, 1);
    transition: all 0.3s;
}

.icon-inner.ar-vr-icon{
    background-color: rgba(66, 206, 173,0.2);
    padding: 20px 20px;
    transition: all 0.3s;
}
.specialize-card-inner:hover .icon-inner.ar-vr-icon{
    background-color: rgba(66, 206, 173,1);
    box-shadow: 0px 0px 10px 2px rgba(66, 206, 173, 0.8);
}
.icon-inner.ar-vr-icon svg{
    fill: rgba(66, 206, 173,1);
    transition: all 0.3s;
}

@media only screen and (max-width: 768px){
    .specialize-title-wrap h2{
        font-size: 20px;
    }
}



.special-slide-inner{
    text-align: center;
    background-color: #f1f3f7;
    padding: 5px;
}
.special-slider-border{
    border: 5px solid #ededee;
    padding: 10px;
    transition: all 0.3s;
}
.special-slider-border .special-icon-wrapper{
    text-align: center;
    display: table;
    margin: 0 auto;
}
.special-slider-border .icon-inner{
    padding: 0px;
    transition: all 0.3s;
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
    text-align: center;
}
.special-slider-border .icon-inner svg{
    width: 50px;
}
.icon-inner.php-icon{
    background-color: rgba(133, 130, 242, 0.2);
}
.special-slider-border:hover .icon-inner.php-icon{
    background-color: rgba(133, 130, 242, 1);
    box-shadow: 0px 0px 10px 2px rgba(133, 130, 242, 0.8);
}
.special-slider-border:hover .icon-inner.php-icon svg path{
    fill: #fff;
}
.icon-inner.react-icon{
    background-color: rgba(83, 193, 222, 0.2);
}
.special-slider-border:hover .icon-inner.react-icon{
    background-color: rgba(83, 193, 222, 1);
    box-shadow: 0px 0px 10px 2px rgba(83, 193, 222, 0.8);
}
.icon-inner.nodejs-icon{
    background-color: rgba(140, 200, 75, 0.2);
}
.special-slider-border:hover .icon-inner.nodejs-icon{
    background-color: rgba(140, 200, 75, 1);
    box-shadow: 0px 0px 10px 2px rgba(140, 200, 75, 0.8);
}
.special-slider-border:hover .icon-inner.nodejs-icon svg path{
    fill: #ffffff;
}
.icon-inner.angular-icon{
    background-color: rgba(181, 46, 49, 0.2);
}
.special-slider-border:hover .icon-inner.angular-icon{
    background-color: rgba(181, 46, 49, 1);
    box-shadow: 0px 0px 10px 2px rgba(181, 46, 49, 0.8);
}


.special-slide-inner:hover .special-slider-border{
    background-color: #ffffff;
}
/*<!-- n8n Border Start --> */
.icon-inner.n8n-icon{
    background-color: rgba(233, 75, 113, 0.2);
}
.special-slider-border:hover .icon-inner.n8n-icon{
    background-color: rgba(233, 75, 113, 1);
    box-shadow: 0px 0px 10px 2px rgba(233, 75, 113, 0.8);
}
.icon-inner.n8n-icon svg{
    fill: rgba(233, 75, 113,1);
    transition: all 0.3s;
}
.special-slider-border:hover .icon-inner.n8n-icon svg path{
    fill: #ffffff;
}
.special-slide-inner:hover .special-slider-border.n8n-border{
    border-color: rgba(233, 75, 113, 1);
}
/*<!-- n8n Border END --> */
/*<!-- ai Border Start --> */
.icon-inner.ai-icon{
    background-color: rgba(244, 53, 63, 0.2);
}
.special-slider-border:hover .icon-inner.ai-icon{
    background-color: rgba(244, 53, 63, 1);
    box-shadow: 0px 0px 10px 2px rgba(244, 53, 63, 0.8);
}
.icon-inner.ai-icon svg{
    fill: rgba(244, 53, 63,1);
    transition: all 0.3s;
}
.special-slider-border:hover .icon-inner.ai-icon svg path{
    fill: #ffffff;
}
.special-slide-inner:hover .special-slider-border.ai-border{
    border-color: rgba(244, 53, 63, 1);
}
/*<!-- ai Border END --> */

/*<!-- ar Border Start --> */

.icon-inner.ar-icon{
    background-color: rgba(66, 206, 173, 0.2);
}
.special-slider-border:hover .icon-inner.ar-icon{
    background-color: rgba(66, 206, 173, 1);
    box-shadow: 0px 0px 10px 2px rgba(66, 206, 173, 0.8);
}
.icon-inner.ar-icon svg{
    fill: rgba(66, 206, 173,1);
    transition: all 0.3s;
}
.special-slider-border:hover .icon-inner.ar-icon svg path{
    fill: #ffffff;
}
.special-slide-inner:hover .special-slider-border.ar-border{
    border-color: rgba(66, 206, 173, 1);
}
/*<!-- ar Border END --> */

/*<!-- IOS Border Start --> */

.icon-inner.ios-icon{
    background-color: rgba(217, 95, 213, 0.2);
}
.special-slider-border:hover .icon-inner.ios-icon{
    background-color: rgba(217, 95, 213, 1);
    box-shadow: 0px 0px 10px 2px rgba(217, 95, 213, 0.8);
}
.icon-inner.ios-icon svg{
    fill: rgba(217, 95, 213,1);
    transition: all 0.3s;
}
.special-slider-border:hover .icon-inner.ios-icon svg path{
    fill: #ffffff;
}
.special-slide-inner:hover .special-slider-border.ios-border{
    border-color: rgba(217, 95, 213, 1);
}
/*<!-- IOS Border END --> */

/*<!-- Android Border Start --> */

.icon-inner.android-icon{
    background-color: rgba(0, 139, 255, 0.2);
}
.special-slider-border:hover .icon-inner.android-icon{
    background-color: rgba(0, 139, 255, 1);
    box-shadow: 0px 0px 10px 2px rgba(0, 139, 255, 0.8);
}
.icon-inner.android-icon svg{
    fill: rgba(0, 139, 255,1);
    transition: all 0.3s;
}
.special-slider-border:hover .icon-inner.android-icon svg path{
    fill: #ffffff;
}
.special-slide-inner:hover .special-slider-border.android-border{
    border-color: rgba(0, 139, 255, 1);
}
/*<!-- Android Border END --> */
/*<!-- Flutter Border Start --> */

.icon-inner.flutter-icon{
    background-color: rgba(64, 196, 255, 0.2);
}
.special-slider-border:hover .icon-inner.flutter-icon{
    background-color: rgba(64, 196, 255, 1);
    box-shadow: 0px 0px 10px 2px rgba(64, 196, 255, 0.8);
}
.icon-inner.flutter-icon svg{
    fill: rgba(64, 196, 255,1);
    transition: all 0.3s;
}
.special-slider-border:hover .icon-inner.flutter-icon svg path{
    fill: #ffffff;
}
.special-slide-inner:hover .special-slider-border.flutter-border{
    border-color: rgba(64, 196, 255, 1);
}
/*<!-- Flutter Border END --> */

/*<!-- laravel Border Start --> */

.icon-inner.laravel-icon{
    background-color: rgba(240, 83, 64, 0.2);
}
.special-slider-border:hover .icon-inner.laravel-icon{
    background-color: rgba(240, 83, 64, 1);
    box-shadow: 0px 0px 10px 2px rgba(240, 83, 64, 0.8);
}
.icon-inner.laravel-icon svg{
    fill: rgba(240, 83, 64,1);
    transition: all 0.3s;
}
.special-slider-border:hover .icon-inner.laravel-icon svg path{
    fill: #ffffff;
}
.special-slide-inner:hover .special-slider-border.laravel-border{
    border-color: rgba(240, 83, 64, 1);
}
    /*<!-- laravel Border END --> */

/*<!-- php Border Start --> */

.icon-inner.php-icon{
    background-color: rgba(133, 130, 242, 0.2);
}
.special-slider-border:hover .icon-inner.php-icon{
    background-color: rgba(133, 130, 242, 1);
    box-shadow: 0px 0px 10px 2px rgba(133, 130, 242, 0.8);
}
.icon-inner.php-icon svg{
    fill: rgba(133, 130, 242,1);
    transition: all 0.3s;
}
.special-slider-border:hover .icon-inner.php-icon svg path{
    fill: #ffffff;
}
.special-slide-inner:hover .special-slider-border.php-border{
    border-color: rgba(133, 130, 242, 1);
}
    /*<!-- php Border END --> */

/*<!-- reactjs Border Start --> */

.icon-inner.reactjs-icon{
    background-color: rgba(83, 193, 222, 0.2);
}
.special-slider-border:hover .icon-inner.reactjs-icon{
    background-color: rgba(83, 193, 222, 1);
    box-shadow: 0px 0px 10px 2px rgba(83, 193, 222, 0.8);
}
.icon-inner.reactjs-icon svg{
    fill: rgba(83, 193, 222,1);
    transition: all 0.3s;
}
/*.special-slider-border:hover .icon-inner.reactjs-icon svg path{*/
/*    fill: #ffffff;*/
/*}*/
.special-slide-inner:hover .special-slider-border.reactjs-border{
    border-color: rgba(83, 193, 222, 1);
}
    /*<!-- reactjs Border END --> */
/*<!-- reactjs Border Start --> */

.icon-inner.nodejs-icon{
    background-color: rgba(140, 200, 75, 0.2);
}
.special-slider-border:hover .icon-inner.nodejs-icon{
    background-color: rgba(140, 200, 75, 1);
    box-shadow: 0px 0px 10px 2px rgba(140, 200, 75, 0.8);
}
.icon-inner.nodejs-icon svg{
    fill: rgba(140, 200, 75,1);
    transition: all 0.3s;
}
.special-slider-border:hover .icon-inner.nodejs-icon svg path{
    fill: #ffffff;
}
.special-slide-inner:hover .special-slider-border.nodejs-border{
    border-color: rgba(140, 200, 75, 1);
}
    /*<!-- nodejs Border END --> */
/*<!-- angularjs Border Start --> */

.icon-inner.angularjs-icon{
    background-color: rgba(181, 46, 49, 0.2);
}
.special-slider-border:hover .icon-inner.angularjs-icon{
    background-color: rgba(181, 46, 49, 1);
    box-shadow: 0px 0px 10px 2px rgba(181, 46, 49, 0.8);
}
.icon-inner.angularjs-icon svg{
    fill: rgba(181, 46, 49,1);
    transition: all 0.3s;
}
/*.special-slider-border:hover .icon-inner.angularjs-icon svg path{*/
/*    fill: #ffffff;*/
/*}*/
.special-slide-inner:hover .special-slider-border.angularjs-border{
    border-color: rgba(181, 46, 49, 1);
}
    /*<!-- angularjs Border END --> */
    
/*<!-- aspnet Border Start --> */

.icon-inner.aspnet-icon{
    background-color: rgba(155, 73, 147, 0.2);
}
.special-slider-border:hover .icon-inner.aspnet-icon{
    background-color: rgba(155, 73, 147, 1);
    box-shadow: 0px 0px 10px 2px rgba(155, 73, 147, 0.8);
}
.icon-inner.aspnet-icon svg{
    fill: rgba(155, 73, 147,1);
    transition: all 0.3s;
}
.special-slider-border:hover .icon-inner.aspnet-icon svg path{
    fill: #ffffff;
}
.special-slide-inner:hover .special-slider-border.aspnet-border{
    border-color: rgba(155, 73, 147, 1);
}
    /*<!-- aspnet Border END --> */
    
/*<!-- java Border Start --> */

.icon-inner.java-icon{
    background-color: rgba(248, 152, 32, 0.2);
}
.special-slider-border:hover .icon-inner.java-icon{
    background-color: rgba(248, 152, 32, 1);
    box-shadow: 0px 0px 10px 2px rgba(248, 152, 32, 0.8);
}
.icon-inner.java-icon svg{
    fill: rgba(248, 152, 32,1);
    transition: all 0.3s;
}
.special-slider-border:hover .icon-inner.java-icon svg path{
    fill: #ffffff;
}
.special-slide-inner:hover .special-slider-border.java-border{
    border-color: rgba(248, 152, 32, 1);
}
    /*<!-- java Border END --> */

/*<!-- wordpress Border Start --> */

/*.icon-inner.wordpress-icon{*/
/*    background-color: rgba(0, 116, 156, 0.2);*/
/*}*/
.special-slider-border:hover .icon-inner.wordpress-icon{
    background-color: rgba(0, 116, 156, 1);
    box-shadow: 0px 0px 10px 2px rgba(0, 116, 156, 0.8);
}
/*.icon-inner.wordpress-icon svg{*/
/*    fill: rgba(0, 116, 156,1);*/
/*    transition: all 0.3s;*/
/*}*/
.icon-inner.wordpress-icon{
    background-color: rgba(0, 116, 156,0.2);
    transition: all 0.3s;
}
.icon-inner.wordpress-icon svg{
    fill: rgba(0, 116, 156,1);
    transition: all 0.3s;
     margin-left: -9px;
}
.special-slider-border:hover .icon-inner.wordpress-icon svg path{
    fill: #ffffff;
}
.special-slide-inner:hover .special-slider-border.wordpress-border{
    border-color: rgba(0, 116, 156, 1);
}
    /*<!-- wordpress Border END --> */

/*<!-- seo Border Start --> */

.icon-inner.seo-icon{
    background-color: rgba(255,164,11, 0.2);

}
.special-slider-border:hover .icon-inner.seo-icon{
    background-color: rgba(255,164,11, 1);
    box-shadow: 0px 0px 10px 2px rgba(255,164,11, 0.8);
}
.icon-inner.seo-icon svg{
    fill: rgba(255,164,11,1);
    transition: all 0.3s;
     margin-left: 9px;
     margin-top:5px;
     transform: scale(1.5);
    transform-origin: center;

}

.special-slider-border:hover .icon-inner.seo-icon svg path{
    fill: #ffffff;
}
.special-slide-inner:hover .special-slider-border.seo-border{
    border-color: rgba(255,164,11, 1);
}
    /*<!-- seo Border END --> */
    
/*<!-- codeIgniter Border Start --> */

.icon-inner.codeIgniter-icon{
    background-color: rgba(221,72,20, 0.2);
}
.special-slider-border:hover .icon-inner.codeIgniter-icon{
    background-color: rgba(221,72,20, 1);
    box-shadow: 0px 0px 10px 2px rgba(221,72,20, 0.8);
}
.icon-inner.codeIgniter-icon svg{
    fill: rgba(221,72,20,1);
    transition: all 0.3s;
}
.special-slider-border:hover .icon-inner.codeIgniter-icon svg path{
    fill: #ffffff;
}
.special-slide-inner:hover .special-slider-border.codeIgniter-border{
    border-color: rgba(221,72,20, 1);
}
    /*<!-- codeIgniter Border END --> */

.special-slide-img{
    min-height: 50px;
}
.special-slide-img img{
    max-width: 100%;
    vertical-align: middle;
}
.special-slide-titile h3{
    font-size: 20px;
    margin: 0px;
    margin-top: 15px;
}

.special-slider-wrap .swiper-button-next,
.special-slider-wrap .swiper-button-prev{
    top: -25px;
}


.swiper-button-next svg,
.swiper-button-prev svg{
    width: 25px;
}

.swiper-button-next{
    right: 20px;
}
.swiper-button-prev{
    right: 60px;
    left: auto;
}
.swiper-button-next:focus svg, 
.swiper-button-prev:focus svg{
    fill: #99c12a;
}

.why-choose-us{
    padding-top: 50px;
    padding-bottom: 50px;
}

.choose-point-title h4{
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
}
.choose-point-title h4:after{
    content: '';
    position: absolute;
    width: 50px;
    height: 2px;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%,-50%);
}

.choose-point-title.listen-title h4:after{
    background-color: #d95fd5;
}
.choose-point-title.understand-title h4:after{
    background-color: #747474;
}
.choose-point-title.analyze-title h4:after{
    background-color: #519cbd;
}
.choose-point-title.discuss-title h4:after{
    background-color: #eab84f;
}
.choose-point-title.execute-title h4:after{
    background-color: #8582f2;
}
.choose-point-title.feedback-title h4:after{
    background-color: #e7605b;
}
.choose-point-title.commitment-title h4:after{
    background-color: #42cead;
}
.choose-point-title.innovation-title h4:after{
    background-color: #a6aaa9;
}
.choose-point-title.loyalty-title h4:after{
    background-color: #88c34f;
}
.choose-point-title.satisfaction-title h4:after{
    background-color: #53585e;
}
.choose-point-title.quality-title h4:after{
    background-color: #ea8a44;
}
.choose-point-title.branding-title h4:after{
    background-color: #be71eb;
}
.choose-point-wrap{
    margin-bottom: 20px;
}
.choose-point-desc p{
    margin-bottom: 0px;
    font-size: 14px;
}

/* how we work design */
.work-process{
    padding-top: 50px;
    padding-bottom: 50px;
}
.work-process .section-sub-description{
    max-width: 900px;
    margin: 0 auto;
    margin-top: 30px;
}
.process-step-main{
    margin-top: 50px;
    text-align: center;
}
.process-step-img-wrap img{
    max-width: 100%;
}
.process-step-title h3{
    font-size: 18px;
    color: #ffffff;
    margin-top: 15px;
    line-height: 24px;
}
.process-step-desc p{
    color: #ffffff;
    font-size: 12px;
}
.process-step-inner{
    position: relative;
}
.process-step-wrap:nth-child(even) .process-step-inner{
    margin-top: 40px;
}
.process-step-wrap:nth-child(odd):not(:last-child) .process-step-inner:after{
    content: '';
    width: 58px;
    height: 109px;
    position: absolute;
    right: -45px;
    top: 50px;
    background-image: url(../images/home/how-we-work/bgpattern.html);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.process-step-wrap:nth-child(even):not(:last-child) .process-step-inner:after{
    content: '';
    width: 58px;
    height: 109px;
    position: absolute;
    right: -45px;
    top: 10px;
    background-image: url(../images/home/how-we-work/bgpattern-left.html);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 1200px){
    .process-step-img-wrap img{
        max-width: 140px;
        width: 100%;
    }

}
@media only screen and (max-width: 1150px){
    .process-step-wrap:nth-child(odd):not(:last-child) .process-step-inner:after{
        width: 40px;
        height: 75px;
        right: -35px;
        top: 60px;
    }
    .process-step-wrap:nth-child(even):not(:last-child) .process-step-inner:after{
        width: 40px;
        height: 75px;
        right: -35px;
        top: 20px;
    }
}
@media only screen and (max-width: 1060px){
    .process-step-img-wrap img{
        max-width: 130px;
    }
}
@media only screen and (max-width: 991px){
    .process-step-wrap:nth-child(odd):not(:last-child) .process-step-inner:after,
    .process-step-wrap:nth-child(even):not(:last-child) .process-step-inner:after{
        display: none;
    }
    .process-step-wrap:nth-child(even) .process-step-inner{
        margin-top: 0px;
    }
    .process-step-wrap{
        margin-bottom: 20px;
    }
}

/* our work process section end */

/* what we do section start */
.what-we-do{
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden;
}

.what-we-do .section-title-dual-color h2{
    color: #000000;
    margin-bottom: 20px;
}
.what-we-do-img-wrap{
    margin-top: 70px;
}
@media only screen and (max-width: 768px){
    .what-we-do-img-wrap{
        margin-top: 30px;
    }
    .what-we-do .section-title{
        text-align: center;
    }
    .what-we-do .section-sub-description{
        text-align: center;
    }
}
/* what we do section start */

/* latest work */
.latest-work{
    padding-top: 50px;
    padding-bottom: 50px;
}
.latest-work-inner .latest-work-title{
    font-size: 36px;
    font-weight: 500;
    position: relative;
    margin-bottom: 50px;
}
@media only screen and (max-width: 991px){
    .latest-work-inner .latest-work-title{
        font-size: 30px;
    }
}
@media only screen and (max-width: 768px){
    .latest-work-inner .latest-work-title{
        font-size: 26px;
    }
}
@media only screen and (max-width: 575px){
    .latest-work-inner .latest-work-title{
        font-size: 24px;
    }
}
.latest-work-inner .latest-work-title::after{
    content: '';
    height: 4px;
    width: 50px;
    background-color: #000000;
    position: absolute;
    left: 0px;
    bottom: -20px;
}
.latest-wrok-desc{
    font-size: 20px;
    line-height: 36px;
    font-weight: 500;
    color: #5a5a5a;
}
@media only screen and (max-width: 991px){
    .latest-wrok-desc{
        font-size: 18px;
    }
}
@media only screen and (max-width: 768px){
    .latest-wrok-desc{
        font-size: 16px;
        line-height: 30px;
    }
}
.work-desc-wrap .swiper-button-next{
    right: auto;
    left: 90px;
    top: 75px;
}
.work-desc-wrap .swiper-button-prev{
    right: auto;
    left: 45px;
    top: 75px;
}
@media only screen and (max-width: 768px){
    .work-desc-wrap .swiper-button-prev,
    .work-desc-wrap .swiper-button-next{
        top: 50px;
    }
    .work-desc-wrap .swiper-button-prev{
        left: 30px;
    }
    .work-desc-wrap .swiper-button-next{
        left: 70px;
    }
}
.work-desc-wrap .swiper-button-next svg,
.work-desc-wrap .swiper-button-prev svg{
    fill: #99c12a;
}
.latest-work-inner{
    max-width: 90%;
    margin: 0 auto;
    margin-top: 100px;
}
@media only screen and (max-width: 768px){
    .latest-work-inner{
        margin-top: 70px;
    }
}
.store-links{
    margin-top: 50px;
}
.store-links a img{
    max-width: 150px;
    width: 100%;
    margin-right: 20px;
}
@media only screen and (max-width: 450px){
    .store-links a img{
        max-width: 100px;
    }
}
.work-img-inner{
    text-align: center;
}
.work-img-inner img{
    width: 100%;
    max-width: 600px;
}
/* latest work end */



/* hero section design */
/* .hero-main-wrapper{
    min-height: calc(100vh - 132px);
}
.hero-inner{
    text-align:center;
    width: 100%;
    color:#ffffff;
}
.home-hero-wrap{
    background-image: url(../images/home/hero-slider/we-techno-mind.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}
.hero-text-title{
    font-size: 65px;
    letter-spacing: 2px;
    font-weight: 500;
    margin-bottom: 20px;
}
@media only screen and (max-width: 1200px){
    .hero-text-title{
        font-size: 55px;
    }
}
.hero-text-title span{
    color: #99c12a;
    font-weight: 600;
}

.hero-text-desc{
    font-size: 20px;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
    line-height: 40px;
}
@media only screen and (max-width: 1200px){
    .hero-text-desc{
        line-height: 30px;
    }
}
@media only screen and (max-width: 991px){
    .hero-text-desc{
        font-size: 18px;
    }
}
@media only screen and (max-width: 768px){
    .hero-text-desc{
        font-size: 16px;
        line-height: 24px;
    }
}
.custom-hero-btn{
    border-color: #ffffff;
    color: #ffffff;
    border-radius: 0px;
    font-size: 20px;
    transition: all 0.3s;
    text-transform: uppercase;
    visibility: hidden;
}
@media only screen and (max-width: 768px){
    .custom-hero-btn{
        font-size: 16px;
    }
}
.custom-hero-btn:hover,
.custom-hero-btn:focus{
    color: #ffffff;
    background-color: #99c12a;
}
@media only screen and (max-width: 991px){
    .hero-text-title{
        font-size: 45px;
    }
}
@media only screen and (max-width: 768px){
    .hero-text-title{
        font-size: 40px;
    }
}
@media only screen and (max-width: 600px){
    .hero-text-title{
        font-size: 36px;
    }
}
@media only screen and (max-width: 575px){
    .hero-text-title{
        font-size: 30px;
    }
}

.virtual-tour {
    display: block;
    position: fixed;
    width: auto;
    bottom: 60px;
    right: 0;
    z-index: 99998;
    opacity: 0;
    visibility: inherit;
    opacity: 1;
    height: 64px;
    border: 3px solid transparent;
    border-right-width: 0px;
    border-bottom-left-radius: 40px;
    border-top-left-radius: 40px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 1s ease,-webkit-transform .6s ease;
    transition: all 1s ease,-webkit-transform .6s ease;
    transition: transform 1s ease,all .6s ease;
    transition: transform 1s ease,all .6s ease,-webkit-transform .6s ease;
}
.whats-happening {
    bottom: 100px;
}
.virtual-tour:hover {
    background: #fff;
    border-color: #99c12a;
}
.virtual-tour span.text-virtual {
    width: 0px;
    overflow: hidden;
    color: #99c12a;
    display: inline-block;
    font-family: "Poppins",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    vertical-align: 17px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    white-space: nowrap;
}
.virtual-tour .ffi {
    width: 150px;
    text-align: center;
    float: right;
    margin-top: 11px;
}
.virtual-tour .icon {
    position: relative;
    float: left;
    height: 71px;
    display: block;
    width: 71px;
    margin-top: -7px;
    margin-left: -10px;
    -webkit-transition: -webkit-transform .6s ease;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease,-webkit-transform .6s ease;
}
.icon svg {
    opacity: 1;
}
.virtual-tour:hover span.text-virtual {
    width: 155px;
}
.virtual-tour:hover .icon {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

@media only screen and (max-width: 768px){
    .virtual-tour{
        display: none;
    }
} */