/*===================================*
  01. GENERAL STYLE
 *===================================*/
 @import url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

 @font-face {
     font-family: 'gotham', sans-serif;
     src: url(../fonts/gotham-book-webfont.woff2);
 }
 
 
 body {
     background: #ffffff none repeat scroll 0 0;
     color: #7a7a7a;
     font-family: 'gotham', sans-serif;
     font-size: 16px;
     font-weight: 400;
     line-height: 30px;
 }
 
 html,
 body {
     height: 100%;
     transition: .5s;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     color: #20126f;
 }
 
 p {
     color: #001A34;
     margin-bottom: 30px;
 }
 
 a {
     color: #20126f;
     text-decoration: none;
     -webkit-transition: all 0.5s ease;
     transition: all .5s ease;
 }
 
 a:hover {
     color: #008ed2;
     text-decoration: none;
     transition: all .5s ease;
 }
 
 a:focus {
     outline: none;
     text-decoration: none;
 }
 
 img {
     max-width: 100%;
 }

 text-white a {
    color: #fff !important;
 }
 
 ul,
 li {
     margin: 0;
     padding: 0;
 }
 
 .form-control::-webkit-input-placeholder {
     color: #7ab9ff;
     font-weight: 400;
     font-family: 'Poppins', sans-serif;
 }
 
 .form-control:-moz-placeholder {
     color: #7ab9ff;
     font-weight: 400;
     font-family: 'Poppins', sans-serif;
 }
 
 .form-control::-moz-placeholder {
     color: #7ab9ff;
     font-weight: 400;
     font-family: 'Poppins', sans-serif;
 }
 
 .form-control:-ms-input-placeholder {
     color: #7ab9ff;
     font-weight: 400;
     font-family: 'Poppins', sans-serif;
 }
 
 fieldset {
     border: 0 none;
     margin: 0 auto;
     padding: 0;
 }
 
 section {
     padding: 70px 0 70px 0;
     position: relative;
 }
 
 .no-padding {
     padding: 0
 }
 
 section.small_pt {
     padding-top: 50px;
 }
 
 section.small_pb {
     padding-bottom: 50px;
 }
 
 .list_none li {
     list-style: none;
 }
 
 input {
     border: 0;
     padding: 10px 20px;
     width: 100%;
 }
 
 button {
     background: -webkit-linear-gradient(left, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
     background: linear-gradient(to right, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
     border: 0;
     border-radius: 40px;
     color: #ffffff;
     cursor: pointer;
     padding: 10px 20px;
     text-transform: uppercase;
     transition: all 0.5s ease 0s;
 }
 
 button:hover {
     color: #fff;
 }
 
 button:focus {
     outline: none;
 }
 
 .title_light h2,
 .title_dark h2 {
     font-size: 30px;
     font-weight: bold;
     margin-bottom: 30px;
     text-transform: capitalize;
     color: #20126f;
 }
 
 .title_light span,
 .title_dark span {
     color: #7ab9ff;
     display: block;
     font-weight: 600;
     letter-spacing: 1px;
     text-transform: uppercase;
     font-size: 16px;
 }
 
 .title_light h2,
 .title_light p {
     color: #fff;
 }
 
 .divider {
     clear: both;
     display: block;
     height: 20px;
 }
 
 .bg_blue_dark {
     background-color: #0d2476;
 }
 
 .bg_black_dark {
     background-color: #080b1f;
 }
 
 .bg_blue {
     background-color: #142bac;
 }
 
 .bg_blue_dark_pro {
     background-color: #041b9c;
 }
 
 .large_divider {
     height: 100px;
 }
 
 .small_divider {
     height: 50px;
 }
 
 .small_space {
     margin-top: 20px;
 }
 
 .large_space {
     margin-top: 50px;
 }
 
 .animation,
 .staggered-animation {
     visibility: hidden;
 }
 
 .v_light .title_light span,
 .v_light .title_dark span {
     color: #26b6d4;
 }
 
 .v_light .form-control::-webkit-input-placeholder {
     color: #26b6d4;
 }
 
 .v_light .form-control:-moz-placeholder {
     color: #26b6d4;
 }
 
 .v_light .form-control::-moz-placeholder {
     color: #26b6d4;
 }
 
 .v_light .form-control:-ms-input-placeholder {
     color: #26b6d4;
 }
 
 .v_dark .title_light span,
 .v_dark .title_dark span,
 .v_dark_light .title_light span,
 .v_dark_light .title_dark span {
     color: #26b6d4;
 }
 
 .v_dark_light .title_dark h2 {
     color: #1a1c34;
 }
 
 .key-boxes {
     background: #e8f5ff;
     padding: 20px;
     border-radius: 16px;
     min-height: 338px;
     transition: transform .5s;
 }
 .key-boxes:hover {
    box-shadow: 0 0 7px rgba(0, 0, 0, .15);
    transform: scale(1.11);
 }

 .awards-section {
     background: #e8f5ff;
     padding: 20px;
     border-radius: 16px;
     min-height: 320px;
     transition: transform .5s;
 }
 .awards-section:hover{
    box-shadow: 0 0 7px rgba(0, 0, 0, .15);
    transform: scale(1.11);
 }
 .benefit_box img {
     width: 80px;
 }
 
 
 @-webkit-keyframes rotate {
     from {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg)
     }
 
     to {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg)
     }
 }
 
 @keyframes rotate {
     from {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg)
     }
 
     to {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg)
     }
 }
 
 @-webkit-keyframes c1Center {
     0% {
         top: 5px;
         background: #26B6D4
     }
 
     24% {
         background: #26B6D4
     }
 
     24% {
         background: #26B6D4
     }
 
     25% {
         background: #fbbd06;
         top: 60px
     }
 
     50% {
         background: #fbbd06;
         top: 5px
     }
 
     55% {
         background: #fbbd06;
         top: 5px
     }
 
     74% {
         background: #fbbd06
     }
 
     75% {
         background: #26B6D4;
         top: 60px
     }
 
     100% {
         background: #26B6D4;
         top: 5px
     }
 }
 
 @keyframes c1Center {
     0% {
         top: 5px;
         background: #26B6D4
     }
 
     24% {
         background: #26B6D4
     }
 
     24% {
         background: #26B6D4
     }
 
     25% {
         background: #fbbd06;
         top: 60px
     }
 
     50% {
         background: #fbbd06;
         top: 5px
     }
 
     55% {
         background: #fbbd06;
         top: 5px
     }
 
     74% {
         background: #fbbd06
     }
 
     75% {
         background: #26B6D4;
         top: 60px
     }
 
     100% {
         background: #26B6D4;
         top: 5px
     }
 }
 
 @-webkit-keyframes c2Center {
     0% {
         background: #C61664;
         left: 5px
     }
 
     24% {
         background: #C61664
     }
 
     25% {
         background: #ea4436;
         left: 60px
     }
 
     50% {
         background: #ea4436;
         left: 5px
     }
 
     55% {
         background: #ea4436;
         left: 5px
     }
 
     74% {
         background: #ea4436
     }
 
     75% {
         background: #C61664;
         left: 60px
     }
 
     100% {
         background: #C61664;
         left: 5px
     }
 }
 
 @keyframes c2Center {
     0% {
         background: #C61664;
         left: 5px
     }
 
     24% {
         background: #C61664
     }
 
     25% {
         background: #ea4436;
         left: 60px
     }
 
     50% {
         background: #ea4436;
         left: 5px
     }
 
     55% {
         background: #ea4436;
         left: 5px
     }
 
     74% {
         background: #ea4436
     }
 
     75% {
         background: #C61664;
         left: 60px
     }
 
     100% {
         background: #C61664;
         left: 5px
     }
 }
 
 @-webkit-keyframes c3Center {
     0% {
         background: #fbbd06;
         bottom: 5px
     }
 
     24% {
         background: #fbbd06
     }
 
     25% {
         background: #26B6D4;
         bottom: 60px
     }
 
     50% {
         background: #26B6D4;
         bottom: 5px
     }
 
     55% {
         background: #26B6D4;
         bottom: 5px
     }
 
     74% {
         background: #26B6D4
     }
 
     75% {
         background: #fbbd06;
         bottom: 60px
     }
 
     100% {
         background: #fbbd06;
         bottom: 5px
     }
 }
 
 @keyframes c3Center {
     0% {
         background: #fbbd06;
         bottom: 5px
     }
 
     24% {
         background: #fbbd06
     }
 
     25% {
         background: #26B6D4;
         bottom: 60px
     }
 
     50% {
         background: #26B6D4;
         bottom: 5px
     }
 
     55% {
         background: #26B6D4;
         bottom: 5px
     }
 
     74% {
         background: #26B6D4
     }
 
     75% {
         background: #fbbd06;
         bottom: 60px
     }
 
     100% {
         background: #fbbd06;
         bottom: 5px
     }
 }
 
 @-webkit-keyframes c4Center {
     0% {
         background: #ea4436;
         right: 5px
     }
 
     24% {
         background: #ea4436
     }
 
     25% {
         background: #C61664;
         right: 60px
     }
 
     50% {
         background: #C61664;
         right: 5px
     }
 
     55% {
         background: #C61664;
         right: 5px
     }
 
     74% {
         background: #C61664
     }
 
     75% {
         background: #ea4436;
         right: 60px
     }
 
     100% {
         background: #ea4436;
         right: 5px
     }
 }
 
 @keyframes c4Center {
     0% {
         background: #ea4436;
         right: 5px
     }
 
     24% {
         background: #ea4436
     }
 
     25% {
         background: #C61664;
         right: 60px
     }
 
     50% {
         background: #C61664;
         right: 5px
     }
 
     55% {
         background: #C61664;
         right: 5px
     }
 
     74% {
         background: #C61664
     }
 
     75% {
         background: #ea4436;
         right: 60px
     }
 
     100% {
         background: #ea4436;
         right: 5px
     }
 }
 
 .v_light .preloader {
     background-color: #fffdff;
 }
 
 .v_dark .preloader,
 .v_dark_light .preloader {
     background-color: #0c0e28;
 }
 
 .v_blue_pro .preloader {
     background-color: #fffdff;
 }
 
 /*END PRELOADER DESIGN*/
 
 /* THEME DEMO CSS*/
 .color-switch {
     background: #212121;
     left: -200px;
     padding: 20px 0;
     position: absolute;
     top: 0;
     transition: all .4s ease 0s;
     width: 200px;
     z-index: 9999999;
 }
 
 .color-switch p {
     color: #ffffff;
     margin: 0;
     padding: 10px 20px;
 }
 
 .color_box {
     padding: 0px 20px;
 }
 
 .switch-active {
     left: 0;
 }
 
 .demo ul {
     position: fixed;
     left: 0px;
     top: 35%;
     z-index: 999;
 }
 
 .demo ul li {
     position: relative;
 }
 
 .demo li a {
     background: #212121;
     color: #ffffff;
     display: block;
     font-size: 24px;
     height: 40px;
     line-height: 44px;
     text-align: center;
     width: 40px;
     transition: all .4s ease 0s;
 }
 
 .demo li a.bg-green {
     background-color: #73e080;
 }
 
 .demo li a.dm {
     background-color: #ef7240;
 }
 
 .demo li a i {
     line-height: normal;
 }
 
 .icon {
     left: 0;
     position: absolute;
     top: 0;
 }
 
 .icon.switch-active {
     left: 200px;
 }
 
 .menu_link {
     left: 0;
     position: fixed;
     top: 30%;
     z-index: 99;
 }
 
 .menu_link a {
     color: #fff;
     padding: 10px;
 }
 
 .color-switch button::after {
     color: #ffffff;
     content: "\f122";
     font-family: "Ionicons";
     font-size: 16px;
     left: 8px;
     opacity: 0;
     position: absolute;
     top: 5px;
 }
 
 .color-switch button {
     border: 0 none;
     border-radius: 3px;
     cursor: pointer;
     height: 30px;
     line-height: 20px;
     margin: 2px;
     padding: 0;
     position: relative;
     text-align: center;
     width: 30px;
 }
 
 .color-switch .active::after {
     opacity: 1;
 }
 
 .default {
     background: -webkit-linear-gradient(left, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
     background: linear-gradient(to right, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
 }
 
 .green {
     background: -webkit-linear-gradient(left, rgba(14, 156, 255, 1) 0%, rgba(64, 248, 166, 1) 99%);
     background: linear-gradient(to right, rgba(14, 156, 255, 1) 0%, rgba(64, 248, 166, 1) 99%);
 }
 
 .orange {
     background: -webkit-linear-gradient(left, rgba(238, 168, 73, 1) 0%, rgba(244, 107, 69, 1) 99%);
     background: linear-gradient(to right, rgba(238, 168, 73, 1) 0%, rgba(244, 107, 69, 1) 99%);
 }
 
 .pink {
     background: -webkit-linear-gradient(left, rgba(59, 82, 255, 1) 0%, rgba(207, 5, 213, 1) 99%);
     background: linear-gradient(to right, rgba(59, 82, 255, 1) 0%, rgba(207, 5, 213, 1) 99%);
 }
 
 .lightpink {
     background: -webkit-linear-gradient(left, rgba(255, 103, 203, 1) 0%, rgba(255, 204, 103, 1) 99%);
     background: linear-gradient(to right, rgba(255, 103, 203, 1) 0%, rgba(255, 204, 103, 1) 99%);
 }
 
 .lightblue {
     background: -webkit-linear-gradient(left, rgba(183, 33, 255, 1) 0%, rgba(33, 212, 253, 1) 99%);
     background: linear-gradient(to right, rgba(183, 33, 255, 1) 0%, rgba(33, 212, 253, 1) 99%);
 }
 
 .lightgreen {
     background: -webkit-linear-gradient(left, rgba(222, 147, 75, 1) 0%, rgba(86, 214, 167, 1) 99%);
     background: linear-gradient(to right, rgba(222, 147, 75, 1) 0%, rgba(86, 214, 167, 1) 99%);
 }
 
 .lightred {
     background: -webkit-linear-gradient(left, rgba(47, 170, 171, 1) 0%, rgba(236, 67, 90, 1) 99%);
     background: linear-gradient(to right, rgba(47, 170, 171, 1) 0%, rgba(236, 67, 90, 1) 99%);
 }
 
 .blue-pro {
     background: -webkit-linear-gradient(left, rgba(29, 106, 255, 1) 0%, rgba(70, 214, 255, 1) 99%);
     background: linear-gradient(to right, rgba(29, 106, 255, 1) 0%, rgba(70, 214, 255, 1) 99%);
 }
 
 
 /* BTN START */
 .btn {
     border: 0 none;
     border-radius: 40px;
     font-size: 16px;
     height: 48px;
     line-height: 48px;
     padding: 0 25px;
     position: relative;
     text-transform: uppercase;
     vertical-align: middle;
 }
 
 .btn span {
     background-color: #ffffff;
     border-radius: 100%;
     color: #7459a6;
     display: inline-block;
     font-size: 24px;
     height: 42px;
     line-height: 46px;
     margin-left: -20px;
     margin-right: 10px;
     margin-top: -1px;
     text-align: center;
     vertical-align: middle;
     width: 42px;
     transition: all .5s ease 0s;
 }
 
 .btn:hover span {
     color: #25b8d5;
 }
 
 .btn.active.focus,
 .btn.active:focus,
 .btn.active:hover,
 .btn:active:focus,
 .btn:active:hover,
 .btn.active,
 .btn:active,
 .btn.focus:active,
 .btn:focus,
 .btn.active:not(:disabled):not(.disabled),
 .btn:active:not(:disabled):not(.disabled) {
     box-shadow: none;
     outline: none;
 }
 
 .btn-default {
     background: -webkit-linear-gradient(left, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
     background: linear-gradient(to right, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
     border: 0;
     color: #fff;
     outline: none;
     text-transform: uppercase;
     z-index: 2;
 }
 
 .btn-default:hover,
 .btn-border:hover {
     color: #fff;
 }
 
 .btn-default.active.focus,
 .btn-default.active:focus,
 .btn-default.active:hover,
 .btn-default:active:focus,
 .btn-default:active:hover,
 .btn-default.active,
 .btn-default:active,
 .btn-default.focus:active,
 .btn-default:focus,
 .btn.active:not(:disabled):not(.disabled),
 .btn:active:not(:disabled):not(.disabled) {
     background: -webkit-linear-gradient(left, rgba(37, 184, 213, 1) 0%, rgba(117, 88, 165, 1) 99%);
     background: linear-gradient(to right, rgba(37, 184, 213, 1) 0%, rgba(117, 88, 165, 1) 99%);
     box-shadow: none;
     color: #fff;
     outline: none;
 }
 
 .btn-default::before {
     background: -webkit-linear-gradient(left, rgba(37, 184, 213, 1) 0%, rgba(117, 88, 165, 1) 99%);
     background: linear-gradient(to right, rgba(37, 184, 213, 1) 0%, rgba(117, 88, 165, 1) 99%);
     border-radius: 40px;
     content: "";
     height: 100%;
     left: 0;
     opacity: 0;
     position: absolute;
     top: 0;
     transition: all 0.5s ease 0s;
     width: 100%;
     z-index: -1;
 
 }
 
 .btn-default:hover:before {
     opacity: 1;
 }
 
 .btn-border {
     background: -webkit-linear-gradient(left, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
     background: linear-gradient(to right, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
     border: 0;
     color: #fff;
     outline: none;
     text-transform: uppercase;
     z-index: 2;
 }
 
 .btn-border::after {
     background-color: #103f98;
     border-radius: 40px;
     bottom: 0;
     content: "";
     left: 0;
     margin: 2px;
     position: absolute;
     right: 0;
     top: 0;
     transition: all 0.5s ease 0s;
     z-index: -1;
 }
 
 .btn-border:hover:after {
     opacity: 0;
 }
 
 .btn i {
     font-size: 30px;
     line-height: 24px;
     margin-left: 5px;
     padding-top: 4px;
     vertical-align: middle;
 }
 
 .btn-secondary {
     background-color: rgba(0, 0, 0, 0);
     border: 2px solid #ffffff;
     line-height: 50px;
 }
 
 .btn-secondary:hover,
 .btn-secondary.active.focus,
 .btn-secondary.active:focus,
 .btn-secondary.active:hover,
 .btn-secondary:active:focus,
 .btn-secondary:active:hover,
 .btn-secondary.active,
 .btn-secondary:active,
 .btn-secondary.focus:active,
 .btn-secondary:focus,
 .btn-secondary.active:focus:not(:disabled):not(.disabled),
 .btn-secondary:active:focus:not(:disabled):not(.disabled),
 .show>.btn-secondary.dropdown-toggle:focus,
 .btn-secondary.active:not(:disabled):not(.disabled),
 .btn-secondary:active:not(:disabled):not(.disabled) {
     background: #ffffff;
     border-color: #ffffff;
     color: #000000;
     box-shadow: none;
     outline: none;
 }
 
 .scrollup {
     background-color: #333333;
     border-radius: 100%;
     bottom: 20px;
     color: #ffffff;
     font-size: 30px;
     height: 50px;
     line-height: 50px;
     position: fixed;
     right: 130px;
     text-align: center;
     width: 50px;
     z-index: 99;
 }
 
 .scrollup:hover {
     background-color: #ff880e;
     color: #fff;
 }
 
 .scrollup:focus {
     color: #fff;
 }
 
 .btn+.btn:last-child {
     margin-left: 10px;
 }
 
 .shape {
     background-repeat: no-repeat;
     background-size: contain;
     content: "";
     height: 808px;
     left: 0;
     position: absolute;
     top: 100px;
     width: 242px;
     z-index: -1;
 }
 
 .shap1 {
     background-image: url("../images/images-shape1.png");
     background-position: right center;
     bottom: 100px;
     left: auto;
     right: 0;
     top: auto;
 }
 
 .shap2 {
     background-image: url("../images/images-shape2.png");
     background-position: left center;
 }
 
 .shap3 {
     background-image: url("../images/images-shape3.png");
     background-position: left center;
 }
 
 .shap4 {
     background-image: url("../images/images-shape4.png");
     background-position: left center;
 }
 
 .shap5 {
     background-image: url("../images/images-shape5.png");
     background-position: right center;
     bottom: 100px;
     left: auto;
     right: 0;
     top: auto;
 }
 
 .shap6 {
     background-image: url("../images/images-shape6.png");
     background-position: left center;
 }
 
 .rounded_shape {
     background-repeat: no-repeat;
     background-size: contain;
     content: "";
     height: 402px;
     left: 0;
     position: absolute;
     top: 0px;
     width: 494px;
     z-index: 1;
 }
 
 .rounded_shape1 {
     background-image: url("../images/images-rounded-shape1.png");
     background-position: left top;
 }
 
 .rounded_shape2 {
     background-image: url("../images/images-rounded-shape2.png");
     background-position: right bottom;
     bottom: 0;
     left: auto;
     right: 0;
     top: auto;
 }
 
 .light_rounded_shape3 {
     background-image: url("../images/images-light_rounded-shape3.png");
     background-position: left top;
 }
 
 .light_rounded_shape4 {
     background-image: url("../images/images-light_rounded-shape4.png");
     background-position: right bottom;
     bottom: 0;
     left: auto;
     right: 0;
     top: auto;
 }
 
 .light_rounded_shape5 {
     background-image: url("../images/images-light_rounded-shape5.png");
     background-position: right bottom;
     bottom: 0;
     left: auto;
     right: 0;
     top: auto;
 }
 
 .v_light .btn-default,
 .v_light .btn-default:hover {
     color: #fff;
 }
 
 .v_light .btn-border {
     color: #20126f;
 }
 
 .v_light .btn-border:hover {
     color: #fff;
 }
 
 .v_light .btn-border::after {
     background-color: #f6f8ff;
 }
 
 .light_rounded_shape1 {
     background-image: url("../images/images-light_rounded-shape1.png");
     background-position: left top;
 }
 
 .light_rounded_shape2 {
     background-image: url("../images/images-light_rounded-shape2.png");
     background-position: right bottom;
     bottom: 0;
     left: auto;
     right: 0;
     top: auto;
 }
 
 .v_dark .btn-border::after,
 .v_dark_light .btn-border::after {
     background-color: #080b1b;
 }
 
 .v_blue_pro .btn-border::after {
     background-color: #06127A;
 }
 
 /* BTN END */
 /*===================================*
   01.END GENERAL STYLE
 *===================================*/
 
 /*===================================*
 02. START HEADER DESIGN
 *===================================*/
 header {
 
     padding: 25px 0 0 0px;
     transition: all 0.4s ease 0s;
 }
 
 .navbar {
     padding: 10px 0;
     z-index: 999999;
 }
 
 .modal-open header.fixed-top {
     padding: 5px 0 !important;
 }
 
 .nav-fixed,
 header.active {
     background-color: #0F3E97;
     box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
 }
 
 header.nav-fixed {
     height: 70px;
     padding: 5px 0;
 }
 
 header.no-sticky {
     position: absolute;
 }
 
 header a {
     color: #ffffff;
 }
 
 header a:hover,
 .navbar-nav li a.active {
     color: #26b6d4;
 }
 
 .navbar-expand-lg .navbar-nav .nav-link {
     padding: 10px 18px !important;
     border-bottom: 3px solid #F6F8FF;
     font-weight: 600;
 }
 
 .nav_btn li {
     margin-left: 10px;
 }
 
 .navbar-expand-lg .navbar-nav.nav_btn a {
     height: auto;
     line-height: normal;
     padding: 10px 15px;
     min-width: 150px;
 }
 
 .logo_dark,
 .v_light .logo_light {
     display: none;
 }
 
 .v_light .logo_dark {
     display: block;
 }
 
 .strongly-fixed {
     position: fixed;
     width: 100%;
     background: white;
 }
 
 .v_light header a {
     color: #20126f;
     font-size: 16px;
 }
 
 .v_light .nav-fixed,
 .v_light header.active {
     background-color: #f6f8ff;
 }
 
 .v_light header li a:hover {
     color: #34a7cd;
 }
 
 .v_light .navbar-nav li a.active {
     color: #FFF;
     background: #26b6d4;
     border-bottom: 3px solid #001A34 !important;
 }
 
 .v_dark .nav-fixed,
 .v_dark header.active,
 .v_dark_light .nav-fixed,
 .v_dark_light header.active {
     background-color: #1a1c34;
 }
 
 .v_blue_pro .nav-fixed,
 .v_blue_pro header.active {
     background-color: #00036d;
 }
 
 /*===================================*
 02. END HEADER DESIGN
 *===================================*/
 
 /*===================================*
 03. BANNER SECTION
 *===================================*/
 .banner_section {
     background-color: #0d469f;
     padding: 0;
     position: relative;
     z-index: 0;
 }
 
 .banner_full_height {
     min-height: 100vh;
 }
 
 .banner_text h1 {
     color: #ffffff;
     font-weight: bold;
     margin-bottom: 20px;
 }
 
 .banner_text h2 {
     color: #26b6d4;
     font-weight: bold;
     margin-bottom: 20px;
 }
 
 .banner_text h1 span {
     color: #008ed2;
 }
 
 .banner_text h2 span {
     color: #008ed2;
 }
 
 .banner_text h3 {
     color: #ffffff;
     font-weight: bold;
     margin-bottom: 20px;
 }
 
 .banner_text {
     margin-top: 100px;
 }
 
 .banner_text p {
     color: #fff;
 }
 
 .banner_image_right {
     /* min-width: 690px; */
     margin-top: 25px;
 }
 
 .banner_image_left {
     left: -25%;
     min-width: 690px;
     position: relative;
 }
 
 .banner_btn .btn {
     display: inline-block;
 }
 
 .section_wave {
     background-position: left top;
     bottom: 0;
     height: 100px;
     left: 0;
     position: absolute;
     right: 0;
 }
 
 .section_wave2 {
     background-position: center bottom;
     height: 110px;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
 }
 
 .banner_effect {
     bottom: 0;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     z-index: -1;
 }
 
 .banner_section .tk_countdown {
     background-color: RGBA(15, 62, 151, 0.6);
     max-width: 480px;
     ;
     margin: 0 auto;
 }
 
 .banner_section .tk_counter_inner {
     border: 0;
 }
 
 .banner_section .counter_box .tk_counter {
     border: 1px solid RGBA(255, 255, 255, 0.2);
     border-radius: 10px;
 }
 
 .progress,
 .progress-bar {
     border-radius: 20px;
 }
 
 .progress {
     background-color: #fff;
     position: relative;
     height: 40px;
     overflow: visible;
     margin-top: 60px;
     margin-bottom: 15px;
 }
 
 .progress-bar {
     background: -webkit-linear-gradient(left, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
     background: linear-gradient(to right, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
     line-height: 30px;
     font-weight: bold;
     border: 5px solid #fff;
     box-shadow: 0 0 0 0;
 
 }
 
 .token_box .progress-bar-success {
     background-color: #05B5FF;
 }
 
 .progress .progress_label {
     position: absolute;
     top: -8px;
     bottom: -8px;
     width: 1px;
     background-color: silver;
     line-height: 1;
     color: #fff;
 }
 
 .progress .progress_label strong {
     position: absolute;
     left: 50%;
     bottom: 100%;
     margin-bottom: 10px;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     font-weight: normal;
 }
 
 .progress_max_val {
     position: absolute;
     top: 0;
     right: 0;
     float: right;
     font-size: 12px;
     font-weight: bold;
     line-height: 40px;
     padding: 0 15px;
 }
 
 .banner_shape_effect {
     overflow: hidden;
 }
 
 .banner_shape_effect::before {
     background: -webkit-linear-gradient(to right, #0c1277 0%, #1d6aff 450%) repeat scroll 0 0;
     background: linear-gradient(to right, #0c1277 0%, #1d6aff 450%) repeat scroll 0 0;
     border-radius: 270px 270px 0;
     content: "";
     height: 100%;
     left: 0;
     opacity: 0.3;
     position: absolute;
     top: 0;
     -moz-transform: skewX(-25deg);
     -webkit-transform: skewX(-25deg);
     transform: skewX(-25deg);
     width: 44%;
     z-index: 0;
 }
 
 .banner_shape_effect::after {
     background: -webkit-linear-gradient(to right, #0c1277 0%, #1d6aff 300%) repeat scroll 0 0;
     background: linear-gradient(to right, #0c1277 0%, #1d6aff 300%) repeat scroll 0 0;
     border-radius: 150px 320px 390px 250px;
     content: "";
     height: 100%;
     left: 0;
     opacity: 0.3;
     position: absolute;
     top: 0;
     -moz-transform: skew(-25deg);
     -webkit-transform: skew(-25deg);
     transform: skew(-25deg);
     width: 30%;
 }
 
 .section_gradiant {
     background: -webkit-linear-gradient(to bottom, rgba(32, 18, 111, 1) 10%, rgba(13, 70, 159, 1) 100%);
     background-image: linear-gradient(to bottom, rgba(32, 18, 111, 1) 10%, rgba(13, 70, 159, 1) 100%);
 }
 
 .section_gradiant2 {
     background: -webkit-linear-gradient(to bottom, rgba(13, 70, 159, 1) 10%, rgba(32, 18, 111, 1) 100%);
     background-image: linear-gradient(to bottom, rgba(13, 70, 159, 1) 10%, rgba(32, 18, 111, 1) 100%);
 }
 
 .section_gradiant3 {
     background: -webkit-linear-gradient(to right, rgba(0, 19, 125, 1) 10%, rgba(32, 18, 111, 1) 100%);
     background-image: linear-gradient(to right, rgba(0, 19, 125, 1) 10%, rgba(32, 18, 111, 1) 100%);
 }
 
 .section_gradiant_dark {
     background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 1) 10%, rgba(12, 14, 41, 1) 100%);
     background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 10%, rgba(12, 14, 41, 1) 100%);
 }
 
 .section_light_bg {
     background-color: #f6f8ff;
 }
 
 .how_work .shape {
     bottom: auto;
     top: 0;
 }
 
 /* .v_light .banner_text h1,
 .v_light .banner_text h3 {
     color: #20126f;
 } */
 .v_light .banner_text p,
 .v_light .progress .progress_label {
     color: #001A34;
 }
 
 .v_blue {
     background-color: #0d469f;
 }
 
 .v_dark {
     background-color: #0c0e28;
 }
 
 .v_blue_pro .banner_section .tk_countdown {
     background-color: rgba(20, 43, 172, 0.5);
 }
 
 /*===================================*
 03. END BANNER SECTION
 *===================================*/
 
 /*===================================*
 04. HOW IT WORKS SECTION
 *===================================*/
 .how_work {
     background-position: center center;
     background-size: cover;
     position: relative;
     top: -120px;
 }
 
 .aboutus {
     margin-top: -100px;
 }
 
 .work_box {
     float: left;
     margin-top: 30px;
     padding-left: 30px;
     width: 50%;
 }
 
 .work_box:nth-child(-n+2) {
     margin: 0;
 }
 
 .box_inner {
     background-color: #fff;
     box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
     padding: 20px 25px;
     height: auto !important;
     position: relative;
 }
 
 .work_box:nth-child(2n) {
     position: relative;
     top: 0px;
 }
 
 .work_box:nth-child(2n+1) {
     clear: both;
 }
 
 .box_inner h4 {
     color: #7a7a7a;
     font-size: 22px;
     font-weight: 600;
     margin: 10px 0;
 }
 
 .box_inner p {
     margin: 0;
 }
 
 .box_inner i {
     color: #26b6d4;
     font-size: 50px;
 }
 
 .v_blue .box_inner {
     background-color: #0f3e97;
 }
 
 .v_blue .benefit_box {
     background-color: #0f3e97;
 }
 
 .v_blue .box_inner h4,
 .v_blue .box_inner p,
 .v_blue .box_inner i {
     color: #fff;
 }
 
 .v_dark .box_inner {
     background-color: #1a1c34;
 }
 
 .v_dark .benefit_box,
 .section_gradiant_dark .benefit_box {
     background-color: #1a1c34;
 }
 
 .v_dark .box_inner h4,
 .v_dark .box_inner p,
 .v_dark .box_inner i {
     color: #fff;
 }
 
 /*===================================*
 04. END HOW IT WORKS SECTION
 *===================================*/
 
 /*===================================*
 05. ABOUT SECTION
 
 *===================================*/
 .workbox1 {
     margin-top: -50px !important;
 }
 
 .workbox2 {
     margin-top: -80px !important;
 }
 
 .benefit_box {
     /*background-color: #023780;*/
     border-radius: 10px;
     padding: 58px 5px;
     background: url(../images/hexa.png) no-repeat center;
     background-size: cover;
 }
 
 .benefit_box h6 {
     color: #ffffff;
     margin-bottom: 0;
     margin-top: 10px;
 }
 
 /*===================================*
 05. END ABOUT SECTION
 *===================================*/
 
 /*===================================*
 06. TOKEN SECTION
 *===================================*/
 .section_token {
     position: relative;
 }
 
 .pr_box h6 {
     color: #7ab9ff;
     text-transform: uppercase;
 }
 
 .pr_box p {
     font-size: 14px;
     font-weight: 500;
     line-height: normal;
     margin: 0;
     text-transform: uppercase;
 }
 
 .pr_box {
     background-color: #fff;
     box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
     margin-bottom: 15px;
     padding: 20px;
 }
 
 .tk_countdown_time {
     margin: 15px 0;
 }
 
 .tk_countdown {
     background-color: #023780;
     background-position: right bottom;
     background-repeat: no-repeat;
     padding: 10px;
 }
 
 .countdown_shape {
     background-image: url("../images/images-counter_bg.png");
 }
 
 .tk_counter_inner {
     border: 1px solid #ffffff;
     padding: 25px;
 }
 
 .counter_box {
     color: #fff;
     display: inline-block;
     width: 25%;
 }
 
 .counter_box .tk_counter {
     border: 1px solid #ffffff;
     display: block;
     font-size: 36px;
     font-weight: 500;
     margin: 0 5px;
     padding: 20px 5px;
 }
 
 .counter_box .tk_text {
     display: block;
     font-size: 14px;
     font-weight: 500;
     margin-top: 10px;
     text-transform: uppercase;
 }
 
 .tk_countdown .btn {
     margin: 15px 0;
 }
 
 .pie_chart_icon img {
     display: table;
     left: 0;
     margin: 0 auto;
     padding: 20px;
     position: absolute;
     right: 0;
     top: 50%;
     -moz-transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     z-index: -1;
 }
 
 .token_chart {
     position: relative;
 }
 
 .chart_list li {
     background-color: #fff;
     border-left: 3px solid #7a7a7a;
     box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
     font-weight: 500;
     margin-bottom: 12px;
     padding: 7px 15px;
     text-transform: capitalize;
 }
 
 .chart_list li:last-child {
     margin: 0;
 }
 
 .chart_list .color1 {
     border-color: #ff7876;
 }
 
 .chart_list .color2 {
     border-color: #36ffad;
 }
 
 .chart_list .color3 {
     border-color: #3b8a99;
 }
 
 .chart_list .color4 {
     border-color: #13afcc;
 }
 
 .chart_list .color5 {
     border-color: #cc1667;
 }
 
 .chart_list .color6 {
     border-color: #F91F64;
 }
 
 .chart_list .color7 {
     border-color: #B23AF8;
 }
 
 .token_wrap {
     background-color: #142BAC;
     border-radius: 7px;
     padding: 20px;
 }
 
 .token_inner h5 {
     color: #ffffff;
     display: inline-block;
 }
 
 .social_icon,
 .social_icon li {
     display: inline-block;
 }
 
 .social_icon li {
     margin-left: 5px;
 }
 
 .social_icon li:first-child {
     margin-left: 0px;
 }
 
 .social_icon li a {
     color: #ffffff;
     font-size: 20px;
 }
 
 .tk_sale_info {
     border-left: 1px solid #ffffff;
     margin-top: 45px;
     padding-left: 30px;
 }
 
 .tk_pricing_info h6 {
     color: #ffffff;
     font-size: 14px;
     text-transform: uppercase;
 }
 
 .tk_pricing_info h5 {
     color: #ffffff;
     font-weight: 600;
     margin-bottom: 5px;
     margin-top: 10px;
 }
 
 .tk_pricing_info p {
     color: #ffffff;
     font-size: 14px;
 }
 
 .tk_pricing_info span {
     color: #93ffa0;
 }
 
 .tk_pricing_info li img {
     border-radius: 100%;
     height: 18px;
     margin-right: 7px;
     width: 18px;
 }
 
 .tk_pricing_info li {
     color: #ffffff;
     font-size: 14px;
 }
 
 .token_chart_info {
     padding-left: 30px;
 }
 
 .token_chart_info h5 {
     color: #ffffff;
     margin-bottom: 20px;
 }
 
 .chart_info li {
     color: #ffffff;
     font-size: 14px;
     margin-top: 5px;
 }
 
 .cl_circle {
     background-color: #000000;
     border-radius: 100%;
     display: inline-block;
     height: 10px;
     margin-right: 5px;
     width: 10px;
 }
 
 .color1 {
     background-color: #0053ce;
 }
 
 .color2 {
     background-color: #d5b631;
 }
 
 .color3 {
     background-color: #d26288;
 }
 
 .color4 {
     background-color: #00e2f4;
 }
 
 .color5 {
     background-color: #444acc;
 }
 
 .v_light .pr_box h6 {
     color: #26b6d4;
 }
 
 .v_light .tk_countdown {
     background-color: #f6f8ff;
 }
 
 .v_light .counter_box {
     color: #20126f;
 }
 
 .v_light .counter_box .tk_counter {
     border-color: #20126f;
 }
 
 .v_light .tk_counter_inner {
     border: 1px solid #20126f;
 }
 
 .v_light .countdown_shape {
     background-image: url("../images/images-light_counter_bg.png");
 }
 
 .v_blue .pr_box,
 .v_blue .tk_countdown,
 .v_blue .chart_list li {
     background-color: #0f3e97;
 }
 
 .v_blue .pr_box p,
 .v_blue .chart_list li {
     color: #fff;
 }
 
 .v_dark .pr_box,
 .v_dark .tk_countdown,
 .v_dark_light .tk_countdown,
 .v_dark .chart_list li {
     background-color: #1a1c34;
 }
 
 .v_dark .pr_box h6,
 .v_dark_light .pr_box h6 {
     color: #26b6d4;
 }
 
 .v_dark .pr_box p,
 .v_dark .chart_list li {
     color: #fff;
 }
 
 .v_dark .countdown_shape,
 .v_dark_light .countdown_shape {
     background-image: url("../images/images-light_counter_bg2.png");
 }
 
 /*===================================*
 06. END TOKEN SECTION
 *===================================*/
 
 /*===================================*
 07. TIMELINE SECTION
 *===================================*/
 .roadmap {
     position: relative;
     display: block;
 }
 
 .roadmap_box {
     margin-top: 120px;
     position: relative;
     text-align: center;
 }
 
 .roadmap.gradient_box {
     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
 }
 
 .roadmap::before {
     background-color: #26b6d4;
     content: "";
     height: 3px;
     left: 0;
     position: absolute;
     top: 15px;
     width: 100%;
 }
 
 .roadmap_icon {
     background-color: rgba(0, 0, 0, 0);
     height: 31px;
     left: 0;
     margin: 0 auto;
     overflow: hidden;
     position: absolute;
     right: 0;
     top: -120px;
     transform: rotate(-60deg) skewY(30deg);
     width: 27px;
 }
 
 .roadmap_icon.icon_gradient_box::before {
     background: -webkit-linear-gradient(left, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
     background: linear-gradient(to right, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
 }
 
 .roadmap_icon::before {
     background-color: #26b6d4;
     color: #ffffff;
     content: "T";
     display: block;
     font-size: 28px;
     font-weight: 700;
     height: inherit;
     transform: skewY(-30deg) rotate(60deg) translate(0%);
     width: inherit;
 }
 
 .rd_complete .roadmap_icon::before {
     content: "";
     font-family: ionicons;
     font-size: 16px;
     font-weight: normal;
 }
 
 .roadmap_inner::before {
     background-color: #26b6d4;
     content: "";
     height: 94px;
     left: 0;
     margin: 0 auto;
     position: absolute;
     right: 0;
     top: -100px;
     width: 3px;
 }
 
 .roadmap_inner::after {
     background: #26b6d4 none repeat scroll 0 0;
     border: 2px solid #ffffff;
     border-radius: 100%;
     content: "";
     height: 15px;
     left: 0;
     margin: 0 auto;
     position: absolute;
     right: 0;
     top: -6px;
     width: 15px;
     z-index: -1;
 }
 
 .roadmap_inner {
     background-color: #26b6d4;
     border-radius: 10px;
     padding: 20px;
 }
 
 .roadmap_box h6 {
     color: #ffffff;
 }
 
 .roadmap_box p {
     color: #ffffff;
     font-size: 14px;
     line-height: 26px;
     margin: 0;
 }
 
 .roadmap .owl-prev,
 .roadmap .owl-next {
     position: absolute;
     top: 0;
 }
 
 .roadmap .owl-prev {
     left: -33px;
 }
 
 .roadmap .owl-next {
     right: -33px;
 }
 
 .roadmap .owl-nav i {
     background-color: #26b6d4;
     border-radius: 100%;
     color: #ffffff;
     display: block;
     font-size: 26px;
     height: 33px;
     line-height: 37px;
     text-align: center;
     width: 33px;
 }
 
 .roadmap .owl-prev i {
     padding-right: 3px;
 }
 
 .roadmap .owl-next i {
     padding-left: 3px;
 }
 
 .roadmap .owl-nav .disabled {
     cursor: default;
 }
 
 .roadmap .owl-nav .disabled i {
     background-color: #1C88BD;
     color: #9FB3D7;
 }
 
 .timeline_wrap {
     margin-top: 20px;
     padding-top: 30px;
     position: relative;
 }
 
 .timeline_wrap::before {
     background-color: #ffffff;
     bottom: 0;
     content: "";
     height: 100%;
     left: 50%;
     position: absolute;
     top: 0;
     width: 1px;
 }
 
 .timeline_block {
     display: inline-block;
     position: relative;
 }
 
 .timeline_icon {
     background-color: #ffffff;
     border-radius: 100%;
     font-size: 12px;
     height: 20px;
     left: 50%;
     line-height: 23px;
     position: absolute;
     text-align: center;
     top: 0;
     transform: translateX(-50%);
     width: 20px;
 }
 
 .timeline_content {
     position: relative;
     text-align: right;
     width: 47%;
 }
 
 .timeline_content h6,
 .timeline_content p {
     color: #ffffff;
 }
 
 .tm_date {
     color: #46d6ff;
     font-weight: 600;
     left: 113%;
     line-height: normal;
     position: absolute;
     text-align: left;
     top: -3px;
     width: 100%;
 }
 
 .timeline_block:nth-child(2n) .timeline_content {
     float: right;
     text-align: left;
 }
 
 .timeline_block:nth-child(2n) .tm_date {
     left: auto;
     right: 113%;
     text-align: right;
 }
 
 .timeline_icon.tm_complete {
     background-color: #73e080;
     color: #ffffff;
 }
 
 .v_blue .roadmap_inner::before,
 .v_blue .roadmap_inner::after,
 .v_blue .roadmap::before,
 .v_blue .roadmap_inner,
 .v_blue .roadmap .owl-nav i {
     background-color: #0f3e97;
 }
 
 .v_dark .roadmap_inner::before,
 .v_dark .roadmap_inner::after,
 .v_dark .roadmap::before,
 .v_dark .roadmap_inner,
 .v_dark .roadmap .owl-nav i,
 .v_dark_light .roadmap_inner::before,
 .v_dark_light .roadmap_inner::after,
 .v_dark_light .roadmap::before,
 .v_dark_light .roadmap_inner,
 .v_dark_light .roadmap .owl-nav i {
     background-color: #1a1c34;
 }
 
 .v_dark .roadmap .owl-nav .disabled i,
 .v_dark_light .roadmap .owl-nav .disabled i {
     color: #999999;
 }
 
 /*===================================*
 07. END TIMELINE SECTION
 *===================================*/
 
 /*===================================*
 08. TEAM SECTION
 *===================================*/
 .team_info {
     background-color: #25b8d5;
     padding: 20px;
 }
 
 .gradient_box {
     background: -webkit-linear-gradient(left, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
     background: linear-gradient(to right, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
 }
 
 .team_info h4 a {
     color: #ffffff;
     font-size: 22px;
     font-weight: bold;
 }
 
 .team_info p {
     color: #ffffff;
     line-height: normal;
     margin: 0;
 }
 
 .team_img {
     overflow: hidden;
     position: relative;
 }
 
 .team_img img {
     width: 100%;
 }
 
 .social_team {
     left: 0;
     position: absolute;
     right: 0;
     top: 50%;
     -moz-transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
 }
 
 .social_team li {
     display: inline-block;
     opacity: 0;
     transform: translateY(130px);
     transition: all 0.5s ease 0s;
     visibility: hidden;
 }
 
 .team_img:hover .social_team li {
     opacity: 1;
     transform: translateY(0px);
     visibility: visible;
 }
 
 .social_team li:nth-child(2n) {
     transition: all 0.6s ease 0s;
 }
 
 .social_team li:nth-child(3n) {
     transition: all 0.8s ease 0s;
 }
 
 .social_team li:nth-child(4n) {
     transition: all 1s ease 0s;
 }
 
 .social_team a {
     background-color: #25b8d5;
     border-radius: 40px;
     color: #ffffff;
     display: block;
     font-size: 24px;
     height: 38px;
     line-height: 40px;
     position: relative;
     text-align: center;
     width: 38px;
     z-index: 1;
 }
 
 .social_team a:before {
     background: -webkit-linear-gradient(left, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
     background: linear-gradient(to right, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
     border-radius: 40px;
     content: "";
     height: 100%;
     left: 0;
     opacity: 0;
     position: absolute;
     top: 0;
     transition: all 0.5s ease 0s;
     width: 100%;
     z-index: -1;
 }
 
 .social_team a:hover:before {
     opacity: 1;
 }
 
 .mfp-bg {
     background: -webkit-linear-gradient(to bottom, rgba(32, 18, 111, 1) 10%, rgba(13, 70, 159, 1) 100%);
     background-image: linear-gradient(to bottom, rgba(32, 18, 111, 1) 10%, rgba(13, 70, 159, 1) 100%);
     opacity: 0.8;
 }
 
 .team_pop {
     background-color: #ffffff;
     border-radius: 4px;
     margin: 30px auto;
     max-width: 800px;
     padding: 10px;
     position: relative;
 }
 
 .social_single_team {
     margin-bottom: 10px;
 }
 
 .social_single_team li {
     display: inline-block;
     padding-right: 10px;
 }
 
 .social_single_team li a {
     color: #25b8d5;
 }
 
 .team_pop .title_dark h2 {
     margin-bottom: 10px;
 }
 
 .team_wrap .shap1,
 .team_wrap .shap5 {
     bottom: auto;
     top: 100px;
 }
 
 .team_wrap .shap2,
 .team_wrap .shap6 {
     bottom: 100px;
     top: auto;
 }
 
 .team_content {
     margin-top: 15px;
 }
 
 .team_bx {
     background-color: #142bac;
 }
 
 .team_image {
     padding-top: 15px;
 }
 
 .rounded-img img {
     border-radius: 100%;
 }
 
 .team_content h5 a {
     color: #46d6ff;
 }
 
 .team_content h5 {
     margin-bottom: 5px;
 }
 
 .team_content p {
     color: #ffffff;
     margin: 0;
 }
 
 .team_social {
     background-color: #00036d;
     margin-top: 10px;
     padding: 10px 15px;
 }
 
 .team_social li {
     display: inline-block;
 }
 
 .team_social li a {
     color: #ffffff;
     padding: 0 5px;
 }
 
 .team_social li a:hover {
     color: #46d6ff;
 }
 
 .v_blue .team_info {
     background-color: #0f3e97;
 }
 
 .v_blue .mfp-bg {
     background-color: #0d469f;
     background-image: none;
 }
 
 .v_dark .team_info,
 .v_dark_light .team_info {
     background-color: #1a1c34;
 }
 
 .v_dark .mfp-bg,
 .v_dark_light .mfp-bg {
     background-color: #1a1c34;
     background-image: none;
 }
 
 
 /*===================================*
 08. END TEAM SECTION
 *===================================*/
 /*===================================*
 09. FAQ SECTION
 *===================================*/
 .faq_content .card {
     border: 0 none;
     border-radius: 0;
     margin-bottom: 10px;
 }
 
 .faq_content .card:last-child {
     margin-bottom: 0px;
 }
 
 .faq_content .card-header {
     background-color: rgba(0, 0, 0, 0);
     border: 0 none;
     padding: 0;
 }
 
 .faq_content .card-header a {
     background-color: #25b8d5;
     color: #ffffff;
     display: block;
     font-weight: 600;
     padding: 15px 40px 15px 15px;
 }
 
 .faq_content .card-body {
     padding: 10px 15px;
     position: relative;
     z-index: 1;
 }
 
 .faq_content .card {
     background-color: #25b8d5;
 }
 
 .faq_content .card-body::after {
     background-color: #ffffff;
     bottom: 1px;
     content: "";
     left: 1px;
     position: absolute;
     right: 1px;
     top: 0;
     z-index: -1;
 }
 
 .faq_content .card-header a::after {
     color: #ffffff;
     content: "";
     font-family: "Ionicons";
     font-size: 22px;
     font-weight: normal;
     position: absolute;
     right: 15px;
     top: 12px;
 }
 
 .faq_content .card-header a.collapsed:after {
     content: "\f217";
 }
 
 .faq_content .card-header a::before {
     content: "Q.";
     font-weight: 600;
     margin-right: 5px;
 }
 
 .card-body::before {
     content: "A.";
     font-weight: 600;
     margin-right: 5px;
 }
 
 .faq_box .card {
     background-color: rgba(0, 0, 0, 0);
     border: 1px solid #ffffff;
     margin-bottom: 10px;
 }
 
 .faq_box .card-header {
     background-color: rgba(0, 0, 0, 0);
     border: 0 none;
     padding: 0;
 }
 
 .faq_box .card-header a {
     color: #ffffff;
     display: block;
     font-weight: 600;
     padding: 15px 40px 15px 15px;
 }
 
 .faq_box .card-body {
     border-top: 1px solid #ffffff;
     color: #ffffff;
 }
 
 .faq_box .card-header a::after {
     color: #ffffff;
     content: "\f126";
     font-family: "Ionicons";
     font-size: 22px;
     font-weight: normal;
     position: absolute;
     right: 15px;
     top: 12px;
 }
 
 .faq_box .card-header a.collapsed:after {
     content: "\f123";
 }
 
 .faq_box .card-body::before {
     content: normal;
 }
 
 .v_blue .faq_content .card-body::after {
     background-color: #0f3e97;
 }
 
 .v_blue .faq_content .card-body,
 .v_dark .faq_content .card-body {
     color: #fff;
 }
 
 .v_blue .faq_content .card,
 .v_blue .faq_content .card-header a {
     background-color: #0f3e97;
 }
 
 .v_dark .faq_content .card,
 .v_dark .faq_content .card-header a,
 .v_dark_light .faq_content .card,
 .v_dark_light .faq_content .card-header a {
     background-color: #1a1c34;
 }
 
 .v_dark .faq_content .card-body::after {
     background-color: #12142c;
 }
 
 /*===================================*
 09. END FAQ SECTION
 *===================================*/
 /*===================================*
 10. CLIENT SECTION
 *===================================*/
 .client_logo img {
     margin-top: 20px;
 }
 
 .client_logo .shape {
     height: 90vh;
     z-index: 1;
 }
 
 /*===================================*
 10. END CLIENT SECTION
 *===================================*/
 /*===================================*
 11. CONTACT SECTION
 *===================================*/
 .form_field input,
 .form_field textarea {
     background-color: rgba(0, 0, 0, 0);
     border-bottom: 1px solid #7ab9ff;
     border-left: 0;
     border-right: 0;
     border-top: 0;
     border-radius: 0;
     color: #7ab9ff;
     padding: 10px 0;
 }
 
 .form_field input:focus,
 .form_field textarea:focus {
     background-color: rgba(0, 0, 0, 0);
     border-bottom: 1px solid #7ab9ff;
     border-left: 0;
     border-right: 0;
     border-top: 0;
     box-shadow: none;
     color: #7ab9ff;
     outline: 0 none;
 }
 
 .form_field textarea {
     resize: none;
 }
 
 .form_field input[required="required"] {
     box-shadow: none;
     outline: medium none;
 }
 
 .contact_detail {
     border-left: 1px solid #ffffff;
     padding-left: 10px;
 }
 
 .contact_info li {
     margin-bottom: 25px;
 }
 
 .contact_info li:last-child {
     margin-bottom: 0px;
 }
 
 .contact_info li i {
     color: #ffffff;
     font-size: 26px;
     text-align: center;
     width: 40px;
 }
 
 .contact_detail span {
     color: #26b6d4;
     display: block;
     font-size: 14px;
     font-weight: 600;
     line-height: normal;
     text-transform: uppercase;
 }
 
 .contact_detail p {
     color: #ffffff;
     line-height: normal;
     margin: 0;
 }
 
 .alert-msg-failure {
     color: #ff0000;
     margin-top: 5px;
 }
 
 .alert-msg-success {
     color: #07AD00;
     margin-top: 5px;
 }
 
 .form_submit {
     text-align: right;
 }
 
 .contact_form input,
 .contact_form textarea {
     background-color: rgba(0, 0, 0, 0);
     border: 1px solid rgba(255, 255, 255, 0.2);
     border-radius: 0;
     color: #fff;
     padding: 10px;
 }
 
 .contact_form textarea {
     height: 170px;
 }
 
 .contact_form input:focus,
 .contact_form textarea:focus {
     background-color: rgba(0, 0, 0, 0);
     border: 1px solid rgba(255, 255, 255, 0.2);
     box-shadow: none;
     color: #ffffff;
     outline: 0 none;
 }
 
 .contact_form .form-control::-webkit-input-placeholder {
     color: #ffffff;
 }
 
 .contact_form .form-control:-moz-placeholder {
     color: #ffffff;
 }
 
 .contact_form .form-control::-moz-placeholder {
     color: #ffffff;
 }
 
 .contact_form .form-control:-ms-input-placeholder {
     color: #ffffff;
 }
 
 .con_info p {
     color: #fff;
     margin: 0;
 }
 
 .con_dt li {
     margin-bottom: 15px;
 }
 
 .con_dt i {
     background-color: #00036d;
     border: 1px solid rgba(255, 255, 255, 0.5);
     border-radius: 100%;
     color: #ffffff;
     font-size: 18px;
     height: 35px;
     line-height: 35px;
     margin-right: 10px;
     text-align: center;
     width: 35px;
 }
 
 
 .v_light .form_field input,
 .v_light .form_field textarea {
     border-color: #26b6d4;
     color: #26b6d4;
 }
 
 .v_light .contact_info li i {
     color: #26b6d4;
 }
 
 .v_light .contact_detail {
     border-color: #26b6d4;
 }
 
 .v_light .contact_detail p {
     color: #7a7a7a;
 }
 
 .v_dark .form-control::-webkit-input-placeholder {
     color: #ffffff;
 }
 
 .v_dark .form-control:-moz-placeholder {
     color: #ffffff;
 }
 
 .v_dark .form-control::-moz-placeholder {
     color: #ffffff;
 }
 
 .v_dark .form-control:-ms-input-placeholder {
     color: #ffffff;
 }
 
 .v_dark .form_field input,
 .v_dark .form_field textarea,
 .v_dark .form_field input:focus,
 .v_dark .form_field textarea:focus {
     border-bottom: 1px solid #ffffff;
     color: #ffffff;
 }
 
 .v_dark_light .form-control::-webkit-input-placeholder {
     color: #ffffff;
 }
 
 .v_dark_light .form-control:-moz-placeholder {
     color: #ffffff;
 }
 
 .v_dark_light .form-control::-moz-placeholder {
     color: #ffffff;
 }
 
 .v_dark_light .form-control:-ms-input-placeholder {
     color: #ffffff;
 }
 
 .v_dark_light .form_field input,
 .v_dark_light .form_field textarea,
 .v_dark_light .form_field input:focus,
 .v_dark_light .form_field textarea:focus {
     border-bottom: 1px solid #ffffff;
     color: #ffffff;
 }
 
 /*===================================*
 11. END CONTACT SECTION
 *===================================*/
 /*===================================*
 12. FOOTER SECTION
 *===================================*/
 .top_footer {
     position: relative;
 }
 
 .top_footer {
     border-top: 1px solid #3d5091;
     padding: 100px 0;
 }
 
 .footer_title {
     color: #ffffff;
     font-size: 22px;
     font-weight: 600;
     margin-bottom: 30px;
 }
 
 .newsletter_form form {
     position: relative;
 }
 
 .newsletter_form input {
     background-color: #0d2476;
     color: #ffffff;
 }
 
 .newsletter_form .outline_input {
     background: -webkit-linear-gradient(left, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
     background: linear-gradient(to right, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
     border-radius: 40px;
     bottom: 0;
     content: "";
     left: 0;
     padding: 2px;
     right: 0;
     top: 0;
 }
 
 .outline_input input {
     border-radius: 30px;
     height: 60px;
     padding-right: 37%;
     width: 100%;
 }
 
 .newsletter_form input::-webkit-input-placeholder {
     color: #fff;
     opacity: 1;
 }
 
 .newsletter_form input:-moz-placeholder {
     color: #fff;
     opacity: 1;
 }
 
 .newsletter_form input::-moz-placeholder {
     color: #fff;
     opacity: 1;
 }
 
 .newsletter_form input:-ms-input-placeholder {
     color: #fff;
     opacity: 1;
 }
 
 .newsletter_form input:focus {
     outline: none;
 }
 
 .newsletter_form button {
     position: absolute;
     right: 5px;
     top: 5px;
 }
 
 .newsletter_form+.footer_social {
     margin-top: 30px;
 }
 
 .newslattter_small {
     margin: 0 auto;
     max-width: 490px;
 }
 
 section#about .banner_text.pt-5.mt-4 {
     padding-top: 0 !important;
     margin: 0 !important;
 }
 
 .footer_social li {
     display: inline-block;
     margin: 0 3px 0 0;
 }
 
 .footer_social li a {
     border: 2px solid #ffffff;
     border-radius: 100%;
     color: #ffffff;
     display: block;
     font-size: 20px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     width: 40px;
 }
 
 .footer_social li a:hover {
     background-color: #26b6d4;
     border-color: transparent;
 }
 
 .bottom_footer {
     background-color: #0a1c5d;
     padding: 30px 0;
 }
 
 .copyright {
     color: #ffffff;
     font-size: 14px;
     margin: 0;
 }
 
 .footer_menu {
     text-align: right;
 }
 
 .footer_menu li {
     display: inline-block;
     margin-left: 10px;
 }
 
 .footer_menu li a,
 .footer_link a {
     color: #fff;
     font-size: 14px;
 }
 
 .footer_menu li a:hover,
 .footer_link a:hover {
     color: #26b6d4;
 }
 
 .footer_link li {
     float: left;
     line-height: normal;
     margin-top: 10px;
     vertical-align: top;
     width: 50%;
 }
 
 .footer_link li:nth-child(-n+2) {
     margin-top: 0px;
 }
 
 .footer_link li:nth-child(2n+1) {
     padding-right: 15px;
 }
 
 .footer_desc {
     margin-top: 20px;
 }
 
 .footer_desc p {
     color: #ffffff;
     margin-bottom: 0;
 }
 
 .v_light .top_footer {
     border-top: 1px solid #d2d0e2;
 }
 
 .v_light .footer_title {
     color: #20126f;
 }
 
 .v_light .newsletter_form input {
     background-color: #ffffff;
     color: #7a7a7a;
 }
 
 .v_light .newsletter_form input::-webkit-input-placeholder {
     color: #7a7a7a;
 }
 
 .v_light .newsletter_form input:-moz-placeholder {
     color: #7a7a7a;
 }
 
 .v_light .newsletter_form input::-moz-placeholder {
     color: #7a7a7a;
 }
 
 .v_light .newsletter_form input:-ms-input-placeholder {
     color: #7a7a7a;
 }
 
 .v_light .footer_social li a {
     border: 2px solid #20126f;
     color: #20126f;
 }
 
 .v_light .footer_social li a:hover {
     background-color: #26b6d4;
     border-color: transparent;
     color: #ffffff;
 }
 
 .v_light .footer_link a {
     color: #20126f;
 }
 
 .v_light .footer_link a:hover {
     color: #26b6d4;
 }
 
 .v_dark .newsletter_form input,
 .v_dark_light .newsletter_form input {
     background-color: #080b1f;
 }
 
 .v_dark .top_footer,
 .v_dark_light .top_footer {
     border-top: 1px solid #393c4c;
 }
 
 .v_dark .bottom_footer,
 .v_dark_light .bottom_footer {
     background-color: #0c0e28;
 }
 
 .v_blue_pro .newsletter_form input {
     background-color: #142bac;
 }
 
 .v_blue_pro .bottom_footer {
     background-color: #041b9c;
 }
 
 /*===================================*
 12. END FOOTER SECTION
 *===================================*/
 
 /*===================================*
 13. BLOG PAGE
 *====================================*/
 .blog_content {
     padding: 15px;
     margin-bottom: 40px;
 }
 
 .blog_title {
     font-weight: 600;
 }
 
 .blog_item {
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 }
 
 .blog_meta {
     display: inline-block;
     width: 100%;
 }
 
 .blog_meta li {
     float: left;
     padding-right: 15px;
 }
 
 .blog_meta li:last-child {
     padding: 0;
 }
 
 .blog_content p {
     margin: 0;
 }
 
 .blog_img {
     overflow: hidden;
 }
 
 .blog_img img {
     zoom: 1;
     -moz-transform: scale(1);
     -o-transform: scale(1);
     -webkit-transform: scale(1);
     transform: scale(1);
     /* Standard Property */
     transition: all 0.5s ease 0s;
     width: 100%;
 }
 
 .blog_item:hover img {
     zoom: 1.1;
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
     /* Standard Property */
 }
 
 .pagination li a {
     background-color: #002e87;
     color: #ffffff;
     display: block;
     font-size: 18px;
     line-height: normal;
     padding: 10px 22px;
 }
 
 .pagination li.active a,
 .pagination li a:hover {
     background-color: #001e77;
 }
 
 .pagination li:first-child a {
     border-radius: 5px 0 0 5px;
 }
 
 .pagination li:last-child a {
     border-radius: 0 5px 5px 0;
 }
 
 /*Sidebar Section*/
 .sidebar_block {
     padding-left: 30px;
 }
 
 .form_search {
     position: relative;
 }
 
 .form_search input {
     border: 1px solid #dddddd;
     border-radius: 40px;
     padding-right: 45px;
 }
 
 .form_search button {
     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
     border-radius: 0;
     color: #999999;
     font-size: 22px;
     padding: 0;
     position: absolute;
     right: 20px;
     top: 12px;
 }
 
 .widget {
     margin-bottom: 30px;
 }
 
 .widget_title {
     border-bottom: 1px solid #dddddd;
     margin-bottom: 15px;
     padding-bottom: 10px;
     position: relative;
 }
 
 .widget_title::before {
     background-color: #20126f;
     bottom: -2px;
     content: "";
     height: 3px;
     left: 0;
     position: absolute;
     width: 70px;
 }
 
 .widget_category li,
 .widget_archive li {
     margin-bottom: 5px;
 }
 
 .widget_category li a,
 .widget_archive li a {
     color: #7a7a7a;
     display: block;
     padding-left: 20px;
     position: relative;
 }
 
 .widget_category li a:hover,
 .widget_archive li a:hover {
     color: #26b6d4;
 }
 
 .widget_category li a::before,
 .widget_archive li a:before {
     content: "\f30f";
     font-family: ionicons;
     left: 0;
     position: absolute;
     top: 0;
 }
 
 .widget-post-thumb {
     float: left;
 }
 
 .widget-post-thumb img {
     max-width: 100px;
 }
 
 .widget-post-content h6 {
     font-weight: 600;
 }
 
 .widget-post-content {
     overflow: hidden;
     padding-left: 10px;
 }
 
 .widget-post {
     border-bottom: 1px dashed #999999;
     display: inline-block;
     margin-top: 15px;
     padding-bottom: 15px;
     width: 100%;
 }
 
 .widget-date {
     font-size: 14px;
     line-height: normal;
 }
 
 .tags li {
     display: inline-block;
 }
 
 .tags li a {
     border: 1px solid #7a7a7a;
     border-radius: 40px;
     color: #7a7a7a;
     display: block;
     font-size: 14px;
     margin-top: 10px;
     padding: 5px 15px;
 }
 
 .tags li a:hover {
     border-color: #26b6d4;
     color: #26b6d4;
 }
 
 .widget_archive li a span {
     float: right;
 }
 
 /*Post Detail*/
 .post_content p {
     margin-bottom: 20px;
 }
 
 .blog_content_detail .blog_content p:last-child {
     margin: 0;
 }
 
 .post_content {
     margin-top: 20px;
 }
 
 .social-share {
     display: inline-block;
     width: 100%;
 }
 
 .social-share li {
     float: left;
 }
 
 .social-share li a {
     background-color: #dddddd;
     border-radius: 100%;
     color: #ffffff;
     display: block;
     height: 35px;
     line-height: 36px;
     margin-right: 5px;
     text-align: center;
     width: 35px;
 }
 
 .social-share li a:hover {
     opacity: 0.7;
 }
 
 .social-share li.facebook a {
     background: #3b5999;
 }
 
 .social-share li.twitter a {
     background: #34CBFF;
 }
 
 .social-share li.google-plus a {
     background: #D14836;
 }
 
 .social-share li.pinterest a {
     background: #B30610;
 }
 
 .social-share li.linkedin a {
     background: #01669A;
 }
 
 .social-share li.reddit a {
     background: #6FC2FD;
 }
 
 .social-share li.tumblr a {
     background: #2D5770;
 }
 
 .comment_info {
     background-color: #f6f8ff;
     margin-top: 10px;
     padding: 30px;
 }
 
 .comment_info.reply {
     border-top: 1px solid #dddddd;
     margin: 0;
     padding-left: 90px;
 }
 
 .comment-area {
     margin-top: 30px;
 }
 
 .comment-title {
     margin-bottom: 30px;
 }
 
 .user_img img {
     border-radius: 100%;
     height: auto;
     max-width: 80px;
 }
 
 .comment_content {
     padding-left: 20px;
 }
 
 .meta_data h6 {
     margin-bottom: 0;
 }
 
 .comment-time {
     font-size: 14px;
     line-height: normal;
     margin-bottom: 8px;
 }
 
 .comment-reply i {
     margin-right: 5px;
 }
 
 .comment_content p {
     margin: 0;
 }
 
 .comment_list {
     margin-bottom: 30px;
 }
 
 .v_blue .blog_content,
 .v_blue .comment_info {
     background-color: #0f3e97;
 }
 
 .v_dark_light .blog_title,
 .v_dark_light .blog_title a,
 .v_dark_light .blog_meta li a,
 .v_dark_light .blog_content a,
 .v_dark_light .widget_title,
 .v_dark_light .widget-post-content h6 a,
 .v_dark_light .comment-title h5 {
     color: #1a1c34;
 }
 
 .v_blue .blog_title a,
 .v_blue .blog_meta a,
 .v_blue .blog_content p,
 .v_blue .blog_content a,
 .v_blue .widget_title,
 .v_blue .widget_category li a,
 .v_blue .widget_archive li a,
 .v_blue .widget-post-content h6 a,
 .v_blue .widget-date,
 .v_blue .tags li a,
 .v_blue .post_content p,
 .v_blue .comment-title h5,
 .v_blue .meta_data a,
 .v_blue .comment-time,
 .v_blue .comment-reply,
 .v_blue .comment_content p,
 .v_dark .blog_title a,
 .v_dark .blog_meta a,
 .v_dark .blog_content p,
 .v_dark .blog_content a,
 .v_dark .widget_title,
 .v_dark .widget_category li a,
 .v_dark .widget_archive li a,
 .v_dark .widget-post-content h6 a,
 .v_dark .widget-date,
 .v_dark .tags li a,
 .v_dark .post_content p,
 .v_dark .comment-title h5,
 .v_dark .meta_data a,
 .v_dark .comment-time,
 .v_dark .comment-reply,
 .v_dark .comment_content p,
 .v_dark_light .meta_data a,
 .v_dark_light .comment-time,
 .v_dark_light .comment_content p,
 .v_dark_light .comment-reply {
     color: #ffffff;
 }
 
 .v_blue .blog_title a:hover,
 .v_blue .blog_meta a:hover,
 .v_blue .blog_content a:hover,
 .v_blue .widget_category li a:hover,
 .v_blue .widget_archive li a:hover,
 .v_blue .widget-post-content h6 a:hover,
 .v_blue .tags li a:hover,
 .v_blue .meta_data a:hover,
 .v_blue .comment-reply:hover,
 .v_dark .tags li a:hover,
 .v_dark .blog_title a:hover,
 .v_dark .blog_meta a:hover,
 .v_dark .blog_content a:hover,
 .v_dark .widget_category li a:hover,
 .v_dark .widget_archive li a:hover,
 .v_dark .widget-post-content h6 a:hover,
 .v_dark .tags li a:hover,
 .v_dark .meta_data a:hover,
 .v_dark .comment-reply:hover,
 .v_dark_light .blog_title a:hover,
 .v_dark_light .blog_meta li a:hover,
 .v_dark_light .blog_content a:hover,
 .v_dark_light .widget-post-content h6 a:hover,
 .v_dark_light .meta_data a:hover,
 .v_dark_light .comment-reply:hover {
     color: #26b6d4;
 }
 
 .v_blue .tags li a {
     border-color: #fff;
 }
 
 .v_blue .tags li a:hover {
     border-color: #26b6d4;
 }
 
 .v_blue .widget_title::before {
     background-color: #ffffff;
 }
 
 .v_blue .comment_info.reply {
     border-top: 1px solid #001e77;
 }
 
 .v_dark .blog_content,
 .v_dark .comment_info,
 .v_dark_light .comment_info {
     background-color: #1a1c34;
 }
 
 .v_dark .comment_info.reply,
 .v_dark_light .comment_info.reply {
     border-top: 1px solid #000014;
 }
 
 .v_dark .tags li a {
     border-color: #fff;
 }
 
 .v_dark .tags li a:hover {
     border-color: #26b6d4;
 }
 
 .v_dark .widget_title:before {
     background-color: #ffffff;
 }
 
 .v_dark_light .widget_title:before {
     background-color: #1a1c34;
 }
 
 .v_dark .pagination li a,
 .v_dark_light .pagination li a {
     background-color: #1a1c34;
 }
 
 .v_dark .pagination li.active a,
 .v_dark .pagination li a:hover,
 .v_dark_light .pagination li.active a,
 .v_dark_light .pagination li a:hover {
     background-color: #2a2c44;
 }
 
 .v_light .blog_content {
     background-color: #f6f8ff;
 }
 
 .v_light .pagination li a {
     background-color: #f6f8ff;
     color: #002e87;
 }
 
 .v_light .pagination li.active a,
 .v_light .pagination li a:hover {
     background-color: #e6e8ef;
 }
 
 .v_dark_light .comment-area .form_field input,
 .v_dark_light .comment-area .form_field textarea,
 .v_dark_light .comment-area .form_field input:focus,
 .v_dark_light .comment-area .form_field textarea:focus {
     border-color: #1a1c34;
     color: #1a1c34;
 }
 
 .v_dark_light .comment-area .form-control::-webkit-input-placeholder {
     color: #1a1c34;
 }
 
 .v_dark_light .comment-area .form-control:-moz-placeholder {
     color: #1a1c34;
 }
 
 .v_dark_light .comment-area .form-control::-moz-placeholder {
     color: #1a1c34;
 }
 
 .v_dark_light .comment-area .form-control:-ms-input-placeholder {
     color: #1a1c34;
 }
 
 /*===================================*
 13. END BLOG PAGE
 *====================================*/
 
 /*===================================*
 14. LOGIN PAGE
 *====================================*/
 .authorize_box {
     background-color: #fff;
     border-radius: 5px;
     box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
     margin: 0 auto;
     max-width: 400px;
     padding: 35px;
 }
 
 .authorize_form input {
     border: 1px solid #c0c0c0;
     border-radius: 40px;
 }
 
 .authorize_form input#password-field {
     padding-right: 50px;
 }
 
 .authorize_form input:hover,
 .authorize_form input:focus {
     border-color: #999999;
 }
 
 .authorize_form button {
     width: 100%;
 }
 
 .checkbox_field input {
     display: none;
     width: auto;
 }
 
 .checkbox_field label {
     padding-left: 20px;
     cursor: pointer;
     font-size: 14px;
     margin: 0;
     position: relative;
 }
 
 .checkbox_field label::before {
     content: "\f372";
     font-family: ionicons;
     font-size: 18px;
     left: 0;
     line-height: normal;
     position: absolute;
     top: 5px;
 }
 
 .checkbox_field input:checked+label::before {
     content: "\f373";
 }
 
 .forgot_pass {
     float: right;
     font-size: 14px;
 }
 
 .authorize_form .form-group {
     position: relative;
 }
 
 .toggle-password {
     color: #999999;
     cursor: pointer;
     font-size: 26px;
     position: absolute;
     right: 15px;
     top: 12px;
 }
 
 .authorize_form .form-group:last-child {
     margin: 0;
 }
 
 .v_blue .authorize_box {
     background-color: #0f3e97;
 }
 
 .v_light .authorize_box {
     background-color: #f6f8ff;
 }
 
 .v_blue .checkbox_field label,
 .v_blue .forgot_pass,
 .v_blue .authorize_form .form-group span,
 .v_blue .authorize_form .form-group span a,
 .v_blue .authorize_form .form-group .checkbox_field label a,
 .v_dark .checkbox_field label,
 .v_dark .forgot_pass,
 .v_dark .authorize_form .form-group span,
 .v_dark .authorize_form .form-group span a,
 .v_dark .authorize_form .form-group .checkbox_field label a {
     color: #ffffff;
 }
 
 .v_blue .forgot_pass:hover,
 .v_blue .authorize_form .form-group span a:hover,
 .v_blue .authorize_form .form-group .checkbox_field label a:hover,
 .v_dark .forgot_pass:hover,
 .v_dark .authorize_form .form-group span a:hover,
 .v_dark .authorize_form .form-group .checkbox_field label a:hover {
     color: #26b6d4;
 }
 
 .v_dark .authorize_box {
     background-color: #1a1c34;
 }
 
 .v_dark_light .forgot_pass,
 .v_dark_light .authorize_form .form-group span a {
     color: #1a1c34;
 }
 
 .v_dark_light .forgot_pass:hover,
 .v_dark_light .authorize_form .form-group span a:hover {
     color: #26b6d4;
 }
 
 /*===================================*
 14. LOGIN PAGE
 *====================================*/
 
 
 span.statcounter {
     display: none;
 }
 
 
 .wifi-symbol .wifi-circle.first {
     -o-animation-delay: 0.3s;
     -moz-animation-delay: 0.3s;
     -webkit-animation-delay: 0.3s;
     animation-delay: 0.3s;
 }
 
 .wifi-symbol .wifi-circle.second {
     width: 20px;
     height: 20px;
     -o-animation-delay: 0.1s;
     -moz-animation-delay: 0.1s;
     -webkit-animation-delay: 0.1s;
     animation-delay: 0.1s;
 }
 
 .wifi-symbol .wifi-circle.third {
     width: 10px;
     height: 10px;
 }
 
 .wifi-symbol .wifi-circle.fourth {
     width: 1px;
     height: 1px;
     opacity: 1;
     background-color: #2468c6;
     -o-animation: none;
     -moz-animation: none;
     -webkit-animation: none;
     animation: none;
 }
 
 @-o-keyframes wifianimation {
     0% {
         opacity: 0.5;
     }
 
     5% {
         opacity: 1;
     }
 
     6% {
         opacity: 0.5;
     }
 
     100% {
         opacity: 0.1;
     }
 }
 
 @-moz-keyframes wifianimation {
     0% {
         opacity: 0.5;
     }
 
     5% {
         opacity: 1;
     }
 
     6% {
         opacity: 0.5;
     }
 
     100% {
         opacity: 0.1;
     }
 }
 
 @-webkit-keyframes wifianimation {
     0% {
         opacity: 0.5;
     }
 
     5% {
         opacity: 1;
     }
 
     6% {
         opacity: 0.5;
     }
 
     100% {
         opacity: 0.1;
     }
 }
 
 .industries-we-serve {
     position: relative;
     overflow: hidden;
     padding-bottom: 14rem;
 }
 
 .inno-solu-left {
     display: none;
 }
 
 .inno-solu-left.active {
     display: flex;
     align-items: start;
 }
 
 .inno-solu-left-img {
 
 
     border-radius: 10px;
     max-width: 40%;
 
     position: relative;
     border: 1px solid #29ade4;
 }
 
 .inno-solu-left-img img {
     width: 100%;
     height: 320px;
     border-radius: 11px;
 }
 
 .inno-solu-left-con {
     width: 45%;
     border-radius: 10px;
     border: 1px solid #29ade4;
     /*overflow: hidden;*/
     padding: 60px 25px;
     background: #29ade4;
     margin: 50px 0 0 -36px;
     position: relative;
     z-index: 9;
 
 }
 
 .inno-solu-head {
     font-size: 22px;
     color: #fff;
     margin: 0 0 20px 0;
     font-weight: 400;
 }
 
 .inno-solu-head span {
     font-weight: 600;
 }
 
 .inno-solu-left-con p {
     color: #fff;
 }
 
 .inno-solu-btn a {
     color: #29ade4;
     background: #fff;
     padding: 5px 20px;
     display: inline-block;
     border-radius: 20px;
     margin: 20px 0 0 0;
 }
 
 .industre-sprit img {
     width: 60px;
 }
 
 .inno-solu-left-icon {
     position: absolute;
     top: 3rem;
     right: -51%;
     background: #29ade4;
     width: 200px;
     height: 200px;
     padding: 50px;
     border-radius: 50%;
     font-size: 14px;
     color: #fff;
     text-align: center;
 }
 
 .inno-solu-left-icon .industre-sprit {
     font-size: 60px;
     margin: 0 auto;
 }
 
 .inn-right-circle {
     width: 460px;
     height: 460px;
     position: absolute;
     border-radius: 100%;
     right: -15%;
     top: 2%;
     bottom: 0;
     z-index: 99;
 }
 
 .inn-right-circle img {
     width: 100%;
     height: auto;
 }
 
 .industries-we-serve {
     padding-bottom: 100px;
 }
 
 .inn-right-dotes .dots {
     width: 30px;
     height: 30px;
     border-radius: 100px;
     position: absolute;
     cursor: pointer;
     color: #fff;
 
     text-align: center;
     line-height: 30px;
 }
 
 .inn-right-dotes .dots.active,
 .inn-right-dotes .dots:hover {
     animation: pulse 1s infinite;
     box-shadow: 0 0 0 rgba(119, 103, 255, 0.7);
 }
 
 @-webkit-keyframes pulse {
     0% {
         -webkit-box-shadow: 0 0 0 0 rgba(119, 103, 255, 0.7);
     }
 
     70% {
         -webkit-box-shadow: 0 0 0 15px rgba(119, 103, 255, 0);
     }
 
     100% {
         -webkit-box-shadow: 0 0 0 0 rgba(119, 103, 255, 0);
     }
 }
 
 @keyframes pulse {
     0% {
         -moz-box-shadow: 0 0 0 0 rgba(119, 103, 255, 0.7);
         box-shadow: 0 0 0 0 rgba(0, 33, 53, 0.7);
     }
 
     70% {
         -moz-box-shadow: 0 0 0 15px rgba(119, 103, 255, 0);
         box-shadow: 0 0 0 15px rgba(0, 33, 53, 0);
     }
 
     100% {
         -moz-box-shadow: 0 0 0 0 rgba(119, 103, 255, 0);
         box-shadow: 0 0 0 0 rgba(119, 103, 255, 0);
     }
 }
 
 .dots .fa {
     font-size: 34px;
     padding: 20px 0;
 }
 
 .inn-right-dotes .dots.brownsdots {
     top: .2rem;
     left: 10rem;
     background: #b38f49;
 }
 
 .inn-right-dotes .dots.skybluedots {
     top: 2.2rem;
     left: 5.3rem;
     background: #0fa8ed;
 }
 
 .inn-right-dotes .dots.darkbluedots {
     top: 6rem;
     left: 1.8rem;
     background: #cb46ff;
 }
 
 .inn-right-dotes .dots.orangedots {
     top: 11rem;
     left: -0.2rem;
     background: #7767ff;
 }
 
 .inn-right-dotes .dots.purpaldots {
     top: 16.2rem;
     left: 0rem;
     background: #9b73ff;
 }
 
 .inn-right-dotes .dots.brownsdots6 {
     bottom: 6rem;
     left: 2rem;
     background: #0fa8ed;
 }
 
 .inn-right-dotes .dots.skybluedots7 {
     bottom: 2.5rem;
     left: 5.5rem;
     background: #25d6d5;
 }
 
 .inn-right-dotes .dots.darkbluedots8 {
     bottom: 0.5rem;
     left: 10.2rem;
     background: #6384b3;
 }
 
 .inn-right-dotes .dots.orangedots9 {
     bottom: 8.5rem;
     left: 1.2rem;
     background: #c8cc68;
 }
 
 .inn-right-dotes .dots.purpaldots10 {
     bottom: 12.5rem;
     left: 0;
     background: #9b73ff;
 }
 
 .circle-colorful {
     width: 200px;
     position: absolute;
     top: 60px;
     left: 0;
     right: 0;
     margin: 0 auto;
 }
 
 .circle-colorful img,
 .pot-circle-logo img {
     width: 100%;
 }
 
 .pot-circle-logo {
     background: #fff;
     width: 170px;
     height: 170px;
     border-radius: 100%;
     padding: 40px;
     position: absolute;
     top: 75px;
     left: 0;
     right: 0;
     margin: 0 auto;
 }
 
 .sucess-left-head {
     font-size: 26.08px;
     color: #000;
     font-family: Poppins-Bold;
     max-width: 337px;
 }
 
 .sucess-left-head img {
     width: 100%;
 }
 
 .sucess-left-subhead {
     font-size: 24px;
     color: #29ade4;
     padding: 15px 0 15px 0;
     font-style: italic;
 }
 
 .section_token {
     /*background:#E6E4FA;*/
 }
 
 .title_light2 h4 {
     color: #26b6d4;
 }
 
 .bloginner i {
     color: #26b6d4;
     font-size: 17px;
 }
 
 .overflow {
     overflow: hidden;
 }
 
 .ourblogs .box-shaow:hover img {
     transform: scale(1.1);
 }
 
 .ourblogs img {
     transition: all .5s;
     width: 100%;
     height: 200px;
 
 }
 
 /*--------------------------------------*/
 .footer {
     background-color: #EEF1F6;
     padding-top: 2.938rem;
     font-size: 14px;
 }
 
 .logo-row img {
     margin-bottom: 1.063rem;
 }
 
 .ft-links h4 {
     font-size: 16px;
     padding: 0 0 16px;
     color: #0E1133;
 }
 
 .ft-links ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }
 
 .cop,
 .ft-links li a,
 .logo-row2 li a {
 
     letter-spacing: 0;
     color: #5D5D60;
     opacity: 1;
     list-style: none;
     text-decoration: none;
     line-height: 32px;
 }
 
 .ft-links li a:hover,
 .logo-row2 li a:hover {
 
     color: #008ED2;
 
 }
 
 .copy-write {
     border-top: 1px solid #DDE2E9;
 }
 
 .logo-row {
     margin: 0 0 1.188rem;
 
 }
 
 .copy-write p {
     text-align: center;
     font-size: 14px;
     padding: 18px 0;
     margin: 0;
     color: #0E1133;
     font-weight: 300;
 }
 
 .bl-block span {
     display: flex;
     align-items: center;
     padding: 0 0 8px;
 }
 
 .bl-block.ft-address span {
     text-align: left;
     letter-spacing: 0;
     color: #5D5D60;
     opacity: 1;
     list-style: none;
     text-decoration: none;
     line-height: 32px;
     font-size: 14px;
 }
 
 .bl-block span i {
     padding-right: 10px;
     color: #26b6d4;
 }
 
 .footer .btn-border {
     height: 47px;
     line-height: 47px;
 }
 
 .btn-5 {
     display: inline-block;
     position: relative;
     background: none;
     border: none;
     color: #fff;
 
     /*cursor: pointer;*/
 
     background: rgba(255, 255, 255, 0.09);
 }
 
 .btn-5 span {
     display: block;
 
 }
 
 .btn-5:hover h4 {
     color: #008ED2;
 }
 
 .btn-5::before,
 .btn-5::after {
     content: "";
     width: 0;
     height: 4px;
     position: absolute;
     transition: all 0.2s linear;
     background: #008ED2;
 }
 
 .work_box span::before,
 .work_box span::after {
     content: "";
     width: 4px;
     height: 0;
     position: absolute;
     transition: all 0.2s linear;
     background: #008ED2;
 }
 
 .btn-5:hover::before,
 .btn-5:hover::after {
     width: 70%;
 }
 
 .btn-5:hover span::before,
 .btn-5:hover span::after {
     height: 70%;
 }
 
 /*----- button 5 -----*/
 .btn-5::after {
     left: -4px;
     bottom: -4px;
     transition-duration: 0.4s;
 }
 
 .btn-5 span::after {
     right: -4px;
     top: -4px;
     transition-duration: 0.4s;
 }
 
 .btn-5::before {
     right: -4px;
     top: -4px;
     transition-duration: 0.4s;
 }
 
 .btn-5 span::before {
     left: -4px;
     bottom: -4px;
     transition-duration: 0.4s;
 }
 
 . {
     background: url(../images/ani.gif) no-repeat center;
     background-size: cover;
 }
 
 /*---------------------------------------------------------------------------------------- blog section -------------------------------------------------------*/
 
 .ourblogs .bloginner {
     display: inline-block;
     position: relative;
     background: none;
     border: none;
     color: #fff;
 
     /*cursor: pointer;*/
 
     background: rgba(255, 255, 255, 0.09);
 }
 
 .ourblogs .bloginner span {
     display: block;
 
 }
 
 .ourblogs .bloginner:hover h4 {
     color: #008ED2;
 }
 
 .ourblogs .bloginner:before,
 .ourblogs .bloginner::after {
     content: "";
     width: 0;
     height: 4px;
     position: absolute;
     transition: all 0.2s linear;
     background: #fff;
 }
 
 .ourblogs .bloginner span::before,
 .ourblogs .bloginner span::after {
     content: "";
     width: 4px;
     height: 0;
     position: absolute;
     transition: all 0.2s linear;
     background: #fff;
 }
 
 .ourblogs .bloginner:hover::before,
 .ourblogs .bloginner:hover::after {
     width: 100%;
 }
 
 .ourblogs .bloginner:hover span::before,
 .ourblogs .bloginner:hover span::after {
     height: 100%;
 }
 
 /*----- button 5 -----*/
 .ourblogs .bloginner::after {
     left: 0;
     bottom: 0;
     transition-duration: 0.4s;
 }
 
 .ourblogs .bloginner span::after {
     right: 0;
     top: 0;
     transition-duration: 0.4s;
 }
 
 .ourblogs .bloginner::before {
     right: 0;
     top: 0;
     transition-duration: 0.4s;
 }
 
 .ourblogs .bloginner span::before {
     left: 0;
     bottom: 0;
     transition-duration: 0.4s;
 }
 
 /*------------------------------------------------------------------------------*/
 
 .top-strip {
     /*background: -webkit-linear-gradient(to right, rgb(0, 26, 52) 0%,rgb(0, 142, 210) 99%);
   background: linear-gradient(to right, rgb(0, 26, 52) 0%,rgb(0, 142, 210) 99%);*/
     padding: 0px 0;
     background: #001a34;
 }
 
 .m-0.mt-2.text-white.inline-p0.email_pt.fa.fa-envelope {
     position: relative;
     top: 2px;
 }
 
 .nav-fixed .top-strip {
     margin-top: 0;
     background: #008ED2;
 }
 
 .contact_details {
     color: #fff;
     float: left;
     width: 100%;
     text-align: right;
 
 }
 
 ul.contact_details li {
     position: relative;
     margin-left: 10px;
 }
 
 .contact_details li {
     display: inline-block;
     margin-right: 0px;
     padding: 8px 0;
 }
 
 ul.contact_details li:nth-child(1) {
     padding-left: 14px !important;
 }
 
 header.fixed-top {
     top: 0px;
     background-color: #f6f8ff;
     padding: 0;
 }
 
 .fixed-top {
     position: static;
     top: 0;
     right: 0;
     left: 0;
     /* padding: 20px 0 0px 0; */
     z-index: 1030;
 }
 .scrolled header.header_wrap.strongly-fixed.fixed-top {
    position: fixed;
    z-index: 99999;
    box-shadow: 0 5px 30px rgb(6 144 211 / 51%);
}
 .contact {
     background: #0690D3;
 }
 
 .fm-lft {
     background: #001A34;
     border-radius: 6px 0 0 6px;
 }
 
 .my-fm {
     border: 2px solid #0690D3;
     border-radius: 7px;
     position: relative;
     top: -50px;
     box-sizing: content-box;
 }
 
 .blue-bg {
     background: #4ACCFF;
 }
 
 .rgtfm input {
     border-radius: 0;
     border: 1px solid #01A6C1;
     outline: none;
     height: 49px;
     padding: 0 22px;
     text-align: left;
     letter-spacing: 0;
     color: #AFB8C0;
     opacity: 1;
     font-size: 12px;
     width: 100% !important;
     max-width: 100%;
 }
 
 .form-group {
     margin: 0 0 1rem;
 }
 
 .rgtfm textarea.form-control {
     border: 1px solid #01A6C1;
     width: 100%;
     border-radius: 0;
     margin: 0 0 1rem;
     height: 106px;
     font-size: 12px;
 }
 
 .form-group.col-md-12 button {
     margin-top: 1rem;
 }
 
 .pe-5.lftblue {
     height: 100%;
 }
 
 .pe-5.lftblue .fm-lft.text-white {
     height: 100%;
 }
 
 .logo-row {
     display: flex;
     background: #fff;
     border-radius: 50px;
     box-shadow: 0px 5px 0px #001a34;
     padding: 10px 15px;
     line-height: 1;
     transition: all 0.3s ease-out;
     margin-right: 15px;
     border: 1px solid #001a34;
     box-shadow: 2px 4px 0px #bdd4ec;
 }
 
 .logo-row:hover {
     background: #dcf4ff;
     transform: translateY(-5px);
 }
 
 .logo-row img {
     height: 35px;
     margin: 0;
     margin-right: 7px;
 }
 
 .logo-row h4 {
     font-size: 20px;
     line-height: 1.8;
     margin: 0;
 }
 .gmap_canvas iframe {
    width: 100% !important;
    height: auto !important;
}
 .container {
     z-index: 9;
 }
 .header_wrap .navbar-nav.nav_btn {
    display: none;
}
 .counter-sec span.count {
     font-size: 3.75rem;
     font-weight: 700;
     display: block;
     color: #20126f;
     margin-bottom: 30px;
 }
 
 .counter-sec span::before,
 .counter-sec span::after {
     content: "";
     width: 4px;
     height: 0;
     position: absolute;
     transition: all 0.2s linear;
     background: #008ED2;
 }
 
 .counter-sec span.count-text {
     font-weight: 500;
     font-size: 1.25rem;
     color: #27B6D4;
 }
 
 .ourblogs .bloginner {
     transition: 0.5s all;
 }
 
 .ourblogs .bloginner:hover {
     background: #e7f3ff;
     box-shadow: 0 5px 30px #999;
 
 }
 
 .check-list .list-item {
     position: relative;
     padding-left: 32px;
     margin-bottom: 10px;
 }
 
 .check-list .list-item::before {
     color: #086AD8;
     content: '\f00c';
     position: absolute;
     top: 8px;
     left: 0;
     display: block;
     font-size: 13px;
     line-height: 1;
     font-family: FontAwesome;
     font-weight: 900;
 }
 
 /*--------------------------------------------------About us---------------------------*/
 
 .aboutbanner {
     background: url(../images/about-bg.png) no-repeat center center;
     background-size: cover;
     margin-top: 55px;
     padding: 10rem 0;
 
 }
 
 .award {
     position: relative;
 }
 
 .abtbox {
     position: absolute;
     right: 0;
     bottom: 0;
 }
 
 
 /*.card1 {
   display: block;
   position: relative;
   
   background-color: #f2f8f9;
   border-radius: 4px;
   padding: 32px 24px;
   margin: 12px;
   text-decoration: none;
   z-index: 0;
   overflow: hidden;
 }
 .card1:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: -16px;
   right: -16px;
   background: #001A34;
   height: 52px;
   width: 52px;
   border-radius: 32px;
   transform: scale(1);
   transform-origin: 50% 50%;
   transition: transform 0.25s ease-out;
 }
 .card1:hover:before {
   transform: scale(21);
 }
 
 .card1:hover p {
   transition: all 0.3s ease-out;
   color: rgba(255, 255, 255, 0.8);
 }
 .card1:hover h3 {
   transition: all 0.3s ease-out;
   color: #ffffff;
 }
 .card1:hover a{color:#fff;}*/
 .darkblue {
     color: #001A34 !important;
 }
 
 .agile_section .box_inner {
     transition: all 0.4s;
 }
 
 .agile_section .box_inner:before {
     transition: all 0.4s;
     position: absolute;
     content: "";
     width: 100%;
     height: 50%;
     left: 50%;
     margin-left: -50%;
     top: 25%;
     border-color: rgba(200, 200, 200, 0);
     border-style: solid;
     border-width: 0 3px;
 }
 
 .agile_section .box_inner:after {
     transition: all 0.4s;
     position: absolute;
     content: "";
     width: 50%;
     height: 100%;
     left: 50%;
     margin-left: -25%;
     top: 0;
     border-color: rgba(200, 200, 200, 0);
     border-style: solid;
     border-width: 3px 0;
 }
 
 .agile_section .box_inner:hover {
     border-radius: 0px 50px 0px 50px;
 }
 
 .agile_section .box_inner:hover:after {
     width: 100%;
     margin-left: -50%;
     border-color: #008ED2;
     border-radius: 0px 50px 0px 50px;
 }
 
 .agile_section .box_inner:hover:before {
     height: 100%;
     top: 0%;
     border-color: #008ED2;
     border-radius: 0px 50px 0px 50px;
 }
 
 .section-under-heading {
     display: flex;
     justify-content: center;
     align-content: center;
     align-items: baseline;
 }
 
 .logo-row4 {
 
     background: #fff;
 
     box-shadow: 0px 5px 0px #001a34;
     padding: 30px 15px;
     line-height: 1;
     transition: all 0.3s ease-out;
     margin-right: 15px;
     border: 1px solid #d5d5d5;
     box-shadow: 0px 3px 10px #bdd4ec;
     text-align: center;
     margin-bottom: 20px;
     width: 30%;
 }
 
 .logo-row4 img {
     height: 85px;
     margin: 0;
     margin-right: 0px;
     margin-right: 7px;
 }
 
 .logo-row4:hover {
     background: #f4fcff;
     transform: translateY(-5px);
 }
 
 .logo-row4 h4 {
     font-size: 16px;
     margin-top: 15px;
 }
 
 
 .gtco-testimonials {
     position: relative;
     margin-top: 30px;
 }
 
 .gtco-testimonials h2 {
     font-size: 30px;
     text-align: center;
     color: #333333;
     margin-bottom: 50px;
 }
 
 .gtco-testimonials .owl-stage-outer {
     padding: 30px 0;
 }
 
 .gtco-testimonials .owl-nav {
     display: none;
 }
 
 .gtco-testimonials .owl-dots {
     text-align: center;
     display: flex;
     justify-content: center;
 }
 
 .gtco-testimonials .owl-dots span {
     position: relative;
     height: 10px;
     width: 10px;
     border-radius: 50%;
     display: block;
     background: #fff;
     border: 2px solid #01b0f8;
     margin: 0 5px;
 }
 
 .gtco-testimonials .owl-dots .active {
     box-shadow: none;
 }
 
 .gtco-testimonials .owl-dots .active span {
     background: #01b0f8;
     box-shadow: none;
     height: 12px;
     width: 12px;
     margin-bottom: -1px;
 }
 
 .gtco-testimonials .card {
     background: #fff;
     box-shadow: 0 8px 30px -7px #c9dff0;
     margin: 0 20px;
     padding: 0 10px;
     border-radius: 20px;
     border: 0;
 }
 
 .gtco-testimonials .card .card-img-top {
     max-width: 100px;
     border-radius: 50%;
     margin: 15px auto 0;
     box-shadow: 0 8px 20px -4px #95abbb;
     width: 100px;
     height: 100px;
 }
 
 .gtco-testimonials .card h5 {
 
     font-size: 22px;
     line-height: 1.3;
 }
 
 .gtco-testimonials .card h5 span {
     font-size: 18px;
     color: #666666;
 }
 
 .gtco-testimonials .card p {
     font-size: 15px;
     padding-bottom: 15px;
     line-height: 1.7;
 }
 
 .gtco-testimonials .active {
     opacity: 1;
     transition: all 0.3s;
 }
 
 .gtco-testimonials .center {
     opacity: 1;
 }
 
 .gtco-testimonials .center h5 {
     font-size: 22px;
 }
 
 .gtco-testimonials .center h5 span {
     font-size: 20px;
 }
 
 .gtco-testimonials .center .card-img-top {
     max-width: 100%;
     height: 120px;
     width: 120px;
 }
 
 .quote {
     width: 65px !important;
     margin: 30px auto;
 }
 

 
 .owl-carousel .owl-nav button.owl-next,
 .owl-carousel .owl-nav button.owl-prev {
     outline: 0;
 }
 
 .owl-carousel button.owl-dot {
     outline: 0;
 }
 
 /*----------------------------------------------------- bLOG -------------------------------------------------------------*/
 
 .blogbanner {
     background: url(../images/blog-bg.png) no-repeat center center;
     background-size: auto;
     background-size: cover;
 }
 
 .grid-box {
     display: grid;
     grid-gap: 30px;
 }
 
 .list-pagination {
     padding-top: 30px;
 }
 
 [data-columns='2']>div,
 .box-steps[data-columns='2'] {
     grid-template-columns: 1fr 1fr;
 }
 
 .grid-item {
     padding: 0;
     margin: 0;
     min-width: 0;
     position: relative;
 }
 
 .cnt-box.boxed {
     border-radius: 3px;
 }
 
 .cnt-box.boxed,
 .cnt-box-testimonials-bubble>p {
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
     transition: all .5s;
 }
 
 .cnt-box-blog-side:hover,
 .cnt-box-blog-top:hover {
     transform: scale(.95);
 }
 
 .cnt-box.boxed:hover,
 .media-box-full:hover {
     box-shadow: 0 15px 15px rgba(0, 0, 0, 0.15);
     transform: translateY(-5px);
 }
 
 .img-box {
     position: relative;
     overflow: hidden;
     display: block;
     border-radius: 3px;
     transition: all .5s;
     pointer-events: none;
 }
 
 .cnt-box:hover .img-box img {
     opacity: .8;
 }
 
 .cnt-box:hover .img-box img,
 .cnt-box:hover .img-box:before {
     opacity: 1;
 }
 
 .blog-date {
     background-color: rgb(0, 71, 103);
 }
 
 
 .cnt-box-blog-side .blog-date,
 .cnt-box-blog-top .blog-date {
     position: absolute;
     width: 80px;
     height: 80px;
     color: #FFF;
     z-index: 5;
     text-align: center;
 }
 
 .cnt-box-blog-top .blog-date span:last-child {
     background-color: #03BFCB;
 }
 
 .cnt-box-blog-side .blog-date,
 .cnt-box-blog-top .blog-date {
     margin: 15px;
     border-radius: 3px;
     overflow: hidden;
     font-weight: 700;
 }
 
 .cnt-box-blog-side .blog-date span,
 .cnt-box-blog-top .blog-date span {
     display: block;
 }
 
 .cnt-box-blog-side .blog-date span:first-child,
 .cnt-box-blog-top .blog-date span:first-child {
     font-size: 25px;
     padding: 15px 0 5px 0;
 }
 
 .cnt-box-blog-side .blog-date span:first-child,
 .cnt-box-blog-top .blog-date span:first-child {
     padding: 10px 0 10px 0;
 }
 
 .cnt-box-blog-side .blog-date span:last-child,
 .cnt-box-blog-top .blog-date span:last-child {
     font-weight: 600;
     font-size: 11px;
 }
 
 .cnt-box.boxed .caption {
     padding: 30px;
     background: #fff;
 }
 
 .cnt-box .caption h2 {
     font-size: 20px;
     margin-top: 0;
     margin-bottom: 15px;
 }
 
 .cnt-box .caption h2 {
     font-weight: 700;
     line-height: 35px;
 }
 
 .cnt-box-blog-top.boxed .caption h2 {
     margin-top: 0;
 }
 
 .cnt-box-blog-side .icon-list,
 .cnt-box-blog-top .icon-list {
     font-size: 14px;
     line-height: 30px;
     margin-bottom: 15px;
     display: flex;
 }
 
 .cnt-box-blog-side .icon-list,
 .cnt-box-blog-top .icon-list {
     margin-left: -30px;
     padding-left: 27px;
     padding-bottom: 10px;
     margin-top: 15px;
     border-bottom: 1px solid rgba(10, 70, 103, 0.18);
 }
 
 .icon-list-horizontal.icon-list li {
     margin-right: 25px;
     margin-bottom: 0;
     padding-left: 5px;
     position: relative;
     white-space: nowrap;
     overflow: hidden;
 }
 
 .cnt-box-blog-side .icon-list i,
 .cnt-box-blog-top .icon-list i {
     font-size: 115%;
 }
 
 .icon-list-horizontal.icon-list a {
     text-decoration: none;
 }
 
 .cnt-box-blog-side .icon-list a,
 .cnt-box-blog-top .icon-list a {
     font-weight: 600;
     text-transform: uppercase;
     font-size: 12px;
     margin-left: 8px;
 }
 
 .icon-list li>i {
     color: #008ED2;
 }
 
 .pagination {
     position: relative;
     list-style: none;
     display: flex;
     align-items: center;
     margin: 0 -15px 0 -15px;
     padding: 0;
 }
 
 .pagination-lg {
     margin-top: 15px;
 }
 
 .pagination li {
     list-style: none;
 }
 
 .pagination-lg li {
     font-size: 20px;
 }
 
 .pagination .last,
 .pagination .first {
     display: none;
 }
 
 .pagination li a {
     text-decoration: none;
     padding: 0 15px;
     position: relative;
     transition: all .5s;
 }
 
 .pagination li a {
     text-transform: uppercase;
     font-weight: 700;
     font-size: 14px;
     background: none !important;
 }
 
 .pagination li.disabled a {
     opacity: .5;
     cursor: default;
     background: none !important;
 }
 
 .pagination .last,
 .pagination .first {
     display: none;
 }
 
 .pagination li.page a {
     font-weight: 600;
     width: 35px;
     height: 35px;
     line-height: 35px;
     border-style: solid;
     border-width: 1px;
     border-radius: 50%;
     text-align: center;
     display: block;
     padding: 0;
     margin: 0 5px;
 }
 
 .pagination-lg li.page a {
     width: 45px;
     height: 45px;
     line-height: 45px;
     margin: 0 10px;
 }
 
 .pagination li.page a {
     border: 1px solid rgb(230, 230, 230);
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
     background-color: #FFF !important;
 }
 
 .icon-links-button a:hover,
 .pagination li.page:hover a,
 .pagination li.page.active a {
     background-color: #3081c8 !important;
     border-color: #3081c8;
 }
 
 .pagination li.page:hover a,
 .pagination li.page.active a {
     color: #FFF;
 }
 
 .btn,
 .icon-links-grid a:hover,
 .icon-links-button a,
 .pagination li.page:hover a,
 .pagination li.page.active a,
 .list-nav a.list-archive {
     background-color: #008ED2 !important;
     border-color: #008ED2;
 }
 
 .caption p {
     margin: 0;
 }
 
 .blogpage {
     background: #fff;
 }
 
 .input-text-btn {
     display: flex;
 }
 
 .input-text-btn .input-text {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     border-right: none;
     margin: 0;
     background: none;
     border-bottom: 1px solid #6ecffd;
     height: 40px;
     line-height: 1;
 }
 
 .input-text-btn .btn {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
     padding-left: 10px;
     padding-right: 10px;
     margin: 0;
 }
 
 .input-text-btn .btn {
     margin: 0 0 0 10px;
     border-radius: 3px;
     width: auto;
     color: #fff;
     height: 40px;
     line-height: 1;
 }
 
 [class*=col-lg-]>h3,
 .boxed-area>h3,
 .container>h3 {
     text-transform: uppercase;
     font-weight: 900;
     font-size: 21px;
 }
 
 .widget>h3 {
     font-size: 18px;
 }
 
 .menu-cnt>ul,
 .menu-inner>ul {
     float: left;
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     margin-left: 30px;
 }
 
 .menu-inner>ul {
     float: none;
     margin-left: 0;
 }
 
 .menu-inner-vertical>ul {
     display: block;
 }
 
 .menu-inner li {
     position: relative;
     transition: all .5s;
 }
 
 .menu-inner li>a {
     height: 50px;
     line-height: 50px;
     display: block;
     position: relative;
     text-decoration: none;
     border-radius: 3px;
     cursor: pointer;
     transition: all .5s;
 }
 
 .menu-inner li>a {
     text-transform: uppercase;
     font-size: 13px;
     font-weight: 700;
 }
 
 .menu-inner-vertical li>a {
     border-radius: 0;
     border-bottom: 1px solid rgba(10, 70, 103, 0.25);
 }
 
 .menu-inner-image li img {
     position: absolute;
     height: 50px;
     max-height: 50px;
     max-width: 50px;
     height: 50px;
     border-radius: 3px;
     left: -65px;
 }
 
 .menu-inner-image li img {
     left: auto;
     right: 0;
     max-height: 65px;
     max-width: 65px;
     height: 65px;
 }
 
 .menu-inner-image.menu-inner li>a {
     text-transform: none;
     font-size: 14px;
     height: 75px;
     overflow: hidden;
     line-height: 25px;
     padding-right: 90px;
     border: none;
 }
 
 .menu-inner-image li a span {
     font-weight: 600;
     text-transform: none;
     opacity: .75;
     margin-bottom: 0px;
     display: block;
 }
 
 .menu-inner-image li {
     padding-left: 0;
     border-bottom: 1px solid rgba(10, 70, 103, 0.25);
     margin-bottom: 15px;
     padding-bottom: 15px;
 }
 
 .list-tags a {
     display: inline-block;
     padding: 3px 12px;
     border-radius: 3px;
     transition: all .5s;
     margin: 5px;
     font-size: 13px;
     cursor: pointer;
     color: #fff !important;
 }
 
 .list-tags a {
     background-color: rgb(0, 26, 52);
 }
 
 /* .portfolio_banner{background:url(../images/portfolio_banner.png) no-repeat center center; background-size:cover; 
     padding: 14rem 0;
     margin-top: 125px;
 
 } */
 
 /* .portfolio_banner{background:url(../images/Mobile/portfolio.png) no-repeat center center; background-size:cover; 
     padding: 14rem 0;
     margin-top: 125px;
 
 } */
 .pro_img {
     height: 500px;
     overflow: hidden;
     border-radius: 10px;
     transition: all .5s;
     position: relative;
 }
 
 .pro_img:hover {
     border: 2px solid #008ED2;
 }
 
 .pf-detailbox-inner li {
     line-height: 3;
 }
 
 .pf-detailbox-inner i {
     font-size: 16px;
     width: 20px;
     color: #008ED2;
 }
 
 .tm-pf-left-details {
     font-weight: 600;
 }
 
 .porttext {
     border-bottom: 3px solid #008ED2;
     padding: 30px;
     background: #fff;
     box-shadow: 0 0 10px #F1F1F1;
     margin-bottom: 50px;
 }
 
 .pro_img:before,
 .dont-miss-post-thumb::before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     transition: all .5s;
     width: 100%;
     z-index: 0;
     mix-blend-mode: multiply;
     background: linear-gradient(90deg, #cdefff 0%, #f3ccf9 100%);
 }
 
 .pro_img:hover:before {
     mix-blend-mode: color-burn;
     ;
 }
 
 /* ----------------------blockchain--------------------------------- */
 
 section.banner_section.ai_banner.blockchain_banner.section_light_bg {
     padding: 29rem 0 0 0;
 }
 
 /*-------------------------------------------------------------------- AI page -------------------------------------------------------*/
 .banner_text.ai-banner-text {
     margin-bottom: 220px;
 }
 
 .ai_banner {
     padding: 16rem 0 0 0;
 }
 
 .ai-banner-lft {
     position: absolute;
     left: 0;
     bottom: 0;
 }
 
 .ai-banner-rgt {
     position: absolute;
     right: 0;
     bottom: 0;
 }
 
 .ai-main-banner-shape-1 {
     position: absolute;
     top: 15%;
     left: 22%;
     -webkit-transform: translateY(-5%) translateX(-22%);
     transform: translateY(-5%) translateX(-22%);
     z-index: -1;
 }
 
 .blue-color {
     color: #008ED2;
 }
 
 .title_dark h2 span {
     display: inline;
     font-size: 30px;
     font-weight: bold;
     text-transform: capitalize;
 }
 
 .single-services-card {
     background-color: #ffffff;
     -webkit-box-shadow: 0px 10px 40px rgba(67, 127, 236, 0.07);
     box-shadow: 0px 10px 40px rgba(67, 127, 236, 0.07);
     padding: 35px 45px;
     border-radius: 5px;
     -webkit-transition: all 0.5s;
     transition: all 0.4s;
     margin-bottom: 30px;
     height: 500px !important;
     position: relative;
     z-index: 99;
 }
 
 .single-services-card .image-icon {
     display: inline-block;
     height: 90px;
     width: 90px;
     line-height: 90px;
     background: -webkit-gradient(linear, left bottom, left top, from(#FFC2CC), to(#FFF2F4));
     background: linear-gradient(0deg, #FFC2CC 0%, #FFF2F4 100%);
     text-align: center;
     border-radius: 50%;
     margin-bottom: 22px;
     -webkit-transition: 0.5s;
     transition: 0.5s;
 }
 
 .single-services-card .image-icon.bg-six {
     background: -webkit-gradient(linear, left bottom, left top, from(#ADDCFF), color-stop(50.28%, #EAF6FF), to(#EAF6FF));
     background: linear-gradient(0deg, #ADDCFF 0%, #EAF6FF 50.28%, #EAF6FF 100%);
 }
 
 .single-services-card h3 {
     font-size: 20px;
     font-weight: bold;
     margin-bottom: 15.5px;
 }
 
 .single-services-card .read-btn {
     background: #008ED2;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     border-bottom: 1px solid #008ED2;
     font-size: 15px;
     font-weight: 600;
     display: inline-block;
 }
 
 .single-services-card:hover {
     -webkit-transform: translateY(-5px);
     transform: translateY(-5px);
 }
 
 .single-services-card text-left:hover {
     -webkit-transform: translateY(-5px);
     transform: translateY(-5px);
 
 }
 
 .single-services-card:hover .image-icon {
     -webkit-animation: jackInTheBox 1s;
     animation: jackInTheBox 1s;
 }
 
 .ai-about-content .about-list {
     padding: 0;
     margin-top: 20px;
     margin-bottom: 0;
     max-width: 450px;
 }
 
 .ai-about-content .about-list li {
     list-style-type: none;
     background-color: #ffffff;
     -webkit-box-shadow: -3px 4px 30px rgba(67, 127, 236, 0.08);
     box-shadow: -3px 4px 30px rgba(67, 127, 236, 0.08);
     padding: 14px 15px 15px 42px;
     border-radius: 5px;
     margin-bottom: 18px;
     position: relative;
     font-size: 14px;
     font-weight: 600;
     color: #57647c;
 }
 
 .ai-about-content .about-list li i {
     font-size: 14px;
     color: #008ED2;
     position: absolute;
     left: 20px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
 }
 
 .computer-vision-ai-content .vision-ai-inner-card {
     margin-top: 30px;
 }
 
 .computer-vision-ai-content .vision-ai-inner-card .content {
     position: relative;
     padding: 15px 0 15px 70px;
 }
 
 .computer-vision-ai-content .vision-ai-inner-card .content .image-icon {
     display: inline-block;
     height: 55px;
     width: 55px;
     line-height: 55px;
     background: #F3F9FF;
     text-align: center;
     border-radius: 50%;
     -webkit-transition: 0.5s;
     transition: 0.5s;
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     left: 0;
 }
 
 .computer-vision-ai-content .vision-ai-inner-card .content h4 {
     font-size: 20px;
     margin-bottom: 0;
     font-weight: bold;
 }
 
 .computer-vision-ai-content .vision-ai-inner-card p {
     margin-top: 15px;
     margin-bottom: 0;
 }
 
 /*---------------------------------------------------------------------- Services ----------------------------------------------------------------------------*/
 
 
 .services_banner {
     background: url(../images/services=bg.png) center bottom;
     background-size: cover;
     padding: 15rem 0;
     background-position: -140px 70px;
     margin-top: 8px !important;
 
 }
 
 .services_page {
     background-image: url(../images/shape-s-2.png), url(../images/shape-s-1.png);
     background-repeat: no-repeat, no-repeat, no-repeat;
     background-position: top right, left bottom;
 
 }
 
 
 .single-offer {
     position: relative;
     padding: 20px 30px 25px 90px;
     background-color: #fff;
     border-radius: 4px;
     border: 1px dotted #1dd3f8;
     transition: all .6s ease;
     margin-bottom: 30px;
     height: 400px;
 }
 
 
 .single-offer p {
     margin: 0;
 }
 
 
 .single-offer img {
     position: absolute;
     left: 20px;
     top: 25px;
     background-color: #eeeefe;
     display: inline-block;
     width: 60px;
     height: 60px;
     line-height: 60px;
     text-align: center;
     border-radius: 4px;
     font-size: 40px;
     color: #9898f0;
 }
 
 .single-offer:hover {
     transform: translateY(-5px);
 }
 
 .single-offer h3 {
     font-size: 22px;
 }
 
 .elementor-element .elementor-widget-container {
     transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s);
 }
 
 
 .single-offer1 {
     position: relative;
     padding: 20px 30px 25px 90px;
     background-color: #fff;
     border-radius: 4px;
     border: 1px dotted #1dd3f8;
     transition: all .6s ease;
     margin-bottom: 30px;
     height: 200px;
 }
 
 
 .single-offer1 p {
     margin: 0;
 }
 
 
 .single-offer1 img {
     position: absolute;
     left: 20px;
     top: 25px;
     background-color: #eeeefe;
     display: inline-block;
     width: 60px;
     height: 60px;
     line-height: 60px;
     text-align: center;
     border-radius: 4px;
     font-size: 40px;
     color: #9898f0;
 }
 
 .single-offer1:hover {
     transform: translateY(-5px);
 }
 
 .single-offer1 h3 {
     font-size: 22px;
 }
 
 .elementor-element .elementor-widget-container {
     transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s);
 }
 
 
 .work-box-bg {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     animation: ripple 5s infinite;
     transition: all 400ms ease;
     display: flex;
     align-items: center !important;
     justify-content: center !important;
 }
 
 .rotate-image {
     /*z-index: 2;*/
     margin-bottom: 0 !important;
 
     /*justify-content: center !important;
     align-items: center !important;*/
     text-align: center;
 }
 
 .work-box img {
     position: relative;
 }
 
 .rotate-image img {
     animation: rotation 15s infinite linear;
     -webkit-animation: rotation 15s infinite linear;
     display: inline-block;
 }
 
 @keyframes ripple {
     0% {
         transform: scale(0.8);
     }
 
     50% {
         transform: scale(1.2);
     }
 
     100% {
         transform: scale(0.8);
     }
 }
 
 @keyframes rotation {
     from {
         -webkit-transform: rotate(0deg);
     }
 
     to {
         -webkit-transform: rotate(359deg);
     }
 }
 
 @-webkit-keyframes rotation {
     from {
         -webkit-transform: rotate(0deg);
     }
 
     to {
         -webkit-transform: rotate(359deg);
     }
 }
 
 .ripple_img {
     left: 25.8%;
     top: 16%;
 }
 
 .devsteps-area .nav-link {
     background: #f1f1f1;
     border-radius: 80px 0 0 80px;
     padding: 30px 0;
     padding-left: 0px;
     padding-left: 20px;
     position: relative;
     text-align: left;
     margin-bottom: 15px;
     font-weight: bold;
     font-size: 30px;
     transition: all 2s ease;
     background: linear-gradient(to right, #26b6d4 50%, #f1f1f1 50%);
     background-size: 200% 100%;
     background-position: right bottom;
     overflow: hidden;
 }
 
 .devsteps-area .nav-link.active,
 .devsteps-area .nav-link:hover {
     /*background:#26b6d4; */
     background-position: left bottom;
 }
 
 .tabtxt {
     padding-left: 70px;
     text-align: left;
     font-weight: 500;
     font-size: 20px;
     text-transform: capitalize;
     line-height: 1.2;
     color: #001a34;
 }
 
 .devsteps-area .nav-link.active .tabtxt {
     color: #fff;
 }
 
 .tabimg {
     position: absolute;
     background: url(../images/website-codes.png) no-repeat;
     left: 30px;
     top: 37px;
     width: 50px;
     animation: 15s infinite linear;
     -webkit-animation: 15s infinite linear;
     height: 50px;
     filter: drop-shadow(0px 1000px 0 #26B6D4);
     transition: all 2s ease;
     transform: translateY(-1000px);
 }
 
 .cakephp {
     background: url(../images/php.png) no-repeat;
 }
 
 .codephp {
     background: url(../images/phpcoding.png) no-repeat;
 }
 
 .phpcode {
     background: url(../images/php-code.png) no-repeat;
 }
 
 .devsteps-area .nav-link.active .tabimg,
 .devsteps-area .nav-link:hover .tabimg {
     filter: drop-shadow(0px 1000px 0 white);
     transform: translateY(-1000px);
 }
 
 .dev-list {
     padding: 0;
     margin-top: 20px;
     margin-bottom: 0;
     display: flex;
     max-width: 450px;
 }
 
 .dev-list li {
     list-style-type: none;
     background-color: #f5f5f5;
     -webkit-box-shadow: -3px 4px 30px rgba(67, 127, 236, 0.2);
     box-shadow: -3px 4px 30px rgba(67, 127, 236, 0.2);
     padding: 14px 15px 15px 42px;
     border-radius: 5px;
     margin-bottom: 18px;
     position: relative;
     font-size: 14px;
     font-weight: 600;
     color: #57647c;
     margin-right: 15px;
 }
 
 .dev-list li i {
     font-size: 14px;
     color: #008ED2;
     position: absolute;
     left: 20px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
 }
 
 .industry_banner {
     background: url(../images/industry-bg.png) center bottom;
     background-position-x: right;
     background-position-y: bottom;
     background-size: auto;
     background-size: cover;
     margin-top: 125px;
     /* padding: 15rem 0; */
     /* background-position: -140px 70px; */
 }
 
 .banner_text.industry-text {
     margin-bottom: 46px !important;
 }
 
 .brain {
     background: url(../images/brain.png) no-repeat;
 }
 
 .estate {
     background: url(../images/contract.png) no-repeat;
 }
 
 .gaming-icon {
     background: url(../images/monitor.png) no-repeat;
 }
 
 .blockchain-icon {
     background: url(../images/blockchain-icon.png) no-repeat;
 }
 
 .single-counter {
     background-color: #d8f8ff;
     text-align: center;
     padding: 39px;
     border-radius: 0px;
     margin-bottom: 30px;
     transition: all .6s ease;
     position: relative;
 }
 
 .single-counter:hover {
     transform: translateY(-5px);
     box-shadow: 0px 2px 25px #CFCFCF;
     border-radius: 0px 50px 0px 50px;
     border: 2px solid #008ED2;
     background: #86D8FF;
 }
 
 .single-counter h2 {
     color: #20126f;
     font-weight: 700;
     font-size: 50px;
 }
 
 
 section#token {
     display: block;
 }
 
 .error-message {
     color: red;
     /* Set the text color to red */
 }
 
 .success-message {
     color: green;
     font-size: 30px;
 }
 
 h1.Blockchain-pera {
     font-size: 45px;
     line-height: 1.1;
 }
 
 .Blockchain-pera {
     font-size: 30px;
     font-weight: bold;
     margin-bottom: 30px;
     text-transform: capitalize;
     color: #20126f !important;
     margin: 0 0 15px 0;
 }
 
 .button-new-li {
     margin: 0 0 20px 0;
     padding: 0;
     list-style: none;
     font-size: 18px;
 }
 
 .button-new-li p {
     margin: 0;
 }
 
 .button-new-top {
     argin: 0 0 15px 0;
     padding: 0;
     list-style: none;
     display: flex;
     flex-wrap: wrap;
 }
 
 .button-new-top li {
     margin: 0 15px 15px 0;
 }
 
 .m-b30 {
     margin-bottom: 30px;
 }
 
 .single-services-card.text-left:after {
     transition: all 0.4s;
     position: absolute;
     content: "";
     width: 50%;
     height: 100%;
     left: 50%;
     margin-left: -25%;
     top: 0;
     border-color: rgba(200, 200, 200, 0);
     border-style: solid;
     border-width: 3px 0;
 }
 
 .single-services-card.text-left:before {
     transition: all 0.4s;
     position: absolute;
     content: "";
     width: 100%;
     height: 50%;
     left: 50%;
     margin-left: -50%;
     top: 25%;
     border-color: rgba(200, 200, 200, 0);
     border-style: solid;
     border-width: 0 3px;
 }
 
 .single-services-card.text-left:hover:after {
     width: 100%;
     margin-left: -50%;
     border-color: #008ED2;
     border-radius: 0px 50px 0px 50px;
 }
 
 .single-services-card.text-left:hover:before {
     height: 100%;
     top: 0%;
     border-color: #008ED2;
     border-radius: 0px 50px 0px 50px;
 }
 
 .navbar .dropdown-menu {
     padding: 0;
     background-color: rgba(0, 0, 0, .9);
 }
 
 .navbar .dropdown-menu .dropdown-item {
     position: relative;
     padding: 10px 20px;
     color: #fff;
     font-size: 1.4rem;
     border-bottom: 1px solid rgba(255, 255, 255, .1);
     transition: color 0.2s ease-in;
 }
 
 .navbar .dropdown-menu .dropdown-item:last-child {
     border-bottom: none;
 }
 
 .navbar .dropdown-menu .dropdown-item:hover {
     background: transparent;
     color: #c0ca33;
 }
 
 .navbar .dropdown-menu .dropdown-item::before {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     top: 0;
     width: 5px;
     background-color: #c0ca33;
     opacity: 0;
     transition: opacity 0.2s ease-in;
 }
 
 .navbar .dropdown-menu .dropdown-item:hover::before {
     opacity: 1;
 }
 
 .navbar-dark .navbar-nav .nav-link:hover::after {
     -webkit-transform: scaleX(1);
     -ms-transform: scaleX(1);
     transform: scaleX(1);
 }
 
 .dropdown-menu {
     min-width: 200px;
     -webkit-animation: dropdown-animation 0.3s;
     animation: dropdown-animation 0.3s;
     -webkit-transform-origin: top;
     -ms-transform-origin: top;
     transform-origin: top;
 }
 
 .navbar-dark .navbar-nav .nav-link:focus,
 .navbar-dark .navbar-nav .nav-link:hover {
     color: #fff;
 }
 
 .button-primary:hover::after {
     opacity: 1;
     -webkit-transform: scaleX(1);
     -ms-transform: scaleX(1);
     transform: scaleX(1);
 }
 
 .button-primary:hover {
     color: #c0ca33;
     text-decoration: none;
 }
 
 .custom-select {
     position: relative;
     width: 200px;
     /* Adjust as needed */
 }
 
 .custom-select select {
     display: none;
 }
 
 .custom-select .select-icon {
     position: absolute;
     top: 0;
     right: 0;
     width: 30px;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
     pointer-events: none;
 }
 
 /* Add styles for individual flags */
 .custom-select option[value="IN"] {
     background-image: url('images/india.webp');
 }
 
 .custom-select option[value="US"] {
     background-image: url('images/us_flag.jpg');
 }
 
 .custom-select option[value="SG"] {
     background-image: url('images/singapur.png');
 }
 
 .custom-select option[value="PT"] {
     background-image: url('images/portgal.png');
 }
 
 
 /* ---------------------  additional Css----------------------- */
 
 .banner_text.two-text {
     position: relative;
     bottom: 210px;
 }
 
 
 section.aipage.section_light_bg:hover {
     border-radius: 0px 50px 0px 50px !important;
 }
 
 /* ----------------------- portfolio start --------------------------- */
 .images-box-1 {
     margin-top: 30px;
 }
 
 div#banner_bg_effect {
     padding: 0;
 }
 section#home {
    padding: 0;
}
 section#tabs {
     padding: 0 0 100px 0;
 }
 
 .images-box-2 {
     margin-top: 30px;
 }
 
 ul#pills-tab {
     justify-content: center;
     font-size: 17px;
     font-weight: 700;
 }
 
 h1.animation.animated.fadeInUp.portfolio-heading {
     color: #fff;
     margin: 0;
 }
 .banner_section .row.align-items-center {
    margin: 0 !important;
}
 
 .portfolio_banner {
     width: 100%;
     background: url(../images/Mobile/portfolio.png) no-repeat center center;
     background-size: cover;
     padding: 0rem 0;
     margin-top: 0px;
     min-height: 200px;
     display: flex;
     align-items: center;
 }
 
 .blockchain_banner {
     width: 100%;
     background: url(../images/Mobile/Blockchain.jpg) no-repeat center center;
     background-size: cover;
     padding: 0rem 0;
     margin-top: 0px;
     min-height: 200px;
     display: flex;
     align-items: center;
     background-position: left;
 }
 
 .aisolution_banner {
     width: 100%;
     background: url(../images/Mobile/AIML.jpg) no-repeat center center;
     background-size: cover;
     padding: 0rem 0;
     margin-top: 0px;
     min-height: 200px;
     display: flex;
     align-items: center;
     background-position: right;
 }
 
 .aboutus_banner {
     width: 100%;
     background: url(../images/Mobile/aboutus.jpg) no-repeat center center;
     background-size: cover;
     padding: 0rem 0;
     margin-top: 0px;
     min-height: 200px;
     display: flex;
     align-items: center;
     background-position: left;
 }
 
 .service_banner {
     width: 100%;
     background: url(../images/Mobile/Service.jpg) no-repeat center center;
     background-size: cover;
     padding: 0rem 0;
     margin-top: 0px;
     min-height: 200px;
     display: flex;
     align-items: center;
 }
 
 .industry_banner {
     width: 100%;
     background: url(../images/Mobile/industries.png) no-repeat center center;
     background-size: cover;
     padding: 0rem 0;
     margin-top: 0px;
     min-height: 200px;
     display: flex;
     align-items: center;
     background-position: left;
 }
 
 /* ---------------------------Portfolio detail page----------------------------------- */
 .templateimg_1 {
     width: 100%;
     background: url(../images/templatedetails/templatebanner-1.jpg) no-repeat center center;
     background-size: cover;
     padding: 0rem 0;
     margin-top: 0px;
     height: 200px;
     display: flex;
     align-items: center;
 }
 
 #application {
     padding: 0 0 40px 0 !important;
 }
 
 h2.application-heading {
     border-bottom: 4px solid #008ed2;
     display: inline;
 }
 
 .application-box {
     margin-top: 45px;
 }
 
 .w-text {
     background-color: #ddd;
     border-radius: 20px;
     padding: 30px 10px;
     font-size: 18px;
     font-weight: 500;
 }
 
 #featires-text {
     padding: 40px 0;
 }
 
 .readmore {
     margin: 20px 0 0 0;
 }
 
 .readmore a {
     color: #fff;
 }
 
 .zoom-img {
     overflow: hidden;
 }
 
 .zoom-img img {
     height: 100%;
     object-fit: cover;
     transition: all .3s ease;
     cursor: pointer;
 }
 
 .zoom-img img:hover {
     transform: scale(1.2);
 }
 
 p.images-box-1-heading {
     margin: 0;
     font-size: 16px;
     color: #26b6d4;
     padding: 6px 0 0 0;
 }
 
 p.images-box-1-webname {
     font-size: 25px;
     font-weight: 800;
     background: linear-gradient(to right, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 83%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }
 
 h5.application-main-heading {
     margin: 0;
     padding: 5px 0 5px 0;
 }
 
 p.application-heading {
     margin: 10px 0 0 0;
     line-height: 25px;
     font-size: 16px;
 }
 
 section#featires-details {
     padding: 30px 0 60px 0;
 }
 
 section#slider {
     padding: 0 0 60px 0;
 }
 
 img.blockchain-wed-1-img {
     margin: 60px 0 0 0;
 }
 
 ul.second-web {
     list-style: circle;
     color: #001A34;
     font-size: 16px;
     margin-left: 20px !important;
     padding-top: 5px;
 }
 
 div#custom_sticky_button {
     z-index: 999 !important;
 }
 
 
 /* -------------------------------slider--------------------------- */
 
 .slider {
     display: flex;
     width: 100%;
     margin: 0 auto;
     overflow: hidden;
     padding: 2.5rem;
 }
 
 .item {
     animation: animate 15s linear infinite;
 }
 
 .item img {
     min-width: 300px;
     padding: 0 30px;
 }
 
 .slider:hover .item {
     animation-play-state: paused;
 }
 
 @keyframes animate {
     0% {
         transform: translate3d(0, 0, 0);
     }
 
     100% {
         transform: translate3d(-1800px, 0, 0);
     }
 }
 
 
 .dropdown-content {
     border-radius: 10px;
     display: none;
     position: absolute;
     background-color: #f9f9f9;
     min-width: 160px;
     box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
     z-index: 1;
 }
 
 .dropdown-content a {
     color: black;
     padding: 12px 16px;
     text-decoration: none;
     display: block;
     line-height: 20px;
 }
 
 .dropdown-content a:hover {
     background-color: #f1f1f1;
 }
 
 .show {
     display: block;
 }
 
 ul {
     list-style-type: none;
     padding: 0;
 }
 
 .dropdown {
     position: relative;
     display: inline-block;
 }
 
 /* .dropdown-content {
     display: none;
     position: absolute;
     left: 100%;
     top: 0;
     background-color: #f9f9f9;
     min-width: 160px;
     box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
     z-index: 1;
 } */
 
 /* .dropdown-content a {
     color: black;
     padding: 12px 16px;
     text-decoration: none;
     display: block;
 } */
 
 .dropdown-content a:hover {
     background-color: #f1f1f1;
 }
 
 .nested-dropdown {
     position: relative;
 }
 
 .nested-dropdown .arrow {
     float: right;
     margin-left: 10px;
 }
 
 .nested-dropdown {
     min-width: 195px !important;
 }
 
 .nested-dropdown .nested {
     left: 100%;
     top: 0;
     display: none;
     position: absolute;
     background-color: #f9f9f9;
     min-width: 195px;
     box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
     z-index: 1;
 }
 
 a.dropdown-heading {
     font-size: 14px !important;
 }
 
 a.dropdown-heading :before {
     background: #01358D !important;
 }
 
 a.dropdown-heading:before {
     content: '';
     width: 0;
     height: 3px;
     background: #ff0000;
     bottom: -3px;
     position: absolute;
     -webkit-transition: width .3s ease-in;
     -moz-transition: width .3s ease-in;
     transition: width .3s ease-in;
 }
 
 h1 {
     color: #666;
     display: inline-block;
     margin: 0;
     text-transform: uppercase;
 }
 
 h1:after {
     display: block;
     content: '';
     border-bottom: solid 3px #019fb6;
     transform: scaleX(0);
     transition: transform 250ms ease-in-out;
 }
 
 h1:hover:after {
     transform: scaleX(1);
 }
 
 h1.fromRight:after {
     transform-origin: 100% 50%;
 }
 
 h1.fromLeft:after {
     transform-origin: 0% 50%;
 }
 
 
 div#custom_sticky_button {
     position: absolute;
     right: 0;
     transition: 0.3s;
     padding: 10px;
     width: 140px;
     text-decoration: none;
     font-size: 14px;
     color: white;
     border-radius: 5px 0 0 5px;
     margin-top: 5%;
     position: fixed;
     z-index: 1;
     /* background-color: #00036d; */
     background: linear-gradient(to right, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
 
 }
 
 #custom_sticky_button a {
     color: #fff;
 }
 
 /* ---------------request page-------------------  */
 .templateimg_2 {
     width: 100%;
     /* background-size: contain !important; */
     background: url(../images/Mobile/pg-bg.webp) no-repeat center center;
     background-size: cover;
     /* padding: 14rem 0; */
     margin-top: 52px;
     height: 220px;
 }
 
 /* -------------------------Back button--------------------------- */
 
 div#custom_back_button {
     position: absolute !important;
     right: 0;
     transition: 0.3s;
     padding: 4px 10px;
     width: 53px;
     text-decoration: none;
     font-size: 14px;
     color: white;
     border-radius: 5px;
     z-index: 9;
     /* background-color: #00036d; */
     background: linear-gradient(to right, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
     margin-right: 10px;
     top: 0;
     left: 24px;
 }
 
 #custom_back_button a {
     color: #fff;
 }
 
 
 .modal-dialog {
     max-width: 90%;
     margin: 1.75rem auto;
 }
 
 button.btn-close {
     position: absolute;
     top: 6px;
     bottom: 0;
     left: 0;
     right: 6px;
     color: #fff !important;
     /* background: #fff !important; */
     z-index: 99;
     font-size: 24px;
 }
 
 .modal-header.uzath {
     border: none;
     padding: 0;
 }
 
 .modal-body.uzath {
     padding: 0 0 0 0 !important;
 }
 
 .white {
     color: #000 !important;
     /* or any white color value */
 }
 
 i.fa-solid.fa-xmark {
     color: #000 !important;
 }
 
 .btn-close {
     background: none;
 }
 
 .btn-close:focus {
     display: none;
 }
 
 .slick-dotted.slick-slider {
     /* margin-bottom: 30px; */
     /* background: #69676773; */
 }
 
 .modal-content {
     background-color: transparent !important;
     border: none !important;
 }
 
 /* ===============header Css start================== */
 .menuleft {
     /* background: url(../images/sub-menu-bg.webp) no-repeat left top #458ee1; */
     background: url('../images/ssub-menu-bg.jpg') no-repeat left top #458ee1;
     border-radius: 0px 0 0 0px;
     padding: 40px 30px 0;
     text-align: center;
     display: inline-block;
     width: 354px;
     min-height: 362px;
     border: 1px solid #99bbe0;
     border-right: 0;
 }
 
 .menuleft img {
     border-radius: 100px;
     border: 3px solid #fff;
 }
 
 .menuleft p {
     color: #fff;
     font-size: 14px;
     line-height: 20px;
     margin-bottom: 15px;
 }
 
 .borderbtn1 {
     font-size: 16px;
     padding: 17px 35px 13px 35px;
     border-radius: 50px;
     text-transform: uppercase;
     position: relative;
     display: inline-block;
     color: #000;
     background: #fff !important;
     font-weight: 700;
     transition: all 0.4s;
     margin-top: -3px;
     cursor: pointer;
 }
 
 .submenu {
     box-shadow: 0 0px 90px rgb(0 0 0 / 18%);
     border-radius: 0px;
 }
 
 .submenu a.borderbtn1 {
     text-decoration: none;
 }
 
 .submenu .borderbtn1 {
     border: 1px solid #fff;
     background-color: #fff;
     text-transform: none;
     line-height: 1em;
     padding: 12px 26px 13px;
     margin-top: 12px;
     font-size: 16px;
     border-radius: 50px;
     text-transform: uppercase;
     position: relative;
     display: inline-block;
     color: #000;
     font-weight: 700;
     transition: all 0.4s;
     margin-top: -3px;
     cursor: pointer;
 }
 
 .top-service-menu {
     padding: 26px 10px 0 10px;
 }
 
 .menuright {
     overflow: hidden;
 }
 
 .menuright ul {
     list-style: none;
     display: inline-block;
     margin: 0 50px 0 0;
     padding: 0;
     vertical-align: top;
 }
 
 .menuright ul li {
     background: url('../images/line.png') no-repeat;
     padding: 5px 0 5px;
 }
 
 .menuright ul li a {
     font-size: 14px;
     color: #1a1a1a;
     display: block;
     padding: 12px 0;
     line-height: 1em;
 }
 
 .menuright.top-service-menu ul li a {
     text-decoration: none;
 }
 
 .submenu::before {
     content: "";
     position: absolute;
     top: 0;
     left: 50%;
     transform: translateX(-50%);
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
     border-bottom: 10px solid #fff;
     /* Triangle color matching submenu background */
     margin-top: -10px;
     /* Adjusts the position of the triangle */
 }
 
 .dropdown-content.blockchain-boxes {
     margin-left: -523px;
     border-radius: 0px;
     display: none;
     position: absolute;
     background-color: #f9f9f9;
     min-width: 1150px;
     box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
     z-index: 1;
     width: 100%;
 }
 
 /* =====================menu2 section===================== */
 .dropdown-content.ai-boxes {
     margin-left: -515px;
     border-radius: 0px;
     display: none;
     position: absolute;
     background-color: #f9f9f9;
     min-width: 1080px;
     box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
     z-index: 1;
     width: 100%;
 }
 
 .menuleft2 {
     width: 362px;
     float: left;
     min-height: 300px;
     background: #4285d3;
     border-radius: 0px 0 0 0px;
     padding: 40px 40px 0;
     border: 1px solid #99bbe0;
     border-right: 0;
 }
 
 .menuleft2 h3 {
     color: #fff;
     font-family: "Gotham Bold";
     font-size: 20px;
     margin: 10px 0 20px;
 }
 
 .menuleft2 p {
     color: #fff;
     font-size: 14px;
     line-height: 22px;
     font-family: "Gotham Light";
 }
 
 .menuright2 {
     overflow: hidden;
     padding: 50px 0 0 0px;
 }
 
 .submenu2 ul {
     margin: 0;
 }
 
 .submenu2 ul li {
     margin: 0;
     padding: 0;
     width: 330px;
     float: left;
     background: 0 0;
     border-bottom: 1px solid #e7e7e7;
     border-right: 1px solid #e7e7e7;
     height: 100px;
 }
 
 .submenu2 ul li:first-child {
     padding-bottom: 20px;
 }
 
 .submenu2 ul li img {
     float: left;
     margin-right: 22px;
 }
 
 /* ================================Menu3 Section============================= */
 .dropdown-content.services-boxes {
     margin-left: -307px;
     border-radius: 0px;
     display: none;
     position: absolute;
     background-color: #f9f9f9;
     min-width: 427px;
     box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
     z-index: 1;
     width: 100%;
 }
 
 .menuright3 {
     padding-top: 30px;
     padding-left: 30px;
 }
 
 .submenu3 ul {
     margin: 0;
 }
 
 .menuleft3 {
     /* background: url(../images/hire-team-photobg.webp) no-repeat #458ee1; */
     background: url(https://www.aceinfoway.com/images/hire-team-photobg.webp) no-repeat #458ee1;
     width: 427px;
     text-align: left;
     padding: 32px 0 0 40px;
     min-height: 376px;
 }
 
 .menuleft3 h3 {
     font-size: 46px;
     line-height: 40px;
     color: #fef73b;
     font-family: "Gotham Bold";
     font-weight: 400;
     text-transform: uppercase;
     margin: 0 0 16px;
 }
 
 .menuleft3 img {
     border: 0;
     border-radius: 0;
 }
 
 .submenu3 {
     background: url(img/hire-team-photobg.webp) no-repeat #fff;
     background-size: 130px;
     width: 700px;
     margin: auto;
     /* left: -457px; */
 }
 
 .menuleft3 h3 span {
     display: block;
     color: #fff;
     font-family: "Gotham Book";
 }
 
 .submenu3 ul li {
     margin: 0 0 13px 0px;
     min-height: inherit;
     padding: 0 0 0px 10px;
     width: 100%;
     float: left;
     background: url(img/line.png) no-repeat bottom left;
 }
 
 .submenu3 ul li span strong {
     color: #0051ae;
     font-size: 20px;
     line-height: 1.15em;
     margin-bottom: 0px;
     display: block;
     padding-top: 0;
     font-size: 15px;
     color: #1a1a1a;
     display: block;
     line-height: 1em;
     font-weight: 500;
 }
 
 .menuright3 ul li a {
     display: flex;
     align-items: center;
     gap: 5px;
     /* Icon aur text ke beech spacing */
 }
 
 .menuright3 ul li a span {
     display: flex;
     align-items: center;
 }
 
 /* ===================footer section start========================== */
 .socil-icon {
     position: fixed;
     top: 65%;
     left: 15px;
     z-index: 1000;
     transform: translateY(-50%);
 }
 
 .socil-icon ul {
     flex-direction: column;
     /* Stack icons vertically */
     list-style: none;
     padding: 0;
     margin: 0;
 }
 
 .socil-icon li {
     margin: 5px 0;
     /* Spacing between icons */
 }
 
 .socil-icon a {
     color: #000;
     /* Set icon color */
     font-size: 24px;
     /* Adjust icon size */
     text-decoration: none;
 }
 
 .socil-icon a:hover {
     color: #0077b5;
     /* Color on hover */
 }
 
 .logo-row2 ul li {
     line-height: 20px;
 }
 
 .logo-row2 {
     font-size: 12px;
 }
 
 .container.staggered-animation-wrap {
     padding-bottom: 15px;
 }
 
 .footer-widget__list li,
 .footer-widget__list li a {
     font-family: "gotham", sans-serif !important;
     font-weight: normal !important;
     font-size: 14px !important;
     color: inherit !important;
 }
 
 p.key-content {
     text-align: center !important;
     margin-bottom: 0px;
     padding: 10px 0px 0px 0px;
     font-size: 15px;
     font-weight: 500;
 }
 
 p.key-subcontent {
     margin-bottom: 0px;
     text-align: center;
     line-height: 19px;
     font-size: 14px;
     font-weight: 300;
 }
 
 .award-img {
     width: 100%;
     max-width: 205px !important;
     margin: auto;
     height: 180px !important;
 }
 
 
 /* ================blog section start================ */
 
 section#shadow-host-companion {
     padding: 0;
 }
 
 /* Blog LIsting Page STARTS*/
 
 button.nav-link {
     font-size: 30px !important;
 }
 
 .nav-tabs {
     border-bottom: none !important;
 }
 
 .nav-tabs .nav-item.show .nav-link,
 .nav-tabs .nav-link.active {
     border: none !important;
     border-bottom: 2px solid #ddd !important;
 }
 
 .nav-tabs .nav-link:focus,
 .nav-tabs .nav-link:hover {
     border-color: none !important;
 }
 
 .nav-tabs .nav-link:focus,
 .nav-tabs .nav-link:hover {
     border-color: none !important;
 }
 
 .nav-tabs .nav-item.show .nav-link,
 .nav-tabs .nav-link.active {
     color: #26b6d4;
 }
 
 .nav-tabs .nav-link {
     color: #000;
 }
 
 .nav-tabs .nav-link {
     margin-bottom: -1px !important;
     background: 0 0 !important;
     border: 0px solid transparent !important;
     border-top-left-radius: .25rem !important;
     border-top-right-radius: .25rem !important;
 }
 
 ul.tech-buttons {
     display: flex;
     /* justify-content: space-between; */
     align-items: center;
     padding: 0px;
     flex-wrap: wrap;
     gap: 15px;
 }
 
 ul.tech-buttons li a {
     text-decoration: none;
     color: #fff;
     font-size: 15px;
     font-weight: 400;
 }
 
 ul.tech-buttons li {
     list-style: none;
     padding: 10px 15px;
     background: linear-gradient(to right, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%) !important;
     border-radius: 5px;
 }
 
 .first-section img {
     width: 100%;
     padding: 0px;
 }
 
 .second-section img {
     width: 100%;
     padding: 0px;
 }
 
 .smart-city-container {
     width: 100%;
     height: 400px;
     /* Adjust height as needed */
     /* overflow: hidden; */
     position: relative;
 }
 
 .background-image {
     width: 100%;
     height: 100%;
     object-fit: cover;
     filter: brightness(60%) !important;
 }
 
 .overlay {
     max-height: 300px !important;
     position: absolute;
     /* top: 0; */
     left: 0;
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     color: white;
     text-align: center;
     padding: 0 15px;
 }
 
 .overlay h3 {
     width: 100%;
     max-width: 300px;
     color: #fff !important;
 }
 
 .overlay p {
     font-size: 1.2rem;
     margin: 10px 0;
 }
 
 .cta-button {
     /* position: absolute; */
     margin-top: 50px;
     padding: 10px 20px;
     font-size: 1rem;
     color: white !important;
     background-color: #2d2d2e80 !important;
     border: none;
     border-radius: 40px;
     cursor: pointer;
     transition: background-color 0.3s ease !important;
     bottom: 10%;
     transform: translateY(-50%) !important;
 }
 
 .learn-more {
     text-align: center;
     margin-bottom: 30px;
 }
 
 .learn-btn {
     color: #fff;
     font-size: 15px;
     font-weight: 400;
     width: 100%;
     max-width: 300px;
     border: none;
     padding: 10px 0px;
     background: linear-gradient(to right, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
 }
 
 .nav-tabs .nav-item.show .nav-link,
 .nav-tabs .nav-link.active {
     border: none !important;
     border-bottom: 0px !important;
 }
 
 .tab-blog-section {
     padding: 130px 0px 60px 0px;
 }
 
 /* Blog LIsting Page ENDS*/
 
 
 /* ==========================css add================== */
 ul.tech-buttons {
     position: relative;
     padding: 0;
     margin: 0;
 }
 
 ul.tech-buttons li {
     list-style: none;
     padding: 10px 15px;
     position: relative;
     z-index: 1;
     background: transparent;
     border-radius: 5px;
     overflow: hidden;
 }
 
 ul.tech-buttons li::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     background: linear-gradient(to right, rgba(37, 184, 213, 1) 0%, rgba(117, 88, 165, 1) 99%);
     border-radius: 5px;
     transition: all 0.5s ease;
     opacity: 0;
 }
 
 ul.tech-buttons li:hover::after {
     opacity: 1;
 }
 
 section.blog-post {
     padding: 15px 0px;
 }
 
 div#tocContent ul li {
     border-bottom: 1px solid #ddd;
     padding: 5px 0 5px 0;
 }
 
 div#tocContent ul {
     /* list-style: decimal; */
     padding: 0 0 0 23px;
 }
 
 .pagination-buttons {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
 }
 
 .smart-city-container:after {
     content: "";
     width: 0;
     height: 4px;
     position: absolute;
     transition: all 0.2s linear;
     background: #008ED2;
     top: -4px;
     right: -4px;
     left: auto;
 }
 
 .smart-city-container:hover:after {
     width: 70%;
 }
 
 .smart-city-container:before {
     content: "";
     width: 4px;
     height: 0%;
     position: absolute;
     transition: all 0.2s linear;
     background: #008ED2;
     top: -4px;
     right: -4px;
     bottom: auto;
     /* left: auto; */
     z-index: 9;
 }
 
 .smart-city-container:hover:before {
     height: 70%;
 }
 
 .new-animation {
     background: transparent;
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: 9;
     height: 100%;
 }
 
 .new-animation:after {
     content: "";
     width: 0;
     height: 4px;
     position: absolute;
     transition: all 0.2s linear;
     background: #008ED2;
     top: auto;
     right: auto;
     left: -4px;
     bottom: -4px;
 }
 
 .smart-city-container:hover .new-animation:after {
     width: 70%;
 }
 
 .new-animation:before {
     content: "";
     height: 0;
     width: 4px;
     position: absolute;
     transition: all 0.2s linear;
     background: #008ED2;
     top: auto;
     right: auto;
     left: -4px;
     bottom: -4px;
 }
 
 .smart-city-container:hover .new-animation:before {
     height: 70%;
 }
 
 #posts-containter {
     margin: 0 0 15px 0;
     padding-left: 0;
     padding-right: 0;
 }
 
 * {
     margin: 0px;
     padding: 0px;
     box-sizing: border-box;
 }
 
 .mainsection {
    background-image: url('/images/b-3.jpg');
     background-size: cover;
     background-repeat: no-repeat;
     width: 100%;
     height: 100vh;
     background-position: center;
 }
 
 section.blog-page-first {
     padding: 50px 0px 50px 0px;
 }
 
 .toc-card {
     border: 1px solid #ddd;
     border-radius: 5px;
     padding: 0px;
     background-color: #f9f9f9;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
 
 .toc-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     cursor: pointer;
     padding: 15px 15px;
     background: #fff;
     border-radius: 8px;
 }
 
 .toc-header h5 {
     margin: 0;
     font-size: 18px;
     font-weight: 600;
 }
 
 .toc-content {
     margin-top: 0px;
     display: none;
     /* border-top: 1px solid #ddd; */
     padding: 15px 15px;
 }
 
 ul.details-list {
     display: flex;
     justify-content: start;
     gap: 15px;
     align-items: center;
     padding: 0px;
 }
 
 ul.details-list li {
     list-style: none;
     background: antiquewhite;
     width: 100%;
     max-width: 60px;
     text-align: center;
     color: #fff;
     padding: 3px 0px;
     border-radius: 5px;
 }
 
 li.details-links.first {
     background: #0765FE;
 }
 
 li.details-links.second {
     background: #55acee;
 }
 
 li.details-links.third {
     background: #0077b5;
 }
 
 li.details-links.fourth {
     background: #cc2329;
 }
 
 li.details-links.fifth {
     background: #ee8e2d;
 }
 
 .details-img img {
     width: 100%;
 }
 
 .recent-button {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-bottom: 25px;
 }
 
 button.recent-btn {
     border: none;
     width: 100%;
     max-width: 200px;
     text-align: center;
     padding: 10px 0px;
     background: linear-gradient(to right, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
     color: #fff;
     border-radius: 5px;
 }
 
 .img-post {
     display: flex;
     justify-content: start;
 }
 
 .post-img {
     width: 100%;
     max-width: 140px;
 }
 
 .post-img img {
     width: 100%;
 }
 
 .post-content {
     margin-left: 20px;
 }
 
 p.post-content-1 {
     margin-bottom: 0px;
     font-size: 16px;
     font-weight: 500;
     padding-bottom: 10px;
 }
 
 p.post-content-2 {
     margin-bottom: 0px;
     font-size: 15px;
     color: #000;
 }
 
 .img-post {
     border-bottom: 1px solid #ddd;
 }
 
 .img-post:last-child {
     border-bottom: none !important;
 }
 
 .img-post {
     padding: 20px 0px 20px 0px;
 }
 
 ul.category-all-list {
     display: flex;
     justify-content: start;
     align-items: center;
     flex-wrap: wrap;
     margin-top: 30px;
 }
 
 li.category-link {
     list-style: none;
     width: 100%;
     max-width: 165px;
     margin: 0px 10px 10px 0px;
 }
 
 button.category-btn {
     background: linear-gradient(to right, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
     border: none;
     color: #fff;
     width: 100%;
     max-width: 200px;
     padding: 8px 0px;
     border-radius: 5px;
 }
 
 .recent-btn {
     background: linear-gradient(to right, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
     border: none;
     color: #fff;
     width: 100%;
     max-width: 200px;
     padding: 8px 0px;
     border-radius: 5px;
     position: relative;
     overflow: hidden;
     z-index: 1;
     cursor: pointer;
 }
 
 .recent-btn::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     background: linear-gradient(to right, rgba(37, 184, 213, 1) 0%, rgba(117, 88, 165, 1) 99%);
     border-radius: 5px;
     opacity: 0;
     transition: all 0.5s ease;
 }
 
 .recent-btn:hover::after {
     opacity: 1;
 }
 
 ul.category-all-list li.category-link button.category-btn {
     position: relative;
     z-index: 1;
 }
 
 ul.category-all-list li.category-link button.category-btn::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     background: linear-gradient(to right, rgba(37, 184, 213, 1) 0%, rgba(117, 88, 165, 1) 99%);
     border-radius: 5px;
     transition: all 0.5s ease;
     opacity: 0;
 }
 
 ul.category-all-list li.category-link button.category-btn:hover::after {
     opacity: 1;
 }
 
 ul.category-all-list li.category-link button.category-btn a {
     color: #fff;
     font-size: 14px;
 }
 
 .details-content h2 {
     margin: 15px 0 5px 0 !important;
 }
 
 .post-img img {
     width: 100% !important;
     height: auto !important;
 }
 
 .toc-card.my-4 button#toggleButton {
     color: #fff;
 }
 
 .mainsection {
     position: relative;
 }
 
 .details-content-1 {
     position: absolute;
     left: 0;
     right: 0;
     top: 50%;
     text-align: center;
     transform: translateY(-50%);
     z-index: 999;
     padding: 0 15px;
 }
 
 section.banner .col-lg-12 {
     padding-left: 0;
     padding-right: 0;
 }
 
 .details-content-1 h4 {
     color: #fff;
     font-size: 40px;
     font-weight: 700;
     margin: 0 0 15px 0;
 }
 
 .details-content-1 p {
    width: 100%;
    max-width: 700px;
    margin: auto !important;
    color: #fff;
}
 
 .details-content p {
     color: #000;
 }
 
 .wp-block-list li {
     color: #000;
     font-size: 14px;
     font-weight: 300;
 }
 
 section.banner {
     padding: 98px 0 0 0;
 }
 
 section.banner .mainsection {
     height: auto !important;
 }
 
 section.banner .mainsection img.background-image {
     height: 400px;
     object-fit: cover;
 }
 
 div#tocContent ul li a {
     text-align: left;
     color: #000;
     font-weight: 600;
     font-size: 16px;
 }
 
 div#tocContent ul li:last-child {
     border: none;
 }
 
 button#toggleButton i.fa-solid.fa-bars {
     margin: 0;
     padding: 0;
 }
 
 /* .scrolled .top-strip {
     display: none;
 } */
 
 header.fixed-top p.m-0.mt-2.text-white.inline-p0.info-email-section {
     font-size: 14px;
 }
 
 header.fixed-top p.m-0.mt-2.text-white.inline-p0.info-email-section span.separator {
     margin: 0 0 0 5px;
 }
 
 header.fixed-top p.m-0.mt-2.text-white.inline-p.info-email-section {
     font-size: 14px;
 }
 .key.text-center h2 {
    font-size: 30px;
    font-weight: bold;
}
 

 
 .ptflo_bg {
     position: relative;
     margin: 0 0;
     height: inherit;
 }
 
 .new_dsgn_pot .nh_bwt_lst {
     background-size: cover !important;
     background-repeat: no-repeat !important;
     border-radius: 0px;
 }
 
 .new_dsgn_pot .nh_bwt_lst {
     min-height: 380px;
     position: relative;
     z-index: 99;
 }
 
 .new_dsgn_pot .nh_bwt_lst {
     padding: 40px;
 }
 
 .nh_bwt_lst {
     display: flex;
     align-items: start !important;
     justify-content: space-between;
     min-height: 450px;
     height: auto;
     padding: 20px 20px 20px 20px;
     width: 100%;
     border-radius: 10px;
     transition: ease-in-out .2s;
 }
 
 .nh_bwt_lst {
     background: #fff;
     display: flex;
     align-items: start !important;
     justify-content: space-between;
     margin-bottom: 40px;
     position: relative;
     z-index: 1;
     overflow: hidden;
 }
 
 .nh_bwt_rt {
     position: relative;
     z-index: 1;
     width: 70%;
 }
 
 .prj_bndlg {
     display: flex;
     align-items: center;
 }
 
 .new_dsgn_pot .prj_bndlg figure {
     height: auto;
     max-width: 70px;
 }
 
 .prj_bndlg figure {
     width: 100px;
 }
 
 .new_dsgn_pot .prj_bndlg figure img {
     height: auto;
     object-fit: contain;
     max-width: 100%;
 }
 
 .prj_bndlg figure img {
     height: 100% !important;
     width: 100%;
     object-fit: contain;
     max-width: 100% !important;
 }
 
 .nh_bwt_lst img {
     max-width: 300px;
 }
 
 .new_dsgn_pot .nh_bwt_rt h3 {
     font-size: 28px;
 }
 
 .nh_bwt_rt h3 {
     font-size: 36px;
     font-weight: 700;
     line-height: normal;
     margin-left: 15px;
 }
 
 .new_dsgn_pot .nh_bwt_rt p {
     font-size: 16px;
     width: 100%;
     margin-top: 10px;
     margin-bottom: 0px;
     color: #1d1d1d;
     line-height: normal;
     text-align: left;
     max-width: 480px !important;
     font-weight: 300 !important;
     line-height: 22px;
 }
 
 .new_dsgn_pot .nh_bwt_pt {
     gap: 10px;
     margin: 15px 0;
     padding: 0;
     list-style: none;
 }
 
 .nh_bwt_pt {
     display: flex;
     align-items: flex-start;
     justify-content: flex-start;
     flex-wrap: wrap;
     margin: 0px 0;
 }
 
 .nh_bwt_pt .nh_bwp_inr:first-child {
     max-width: 25%;
 }
 
 .new_dsgn_pot .nh_bwp_inr {
     width: 30%;
 }
 
 .new_dsgn_pot .nh_bwp_inr span {
     display: block;
     font-size: 12px;
     font-weight: 300;
 }
 
 .nh_bwp_inr span {
     display: block;
     font-size: 14px;
     color: #101010;
     line-height: normal;
     font-weight: 400;
     margin-bottom: 2px;
 }
 
 .new_dsgn_pot .nh_bwp_inr h4 {
     font-size: 14px;
     font-weight: 600;
 }
 
 .nh_bwp_inr h4 {
     font-size: 17px;
     line-height: normal;
     font-weight: 700;
     display: flex;
     gap: 10px;
 }
 
 .otr_lnks_port {
     display: flex;
     align-items: center;
     justify-content: flex-start;
     gap: 20px;
 }
 
 .new_dsgn_pot .prj_rdmr {
     padding: 5px 10px;
     margin-bottom: 20px;
     border-radius: 10px;
     color: #000;
     align-items: center;
     text-decoration: none;
 }
 
 .prj_rdmr {
     padding: 10px 15px;
     border: 1px solid #383838;
     border-radius: 4px;
     font-weight: 600;
     font-size: 16px;
 }
 
 .new_dsgn_pot .store_icons {
     margin-left: 0px;
 }
 
 .store_icons {
     display: flex;
     align-items: center;
     justify-content: flex-start;
     margin-left: 20px;
 }
 
 .store_icons a {
     margin-right: 20px;
 }
 
 .new_dsgn_pot .nh_bwt_lt {
     z-index: 2;
 }
 
 .new_dsgn_pot .nh_bwt_lt {
     padding-left: 0px;
 }
 
 .new_dsgn_pot .nh_bwt_lt {
     width: 35%;
 }
 
 .new_dsgn_pot .nh_bwt_lt {
     overflow: initial;
     margin: auto;
 }
 
 .nh_bwt_lt {
     position: relative;
 }
 
 .new_dsgn_pot .nh_bwt_lt figure {
     max-width: 229px;
     width: 100%;
 }
 
 .new_dsgn_pot .nh_bwt_lt figure img {
     width: 100%;
 }
 
 .nh_bwt_lst img {
     max-width: 300px;
 }
 
 img.slider-right {
     width: auto;
     height: 100px !important;
 }
 
 .ptflo_bg::after {
     position: absolute;
     content: "";
     background-image: url("../images/prtfolio_wave.png");
     inset: 0;
     margin: auto;
     z-index: -1;
     width: 100%;
     height: 100%;
     background-size: cover;
     background-repeat: no-repeat;
     border-radius: 20px;
     pointer-events: none;
 }
 
 .new_dsgn_pot .nh_bwt_lst::after {
     position: absolute;
     content: "";
     background-image: url("../images/prtfolio_wave.png");
     inset: 0;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     pointer-events: none;
 }
 
 
 .portfolio-new {
     padding: 0px 0;
     margin-bottom: 100px !important;
 }
 
 .All-p {
     font-size: 36px;
     font-weight: 600;
     padding-bottom: 20px;
     margin: 0;
     color: #20126f;
 }
 
 .side-bar-portfolio {
     background-color: #f6f8ff;
     /* height: calc(100% - 40px); */
     border-radius: 0px;
     padding: 20px;
     position: sticky;
     top: 0px;
 }
 
 .side-bar-portfolio li.nav-item {
     width: 100%;
 }
 
 .side-bar-portfolio .nav-pills .nav-link {
     color: #6e6e6e;
     background: transparent;
     padding-bottom: 15px;
     cursor: pointer;
     transition: .2s;
     font-size: 20px !important;
     font-weight: 500;
     display: block;
     width: 100%;
     text-align: left;
 }
 
 .side-bar-portfolio .nav-pills .nav-link.active,
 .side-bar-portfolio .nav-pills .nav-link:hover,
 .side-bar-portfolio .nav-pills .show>.nav-link {
     background: transparent;
     color: #20126f;
 }
 
 .Transform-p {
     font-size: 45px;
     font-weight: bold;
     text-align: center;
     color: #001A34;
     margin: 0 0 20px 0 !important;
 }
 
 .Transform-p span {
     color: #20126f;
 }
 
 .Transform-p-1 {
     text-align: center;
     color: #001A34;
     font-size: 18px;
     margin: 0 0 45px 0 !important;
     font-weight: 500;
 }
 
 /* .Transform-new {
     padding: 220px 0 0 0 !important;
 } */
 
 .Transform-heading-1 p.Transform-p {
     text-align: left;
 }
 
 .prj_bndlg-1 h3 {
     margin: 0 0 15px 0;
 }
 
 .slider-repeat .new_dsgn_pot .nh_bwt_lst {
     padding: 30px 15px;
 }
 
 .slider-repeat .new_dsgn_pot .nh_bwt_lst {
     /* min-height: auto; */
     min-height: 230px !important;
 }
 
 .slider-repeat .nh_bwt_lst img {
     /* max-width: 150px; */
     height: 40px;
     width: auto !important;
 }
 
 .slider-repeat .new_dsgn_pot .nh_bwt_rt h3 {
     font-size: 22px;
 }
 
 .slider-portfolio .slick-slider {
     margin: 0 -15px;
 }
 
 .slider-portfolio .slick-slide {
     margin-right: 15px;
     margin-left: 15px;
 }
 
 .slider-repeat .slide.nh_bwt_lst.nh_bwt_lst.nh_bwt_lst1.expo_port {
     margin: 0;
 }
 
 .slider-portfolio .slick-dots li.slick-active button:before {
     opacity: 1;
     color: #20126f;
 }
 
 .slider-portfolio .slick-dots li button:before {
     font-size: 50px;
     opacity: 1;
     color: #001A34;
 }
 
 .slider-portfolio ul.slick-dots {
     bottom: -45px;
 }
 
 /* .slider-portfolio {
     padding: 0 0 30px 0;
 } */
 
 .slider-portfolio .slick-prev,
 .slider-portfolio .slick-next {
     display: none !important;
 }
 
 .slick-dots {
     position: absolute;
     bottom: -25px;
     display: block;
     width: 100%;
     padding: 0;
     margin: 0;
     list-style: none;
     text-align: center;
 }
 
 ul.slick-dots {
     position: static;
 }
 
 .recent-section {
     position: sticky !important;
     top: 0px !important;
 }
 
 .wp-block-preformatted {
     font-size: 16px;
 }
 
 .details-content p {
     color: #000;
     font-size: 16px;
 }
 

 

 
 
 .fix_container {
     max-width: 1170px;
     width: 100%;
     margin: 0 auto;
 }
 
 .fix_container {
     max-width: 1170px;
     margin: 0 auto;
     width: 100%;
 }
 
 .npct_bn_cntn {
     height: 670px;
     position: relative;
     top: 50px;
     display: flex;
     align-items: stretch;
     justify-content: flex-start;
     overflow: hidden;
     z-index: 2;
 }
 
 #expo_ets .npct_bn_lt {
     width: 53%;
 }
 
 .npct_bn_lt {
     width: 40%;
     display: flex;
     align-items: stretch;
     padding: 50px 0 0 59px;
 }
 
 #expo_ets .npct_bn_lt .mn_hd {
     background-color: #26b6d4;
 }
 
 .npct_bn_lt .mn_hd {
     background-color: rgba(0, 0, 0, .85);
     display: flex;
     align-items: flex-start;
     justify-content: center;
     padding: 30px 50px;
     width: 100%;
     flex-direction: column;
 }
 
 #expo_ets .npct_bn_lt .mn_hd h1 {
     margin-bottom: 0;
 }
 
 .npct_bn_lt .mn_hd h1 {
     color: rgba(255, 255, 255, 1);
     margin-bottom: 25px;
     line-height: 80px;
 }
 
 .mn_hd h1 {
     font-size: 60px;
     font-weight: bold;
     line-height: normal;
 }
 
 #expo_ets .np_cst p {
     font-size: 20px;
 }
 
 #expo_ets .blck_clr {
     color: #1c1c1c;
 }
 
 #expo_ets .npct_bn_lt .mn_hd p.wow.fadeInUp {
     color: #fff;
     margin: 30px 0 0 0;
     font-size: 20px;
     font-weight: 500;
 }
 
 .npct_abt_Sc::before {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     background: url(https://cdn-hjokj.nitrocdn.com/xKvPrJeRKcMfBVHKpjbxbYMvqmxtHXge/assets/images/source/rev-8fbf6c9/d3l9a8mvoa6cl8.cloudfront.net/wp-content/uploads/2022/03/17125741/drv_what_lemt.svg) no-repeat;
     background-size: 100% 100%;
     height: 210px;
     width: 260px;
     z-index: -1;
 }
 
 #expo_ets .all_sec.npct_abt_Sc {
     padding: 50px 0 30px !important;
 }
 
 #expo_ets .all_sec {
     overflow: hidden;
 }
 
 #expo_ets .mn_ftrs_cnt,
 #expo_ets .npct_abt_Sc {
     background: #e5e5e5;
 }
 
 .npct_abt_Sc {
     background: #1a1a1a;
     padding: 200px 0 100px;
     position: relative;
     z-index: 1;
 }
 
 .npct_abt_mn {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
     max-width: 1170px;
     width: 90%;
     margin: 0 auto;
 }
 
 .npct_abt_lt {
     width: 35%;
     position: relative;
     z-index: 1;
 }
 
 .npct_abt_lt figure {
     height: 100px;
     width: 150px;
 }
 
 .npct_abt_lt figure img {
     height: 100%;
 }
 
 .np_cst .sb_hd h2 {
     font-size: 40px;
     line-height: 60px;
 }
 
 .npct_abt_Sc .npct_abt_rt {
     width: 55%;
     position: relative;
 }
 
 .npct_abt_Sc .npct_abt_rt p {
     font-size: 18px;
     margin: 0 0 15px 0;
     font-weight: 300;
 }
 
 p.wow.fadeInUp {
     font-size: 18px;
     font-weight: 300;
 }
 
 .npct_abt_Sc .npct_abt_rt:after {
     position: absolute;
     content: "";
     background: url(https://cdn-hjokj.nitrocdn.com/xKvPrJeRKcMfBVHKpjbxbYMvqmxtHXge/assets/images/optimized/rev-8fbf6c9/d3l9a8mvoa6cl8.cloudfront.net/wp-content/uploads/2023/08/09101940/expo_bfr-e1691556609183.png);
     top: -35px;
     left: 0;
     right: 0;
     margin: 0;
     width: 100%;
     height: 275px;
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center;
 }
 
 #expo_ets .npct_abt_rt,
 #expo_ets .tvl_prj,
 #expo_ets .expo_otr,
 #expo_ets .expo_otr3,
 #expo_ets .ftrs_mrchnt,
 #expo_ets .ftrs_drvrs {
     position: relative;
 }
 
 #expo_ets .all_sec {
     overflow: hidden;
 }
 
 .all_sec {
     padding: 40px 0;
 }
 
 #expo_ets .tvl_prj:before {
     position: absolute;
     content: "";
     background: url(https://cdn-hjokj.nitrocdn.com/xKvPrJeRKcMfBVHKpjbxbYMvqmxtHXge/assets/images/optimized/rev-8fbf6c9/d3l9a8mvoa6cl8.cloudfront.net/wp-content/uploads/2023/08/09113809/merchant_leave.png);
     background-repeat: no-repeat;
     background-size: auto;
     width: 60px;
     height: 60px;
     left: 230px;
     top: 14%;
 }
 
 .np_cst .sb_hd h2 {
     font-size: 40px;
     line-height: 60px;
     font-weight: bold;
 }
 
 .tvl_prj .cst_brdr::after,
 .npct_srv_sc .cst_brdr::after,
 .dlvry_rslt .cst_brdr::after {
     width: 20%;
 }
 
 .text_center .cst_brdr::after {
     margin: 0 auto;
     left: 0;
     right: 0;
 }
 
 .cst_brdr::after {
     content: "";
     position: absolute;
     bottom: 0;
     height: 2px;
     background: #26b6d4;
     width: 118px;
     left: 0;
 }
 
 .tvl_prj_mn {
     margin-top: 30px;
 }
 
 .tvl_prj_lst {
     margin-bottom: 30px;
 }
 
 .tvl_prj_lst h3 {
     letter-spacing: 0px;
     color: #1c1c1c;
     text-transform: capitalize;
     opacity: .92;
     font-size: 29px;
     line-height: normal;
     font-weight: 700;
     margin-bottom: 30px;
 }
 
 .tvl_prj_otr {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
 
 .tvl_prj_lt {
     width: 40%;
 }
 
 .tvl_prj_lst h3 {
     letter-spacing: 0px;
     color: #1c1c1c;
     text-transform: capitalize;
     opacity: .92;
     font-size: 29px;
     line-height: normal;
     font-weight: 700;
     margin-bottom: 30px;
 }
 
 .cst_brdr::after {
     content: "";
     position: absolute;
     bottom: 0;
     height: 2px;
     background: #26b6d4;
     width: 118px;
     left: 0;
 }
 
 .np_cst .sb_hd h2 {
     font-size: 40px;
     line-height: 60px;
 }
 
 .tvl_prj_rt {
     position: relative;
     z-index: 1;
 }
 
 #expo_ets .tvl_prj_rt:before {
     background: #26b6d4;
 }
 
 .tvl_prj_rt:before {
     content: "";
     position: absolute;
     right: 0;
     top: auto;
     bottom: 0;
     width: 300px;
     height: 524px;
     background: #222;
     z-index: -1;
 }
 
 #expo_ets .tvl_prj_rt::after {
     content: "Tricky Websolution";
     opacity: .2;
     color: #fff;
 }
 
 .tvl_prj_rt::after {
     content: "THE VILLA LIFE";
     position: absolute;
     right: 25px;
     top: 47%;
     transform: translateY(-50%);
     color: #3b3b3b;
     font-weight: 700;
     font-size: 50px;
     writing-mode: tb;
     height: 100%;
 }
 
 .tvl_prj_rt figure {
     left: -130px;
     position: relative;
     width: 480px;
     height: 467px;
     margin: 0;
 }
 
 .tvl_prj_rt figure img {
     height: 100%;
 }
 
 .sb_hd.text_center {
     text-align: center;
 }
 
 .tvl_prj_lst:nth-child(2n) .tvl_prj_otr {
     flex-direction: row-reverse;
 }
 
 .fix_container {
     max-width: 1170px;
     width: 100%;
     margin: 0 auto;
 }
 
 .tvl_prj_lst:nth-child(2n) .tvl_prj_rt::before {
     right: unset;
     left: -30px;
 }
 
 .tvl_prj_lst:nth-child(2n) .tvl_prj_rt::after {
     left: -10px;
     right: unset;
     transform: translateY(-58%) rotate(180deg);
 }
 
 .tvl_prj_lst:nth-child(2n) .tvl_prj_otr figure {
     left: unset;
     right: -90px;
 }
 
 #expo_ets .tvl_prj:after {
     position: absolute;
     content: "";
     background: url(https://cdn-hjokj.nitrocdn.com/xKvPrJeRKcMfBVHKpjbxbYMvqmxtHXge/assets/images/optimized/rev-8fbf6c9/d3l9a8mvoa6cl8.cloudfront.net/wp-content/uploads/2023/08/09102319/food.png);
     background-repeat: no-repeat;
     background-size: auto;
     width: 100%;
     height: 100%;
     left: -150px;
     top: 35px;
 }
 
 #expo_ets .expo_otr3:after {
     position: absolute;
     content: "";
     background: url(https://cdn-hjokj.nitrocdn.com/xKvPrJeRKcMfBVHKpjbxbYMvqmxtHXge/assets/images/optimized/rev-8fbf6c9/d3l9a8mvoa6cl8.cloudfront.net/wp-content/uploads/2023/08/09103816/mushroom.png);
     background-repeat: no-repeat;
     background-size: auto;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }
 
 .tvl_prj_lst:last-child {
     margin-bottom: 0px;
 }
 
 #expo_ets .wrk_flex {
     background: unset;
     flex-direction: row-reverse;
     align-items: center;
 }
 
 .wrk_flex {
     background: linear-gradient(180deg, rgba(140, 172, 62, 1) 43%, rgba(95, 126, 62, 1) 87%);
     display: flex;
     align-items: center;
     justify-content: space-between;
     border-radius: 20px;
     flex-wrap: wrap;
 }
 
 #expo_ets .brd_rt,
 #expo_ets .npct_abt_rt {
     width: 55%;
 }
 
 #expo_ets .brd_lt {
     width: 38%;
 }
 
 #expo_ets .brd_rt figure {
     width: 100%;
     margin: 0 auto;
     max-width: 500px;
     height: 500px;
 }
 
 .brd_rt figure {
     position: relative;
     z-index: 1;
 }
 
 #expo_ets .brd_rt img {
     width: 100%;
     height: 100%;
     object-fit: contain;
 }
 
 #expo_ets .brd_rt figure:after {
     position: absolute;
     content: "";
     background: url(img/backimg.png);
     background-repeat: no-repeat;
     background-size: contain;
     z-index: -1;
     width: 554px;
     height: 477px;
     top: -45px;
     margin: auto;
     right: auto;
     left: -130px;
 }
 
 #expo_ets .brd_lt.sb_hd h2,
 #expo_ets .brd_lt.sb_hd p {
     color: #1c1c1c;
     margin-top: 10px;
 }
 
 .brd_lt.sb_hd h2,
 .brd_lt.sb_hd p {
     color: #fff;
 }
 
 .np_cst .sb_hd h2 {
     font-size: 40px;
     line-height: 60px;
 }
 
 .cst_brdr {
     padding-bottom: 5px;
     position: relative;
     z-index: 1;
     display: inline-block;
     width: 100%;
     font-weight: bold;
 }
 
 #expo_ets .case_wrk .cst_brdr:after {
     background: #1c1c1c !important;
     width: 60%;
 }
 
 #expo_ets .brd_lt.sb_hd h2,
 #expo_ets .brd_lt.sb_hd p {
     color: #1c1c1c;
     margin-top: 10px;
 }
 
 #expo_ets .np_cst p {
     font-size: 20px;
 }
 
 .all_sec.case_wrk span.cst_brdr {
     margin: 0 0 15px 0;
 }
 
 .all_sec.case_wrk .fix_container.wrk_flex p {
     font-size: 20px;
 }
 
 #expo_ets .brd_lt.sb_hd h2,
 #expo_ets .brd_lt.sb_hd p {
     color: #1c1c1c;
     margin-top: 10px;
 }
 
 #expo_ets .np_cst p {
     font-size: 20px;
 }
 
 section.all_sec.brid_wrap.nitro-offscreen p {
     font-size: 20px;
 }
 
 #expo_ets .brid_wrap .brd_lt {
     width: 60%;
 }
 
 #expo_ets .brd_rt,
 #expo_ets .npct_abt_rt {
     width: 55%;
 }
 
 #expo_ets .brid_wrap .brd_rt figure {
     width: 500px;
     margin: 0 auto;
     position: relative;
     left: 100px;
 }
 
 #expo_ets .brd_rt img {
     width: 100%;
     height: 100%;
     object-fit: contain;
 }
 
 .brid_wrap .brd_rt figure img {
     margin: 0 auto;
     display: block;
 }
 
 #expo_ets .brid_wrap .brd_rt figure:after {
     position: absolute;
     content: "";
     background: url(https://cdn-hjokj.nitrocdn.com/xKvPrJeRKcMfBVHKpjbxbYMvqmxtHXge/assets/images/optimized/rev-06236ed/d3l9a8mvoa6cl8.cloudfront.net/wp-content/uploads/2023/08/09105643/effort_bfr.png);
     background-repeat: no-repeat;
     background-size: auto;
     right: 0;
     left: -90px;
     width: 585px;
     height: 670px;
     top: 0;
     bottom: 0;
     margin: auto;
     background-position: center;
 }
 
 .brid_flex {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
 
 #expo_ets .mn_ftrs_tvl .mn_ftrs_cnt:after {
     position: absolute;
     content: "";
     background: url(https://cdn-hjokj.nitrocdn.com/xKvPrJeRKcMfBVHKpjbxbYMvqmxtHXge/assets/images/optimized/rev-06236ed/d3l9a8mvoa6cl8.cloudfront.net/wp-content/uploads/2023/08/10115523/cta_last.png);
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center bottom;
     bottom: 0;
     right: 0;
     left: 0;
     margin: auto;
 }
 
 #expo_ets .mn_ftrs_tvl .mn_ftrs_cnt {
     position: relative;
     padding: 40px 40px 185px;
     margin: 0 auto;
     border-radius: 12px;
 }
 
 #expo_ets .mn_ftrs_cnt,
 #expo_ets .npct_abt_Sc {
     background: #e5e5e5;
 }
 
 #expo_ets .mn_ftrs_tvl .sb_hd h2 {
     font-size: 34px;
     line-height: 44px;
     font-weight: 600;
 }
 
 .cntct_lctn_mn {
     display: flex;
     align-items: flex-end;
     justify-content: center;
     text-align: center;
     gap: 20px;
 }
 
 .degn2 .cntcnt_lctn_inr {
     display: flex;
     justify-content: flex-start;
     align-items: flex-end;
     width: 48%;
     border-right: 1px solid #1d1d1d;
     padding-right: 20px;
 }
 
 .degn2 .cntcnt_lcnt_fig {
     padding-right: 0px;
 }
 
 .degn2 .cntcnt_lcnt_fig_cnt {
     text-align: left;
     padding-left: 10px;
 }
 
 .degn2 .cntcnt_lcnt_fig_cnt h2 {
     font-size: 20px;
     font-weight: 600;
 }
 
 .degn2 .cntcnt_lcnt_fig_cnt p {
     font-size: 13px;
     line-height: 22px;
     color: #1d1d1d;
     font-weight: 500;
     margin-top: 5px;
 }
 
 .all_sec.cntct_lctn_sc.degn2.nitro-offscreen {
     padding-top: 0;
 }
 
 .all_sec.cntct_lctn_sc.degn2.nitro-offscreen figure.cntcnt_lcnt_fig {
     width: 120px;
     margin: 0;
 }
 
 .all_sec.cntct_lctn_sc.degn2.nitro-offscreen figure.cntcnt_lcnt_fig img {
     width: 100%;
     height: auto;
 }
 
 .all_sec.cntct_lctn_sc.degn2.nitro-offscreen h2 {
     font-size: 15px;
     font-weight: bold;
 }
 
 .all_sec.cntct_lctn_sc.degn2.nitro-offscreen p {
     margin: 0;
 }
 
 .degn2 .cntcnt_lctn_inr:last-child {
     border-right: 0;
 }
 
 #expo_ets .npct_rctr_mn {
     background: #26b6d4;
     padding: 30px 60px;
     border-radius: 0px !important;
     margin-top: 50px;
     height: 440px;
     position: relative;
     align-items: center;
 }
 
 #expo_ets .npct_rctr_mn:before {
     position: absolute;
     content: "";
     background: url(https://cdn-hjokj.nitrocdn.com/xKvPrJeRKcMfBVHKpjbxbYMvqmxtHXge/assets/images/optimized/rev-06236ed/www.apptunix.com/wp-content/uploads/2023/08/leave.svg);
     width: 100px;
     height: 85px;
     top: -25px;
     left: 0;
     right: 170px;
     margin: auto;
 }
 
 #expo_ets .npct_rctr_mn:after {
     position: absolute;
     content: "";
     background: #fff;
     width: 500px;
     height: 500px;
     opacity: .2;
     border-radius: 50%;
     bottom: -150px;
     left: -100px;
 }
 
 #expo_ets .npct_rctr_lt {
     width: 40%;
     z-index: 9;
 }
 
 #expo_ets .npct_rctr_lt h3 {
     font-size: 30px;
     font-weight: 700;
     margin-bottom: 25px;
 }
 
 .frs_bx {
     margin-top: 20px;
     list-style: none;
     padding: 0;
 }
 
 .frs_lst {
     display: flex;
     align-items: center;
     gap: 10px;
 }
 
 #expo_ets .frs_lst p {
     margin-top: 0;
     font-size: 20px;
     line-height: normal;
     font-weight: 600;
     margin-bottom: 15px;
 }
 
 #expo_ets .ftrs_rt {
     position: absolute;
     right: -100px;
     bottom: -10px;
 }
 
 #expo_ets .ftrs_mn_evn {
     flex-direction: row-reverse;
     background: #e5e5e5;
 }
 
 #expo_ets .ftrs_mrchnt::before {
     position: absolute;
     content: "";
     background: url(https://cdn-hjokj.nitrocdn.com/xKvPrJeRKcMfBVHKpjbxbYMvqmxtHXge/assets/images/optimized/rev-06236ed/d3l9a8mvoa6cl8.cloudfront.net/wp-content/uploads/2023/08/09113809/merchant_leave.png);
     width: 65px;
     height: 64px;
     background-repeat: no-repeat;
     background-size: auto;
     bottom: 45px;
     right: 45px;
     left: unset;
     top: unset;
     z-index: 9;
     opacity: 1;
 }
 
 #expo_ets .ftrs_mn_evn:after {
     position: absolute;
     content: "";
     background: #fff;
     width: 554px;
     height: 554px;
     opacity: .3;
     border-radius: 50%;
     bottom: -40%;
     left: unset;
     right: -10px;
 }
 
 #expo_ets .ftrs_mn_evn .ftrs_rt_expo2 {
     left: -100px;
 }
 
 #expo_ets .ftrs_mn_evn .ftrs_rt {
     position: absolute;
     right: unset;
     left: -100px !important;
 }
 
 .npct_rctr_mn {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
 
 .npct_srv_mn {
     display: flex;
     align-items: stretch;
     justify-content: space-between;
     margin: 60px auto 0;
     flex-wrap: wrap;
     padding: 0;
     list-style: none;
 }
 
 #expo_ets .npct_srv_lst:nth-child(2n + 1) {
     background: radial-gradient(#05839d, #26b6d4);
     color: #fff !important;
 }
 
 #expo_ets .npct_srv_lst {
     padding: 40px 30px;
     border-radius: 10px;
     width: 23%;
     position: relative;
 }
 
 #expo_ets .npct_srv_lst span {
     font-size: 22px;
     color: #fff;
 }
 
 #expo_ets .npct_srv_lst h3 {
     margin: 0px 0 0 0;
     color: #fff;
 }
 
 .npct_srv_lst h3 {
     font-size: 25px;
     font-weight: 500;
     line-height: normal;
     margin-bottom: 5px;
 }
 

 #expo_ets .npct_srv_lst:nth-child(2n + 1):hover::after,
 #expo_ets .npct_srv_lst:nth-child(even):hover::after {
     position: absolute;
     content: "";
     background: radial-gradient(#ffe19f, #26b6d4);
     filter: blur(10px);
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     z-index: -1;
 }
 
 #expo_ets .npct_srv_lst:nth-child(even) {
     background: #303446;
     color: #fff;
 }
 
 #expo_ets .npct_srv_lst:nth-child(even):after {
     background: #303446;
 }
 
 .npct_tchst_mn {
     display: flex;
     align-items: stretch;
     justify-content: space-between;
     margin: 60px auto 0px !important;
     width: 100%;
     gap: 20px;
     padding: 0;
     list-style: none;
     flex-wrap: wrap;
 }
 
 .npct_tchst_lst {
     text-align: center;
     width: 20%;
 }
 
 .npct_tchst_lst figure {
     border: solid 1px #26b6d4;
     border-radius: 16px;
     height: 200px;
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto;
 }
 
 .npct_tchst_sc .npct_tchst_lst img {
     max-height: 115px;
 }
 
 .npct_tchst_lst h3 {
     font-size: 22px;
     line-height: normal;
     font-weight: 500;
     margin-top: 30px;
 }
 
 #expo_ets .dlvry_rslt {
     background: #f5f5f5;
     position: relative;
 }
 
 #expo_ets .dlvry_rslt:after {
     position: absolute;
     content: "";
     background: url(https://cdn-hjokj.nitrocdn.com/xKvPrJeRKcMfBVHKpjbxbYMvqmxtHXge/assets/images/optimized/rev-06236ed/d3l9a8mvoa6cl8.cloudfront.net/wp-content/uploads/2023/08/09104217/sticks.png);
     background-repeat: no-repeat;
     background-size: auto;
     top: 25px;
     left: -150px;
     width: 300px;
     height: 300px;
 }
 
 #expo_ets .dlvry_bx {
     display: flex;
     align-items: flex-end;
     justify-content: center;
     gap: 250px;
 }
 
 #expo_ets .dlvry_lst {
     border: 1px solid #26b6d4;
 }
 
 #expo_ets .dlvry_lst_sm.dwn,
 #expo_ets .dlvry_lst,
 #expo_ets .dlvry_lst_sm {
     width: 170px;
     height: 140px;
 }
 
 .dlvry_lst.crcl {
     position: relative;
 }
 
 li.dlvry_lst h4 {
     font-size: 40px;
     font-weight: 800;
     line-height: normal;
     text-align: center;
 }
 
 #expo_ets .dlvry_lst.crcl:after {
     top: 125%;
 }
 
 #expo_ets .dlvry_lst.crcl:after,
 #expo_ets .no_brdr li:after {
     border: 5px solid #26b6d4;
     padding: 20px;
 }
 
 .dlvry_lst.crcl:after {
     position: absolute;
     content: "";
     border: 5px solid #8cac3e;
     z-index: 1;
     background: #fff;
     padding: 25px;
     border-radius: 50%;
     top: 113%;
     left: 50%;
     transform: translateX(-50%);
 }
 
 #expo_ets .dlvry_bx {
     display: flex;
     align-items: flex-end;
     justify-content: center;
     gap: 250px;
     padding: 0;
     list-style: none;
 }
 
 #expo_ets .no_brdr .dwn {
     align-items: flex-start;
 }
 
 li.dlvry_lst_sm h4 {
     font-size: 24px;
     font-weight: 400;
     font-weight: 600;
     line-height: normal;
     text-align: center;
 }
 
 #expo_ets .dlvry_lst {
     border: 1px solid #26b6d4;
 }
 
 #expo_ets .dlvry_lst_sm.dwn,
 #expo_ets .dlvry_lst,
 #expo_ets .dlvry_lst_sm {
     width: 170px;
     height: 140px;
 }
 
 .no_brdr li {
     position: relative;
     margin-top: 60px;
 }
 
 li.dlvry_lst h4 {
     font-size: 40px;
     font-weight: 800;
     line-height: normal;
     text-align: center;
 }
 
 #expo_ets .no_brdr li:after {
     top: -85px;
 }
 
 #expo_ets .dlvry_lst.crcl:after,
 #expo_ets .no_brdr li:after {
     border: 5px solid #26b6d4;
     padding: 20px;
 }
 
 .no_brdr li:after,
 .dlvry_rslt-hvr .dlvry_lst.crcl:after {
     position: absolute;
     content: "";
     border: 4px solid #423e5f;
     z-index: 1;
     background: #fff;
     padding: 25px;
     border-radius: 50%;
     top: -90px;
     left: 50%;
     transform: translateX(-50%);
 }
 
 #expo_ets .no_brdr:after {
     background-image: linear-gradient(#26b6d4, #26b6d4, #26b6d4);
 }
 
 #expo_ets .no_brdr:after {
     bottom: unset;
     top: 0;
 }
 
 .no_brdr:after {
     position: absolute;
     content: "";
     background-image: linear-gradient(#323c4a, #484d69, #413c5e);
     height: 2px;
     width: 100%;
     bottom: auto;
 }
 
 .no_brdr {
     position: relative;
 }
 
 .dlvry_lst {
     background: #fff;
     box-shadow: 0px 3px 35px rgba(174, 174, 174, .05);
     border: 1px solid #aa93d7;
     border-radius: 11px;
     opacity: 1;
     padding: 20px;
     height: 200px;
     width: 200px;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 .dlvry_bx {
     grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
 }
 
 .dlvry_bx {
     display: grid;
     grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
     grid-gap: 25px;
     margin-top: 57px;
 }
 
 .dwn {
     display: flex;
     align-items: flex-end;
     justify-content: center;
 }
 
 #expo_ets .dlvry_lst:hover {
     background: #26b6d4;
     color: #fff;
 }
 
 #expo_ets .brid_wrap {
     background: #26b6d4;
 }
 
 .mn_ftrs_tvl.nitro-offscreen.all_sec a.btn.btn-primary {
     background: -webkit-linear-gradient(left, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
     background: linear-gradient(to right, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
     border: 0;
     border-radius: 40px;
     color: #ffffff;
     cursor: pointer;
     padding: 10px 20px;
     text-transform: uppercase;
     transition: all 0.5s ease 0s;
 }
 
 .ftrs_rt.ftrs_rt_expo4 figure img {
     width: 100%;
     max-width: 400px;
 }
 
 .ftrs_rt.ftrs_rt_expo5 figure img {
     width: 100%;
     max-width: 400px;
 }
 
 
 /* ================================================== */
 
 img.app-store {
     width: 100%;
     max-width: 50px !important;
 }
 
 img.google-store {
     width: 100%;
     max-width: 50px !important;
 }
 
 /* ===========================Single Portfolio ==================== */
 .top-section {
     padding: 50px 0px 0px 0px !important;
     position: relative !important;
     z-index: 9 !important;
 }
 
 p.top-section-hed {
     color: #fff;
     font-weight: 300;
     font-size: 18px;
 }
 
 section.port-single {
     padding: 0px 0px 0px 0px !important;
 }
 
 p.wow.fadeInUp {
     font-size: 18px;
     font-weight: 300;
 }
 
 
 /* ================animation section start================== */
 .smart-boxes:after {
     content: "";
     width: 0;
     height: 4px;
     position: absolute;
     transition: all 0.2s linear;
     background: #008ED2;
     top: -4px;
     right: -4px;
     left: auto;
     bottom: auto;
     z-index: 9 !important;
 }
 
 .smart-boxes:hover:after {
     width: 70%;
 }
 
 .smart-boxes:before {
     content: "";
     width: 4px;
     height: 0%;
     position: absolute;
     transition: all 0.2s linear;
     background: #008ED2;
     top: -4px;
     right: -4px;
     bottom: auto;
     /* left: auto; */
     z-index: 9;
 }
 
 .smart-boxes:hover:before {
     height: 70%;
 }
 
 .new-animation-start {
     background: transparent;
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: 9;
     height: 100%;
 }
 
 .new-animation-start:after {
     content: "";
     width: 0;
     height: 4px;
     position: absolute;
     transition: all 0.2s linear;
     background: #008ED2;
     top: auto;
     right: auto;
     left: -4px;
     bottom: -4px;
 }
 
 .smart-boxes:hover .new-animation-start:after {
     width: 70%;
 }
 
 .new-animation-start:before {
     content: "";
     height: 0;
     width: 4px;
     position: absolute;
     transition: all 0.2s linear;
     background: #008ED2;
     top: auto;
     right: auto;
     left: -4px;
     bottom: -4px;
 }
 
 .smart-boxes:hover .new-animation-start:before {
     height: 70%;
 }
 
 
 /* ================animation section end==================== */
 
 
 .top-box-section {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
 
 .top-box-section1 {
     width: 50%;
 }
 
 .top-box-section2 {
     width: 50%;
 }
 
 /* ===========================AI section============================ */
 .single-services-card.text-left:hover {
     border-radius: 0px 50px 0px 50px;
 }
 
 .single-services-card.text-left {
     transition: all 0.4s;
 }
 /* =======================NAV BAR ======================== */
 .clutch-widget {
    display: flex !important;
    justify-content: center !important;
    padding: 0 0 90px 0 !important;
}


.clutch-widget iframe {
    width: 100% !important;
    margin: auto !important;
    max-width: 1020px !important;
    padding: 60px 0 0px 0 !important;
}
 div#mega-menu-wrap-primary {
    background: transparent;
    width: -webkit-fill-available;
    justify-content: flex-end;
    display: flex;
    position: absolute;
    right: 0;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    color: #20126f !important;
    background-color: transparent !important;
    font-size: 16px;
    font-weight: 400;
    padding: 0px 10px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover{
    color: #34a7cd;
    background-color: transparent;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:active{
    background-color: transparent;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{
    background-color: transparent;
    color: #20126f;
}   
ul.mega-sub-menu{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
    z-index: 99999;
    position: absolute;
    width: 700px;
    max-width: none;
    padding: 20px 20px 20px 20px !important;
    border: 0;
    background: #f1f1f1;
    border-radius: 0;
    left: -250px;
    margin-top: 15px;
    background-color: #fff;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}
/* .mega-menu-wrap .mega-menu-primary .mega-menu-item {
    width: 100%;
    max-width: 200px;
} */
 

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item a.mega-menu-link:hover {
    color: #34a7cd !important;
}
.header_wrap ul.mega-sub-menu {
    display: flex !important;
    flex-wrap: wrap !important;
}
.header_wrap ul.mega-sub-menu li {
    width: 33% !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover{
    background-color: transparent;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
    background-color: #fff;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
    color: #20126f;
    background-color: transparent;
}
#mega-menu-wrap-primary .mega-menu-toggle {
    background: -webkit-linear-gradient(left, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
    background: linear-gradient(to right, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link::after {
    content: "";
    display: block !important;
    width: 0;
    height: 2px;
    background: -webkit-linear-gradient(left, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
    background: linear-gradient(to right, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
    transition: width 0.3s ease-in-out;
    margin: auto;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover::after {
    width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    display: inline-block !important;
}



.submint{
    background: -webkit-linear-gradient(left, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
    background: linear-gradient(to right, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%) !important;
    border: 0 !important;
    border-radius: 40px !important;
    color: #ffffff !important;
    cursor: pointer !important;
    padding: 10px 20px !important;
    text-transform: uppercase !important;
    transition: all 0.5s ease 0s !important;
    width: 100% !important;
    max-width: 130px !important;
    text-align: center !important;
}

.form-container {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    background: transparent !important;
    padding: 20px 0px 0px 0px !important;
    border-radius: 10px;
    box-shadow: none !important;
}
.form-group{
    margin: 0px !important;
}


/* ================Slider-section=============== */
.feedback-box {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 30px 30px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    height: calc(290px - 20px);
    width: 100% !important;
    transition: all 0.4s;
}
.feedback-box:hover{
    border-radius: 0px 50px 0px 50px;
}
.feedback-box:hover:before {
    height: 100%;
    top: 0%;
    border-color: #008ED2;
    border-radius: 0px 50px 0px 50px;
}

.feedback-box:hover:after {
    width: 100%;
    margin-left: -50%;
    border-color: #008ED2;
    border-radius: 0px 50px 0px 50px;
}
.feedback-box::after{
    transition: all 0.4s;
    position: absolute;
    content: "";
    width: 50%;
    height: 100%;
    left: 50%;
    margin-left: -25%;
    top: 0;
    border-color: rgba(200, 200, 200, 0);
    border-style: solid;
    border-width: 3px 0;
}
.feedback-box::before{
    transition: all 0.4s;
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
    left: 50%;
    margin-left: -50%;
    top: 25%;
    border-color: rgba(200, 200, 200, 0);
    border-style: solid;
    border-width: 0 3px;
}


.star-rating {
    color: #fbc02d;
    font-size: 18px;
}

.feedback-text {
    font-style: italic;
    color: #555;
}

.slider.img-section .slick-slide {
    margin: 0 10px !important;
    /* Left & Right margin */
}

.slider.img-section .slick-list {
    margin: 0 -10px !important;
}

/* .slider.img-section .slick-slide>div {
    width: 100% !important;
} */

.slider-section .slick-dotted.slick-slider{
    margin-bottom: 0px;
}

.slider-section .slider{
    padding: 0px 10px;
}

.star-section{
    display: flex;
    align-items: center;
}
.upwork-img{
    position: absolute;
    right: 30px;
    top: 16px;
    width: 100%;
    max-width: 100px;
}
a.navbar-brand.page-scroll.animation.logo-tricky.animated.fadeInLeft {
    z-index: 999 !important;
}

/* .mainsection.top-main-sec {
    visibility: hidden;
} */
.details-section {
    margin-right: 60px;
}


p.categ-hed {
    margin-bottom: 0px;
    font-size: 2rem;
    font-weight: 600;
    color: #20126f;
    display: inline-block;
}
.categ-div {
    font-size: 24px;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    text-align: center;
    padding: 15px;
    color: #333;
    background-color: #f8f9fa;
    border-bottom: 3px solid #20126f;
    border-radius: 8px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    letter-spacing: 0.5px;
    text-transform: capitalize;
}

.categ-div:hover {
    border-bottom: 3px solid #2575fc;
    color: #222;
}
section.services {
    padding: 0px 0px 70px 0 !important;
}
/* p.categ-hed::after {
    display: block;
    content: '';
    border-bottom: solid 3px #019fb6;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
}
p.categ-hed:hover::after {
    transform: scaleX(1);
} */
.details-content h1 {
    color: #20126f;
    font-size: 2rem;
    text-transform: capitalize;
    font-weight: 600;
}
.details-content h1::after{
   border-bottom: none;
}

/* =================Slider CSS ================= */

div#n2-ss-2-align {
    width: 100% !important;
    max-width: 100% !important;
}
.n2-ss-slider-controls.n2-ss-slider-controls-absolute-right-top{
    padding: 20px 0 0 0;
}
section.banner.lazyloaded .mainsection.top-main-sec.lazyloaded {
    visibility: visible !important;
}

section.aipage_ana.ai-top-sec {
    padding-top: 0px;
}
section.aipage_ana.aipage-bottom{
    padding-bottom: 0px;
}
section#about>.container {
    position: relative;
    z-index: 9999;
}
a.mega-menu-link::after {
    content: "";
    display: block !important;
    width: 0;
    height: 2px;
    background: -webkit-linear-gradient(left, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
    background: linear-gradient(to right, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%) !important;
    transition: width 0.3s ease-in-out;
    margin: auto;
    position: relative;
    z-index: 9999 !important;
}

a.mega-menu-link:hover::after,
.mega-current-menu-item > a.mega-menu-link::after {
    width: 100%;
}
section.banner.portfolio-banner-sec {
    padding: 0px;
}
/* ============================Remover Inline CSS======================== */

.block_ai_comp{
    margin-top: 25px;
}
.pro_service_img{
    width: 100%;
    max-width: 40px;
}
.logos_animation{
    animation-delay: 1.6s; 
    visibility: visible
}
.client-animation1{
    animation-delay: 0.2s; visibility: visible;
}
.client-animation2{
    animation-delay: 0.3s; visibility: visible;
}
.discover_our_animation1{
    animation-delay: 1.1s; visibility: visible;
}
.discover_our_animation2{
    animation-delay: 1.2s; visibility: visible;
}
.discover_our_animation3{
    animation-delay: 1.3s; visibility: visible;
}
.discover_our_img{
    animation-delay: 1.6s; visibility: visible;
    width: 100%;
    max-width: 500px;
}
.inn-right-img1 img{
    width: 100%;
    max-width: 380px;
}
.inn-right-img2 img{
    width: 100%;
    max-width: 638px;
    height: 362px;
}
.inn-right-img3 img{
    width: 100%;
    max-width: 60px;
}
.top_header_cont{
    padding-left: 5px !important;
}
.contact_details_img.me-1{
    width: 100%;
    max-width: 25px;
}
.contact_details_img.glo_pres.me-1{
    width: 100%;
    max-width: 15px;
}

li.social_items {
    width: 100%;
    max-width: 40px;
    background: #fff;
    text-align: center;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

ul.social_links {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 10px;
    margin: 10px 0 0 0;
}

ul.social_links a i {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #5D5D60;
    transition: color 0.3s;
}

li.social_items:hover {
    background: #26b6d4;
}

li.social_items:hover a i {
    color: #fff;
}
.divider_animation1 {
    animation-delay: 0.1s; 
    visibility: visible;
}
.divider_animation2 {
 animation-delay: 0.2s; 
 visibility: visible;
}
.divider_animation3 {
    animation-delay: 0.2s; 
    visibility: visible;
}
.divider_animation4{
    animation-delay: 0.1s; 
    visibility: visible;
}
.divider_animation5 {
    animation-delay: 0.1s; 
    visibility: visible;
}
.divider_animation6 {
    animation-delay: 0.1s; 
    visibility: visible;
}
.divider_animation7{
    animation-delay: 0.1s; 
    visibility: visible;
}
.divider_animation8{
    display: none
}
.blockchain_animation{
    animation-delay: 1.5s; visibility: visible;
}
.blockchain_animation1{
    animation-delay: 1.1s; visibility: visible;
}
.blockchain_animation2 {
    animation-delay: 1.2s; visibility: visible;
}
.blockchain_animation3 {
    animation-delay: 1.3s; visibility: visible;
}
.blockchain_animation4 {
    animation-delay: 1.1s; visibility: visible;
}
.blockchain_animation5 {
    animation-delay: 1.2s; visibility: visible;
}
.blockchain_animation6 {
    animation-delay: 1.3s; visibility: visible;
}
.blockchain_animation7 {
    animation-delay: 1.2s; visibility: visible;
}
.blockchain_animation8 {
    animation-delay: 1.3s; visibility: visible;
}
.blockchain_animation9 {
    animation-delay: 1.2s; visibility: visible;
}
.blockchain_animation10 {
    animation-delay: 1.1s; visibility: visible;
}
.blockchain_animation11 {
    animation-delay: 1.2s; visibility: visible;
}
.ai_animation1 {
    animation-delay: 1.5s; visibility: visible;
}
.ai_animation2 {
    animation-delay: 1.2s; visibility: visible;
}
.ai_animation3 {
    animation-delay: 1.3s; visibility: visible;
}
.ai_animation4 {
    animation-delay: 1.1s; visibility: visible;
}
.ai_animation5 {
    animation-delay: 1.2s; visibility: visible;
}
.ai_animation6 {
    animation-delay: 1.3s; visibility: visible;
}
.ai_animation7 {
    animation-delay: 1.2s; visibility: visible;
}
.ai_animation8 {
    animation-delay: 1.3s; visibility: visible;
}
.about_animation1 {
    animation-delay: 1.5s; visibility: visible;
}
.about_animation2 {
    animation-delay: 0.1s; visibility: visible;
}
.about_animation3 {
    animation-delay: 1.1s; visibility: visible;
}
.about_animation4 {
    animation-delay: 1.4s; visibility: visible;
}
.about_animation5 {
    animation-delay: 1.1s; visibility: visible;
}
.about_animation6 {
    animation-delay: 1.1s; visibility: visible;
}
.about_animation7 {
    animation-delay: 1.4s; visibility: visible;
}
.about_animation8 {
    animation-delay: 1.1s; visibility: visible;
}
.about_animation9 {
    animation-delay: 1.1s; visibility: visible;
}
.about_animation10 {
    animation-delay: 1.4s; visibility: visible;
}
.about_animation11 {
    animation-delay: 1.1s; visibility: visible;
}
.about_animation12 {
    animation-delay: 1.1s; visibility: visible;
}
.about_animation13 {
    animation-delay: 1.1s; visibility: visible;
}
.about_animation14 {
    animation-delay: 1.3s; visibility: visible;
}
.about_animation15 {
    animation-delay: 1.6s; visibility: visible;
}
.industry_animation1 {
    animation-delay: 1.5s; visibility: visible;
}
.industry_animation2 {
    animation-delay: 1.2s; visibility: visible;
}
.industry_animation3 {
    animation-delay: 1.3s; visibility: visible;
}
.industry_animation4 {
    animation-delay: 0.1s; visibility: visible;
}
.industry_animation5 {
    animation-delay: 1.2s; visibility: visible;
}
.industry_animation6 {
    animation-delay: 1.3s; visibility: visible;
}
.industry_animation7 {
   animation-delay: .2s; visibility: visible;
}

.slick-dots li button::before {
    font-size: 30px !important;
}
section.all_sec.npct_abt_Sc {
    background: #f6f8ff !important;
}








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


.custom-slider-wordpress {
    padding: 0;
}
.custom-slider-wordpress .d-block.w-100 {
    height: calc(100vh - 125px);
    object-fit: cover;
}
.row.align-items-center.block_ai_comp {
    margin-top: 0 !important;
}
.abs-slider-content {
    position: absolute;
    left: 30px;
    right: 30px;
    margin: auto;
    background: #00000061;
    bottom: 10%;
    max-width: 900px;
    padding: 40px 40px 25px 40px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}
.slider-h2 {
    font-size: 45px;
    line-height: 1.1;
    color: #fff;
    font-weight: bold;
    margin: 0 0 15px 0;
}
.slider-p {
    margin: 0 0 15px 0;
    color: #fff;
    display: none;
}
.custom-slider-wordpress .carousel-control-prev {
    width: 50px;
    height: 50px;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    background: -webkit-linear-gradient(left, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
    background: linear-gradient(to right, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
}
.custom-slider-wordpress .carousel-control-next {
    width: 50px;
    height: 50px;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    background: -webkit-linear-gradient(left, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
    background: linear-gradient(to right, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
}
.banner_section .n2-ss-slider .n2-ss-slide-background-image img {
    height: calc(100vh - 125px) !important;
}
.banner_section div#n2-ss-2 .nextend-thumbnail-horizontal .nextend-thumbnail-scroller {
    display: block !important; 
}
.banner_section .n2-ss-slider-controls.n2-ss-slider-controls-below {
    position: absolute;
    right: 20px;
    top: 30px;
    background: transparent !important;
}
.banner_section #n2-ss-2 .n2-thumbnail-dot img {
    width: 170px;
    height: 80px;
}
.banner_section #n2-ss-3 .n2-ss-control-bullet {
    display: none;
}

.banner_section .n2-ss-button-container.n2-ss-item-content a {
    background: -webkit-linear-gradient(left, rgba(37, 184, 213, 1) 0%, rgba(117, 88, 165, 1) 99%) !important;
    background: linear-gradient(to right, rgba(37, 184, 213, 1) 0%, rgba(117, 88, 165, 1) 99%) !important;
    border-radius: 40px !important;
    content: "";
    height: 100%;
    transition: all 0.5s ease 0s;
    width: 100%;
}

.banner_section div#n2-ss-3 .n2-font-915df02bbaadbe4d63a2ec2f41f1d45f-paragraph a, 
.banner_section div#n2-ss-3 .n2-font-915df02bbaadbe4d63a2ec2f41f1d45f-paragraph a:FOCUS {
    color: #2bb1d2;
}
div#n2-ss-3 .n2-style-09a8364a7159aeff35b6b40ac3f789f6-heading:Hover,
 div#n2-ss-3 .n2-style-09a8364a7159aeff35b6b40ac3f789f6-heading:ACTIVE,
  div#n2-ss-3 .n2-style-09a8364a7159aeff35b6b40ac3f789f6-heading:FOCUS {
    background: -webkit-linear-gradient(left, rgba(37, 184, 213, 1) 0%, rgba(117, 88, 165, 1) 99%) !important;
    background: linear-gradient(to right, rgba(37, 184, 213, 1) 0%, rgba(117, 88, 165, 1) 99%) !important;
}


.scrolled .top-strip .container {
    margin-top: -46px;
}
.top-strip .container {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
section.featured-image-section {
    padding: 0;
}
section.featured-image-section .container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}
section.featured-image-section img.img-fluid.w-100.wp-post-image {
    height: 310px;
    object-fit: cover;
}
section.mt-5.tab-blog-section {
    padding: 0 0 0 0;
}
div#banner_bg_effect {
    display: none !important;
}
.section_wave {
    display: none !important;
}

.slider-portfolio .slick-dotted.slick-slider {
    margin-bottom: 0px;
}

.banner_section.index-banner-section {
    padding: 30px 0 !important;
}
p.blockchain_animation3.animation.animated.fadeInLeft {
    margin-bottom: 0px;
}
.truly_prominent_sec{
    margin-top: 70px !important;
}
section#about2>.container {
    position: relative;
    z-index: 999 !important;
}
.toc-content ul {
    padding: 0px !important;
}
.category-post a img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
li.npct_tchst_lst.wow.fadeInLeft figure{
    transition: transform .5s;
}
    li.npct_tchst_lst.wow.fadeInLeft figure:hover {
        box-shadow: 0 0 7px rgba(0, 0, 0, .15);
        transform: scale(1.11);
    }

    section.all_sec.npct_tchst_sc.nitro-offscreen {
        padding-top: 0px;
    }




/* ===============OVERLAY CSS ===================     */
.smart-city-container  .background-image
 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(95%) !important;
}


.smart-city-container .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 100px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    color: white;
    text-align: start;
    padding: 10px 15px;
    background-color: #001a34;
}

.smart-city-container .overlay h3 {
    width: 100%;
    max-width: 84%;
    color: #fff !important;
    font-size: 16px;
    margin-bottom: 0px;
}

.smart-city-container .overlay span{
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 10px 0 0 0;
    width: 100%;
}

.smart-city-container button.cta-button.btn-default
 {
    padding: 0px 10px;
    font-size: 12px;
    font-weight: 400;
    width: 100%;
    max-width: 100px;
    margin: 0px 0 0 10px !important;
    transform: translateY(0px) !important;
}
/* ===============OVERLAY CSS ===================     */


@media(min-width: 1400px){
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
        left: -350px;
    }
    ul#mega-menu-primary li:nth-child(5) ul.mega-sub-menu {
        position: absolute !important;
        left: -450px !important;
    }
    
}
@media(max-width: 1400px){
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
        left: -350px;
    }
    ul#mega-menu-primary li:nth-child(5) ul.mega-sub-menu {
        position: absolute !important;
        left: -450px !important;
    }
    
}

 
@media (min-width: 1024px) {
    section {
        padding: 30px 0 30px 0;
        position: relative;
    }
    section#about2{
        padding: 30px 0px;
    }
    section.abt_service {
        padding: 30px 0px 30px 0px;
    }
    section#about1 {
        padding: 30px 0px;
    }
    section#ourpower {
        padding: 30px 0px 0px 0px;
    }
    section#ouroffers {
        padding: 30px 0px;
    }
    section#ouranalysis {
        padding: 30px 0px;
    }
    .row.mt-5.top-heavy-indus {
        margin: 0 0 0 0 !important;
    }
    .business_more_Sec{
        padding: 50px 0px 0px 0px;
    }
    .heavy_industry_sec{
        margin-top: 0px !important;
    }
    section.devsteps-area.section_light_bg.pb-100 {
        padding: 30px 0px;
    }
    .services_page {
        padding: 30px 0px;
    }
    section#casestudies {
        padding: 50px 0px 30px 0px;
    }
    section#ourservices {
        padding: 0px 0px;
    }
    section#weoffer{
        padding: 30px 0 30px 0;
    }
    section#ourcompany {
        padding: 50px 0 30px 0;
        position: relative;
    }
    section.services {
        padding: 0px 0px 30px 0 !important;
    }
    section#how_it_work {
        padding: 50px 0px 30px 0px !important;
    }
    .awards_section_box{
        padding: 50px 0 50px 0;
    }
    section#how_it_work {
        padding: 50px 0px 0px 0px;
    }
    .box_inner.card1.py-5.about_inner_box {
        height: 500px !important;
    }
    .top-box-section {
        display: flex;
        flex-direction: row;
        overflow: hidden;
        position: relative;
        animation: move-left 15s linear infinite;
        gap: 0px;
        width: max-content;
    }
    .top-strip {
       overflow: hidden;
   }
    .top-box-section1,
    .top-box-section2 {
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto;
    }

    /* Animation Keyframes */
    @keyframes move-left {
        0% {
            transform: translateX(50%);
        }

        100% {
            transform: translateX(-100%);
        }
    }

    .contact-top-info {
        text-align: center;
    }

    .contact_details {
        text-align: center;
        padding: 0;
    }
    .services_page .single-offer{
        height: calc(100% - 15px) !important;
    }
    .single-offer {
        height: 560px;
    }
    .single-services-card {
        height: 520px !important;
    }
    .aipage .box_inner {
        height: 570px !important;
    }
    /* section#how_it_work .box_inner {
        height: 730px !important;
    } */
    .how_work {
        background-position: center center;
        background-size: cover;
        position: relative;
        margin: 30px 0 30px 0;
    }
    .tab-blog-section {
        padding: 170px 0px 60px 0px;
    }
    .tvl_prj_lt {
        width: 38%;
    }

    #expo_ets .npct_bn_lt {
        width: 65%;
    }

    .npct_tchst_lst figure {
        height: 200px;
        width: 250px;
    }

    #expo_ets .npct_srv_lst {
        width: 45%;
        margin-bottom: 14px;
    }
    .scrolled .top-strip .container {
        margin-top: -92px;
    }
    
}

@media (max-width:991px) {
    .single-counter {
        margin-bottom: 15px;
    }
    
    section.aipage.business_more_Sec {
        padding: 0px 0px 0px 0px !important;
    }    
    .single-offer1{
        height: auto !important;
    }
    .fix_container{
        width: 100% !important;
    }
    .all_sec {
        padding: 20px 0;
    }
    #expo_ets .all_sec.npct_abt_Sc {
        padding: 50px 0 50px !important;
    }
    .single-services-card.text-left {
        margin: 0 0 15px 0;
    }
    .computer-vision-ai-content .title_dark.mt-4.title_dark2 {
        margin-top: 30px !important;
    }
    .single-offer {
        margin: 0 0 15px 0;
    }
    section#how_it_work .align-items-center {
        align-items: center !important;
        margin-top: 0px !important;
    }
    .how_work {
        top: 0px !important;
    }
    .aboutus {
        margin-top: 0px !important;
    }
    section {
        padding: 30px 0 30px 0;
        position: relative;
    }
    section#how_it_work {
        padding: 0px 0px 50px 0px !important;
    }
    button.mega-close {
        display: none !important;
    }
    .banner_text {
        margin-top: 30px !important;
    }


    .form-group p {
        margin-bottom: 15px;
    }
    .form-container .form-row {
        gap: 0px;
    }
    .portfolio-new {
        padding: 0px 0;
        margin-bottom: 0px !important;
    }
    p.Transform-p {
        line-height: 45px;
    }
    .slider-portfolio .slick-dotted.slick-slider {
        margin-bottom: 0px;
    }

    .slider-portfolio {
        padding: 0 0 0px 0;
    }
    .top-box-section {
        display: flex;
        flex-direction: row;
        overflow: hidden;
        position: relative;
        animation: move-left 15s linear infinite;
        gap: 0px;
        width: max-content;
    }
    .top-strip {
       overflow: hidden;
   }
    .top-box-section1,
    .top-box-section2 {
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto;
    }

    /* Animation Keyframes */
    @keyframes move-left {
        0% {
            transform: translateX(50%);
        }

        100% {
            transform: translateX(-100%);
        }
    }

    .contact-top-info {
        text-align: center;
    }

    .contact_details {
        text-align: center;
        padding: 0;
    }
    section.services {
        margin: 50px 0 0 0;
    }
    /* .top-box-section{
        display: flex;
        flex-direction: row;
        overflow: hidden;
        position: relative;
        gap: 0px;
        width: -webkit-fill-available;
        justify-content: center;
    } */
    section.aipage {
        padding: 50px 0 50px 0 !important;
    }
    .position-relative {
        margin-top: 60px !important;
    }
    section.blog-page-first {
        padding: 50px 0px 0px 0px;
    }
    ul.category-all-list {
        display: flex;
        justify-content: center !important;
    }
    .details-section {
        margin-right: 0px;
    }
    .aboutuspage .award.pe-5{
        margin: 50px 0px;
    }
    .ai-about-image img {
        margin: 0 0 50px 0;
    }
    .rgtfm.pe-5 {
        padding: 30px !important;
    }
    .pe-5.lftblue {
        padding-right: 0px !important;
    }
    .single-offer {
        height: auto !important;
    }
    .aipage .m-b30{
        margin-bottom: 0px !important;
    }
    .aipage .box_inner.card1.py-5 {
        margin: 0 0 15px 0;
    }
    .social_media_section {
        margin: 0 0 20px 0;
    }
    .box_inner.btn-5.decentr-box-section{
        margin: 25px 0 0 0;
    }
    .d-flex.contact-top-info {
        justify-content: center !important;
        padding: 10px 0 0 0 !important;
    }

    .contact_details {
        text-align: center;
    }

    .button-new-top {
        justify-content: center;
    }

    .box_inner {
        padding: 20px 25px;
        height: auto !important;
    }
    .workbox1 {
        margin-top: 15px !important;
    }

    .work_box {
        margin-top: 20px;
        width: 100%;
        float: none;
        padding-left: 0 !important;
    }

    section#about1 {
        padding: 0px 0px 0px 0px !important;
    }

    .team-section {
        margin-bottom: 15px;
    }

    .logo-row4 {
        width: 100%;
        margin-right: 0px !important;
    }

    div#posts-containter .row.mt-4 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .button-section {
        margin: 0 0 0 0;
    }

    .smart-city-container {
        margin: 0 0 15px 0;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 5px 18px !important;
    }
        section.banner .mainsection img.background-image {
            height: 600px;
            object-fit: cover;
        }
    
        .side-bar-portfolio li.nav-item {
            width: auto;
            margin: 0 10px 10px 0;
        }
    
        .side-bar-portfolio ul#pills-tab {
            flex-wrap: wrap;
            overflow: auto;
            margin: 0 0 30px 0 !important;
        }
    
        .side-bar-portfolio {
            padding: 0;
            background: transparent;
        }
    
        .side-bar-portfolio .nav-pills .nav-link {
            border: 0;
            color: #20126f;
            outline: none;
            text-transform: uppercase;
            padding: 6px 14px;
            font-size: 14px;
            margin: 0 0 0 0;
            background: #f6f8ff;
        }
    
        .side-bar-portfolio .nav-pills .nav-link.active,
        .side-bar-portfolio .nav-pills .nav-link:hover,
        .side-bar-portfolio .nav-pills .show>.nav-link {
            background: -webkit-linear-gradient(left, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
            background: linear-gradient(to right, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
            color: #fff;
        }
    
        .side-bar-portfolio ul#pills-tab::-webkit-scrollbar {
            width: 10px;
        }
    
        .slider-portfolio .slick-slider {
            margin: 0 0px;
        }
    
        .slider-portfolio .slick-slide {
            margin-right: 10px;
            margin-left: 10px;
        }
        .blockchain-devlopmendt-section {
            margin: 10px 0 0 0;
        }
        .decentr-box-section{
            margin: 15px 0 0 0;
        }
        .index-banner-section{
          padding: 70px 0px !important;
        }
        .key.key-rec p br {
            display: none;
        }
         #expo_ets .npct_bn_lt .mn_hd {
             background-color: #26b6d4;
             padding: 70px 20px;
         }
     
         #expo_ets .npct_bn_lt .mn_hd h1 {
             margin-bottom: 0;
             font-size: 34px;
             line-height: 50px;
         }
     
         .npct_tchst_mn {
             margin: 50px auto 0;
         }
     
         .top-section {
             width: 100% !important;
             padding: 0px 0px 0px 0px !important;
         }
     
         #expo_ets .npct_bn_lt {
             width: 100% !important;
             opacity: 0.9 !important;
         }
     
         .npct_bn_lt {
             padding: 0px;
         }
     
         .npct_bn_cntn {
             width: 100%;
             height: auto;
             position: relative;
             top: 0px;
             display: flex;
             align-items: stretch;
             justify-content: flex-start;
             overflow: hidden;
             z-index: 2;
         }
     
         .npct_abt_lt {
             width: 100%;
         }
     
         .npct_abt_mn {
             display: block;
         }
     
         #expo_ets .brd_rt,
         #expo_ets .npct_abt_rt {
             width: 100%;
             text-align: center;
         }
     
         .cst_brdr::after {
             display: none;
         }
     
         .sb_hd {
             text-align: center; 
         }
         .tvl_prj_lst h3{
            margin-bottom: 0px !important;
         }
     
         figure.wow.fadeInUp {
             margin: auto;
             margin-bottom: 15px;
         }
     
         .tvl_prj_rt:before {
             display: none;
         }
     
         .tvl_prj_otr {
             display: block;
         }
     
         .tvl_prj_lt {
             width: 100%;
             text-align: center;
         }
     
         #expo_ets .tvl_prj_rt::after {
             display: none;
         }
     
         .tvl_prj_lst:nth-child(2n) .tvl_prj_otr figure {
             left: unset;
             right: 0px;
         }
     
         .tvl_prj_rt figure {
             left: 0px;
             position: relative;
             width: 100%;
             height: auto;
             margin: 0 auto;
         }
     
         #expo_ets .brd_lt {
             width: 100%;
             padding: 30px 0px 0px 0px;
         }
     
         .frs_bx {
             margin-top: 20px;
             list-style: none;
             padding: 0;
             display: flex;
             justify-content: center;
             align-items: start;
             flex-wrap: wrap;
         }
     
         #expo_ets .npct_rctr_lt {
             width: 100%;
             z-index: 9;
         }
     
         #expo_ets .frs_bx {
             justify-content: flex-start;
             flex-wrap: wrap;
             padding: 0px 0px 0px 0px;
             gap: 20px;
         }
     
         .tvl_prj_rt figure img {
             width: 100%;
             height: auto;
         }
         .tvl_prj_rt{
            width: 100%;
         }
         #expo_ets .brd_rt figure:after {
             display: none;
         }
     
         .npct_bn_lt .mn_hd {
             padding: 30px 12px;
             width: 100%;
         }
     
         #expo_ets .tvl_prj:after {
             display: none;
         }
     
         .tvl_prj_mn {
             margin-top: 0px;
         }
     
         .tvl_prj_lst {
             margin-bottom: 30px;
         }
     
         .ftrs_rt.ftrs_rt_expo1 figure img {
             width: 100%;
             max-width: 200px;
         }
     
         .ftrs_rt.ftrs_rt_expo1 {
             display: none;
         }
     
         #expo_ets .npct_rctr_mn {
             padding: 30px 10px;
             margin-top: 50px;
             height: auto;
             align-items: start;
         }
     
         .ftrs_rt.ftrs_rt_expo2 {
             display: none;
         }
     
         .ftrs_rt.ftrs_rt_expo3 {
             display: none;
         }
     
         .ftrs_rt.ftrs_rt_expo4 {
             display: none;
         }
     
         .ftrs_rt.ftrs_rt_expo5 {
             display: none;
         }
     
         #expo_ets .npct_srv_lst {
             width: 100%;
             margin-bottom: 15px;
         }
     
         .npct_srv_mn {
             margin: 50px auto 0;
         }
     
         .npct_tchst_lst {
             text-align: center;
             width: 100%;
         }
     
         .npct_tchst_lst figure {
             width: 100%;
         }
     
         #expo_ets .dlvry_rslt:after {
             display: none;
         }
     
         li.dlvry_lst_sm.dwn {
             display: none;
         }
     
         #expo_ets .no_brdr:after {
             display: none;
         }
     
         .no_brdr li:after,
         .dlvry_rslt-hvr .dlvry_lst.crcl:after {
             display: none;
         }
     
         .dlvry_lst.crcl:after {
             display: none;
         }
     
         #expo_ets .dlvry_lst_sm.dwn,
         #expo_ets .dlvry_lst,
         #expo_ets .dlvry_lst_sm {
             width: 100%;
             height: 68px;
         }
     
         .dlvry_bx {
             margin-top: 25px;
         }
     
         .no_brdr li {
             position: relative;
             margin-top: 10px;
         }
     
         .brid_flex {
             display: block;
         }
     
         #expo_ets .brid_wrap .brd_lt {
             width: 100%;
         }
     
         #expo_ets .brd_rt img {
             width: 100%;
             height: 100%;
             object-fit: contain;
         }
     
         #expo_ets .brid_wrap .brd_rt figure {
             width: 100%;
             margin: 0 auto;
             position: relative;
             left: 0px;
         }
     
         #expo_ets .mn_ftrs_tvl .sb_hd h2 {
             font-size: 18px;
             line-height: 28px;
             font-weight: 600;
         }
     
         .degn2 .cntcnt_lctn_inr {
             justify-content: center;
             width: 100%;
             flex-wrap: wrap;
             border-right: none;
         }
     
         .cntct_lctn_mn {
             display: block;
         }
     
         .degn2 .cntcnt_lcnt_fig_cnt {
             text-align: center;
             padding: 10px 10px;
         }
     
         #expo_ets .frs_lst p {
             text-align: start;
         }
     
         .key-boxes {
             margin-bottom: 15px;
            height: auto;
         }
         .key-boxes img{
            margin: auto !important;
            display: block !important;
            width: 100% !important;
            max-width: 220px !important;
         }
         .awards-section {
            margin-bottom: 15px;
            min-height: auto !important;
         }
     
         .development-section {
             /* margin-left: 0px !important; */
             margin: auto !important;
         }
     
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        color: #ffffff !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
        position: static !important;
        width: 100%;
        padding: 0 !important;
        background: transparent !important;
        margin-top: 0 !important;
        display: none !important;
    }
    .header_wrap ul.mega-sub-menu li {
        width: 100% !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        background: transparent !important;
        color: #fff !important;
    }
    ul#mega-menu-primary {
        padding: 30px 15px !important;
    }
    .mega-toggle-on ul.mega-sub-menu{
        display: block;
    }
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu {
        display: block !important;
    }
    #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
        background: #001a34 !important;
    }
    ul#mega-menu-primary li:nth-child(5) ul.mega-sub-menu {
        position: static !important;
        left: 0px !important;
    }
    .top-strip p.top_header_cont.m-0.mt-2.text-white.inline-p {
        margin-top: 0 !important;
    }
    .top-strip p.m-0.mt-2.text-white.inline-p.info-email-section {
        margin-top: 0 !important;
    }
    .top-strip .row.top-box-section {
        padding-top: 0 !important;
    }
    .top-strip .d-flex.contact-top-info.justify-content-start.align-item-center {
        padding-top: 0 !important;
    }
    .scrolled .top-strip .container {
        margin-top: -82px;
    }
    .industries-we-serve {
        padding-bottom: 30px;
    }
    section.industries-we-serve.pt-5 {
        padding: 0px 0px 30px 0px !important;
    }
    .title_dark {
        padding: 0 0px !important;
        margin: 0 !important;
    }
    #expo_ets .all_sec.npct_abt_Sc {
        padding: 30px 0 30px !important;
    }
    .feedback-box {
        height: 100%;
        min-height: 515px;
    }
    .upwork-img{
        position: static;
    }
    .chaty-i-trigger.csaas-widget-trigger {
        position: absolute;
        left: -16px;
    }
    div#csaas-channels-0 {
        position: absolute;
        left: -19px;
    }
 }

 @media screen and (max-width: 768px) {
    .grecaptcha-badge{
        z-index: 999999 !important;
    }
    .form-container{
        padding:0px !important;
    }
    .inno-solu-left-icon{
        display: none;
    }
    .inn-right-circle {
        display: none;
    }
    .inno-solu-left.active {
        display: block;
    }
    .inno-solu-left-img {
        max-width: 100%;
    }
    
    .inno-solu-left-con {
        width: 100%;
        margin: 20px 0 0 0px;
    }
 
    section.slider-section {
        padding: 50px 0 0;
    }

    
 }

 @media(max-width: 767px){
    .feedback-box {
        min-height: auto;
    }
    .upwork-img{
        position: absolute;
    }
    .feedback-box {
        height: auto;

    }
        .gtco-testimonials {
            margin-top: 20px;
        }
    .res_sm_mt_30 {
        margin-top: 0px !important;
    }
    .d-flex.align-items-center.devsteps_area_Sec {
        display: block !important;
    }
    #expo_ets .all_sec.npct_abt_Sc {
        padding: 30px 0 30px !important;
    }
    .scrolled .top-strip .container {
        margin-top: -125px;
    }
    .counter-sec span.count {
        margin-bottom: 15px;
     }
     .happy_clients-box {
        margin: 0 0 20px 0px;
    }
    ul.footer-widget__list.list-unstyled.mt-3 li {
        line-height: 25px;
    }

    p.m-0.mt-2.text-white.inline-p0.email_pt.fa.fa-envelope.info-email-section {
        font-size: 10px;
    }

    .d-flex .contact-top-info {
        text-align: start;
        padding: 10px 0 0 0;
    }

    ul.contact_details li:nth-child(1) {
        padding-left: 0px !important;
    }

    ul.contact_details li {
        margin-left: 0px;
    }

    .contact_details li {
        display: inline-block;
        margin-right: 0px;
        padding: 0px 3px
    }

    .button-new-top {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .pe-5 {
        padding-right: 0rem !important;
    }

    .counter-sec span.count {
        font-size: 1.75rem;
        font-weight: 700;
    }

    section#counter {
        padding: 50px 0 50px 0;
    }

    form#form_data {
        padding: 0 20px;
    }

    .d-flex.contact-top-info {
        padding: 20px 0 0 0;
    }

    div#custom_back_button {
        position: absolute !important;
        right: 0;
        transition: 0.3s;
        padding: 4px 10px;
        width: 53px;
        text-decoration: none;
        font-size: 14px;
        color: white;
        border-radius: 5px;
        z-index: 9;
        /* background-color: #00036d; */
        background: linear-gradient(to right, rgba(117, 88, 165, 1) 0%, rgba(37, 184, 213, 1) 99%);
        margin-right: 10px;
        top: -57px;
        left: 24px;
    }
    .recent-btn {
        max-width: 100% !important;
    }

    .recent-button.mt-3 {
        margin: 0 0 15px 0;
    }

    .category-btn {
        max-width: 100% !important;
        margin: 0 0 15px 0;
    }

    .category-all-list li.category-link {
        width: 100% !important;
        max-width: 100%;
        margin: 0 0 0 0;
    }

    .img-post {
        flex-wrap: wrap;
    }

    .img-post .post-img {
        max-width: 100%;
    }

    .post-content {
        margin: 15px 0 0 0;
    }

    header.header_wrap.strongly-fixed.fixed-top {
        padding: 0;
    }

    header.header_wrap.strongly-fixed.fixed-top .d-flex.contact-top-info.justify-content-start.align-item-center {
        flex-wrap: wrap;
        padding: 0px 0 0 0 !important;
    }

    header.header_wrap.strongly-fixed.fixed-top ul.contact_details {
        flex-wrap: wrap;
    }

    header.header_wrap.strongly-fixed.fixed-top p.m-0.mt-2.text-white.inline-p {
        padding: 0 !important;
        margin: 0 !important;
    }

    header.header_wrap.strongly-fixed.fixed-top p.m-0.mt-2.text-white.inline-p0.email_pt.fa.fa-envelope.info-email-section {
        margin: 0 !important;
        position: static !important;
    }

    .top-strip {
        margin: 0;
        /* padding: 15px 0; */
    }

    section.banner {
        padding: 200px 0 0 0;
    }

    .ft-links h4 {
        margin: 15px 0 5px 0;
        padding: 0;
    }

    .tab-blog-section {
        padding: 180px 0px 60px 0px;
    }

    header.fixed-top p.m-0.mt-2.text-white.inline-p0.info-email-section,
    header.fixed-top p.m-0.mt-2.text-white.inline-p {
        margin: 0 !important;
        font-size: 12px !important;
    }

    header.fixed-top .contact_details li {
        font-size: 12px !important;
    }
    .nh_bwt_rt {
        width: 100%;
    }

    .new_dsgn_pot .nh_bwt_lt {
        width: 100%;
    }

    .new_dsgn_pot .nh_bwt_lst {
        flex-wrap: wrap;
    }

    .prj_bndlg {
        display: block;
        text-align: center;
    }

    .new_dsgn_pot .prj_bndlg figure {
        display: block;
        margin: auto;
    }

    .new_dsgn_pot .prj_bndlg figure img {
        display: block;
        margin: auto;
    }

    .new_dsgn_pot .nh_bwp_inr {
        width: 48%;
    }

    .nh_bwt_pt .nh_bwp_inr:first-child {
        max-width: 48%;
    }

    .new_dsgn_pot .nh_bwt_pt {
        justify-content: center;
    }

    .new_dsgn_pot .nh_bwp_inr span {
        text-align: center;
    }

    .new_dsgn_pot .nh_bwp_inr h4 {
        text-align: center;
        justify-content: center;
    }

    .otr_lnks_port {
        justify-content: center;
    }

    .store_icons {
        justify-content: center;
    }

    .new_dsgn_pot .nh_bwt_lt figure {
        margin: auto;
    }

    .new_dsgn_pot .nh_bwt_lst {
        padding: 25px 20px;
        margin: 0 0 22px 0;
    }

    .new_dsgn_pot .nh_bwt_rt p {
        margin: 0 0 22px 0;
    }

    .new_dsgn_pot .prj_rdmr {
        margin-bottom: 30px;
    }

    .store_icons a {
        margin: 0 15px 22px 15px;
    }

    .Transform-p {
        font-size: 28px;
        line-height: normal;
    }

    .slider-portfolio .slick-slide {
        margin-right: 0px;
        margin-left: 0px;
    }

    .prj_bndlg-1 {
        text-align: center;
    }

    .slider-repeat .nh_bwt_lst img {
        max-width: 200px;
        margin: auto;
    }

    .Transform-p-1 {
        margin: 0 0 30px 0;
    }

    .slider-p {
        font-size: 14px;
        line-height: 20px;
    }
    .slider-h2 {
        font-size: 30px;
    }
    .custom-slider-wordpress .carousel-control-next {
        right: 5px;
        width: 35px;
        height: 35px;
    }
    .custom-slider-wordpress .carousel-control-prev {
        left: 5px;
        width: 35px;
        height: 35px;
    }
    .abs-slider-content {
        bottom: 15px;
        left: 15px;
        right: 15px;
        padding: 25px 25px 10px 25px;
    }
    .custom-slider-wordpress .d-block.w-100 {
        height: calc(100vh - 162px);
    }
    .top-strip .container {
        min-height: 46px;
        padding: 7px 0 0 0;
    }
 }

.details-content-1.lazyloaded p {
    display: none;
}