* {
    padding: 0;
    margin: 0;
}
ol, ul {
    list-style: none;
}
:focus, a:focus, button:focus, input:focus {
    outline: 0;
}
a:link {
    text-decoration: none;
    outline: 0;
    transition: 0.3s;
}
p {
    font-size: 14px;
    color: #000;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 20px;
}
.clear {
    clear: both;
}
img {
    max-width: 100%
}
body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #606060;
    line-height: 20px;
    font-weight: 500;
    background: #fff;
    font-family: "Montserrat", sans-serif;
}
html {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}
iframe {
    width: 100%
}
::-webkit-scrollbar{
    width:5px;
}
::-webkit-scrollbar-track{
    background:#adadad;
}
::-webkit-scrollbar-thumb{
    background:#001352;
    border-radius:5px
}
::-webkit-scrollbar-thumb:hover{
    background:#001352;
}
::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
}
.nav-section {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;    
    background:#fff;
}
header .navbar-brand {
    padding:0;
}
header .navbar-brand img {
    height: 65px !important;
    /* background: #fff; */
    border-radius: 6px;
}
header .navbar {
    padding:0;
}
.go-btn{
    color: #fb0469;
    display: none;
    font-size: 13px;
    font-weight: 600;
}
.go-btn:hover, .go-btn:active, .go-btn:focus{
    color: #fff;
    background: #fb0469;
}
header .h-contact {
    margin:0 0 0 20px;
}
header .h-contact .nav-link {
    border:0.125rem solid #fb0469;
    border-radius: .3125rem;
    color:#fff;
    background-color:#fb0469;
    width:9rem;
    padding: .7675rem .4375rem;
    text-align: center;
    font-size: 1rem;
}
header .h-contact .nav-link:hover {
    background-color:transparent;
    color:#fb0469;
}
header.header-appear {
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:999;
}
header.header-appear .t-header.top_header_container {
    display:none;
}
header.header-appear .mid-header {
    padding:0;
    border-radius:0;
}
.mob_block {
    display: none;
}
.mob_block img {
    width: 32px;
    height: auto;
}

.page-template-solutions-template header .sol-active, .page-template-services-template header .ser-active, .page-template-industries-template header .indus-active, 
.page-template-portfolio header .port-active, .page-template-on-demand-developers header .dem-active, .page-template-about-us header .comp-active,
.page-template-people-culture header .comp-active, .page-template-career header .comp-active {
    color: #fb0469;
}



.banner-top {
    /* padding:8rem 0 3rem; */
    padding:2rem 0;
    overflow: hidden;
    background:url(../images/slider-1.jpg) no-repeat top center;
    background-size:cover;
    position: relative;
    background-attachment: fixed;
}
.banner-top::after {
    content:'';
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    /* background:#0000008f; */
    /* background: linear-gradient(to right, #005f5fcf, #ed1a9be3 100%); */
    background: linear-gradient(to right, #002a61cf, #003e8ee3 100%);
}
.banner-top .container {
    z-index:3;
    position: relative;
}
.banner-top  .b-img {
    margin-bottom:-550px;
}
.banner-top  .b-img img {
    width:100%;
}
.banner_title h1 {
    font-size:3rem;
    line-height:3rem;
    text-align: left;
    color:#fff;
    font-weight:700;   
    margin:0.5rem 0 1rem 0; 
}
.banner_title h1 span , .banner_title h1 strong {
    color:#fdf897;
}
.banner_title p {
    font-size: 1.3rem;
    font-weight:600;
    line-height: 2.0625rem;
    color: #071167;
}
.banner_title .t-bg {
    /* background: #ffffff47; */
    /* background:#ffd40047; */
    padding:5px 0;
    border-radius:9px;
    width:85%;
}
.banner_title .t-bg P {
    margin:0;
    color:#fff;
    line-height:normal;
    font-size: 1.1rem;
}
.banner_title h4 {
    display: inline-block;
    background: #fff;
    padding: 10px 15px;
    border-radius: 8px;
    color: #fb0469;
    font-weight: 700;
}

.banner_list {
    margin:0px 0px 20px 0;
}
.banner_list li {
    align-items: flex-start;
    display: flex;
    flex: 0 0 100%;
    font-size: 1.125rem;
    line-height: 2rem;
    padding: .3125rem 0;
    color:#fff;
    font-weight: 700;
    position: relative;
    padding-left:30px;
}
.banner_list li span , .banner_list li strong {
    margin-left:6px;
    background: #fb0469;
    padding: 2px 6px;
    border-radius: 3px;
}
.banner_list li .green-check {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 23px;
}
.banner-top .banner_title {
    position: relative;
}
/* .banner-top .b-review {
    position:absolute;
    right:20px;
    bottom:-20px;
    display: none;
}
.banner-top .b-review img {
    width:130px;
    background-color:#fff;
    padding:10px;
    border-radius:6px;
} */

.main-btn {
    align-items: center;   
    background-color:#cd3300;
    border: .125rem solid #cd3300;
    border-radius: .3125rem;
    color:#fff;
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    height: 3.5rem;
    justify-content: center;
    max-width:100%;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    line-height: 3.5rem;
}
.main-btn:hover {
    background-color:#fff;
    color:#cd3300;
}
.bott-text.new-heading-style {
    margin:40px 0 0 0 !important;
}
.bott-text.new-heading-style h2 {
    margin:0 !important;
    font-size:20px;
    font-weight:600;
}
.bott-text.new-heading-style h2 span, .bott-text.new-heading-style h2 strong {
    margin-left:6px; 
}
.banner_title h1, h1.h-text {
    text-align:left;
    color:#fff;
    font-size:32px;
    line-height:normal;
    margin:0 0 10px 0;
    font-weight:700;
    
}
.banner_title h1 strong, h1.h-text strong {
    font-weight: 700;
}
.banner_title h3 {
    color: #e3d758;
    font-size: 20px;
    font-weight: 500;
    margin:20px 0;
}

.home .banner_title h1, .home h1.h-text {
    text-transform:uppercase;
    font-size:38px;
}
.home .banner_title h3 {
    text-transform:uppercase;
}

.bottom-form_wrapper {
    margin: 0 auto;
    position: relative;
    text-align: left;
    z-index: 9;
    border:0;
    padding:30px 30px 30px 30px;
    border-radius:9px;
    background-color:#fff;
    -webkit-box-shadow: 0px 11px 14px 0px rgba(5, 5, 5, .1);
    -moz-box-shadow: 0px 11px 14px 0px rgba(5, 5, 5, .1);
    box-shadow: 0px 11px 14px 0px rgba(5, 5, 5, .1);
}
.bottom-form_wrapper .heading-h3 {
    text-transform: none;
    font-weight: 700;
    color: #000;
    font-size: 21px;
    margin: 0;
    line-height: 26px;
    text-align:center;
}
.bottom-form_wrapper .heading-h3 span , .bottom-form_wrapper .heading-h3 strong {
    color:#2faba4;
}
.bottom-form_wrapper .heading-h4 {
    font-size:16px;
    margin-bottom:10px;
    margin-top: 3px;
    color: #2faba4;
    font-weight: 600;
    text-align:center;
}
.bottom-form_wrapper .form-group {
    text-align:left; 
    position: relative;
    padding-bottom: 10px;
    margin-bottom:10px;
}
.bottom-form_wrapper .form-group .error {
    color: #dc1919 !important;
    text-align: left;
    margin-top: 3px;
    font-size: 10px;
    margin-bottom: 0;
    position:absolute;
    left:0;
    bottom:-8px;
}

.bottom-form_wrapper-input {
    background:#fff;
    border: none;
    border-radius: .1875rem;
    font-size:0.8rem;
    font-weight: 500;
    /* height: 4.3125rem; */
    margin:0;
    width:100%;
    padding:12px 12px;
    border: 1px solid #ccc;
}
.bottom-form_wrapper-textarea {
    background:#fff;
    border: none;
    border-radius: .1875rem;
    font-size:0.9rem;
    font-weight: 500;
    height:4rem;
    margin:0;
    width:100%;
    padding: 1rem;
    border: 1px solid #ccc;
    resize:none;
    overflow-y: auto;
}
.bottom-form_wrapper .btn-wrapper {
    margin-bottom:0;
}
.icon-input {
    padding-left:45px;
}
.icon-name {
    background:url(../images/profile-icn.png);  
    background-repeat: no-repeat; 
    background-size:7% 63%;
    background-position:6px;
}
.icon-email {
    background:url(../images/email-icn.png); 
    background-repeat: no-repeat; 
    background-size:7% 58%;
    background-position:6px;
}
.icon-call {
    background:url(../images/phone-call.png);
    background-repeat: no-repeat; 
    background-size:5% 45%;
    background-position: 11px;
}
.icon-com {
    background:url(../images/building-icn.png);
    background-repeat: no-repeat; 
    background-size:7% 63%;
    background-position:6px;
}
.icon-des {
    background:url(../images/detail-icn.png);
    background-repeat: no-repeat; 
    background-size:7% 50%;
    background-position:6px 8px;
}

.bottom-form_wrapper .btn-wrapper .main-btn {
    margin:0 auto 0;
    width: 100%;
    cursor: pointer;
    background:#001352;
    border-color:#001352;
}
.bottom-form_wrapper .btn-wrapper .main-btn:hover {
    background:none;
    color:#001352;
}
.bottom-form h3 {
    font-size: 1.5rem;
    line-height: 2.25rem;
    font-weight:700;
    color: #fff;
}
.bottom-form .mail-to {
    font-size: 2.125rem;
    line-height: 2.25rem;
    color:#e6eda2;
    text-decoration: underline;
}
.banner_offer-point {
    align-items: center;
    display: flex;
    justify-content: start;
    margin-top: 1.5625rem;
}
.banner_offer-point li {
    align-items: center;
    color:#fff;
    display: flex;
    font-size: .8125rem;
    margin: 0 .625rem;
}
.banner_offer-point li .green-circle-tick {
    font-size: 1.25rem;
    margin-right: .4375rem;
}

.review {
    padding: 4.375rem 0;
}
.review .heading-h2 {
    line-height: 2.625rem;
    text-transform: none;
    margin-bottom:12px;
    color: #1b3567;
    font-weight:700;
}
.review .heading-h2 span , .review .heading-h2 strong {
    color:#fb0469;
    /* color:#00b1b1; */
}
/* .review  .common-para {
    font-size: 23px;
    font-weight: 500;
    color: #616161;
    margin-bottom: 3.125rem;
} */

.review_profile {
    align-items: center;
    display: flex;
    margin-top: auto;
}
.review_profile i {
    border-radius: 50%;
    display: inline-block;
    flex: 0 0 3.5625rem;
    height: 3.5625rem;
    margin: 0 .9375rem 0 0;
    overflow: hidden;
    width: 3.5625rem;
}
.review_profile h5 {
    font-size: 1.25rem;
    line-height: 1.25rem;
    text-align: left;
    color: #1b3567;
    margin: 0;
    font-weight: 600;
}
.review_profile h5 span , .review_profile h5 strong{
    font-size:1rem;
    text-align: left;
    color: #999;
    margin-top: 3px;
    display: block;
    letter-spacing: 1px;
    font-weight:500;
}
.review_box {
    background-color: #f5f9fe;
    border: .0625rem solid #e7edf5;
    border-radius: .625rem;
    box-shadow: 0 0 .625rem .3125rem rgba(0, 0, 0, .05);
    margin: 0 .625rem;
    padding: 1.875rem 2.5rem;
}
.review_box p {
    font-size: 1.875rem;
    line-height: 2.625rem;
    text-align: left;
    color: #1b3567;   
}
.review_box .te-height {
    min-height:180px !important;
}


.f-section2 {
    border-bottom: 1px solid #eaeaea;
}
.f-section3 {
    padding: 40px 0;
}
.f-address, ul.bd_ul {
    flex-wrap: wrap;
}
.address-onli-desk .call-wrap, .f-address .item {
    flex: 0 0 20%;
    max-width: 20%;
}
.f-address .item.topaddress {
    flex: 0 0 100%;
    max-width: 100%;
}
.f-address .item .address-box {
    padding: 15px 8px 15px 0;
}

.f-contact h2 {
    font-size: 18px;
    padding-bottom: 15px;
    color: #161616;
    font-weight: 600;
}
.f-contact h3 {
    color: #161616;
    font-weight: 600;
    font-size: 15px;
    padding-bottom: 5px;
}
.f-contact h4 {
    font-size: 14px;
    font-weight:400;
    color: #000;
    margin-top: 5px;
}
.call-wrap {
    padding-right: 15px;
}
.address-onli-desk .call-wrap, .f-address .item {
    flex: 0 0 20%;
    max-width: 20%;
}
.copyright-txt a, .f-contact h4 a {
    color: #000;
}
.f-section2 h4.c-text {
    font-size: 22px;
    font-weight: 600;
    color: #000;
    position: relative;
    padding-bottom:10px;
}
.f-section2 h4.c-text::after {
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:70px;
    height:4px;
    background-color:#fb0469;
}
.f-queris, .f-quick {
    -ms-flex: 0 0 17%;
    flex: 0 0 17%;
    max-width: 17%;
}
.f-sales {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
    padding-left: 4%;
}
.lan-footer .f-logo {
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
}
.lan-footer .f-logo img {
    height: 69px;
}
.lan-footer .copyright-txt {
    font-size: 12px;
    color: #000;
    font-weight: 400;
    padding-left: 5px;
    line-height:normal;
}
.lan-footer .lp-footer .footer-menu, .twodiv.functionality-wrap ul li {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.footer-logo {
    justify-content: center;
    align-items: center;
    position:absolute;
    right:0;
    top:0;
}
.footer-logo img {
    height:40px;
    margin-left:15px;
    margin-right:0;
}
.footer-logo img:first-child {
    margin-left:0;
}
.f-section4 {
    border-top: 1px solid #eaeaea;
    padding: 20px 0;
}
.footer-bottom, .var-row {
    align-items: center;
}
.uae-add h4 {
    padding-left: 30px;
    position: relative;
}
.uae-add h4 i {
    position: absolute;
    left: 0;
    top: 4px;
    font-size: 24px;
    color: #ce1480;
}
.address-box h2 i {
    color: #ce1480 !important;
}
.f-social ul li {
    display: inline-block;
    margin: 0 5px;
}
.f-social ul li a {
    color: grey;
    font-size: 25px;
}
.f-social ul li a:hover {
    color: #de196f;
}

.f-section1 {
    padding: 15px 0;
}
.f-logo {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.f-logo img {
    max-width: 250px;
    height: auto;
}
.lp-footer .footer-menu {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}
.f-social, .payment-logo {
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
}
.copyright-txt {
    font-size: 13px;
    color: #000;
    font-weight: 300;
    padding-left: 5px;
    line-height:normal;
}



/* new css */
.top_header_container {
    padding:8px 0;
    border-bottom:1px solid #ccc;
}
.top_header_container ul {
    display: flex;
    align-items: center;
    justify-content:center;
    list-style: none;
    margin-bottom: 0;
}
.top_header_container ul li {
    padding-left: 20px;
    margin-left: 10px;
}
.top_header_container ul li a {
    color:#000;
}
.top_header_container ul li .phone_content {
    display: flex;
    align-items: center;
}
.top_header_container ul li .phone_content img {
    width: 30px;
    height:15px;
    margin-right: 10px;
}





/* css 1 */

.common-section-all {
    padding: calc(1.525rem + 3.3vw) 0;
    position: relative;
}
.full-img img {
    width: 100%;
}
.heading--offset {
    margin-top: -13%;
}
.partners-wrapper .new-heading-style {
    display: inline-block;
    padding: calc(2rem + 1vw) calc(2rem + 2vw);
    background: #fff;
    margin-bottom:0;
    padding-bottom:0px;
    border-radius: .5rem;
}
.partners-wrapper .full-img {
    position: relative;
}
.partners-wrapper .full-img .l-link {
    position: absolute;
    bottom: 40%;
    right: 28%;
    transform: translate(-27%, -41%);
}
.partners-wrapper .full-img .l-link a {
    font-size:26px;
}
.cta-img {
    position: relative; 
}

.cta-img .l-link {
    position: absolute;
    bottom: 15%;
    right: 50%;
    transform: translate(50%, 15%);
}
.cta-img .l-link a {
    font-size:25px;
    background: #fff;
    border-radius: 4px;
    padding: 2px 7px;
}
.btn.btn--animated {
    position: relative;
    padding-right: 70px;
}
.btn--animated:before {
    content: "";
    position: absolute;
    background-image: url(../images/right-arrow.svg);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    -webkit-animation: pulso 2s ease-in-out infinite;
    animation: pulso 2s ease-in-out infinite;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.container-fluid {
    padding-right: 100px;
    padding-left: 100px;
}

.btn {
    /* background: #fb0469; */
    background:#001352;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 30px;
    position: relative;
    cursor: pointer;
    border: none;
    border:2px solid #001352;
    /* border:2px solid #fb0469; */
    color: #fff;
    font-weight: bold;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    white-space: nowrap;
    height: 47px;
    line-height: 47px;
    border-radius: .25rem;
    height: 59px;
    line-height: 59px;
    font-size: 19px;
    box-shadow:none;
}
.btn:hover {
    color:#fdffba;
    outline:0;
}

.btn-register-header:before {
    transform: translatey(-50%);
    top: 30%;
}

@keyframes pulso {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255,255,255,.8);
        box-shadow: 0 0 0 0 rgba(255,255,255,.8);
    }

    70% {
        -moz-box-shadow: 0 0 0 15px rgba(255,255,255,0);
        box-shadow: 0 0 0 15px rgba(255,255,255,0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255,255,255,0);
        box-shadow: 0 0 0 0 rgba(255,255,255,0);
    }
}
.new-heading-style h2 , .section-heading h2{
    font-weight:700;
    color: #1b3567;
    margin-bottom:15px;
    font-size: 2rem;
}
.new-heading-style h2 span , .new-heading-style h2 strong , .section-heading h2 span, .section-heading h2 strong{
    color:#0d70b2;
    /* color:#00b1b1; */
    font-weight: 700;
    /* color:#ec3b00; */
}
.new-heading-style p , .section-heading p{
    margin: 0;
    font-size:17px !important;
    /* font-size: calc(1rem + .45vw) !important; */
    color: inherit;
    text-align: inherit;
    line-height:26px;
}
.new-heading-style , .section-heading{
    max-width:100%;
    margin: 0 auto 30px ;
    position: relative;
}
.tile.tile--category {
    border-radius: 1.75rem;
    padding: calc(2rem + 1vw);
    border: 1px solid #a0a7af;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: box-shadow .2s ease-out 0s;
    min-height: 35.5rem;
    padding: calc(1rem + 1vw);
    height: 100%;
}
.tile.tile--category:hover {
    box-shadow: rgba(0, 0, 0, 10%) 0px 16px 32px -2px, rgba(0, 0, 0, 8%) 0px 8px 16px -2px;
}
.tile-custom {
    background-image: linear-gradient(to right, #1681ff 0%, #9a2e43 100%);
    position: relative;
    border: none;
}
.tile-custom .category-icn img {
    filter: brightness(1);
}
.tile-custom:before {
    bottom: 0;
    content: "";
    background-image: url(../images/card-category-shap.png);
    position: absolute;
    background-position: center right;
    background-size: contain;
    width: 400px;
    aspect-ratio: 1 / 1;
    background-repeat: no-repeat;
    right: 0;
    height: 100%;
}
.tile.tile--category .tile-head {
    margin-bottom: 1.25rem;
    transition: height .45s cubic-bezier(.155,1.205,.295,1.12) 0s;
}
.tile.tile--category .tile-head img {
    height: 5rem;
    transition: height .45s cubic-bezier(.155,1.205,.295,1.12) 0s;
}
.tile.tile--category:hover .tile-head img {
    height: 3.5rem;
}
.tile-custom .tile-body {
    width: 50%;
}
.category-title span , .category-title strong{
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 1.5;
    color: #2b4461;
    transition: color .2s ease-out .02s;
}
.tile-custom .category-title span , .tile-custom .category-title strong{
    opacity: .5;
    color: #fff;
}
.tile.tile--category .category-title h3 {
    font-size: calc(1.125rem + .6vw);
    /* color:#fff; */
    font-weight:700 ;
}
.category-list {
    transition: color .2s ease-out .02s;
}
.category-list .category-list__item {
    margin-bottom: 1.25rem;
}
.category-list-shap {
    min-width: 2.5rem;
    height: 2.5rem;
    position: relative;
}
.category-list-shap:before {
    content: "";
    position: absolute;
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #ff3f00;
    opacity: .7;
    top: 50%;
    transform: translateY(-50%);
}
.tile-custom .category-list-shap:before {
    border-color: #fff;
}
.category-list-shap:after {
    right: 1px;
    content: "";
    position: absolute;
    height: 1px;
    width: 30px;
    background: #ff3f00;
    opacity: .7;
    top: 50%;
    outline: 3px solid #fff;
}
.tile-custom .category-list-shap:after {
    outline: 3px solid #1681ff;
    background: #fff;
}
.category-list__item p {
    margin-bottom: 0;
    font-size: 1.125rem;
}
.tile.tile--category {
    height: 100%;
}
.color-white {
    color: #fff !important;
}
.partners-wrapper .row [class*="col-"] {
    margin-bottom: 30px;
}
.category-btn {
    height: 10px;
    margin-block-end: -10px;
    overflow: hidden;
    transition: height .45s cubic-bezier(.155,1.205,.295,1.12) .02s;
}
.category-btn .btn {
    opacity: 0;
    transition: opacity .45s cubic-bezier(.155,1.205,.295,1.12) 0s;
}
.tile.tile--category .tile-head img {
    height: 5rem;
    transition: height .45s cubic-bezier(.155,1.205,.295,1.12) 0s;
}

.tile.tile--category:hover .tile-head img {
    height: 3.5rem;
}

.tile.tile--category:hover .category-btn .btn {
    opacity: 1;
}

.tile.tile--category:hover .category-btn {
    height: 3.7rem;
}
.tile.tile--category:hover .category-title span , .tile.tile--category:hover .category-title strong{
    color: #fb0469;
}
.btn.btn--plane {
    background: transparent;
    font-weight: bold;
    padding-left: 0;
    border:0;
    color:#000;
}
.btn--plane.btn--animated:before, .btn--white.btn--animated:before {
    background-image: url(../images/blue-arrow.svg);
    -webkit-animation: pulso-primary 2s ease-in-out infinite;
    animation: pulso-primary 2s ease-in-out infinite;
    background-color: #fff;
}
@keyframes pulso-primary {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(22,129,255,.8);
        box-shadow: 0 0 0 0 rgba(22,129,255,.8);
    }

    70% {
        -moz-box-shadow: 0 0 0 15px rgba(22,129,255,0);
        box-shadow: 0 0 0 15px rgba(22,129,255,0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(22,129,255,0);
        box-shadow: 0 0 0 0 rgba(22,129,255,0);
    }
}

.btn--white.btn--animated:after {
    background-image: url("../images/blue-arrow.svg");
    background-color: #fff;
}

.block__primary .btn--plane:hover {
    text-decoration: underline;
}

.tile-custom .btn.btn--primary {
    background: rgba(255, 255, 255, .14);
    box-shadow: 0 2px 6px 0 rgba(0, 72, 225, .39);
    border: transparent;
}



/* css 2 */

.section--technology {
    margin-bottom: calc(7rem + 8.4vw);
}
.bg-secondary {
background-color: #161b20 !important;
}
.text-white {
    color: #fff !important;
}
.cta--offset {
    margin-bottom: calc(-10.5rem - 10vw);
}
.section-cta {
    /* background: #0d55cc; */
    border-radius: 16px;
    overflow: hidden;
    /* background: linear-gradient(to right, #00b1b1, #ff2fae 100%); */
    background: linear-gradient(to right, #3e00b1, #00b1b1 100%);
}
.desk-block {
    display: block;
}
.section--technology .new-heading-style {
    margin-bottom:30px;
}
.section--technology .new-heading-style h2 {
   color:#fff;
}
.pool-section {
    margin-bottom:50px;
}
.pool-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
 .pool-box-list {
    background: #d6e3f0;
    border-radius: 10px;
    border: 1px solid #d6e3f0;
    padding: 2px;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    text-align: center;
    background: #fff;
    margin: 7px 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    height: 77px;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}
.pool-box-list .i-wrap {
    background: #fff;
    color: #333;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding:17px 23px;
    position: relative;
    z-index: 99;
}
 .pool-box-list i {
    display: inline-block;
    width: auto;
}
.pool-box-list img {
    display: block;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.pool-box-list small {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin-left: 15px;
}
.pool-section .pool-box-list {
    -webkit-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
    padding: 2px;
    overflow: hidden;
    border: none;
    border: none;
    height: inherit;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

/* css 3 */


.section--whyChoose {
    background: #161b20;
}
.section--whyChoose .new-heading-style {
    margin-bottom: 40px;
}
.section--whyChoose h2 {
    color:#fff;
    padding:0 100px;
}
.card.card--choose {
    background: #262d34;
    padding: 4rem 2rem;
    height: 100%;
    border: 1px solid rgba(0,0,0,0%);
    transition: all .3s;
    border-radius: .5rem;
}

.card.card--choose:hover {
    border-color: #00b1b1;
}

.card.card--choose p {
    margin-bottom: 0;
    font-size: 1.25rem;
}

.card.card--choose h4 {
    margin-bottom: 1.25rem;
}

.card.card--blog {
    background: transparent;
    border: none;
}

.card.card--blog .card-head {
    margin-bottom: 1.875rem;
}
.card.card--choose h4 {
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
}
.card.card--choose p {
    font-size: 1rem;
    color:#fff;
}
.card.card--choose {
    padding: 2.375rem 1.5rem;
}


/* css 4 */

.section--build .row {
    margin-bottom: 10px;
    border-radius: 2rem;
    overflow: hidden;
}
.build-primary {
    padding: 4.375rem;
    /* background: #0d55cc; */
    background:#262d34;
    height: 100%;
}
.form--normal {
    position: relative;
}
.field-set {
    position: relative;
    margin-bottom: 1.25rem;
}
.field-set label.error {
    font-size:12px;
    position:absolute;
    bottom: -22px;
    left: 0;
}
.caption-wraper {
    position: absolute;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
}
.build-primary .field_cover input[type="text"],.build-primary .field_cover input[type="email"],.build-primary .field_cover input[type="number"],.build-primary select,.build-primary textarea {
    height: 50px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #afafaf;
    width: 100%;
    padding: 0 1rem;
    padding-left: 3rem;
    line-height: 56px;
    color: #fff;
}

option {
    color: #000;
}

.field-set {
    margin-bottom: 1.25rem;
}

.build-primary .caption-wraper img {
    filter: invert(1);
    opacity: .46;
}

.build-primary .caption-wraper {
    width: 35px;
    height: 35px;
    left: 0;
}

.build-primary textarea {
    line-height: 3;
}

.build-primary .field_cover input::placeholder,.build-primary select::placeholder,.build-primary textarea::placeholder {
    color: rgba(255,255,255,.66);
    opacity: 1;
}

.build-secondary,.build-secondary .card.card--testimonial {
    height: 100%;
}
.card--testimonial .card-head p {
    font-size: 1.01rem;
    line-height: 1.3;
    color:#fff;
}
.client-info .client-profile {
    height: 5rem;
    width: 5rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-bottom: .75rem;
}
.build-primary .new-heading-style, .feature-right .new-heading-style{
    margin-left: 0;
}
.build-secondary, .build-secondary .card.card--testimonial {
    height: 100%;
}
.bg-primary {
    color: #fff;
    /* background-color: #337ab7; */
    /* background: linear-gradient(90deg, #e296e5, #eb4c8d) !important; */
    background: linear-gradient(to right, #3e00b1, #00b1b1 100%) !important;
}
.place {
    display: flex;
    align-items: center;
}
.place img {
    max-width: 1.875rem;
    vertical-align: sub;
}
.card.card--testimonial {
    padding: 1.5rem;
}
.card.card--testimonial .card-head {
    margin-bottom:1rem;
}
.quote-icn {
    margin-bottom: 1.25rem;
}
.card.card--testimonial {
    justify-content: space-between;
    border: none;
    padding: 3.125rem;
    background: transparent;
}



/* css 5 */

.faq-container .card-header .title {
    font-size:22px;
    color: #000;
    font-weight:700;
}
.faq-container .card-header .accicon {
  float: right;
  font-size: 20px;  
  width: 1.2em;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.faq-container .card-header {
    cursor: pointer;
    border-bottom: none;
    padding:20px 30px 20px 0;
    border: 0;
    background-color: transparent;
    border-bottom: 1px solid #ddd;
    position: relative;
}
.faq-container .card{
  border:0;
}
.faq-container .card-body{
  border-top:0;
  padding-left:0;
  padding-right:0;
  padding-bottom:0;
}
.faq-container .card-body p {
    font-size:16px;
    font-weight:500;
    color:#6f6f6f;
    line-height:26px;
}
.faq-container .card-body ul {
    margin-left:20px;
}
.faq-container .card-body ul li {
    font-size:15px;
    margin:0 0 10px 0;
    font-weight:500;
    color:#6f6f6f;
    position: relative;
    padding-left:20px;
}
.faq-container .card-body ul li::after {
    content:'\f101';
    font-size:19px;
    position: absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    font-family:'FontAwesome';
    color: #fb0469;
}
.faq-container .card-header:not(.collapsed) .rotate-icon {
  transform: rotate(180deg);
}


/* css 6 */
.how-help-you {
    padding: 60px 0 80px;
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #161b20;
}
.how-help-you .new-heading-style {
    margin-bottom:50px;
}
.how-help-you__heading {
    font-size: 51px;
    line-height: 64px;
    font-weight:700;
    color:#fff;
}
.how-help-you__sub-heading {
    font-size: 25px;
    line-height: 34px;
    margin-bottom:35px;
    font-weight:700;
    color:#fff;
}
.how-help-you__card-items {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #fff;
    padding: 50px 20px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin-top: 20px;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 380px;
    margin: 0;
}
.how-help-you__card-items {
    padding: 30px 50px 75px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
    height: inherit;
    margin: 0 15px;
    border-radius: .5rem;
}
.how-help-you__card-items--border-blue {
    border-bottom: 8px solid #e46e18;
}
.how-help-you__badge {
    position: absolute;
    top: -5px;
    right: 15px;
    /* background: #fb0469; */
    background: #00b1b1;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 130px;
    height: 37px;
}
.how-help-you__icon {
    height: 84px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.how-help-you__icon {
    -webkit-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
}
.home .how-help-you__icon img {
    filter: brightness(0) invert(1);
}
.how-help-you__card-heading {
    font-size: 31px;
    line-height: 36px;
    margin:25px 0;
    -webkit-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
}
.how-help-you p {
    font-size:16px;
    font-weight:500;
}
.how-help-you p span, .how-help-you p strong {
    display:block;
    color:#ff3f00;
    margin-top:4px;
    font-size: 20px;
    font-weight: 600;
}
.how-help-you a {
    display: block;
    margin: 0 auto;
    width: 300px;
    /* background: #fb0469; */
    background:#041549;
    text-align: center;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    padding: 20px 0;
    border-radius: 5px;
    border: 1px solid #fff;
    position: relative;
    z-index: 99;
    margin-top: 30px;
}
.how-help-you a:hover {
    color: #fff;
    background:#3a4876;
}
.how-help-you__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 1060px;
    margin: 0 auto;
}
.how-help-you__card-items--border-green {
    border-bottom: 8px solid #246680;
}



/* Today-css-team */

.feature{
    padding: 80px 0;
}
.feature-left{
    padding: 60px 40px;
    background-color: #161b20 !important;
    border-radius: .5rem;
    overflow: hidden;
}
.feature-left::before{
    content: "";
    position: absolute; 
    /* background-image: url("../images/globe.webp"); */
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    aspect-ratio: 2/1;
    bottom: 0;
    left: 0;
    right: 0;
}
.feature-left h3{
    font-size: 2.125rem;
    font-weight: 600;
    color: #fff;
}
.feature-left h6 {
    color: #ffffffc2;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.6;
}
.fl-row{
    row-gap: 40px;
}
.feature-type {
    display: flex;
    align-items: center;
}
.feature-list .feature-icon {
    margin-right:25px;
    width:4rem;
}
.feature-list .feature-content {
    width: calc(100% - 4rem);
}
.feature-list h4, .bd_txtbox h2 , .bd_textbox1 h2{
    color: #1b3567;
    font-weight: 700;
    font-size:1.3rem;
    margin-bottom: 0.5rem;
}
.feature-list p, .bd_txtbox p, .bd_textbox1 p{
    font-size:15px;
    line-height: 1.5;
    color: #000000a2;
    margin-bottom:5px;
    font-weight: 500;
}
.feature-type:not(:last-child) {
    margin-bottom:20px;
}
.feature-type:last-child p{
    margin-bottom: 0;
}

/* / Our Work  / */
.work-row [class*="col-"]:nth-child(1) .block-portfolio {
    background-image: linear-gradient(80deg,#0f1a03 9%,#2f3f1f 69%);
}
.block-portfolio {
    padding: 1.9rem;
    border-radius: .5rem;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.block-portfolio .block-img {
    position: absolute;
    top: 15px;
}
.block-portfolio .block-primary {
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    /* background-color: #00000078; */
    padding: 23px 30px;
    background: rgb(50,70,172);
    background: linear-gradient(180deg, rgba(50,70,172,0) 0%, rgba(0,0,0,0.8464635854341737) 27%, rgba(0,0,0,1) 56%);
}
.block-primary {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.block-portfolio .block-img img {
    height: 42px;
    width: auto;
    object-fit: contain;
}
.block-portfolio .btn {
    padding: 0 60px 0 20px;
    height: 50px;
    line-height: 54px;
    font-size: 16px;
    font-weight: 500;
    width:40%;
}
.block-portfolio .btn--animated:before {
    right: 20px;
}
.block-primary p {
    font-size: 1.5rem;
    color: #fff;
    line-height:normal;
}
.block-primary h3{
    font-weight: 700;
    font-size:22px;
    margin-bottom:20px;
}
.portfolio-count h2{
    font-weight: 700;
    font-size: 38px;
}
.our-work {
    border-top: 1px solid #e9e9e9;
    padding:60px 0 80px 0;
    display:none;
}
.our-work .row [class*="col-"]:nth-child(1) .portfolio-img, .our-work .row [class*="col-"]:nth-child(2) .portfolio-img,
.our-work .row [class*="col-"]:nth-child(3) .portfolio-img, .our-work .row [class*="col-"]:nth-child(4) .portfolio-img {
    transition: all .3s;
    transform: scale(.9);
    text-align: center;
}
.our-work .row [class*="col-"]:nth-child(1) .block-portfolio:hover .portfolio-img,
.our-work .row [class*="col-"]:nth-child(2) .block-portfolio:hover .portfolio-img,
.our-work .row [class*="col-"]:nth-child(3) .block-portfolio:hover .portfolio-img,
.our-work .row [class*="col-"]:nth-child(4) .block-portfolio:hover .portfolio-img {
    transform: scale(1);
}
.work-row [class*="col-"]:nth-child(2) .block-portfolio {
    background-image: linear-gradient(63deg,#007e90 20%,#2cd4e1 87%);
}

.work-row [class*="col-"]:nth-child(3) .block-portfolio {
    background-image: linear-gradient(to left,#45ac63 102%,#1a816a 0%);
}
.work-row [class*="col-"]:nth-child(4) .block-portfolio {
    background-image: linear-gradient(to left,#a17728 102%,#dda335 0%);
}
.work-row{
    row-gap: 30px;
}


.mt-2 {
    margin-top:2em !important;
}
.mt-1 {
    margin-top:1em !important;
}
.callTop{
    z-index: 99;
    }

/* / --------Popup CSS----------  / */
.modal.right-bottom-modal{
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px); 
    z-index: 99999;
}
.modal.right-bottom-modal .modal-dialog {
    max-width:850px;
    position: fixed;
    bottom:1rem;
    right:1rem;
    margin: 0;
    width: auto;
    height: auto;
    transform: none;
}
/* .modal.right-bottom-modal .modal-dialog {
    max-width: 850px;
    position: fixed;
    width: auto;
    height: auto;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
} */
.popup-left{
    z-index: 1;
    /* padding-top: 12.5rem !important; */
    /* background: linear-gradient(90deg, #f8c7ec 0, #f8e3c5 50%, #b4fcfe 100%); */
    overflow: hidden;
    background:#041549 url(../images/pricing_shape01.png) no-repeat top left;
    position: relative;
    background-size: 35% 26%;

}
.popup-left::after {
    content: '';
    position: absolute;
    right: -78px;
    top: -60px;
    width: 391px;
    height: 48px;
    background: url(../images/foot-after.png) no-repeat top right;
    background-size: contain;
    transform: rotate(45deg);
}
.modal-left {
    /* background:#2789bc; */
    background:#041549;
    border: 2px solid #fff;
}
.bannerform-main {
    background: #6e9ced2e !important;
}
/* .popup-left::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70%;
    clip-path: polygon(0 0, 100% 20%, 100% 100%, 0% 100%);
    background: linear-gradient(90deg, #bd0cc2, #fb0469);
    z-index: -1;
}
.popup-left::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 56%;
    background: url(../images/calendar.png) no-repeat center;
    z-index: -3;
    opacity: 0.4;
} */
.boss-img {
    height: 19.375rem;
    width: 60%;
    margin: 0 auto;
    position: absolute;
    top: -75px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -2;
}
.boss-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.popup-left h2 {
    text-align: center;
    font-size: 28px;
    margin:10px 0 10px 0;
    font-weight: 700;
    /* color: #fdf897; */
    color: #00d4dc;
    text-transform: uppercase;
    line-height: 30px;
}
.popup-left h2 span {
    color:#fff;
}
.popup-left h3 {
    font-size: 1.65rem;
    line-height: 1.4;
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding:1rem 0.75rem;
    background:#003a69e6;
}
.popup-left h3 span, .popup-left h3 strong{
    color: #ff6700;
}
.popup-left h4 {
    font-size: 18px;
    color: #fdf897;
    text-align:center;
    margin-top:6px;
    margin-bottom:5px;
}
.popup-left .b-review-list {
    display:flex;
    flex-wrap: wrap;
}
.modal-right {
    position: relative;
    overflow: hidden;
}
.popup-form {
    position: relative;
    z-index:3;
}
.modal-right::after {
    content: '';
    position: absolute;
    width: 375px;
    height: 57px;
    left: 0;
    right: -316px;
    bottom: 8px;
    background: url(../images/foot-after.png) no-repeat bottom center;
    transform: rotate(-202deg);
    background-size: 100% 100%;
    margin: auto;
}
.modal-right::before {
    content: '';
    position: absolute;
    width: 200px;
    height: 200px;
    left: 0;
    right: -331px;
    top: -91px;
    border: 50px solid #cccccc54;
    margin: auto;
    border-radius: 50%;
}
.left-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left:-5px;
    margin-right:-5px;
}
.left-list li {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width:33.33%;
    text-align:center;
    padding-left:5px;
    padding-right:5px;
    margin:5px 0;
}
.left-list li .list-inn {
    background-color: #0310392b;
    padding: 15px 10px;
    border-radius: 9px;
    border: 1px solid #00c1c4;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 29%);
}
.left-list li:nth-child(5), .left-list li:nth-child(6) {
    margin-bottom:0;
}
.left-blue {
    background: #1889c4;
}
.left-list li i{
    /* flex: 0 0 2rem;
    height: 2rem;
    width: 2rem;
    margin: 0.25rem 0.75rem 0 0; */
    
}
.left-list li i img{
    width:35px;
    height:35px;
    object-fit: contain;
    margin-bottom:9px;
}
.left-list li p{
    font-size: 13px;
    color: #fff;
    font-weight:500;
    margin-bottom: 0;
    line-height:normal;
    padding-right:0;
}
.modal-popup .close {
    position: absolute;
    top: -17px;
    right: -9px;
    background-color:#ff0101;
    border:2px solid #fff;
    z-index: 9;
    opacity: 1;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 16px;
    text-shadow: none;
    color: #fff;
}
.modal-popup .close img{
    height: 35px;
    width: 35px;
}
.rg-arrow {
    position: absolute;
    top: 30px;
    right: 47%;
    height: 30px;
    width: 30px;
}
.popup-right h3, .popup-right #stepForm2 h3.appendtext, .popup-right #stepForm3 h3.appendtext, .popup-right #stepForm4 h3.appendtext {
    font-size: 23px;
    color: #000;
    font-weight: 700;
    margin-bottom:2rem;
    margin-top: 0.5rem;
    position: relative;
    padding: 0 0 20px 0;
    /* display: inline-block; */
    text-align: center;
}
.popup-right h3 span {
    color:#fb0469;
}
.popup-right h3::before, .popup-right #stepForm2 h3.appendtext::before, .popup-right #stepForm3 h3.appendtext::before, .popup-right #stepForm4 h3.appendtext::before {
    content: " ";
    position: absolute;    
    background: #0079dc;
    width: 30px;
    height: 10px;
    border: 3px solid #fff;
    border-radius: 50px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 3;
}
.popup-right h3::after, .popup-right #stepForm2 h3.appendtext::after, .popup-right #stepForm3 h3.appendtext::after, .popup-right #stepForm4 h3.appendtext::after {
    content: " ";
    position: absolute;
    bottom: 4px;
    right: 0;
    left: 0;
    width: 90px;
    height: 2px;
    background: #ff3f00;
    margin: auto;
}
/* #stepForm2 h3, #stepForm3 h3, #stepForm4 h3 {
    font-size: 1.5rem;
    margin-bottom:1.4rem;
} */
.popup-arrow{
    object-fit: contain;
    height: 3rem;
    position: absolute;
    right: 42%;
    top: 2rem;
    width: inherit;
    display:none;
}
.popup-form .form-control{
    border: none;
    border: 1px solid #9ea4a9;
    border-radius: 0;
    padding:14px 10px 14px 56px;
    font-size: 16px !important;
    color: #000 !important;
    letter-spacing:normal !important;
    font-weight:400 !important;
    height:auto !important;
    background-color:transparent !important;
    background: #ffffff63 !important;
}
.popup-form textarea.form-control{
    min-height:13rem;
}
.popup-form .form-group{
    margin-bottom: 1.7rem;
    position: relative;
}
#stepForm2 h3::after, #stepForm2 h3::before,
#stepForm3 h3::after, #stepForm3 h3::before,
#stepForm4 h3::after, #stepForm4 h3::before {
    display:none;
}
.popup-form .form-group .form-icon{
    position: absolute;
    top:50%;
    left:12px;
    /* height: 20px;
    width: 24px; */
    object-fit: contain;
    transform: translateY(-50%);
    opacity: 0.6;

}
.popup-form .form-control:focus{
    box-shadow: none;
}

.min-popup{
    /* background: linear-gradient(90deg, #e296e5, #eb4c8d); */
    /* background: linear-gradient(90deg, #001e93, #73007a); */
    background: linear-gradient(90deg, #FF9800, #E91E63);
    border-radius: 4px;
    max-width:16rem;
    position: fixed;
    right: 0;
    bottom:4px;
    z-index: 99;
    cursor: pointer;
    padding:10px 8px !important;
}
.min-popup .min-img{
    height:50px;
    width:50px;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    flex-shrink: 0;
    padding:9px;
}
.min-popup h4{
    color: #fff;
    font-weight: 600;
    padding-left: 20px;
    margin-bottom: 0;
    font-size:16px;
}
.min-popup .plus img{
    height: 60px;
    width: 60px;
    filter: brightness(0) invert(1);
}
.modal-right .com-logo  {
    border-top:1px solid #ccc;
    padding-top:15px;
}
.modal-right .com-logo img {
    width:55px;
    object-fit: contain;
    margin: 0 10px;
}


/* Form Fix  */
/* Step-1  */
.hasDatepicker {
    padding:8px;
    background: #fff;
    border-radius: 4px!important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.ui-datepicker-header {
    background-color: transparent !important;
    color: #bf065a !important;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
}
.ui-datepicker-title {
    padding: 0 !important;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
}
.ui-datepicker-calendar {
    text-align: center;
    margin: 0 auto;
    padding: 8px;
}
.ui-datepicker-next:after {
    content: "\f105"!important;
    font: 12px/1 FontAwesome;
    font-size: 20px!important;
}
.ui-datepicker-prev:after {
    content: "\f104"!important;
    font: 12px/1 FontAwesome;
    font-size: 20px!important;
}
.ui-datepicker-calendar th {
    color: #000 !important;
}
.ui-datepicker-calendar td {
    padding:2px 7px!important;
    font-size: 12px;
}
.ui-datepicker-calendar td span, .ui-datepicker-calendar td strong {
    border-radius: 60px;
    padding:6px;
    color: #1a1a1a9c!important;
}
.ui-datepicker-calendar td a {
    color: #2a6fda!important;
    display: block;
    background: #eef4fd;
    border-radius: 60px;
    padding:3px;
}
.ui-datepicker-calendar .ui-state-active {
    background: #2a6fda!important;
    color: #fff !important;
}
.button-container button {
    background:#e13f0a;
    border:2px solid #e13f0a;
    border-radius: 5px;
    color: #fff!important;
    font-size: 15px;
    letter-spacing:1px;
    font-weight: 600;
    transition: .5s, _ .5s, _ .5s, _ .5s;
    padding:0;
    margin: 0!important;
    min-width: 150px;
    width: 100%;
    text-transform: uppercase!important;
    cursor: pointer;
    height:45px;
    line-height: normal;
}
.button-container button:disabled {
    opacity: .5;
    background:#e13f0a;
}
.button-container button:hover {
    background-color:#fff;
    color:#e13f0a !important;
}

/* Step-2  */
.form-row .radio_div{
    width: 100%;
}
#time-zone {
    font-size: 13px;
    height: auto!important;
    margin-top: 2px;
    padding-left:0;
}
.radio_div .checkmark {
    padding:9px 12px;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    text-align: center;
    display: block;
    background: #fff;
    cursor: pointer;
    transition: .5s;
}
.radio_div input[type=radio] {
    margin-right: 10px!important;
    opacity: 0;
    position: absolute;
}
.radio_div input:checked~.checkmark {
    background-color: #2196f3;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border: 1px solid #2196f3;
    z-index: 0;
    color: #fff;
}
.button-container {
    text-align: center;
    display: flex;
    margin-bottom:15px;
}
.button-container button.previous_btn {
    margin-right: 10px!important;
    background: #000;
    border-color:#000;
}
.button-container button.previous_btn:hover {
    margin-right: 10px!important;
    background: #fff;
    border-color:#000;
    color:#000 !important;
}
.hasDatepicker, .redipmaind.form-row {
    max-height:285px;
    overflow: auto;
}

.bd_loader {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    text-align:center;
    transform:none;
}
.bd_loader img {
    margin: auto;
}

#step2 .button-container, #step3 .button-container {
    margin-bottom:0 !important;
    margin-top: 10px;
}
#step4 .form-group .form-icon {
    top:17px;
    transform:none;
}

.popup-form label.error {
    position: absolute;
    left: 0;
    bottom: -22px;
    font-size: 12px;
    margin: 0;
    font-weight: 400 !important;
}
#step3 .redipmaind.form-row {
    padding-top: 0;
    position: relative;
    max-height: 250px;
}
#step3 .redipmaind.form-row label.error {
    position: absolute;
    top: -26px;
    height: 19px;
}

/* Thank You Page start  */
.success-txt {
    color: #118d08;
    font-size: 40px;
    line-height: 50px;
    font-family: Gotu,sans-serif;
    font-weight: 700
}
.success-pic {
    margin-bottom: 30px
}
.success-pic img {
    height: 150px
}
.thank-txt {
    color: #118d08;
    font-size: 40px;
    line-height: 50px;
    font-family: Gotu,sans-serif;
    font-weight: 700
}
.thank-pic {
    margin-bottom: 30px
}
.thank-pic img {
    height: 120px
}

#mdsubscribeform2 .main-btn {
    padding-left: 2rem;
    padding-right: 2rem;
    cursor: pointer;
}

/* 24.06.2024 */

.industry-wrap {
    border-top: 1px solid #e9e9e9;
    padding:4rem 0;
}
.industry-wrap .i-box {
    padding:20px 10px;
    text-align:center;
    border:1px solid #ccc;
    margin:20px 0 0 0;
    border-radius:9px;
    transition: 0.3s;
    border-width: 1px 1px .3125rem;
}
.industry-wrap .i-box img {
    margin-bottom:15px;
    height:60px;
    object-fit:contain;
}
.industry-wrap .c-row {
    margin-left:-10px;
    margin-right:-10px;
}
.industry-wrap .c-row [class*="col-"] {
   padding:0 10px;
}
.industry-wrap .i-box h4 {
    font-size:17px;
    color:#000;
    margin:0;
    font-weight:600;
    transition: 0.3s;
}
.industry-wrap .i-box:hover {
    border-color:#fd3b8a;
}
.industry-wrap .i-box:hover h4 {
    color:#fd3b8a;
}


@media screen and (max-width:1199px) {
    .footer-bottom {
        text-align:center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
    }
    .f-menu ul li {
        margin-bottom:5px;
    }
    .footer-logo img {
        height: 30px;
        margin:6px 9px;
    }
    .team-wrap .team-text h3 {
        font-size:14px !important;
    }
    .team-wrap .team-text h4 {
        font-size:12px !important;
    }
    .hasDatepicker {
        padding:9px;
        margin-bottom:10px;
    }
    .popup-form .button-container button {
        height:40px;
        font-size:14px;
    }
    .redipmaind {
        row-gap: 5px;
    }
    #step3 .redipmaind.form-row {
        padding-top: 0 !important;
        margin-bottom: 10px;
        max-height:245px;
    }
    .popup-form textarea.form-control {
        min-height: 13rem;
    }
   
}
@media screen and (max-width:991px) {
    .head-right.h-contact {
        display: block !important;
    }
    header .h-contact .nav-link {
        padding: .7675rem 1rem;
        width:auto;
    }
    header.site-header .container-fluid {
        padding: 0 10px;
    }
    .f-logo, .lp-footer .footer-menu, .f-social {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%;
    }
    .radio_div .checkmark {
        padding: 9px 10px;
        font-size: 14px;
    }

}
@media screen and (max-width:1199px) and (orientation: landscape) {
   /* .popup-body .modal-left, .modal-content .close {
        display:none !important;
   }
   .popup-body {
        height:350px;
        overflow-x: hidden;
        overflow-y: scroll;
   } */
   .popup-right h3 {
    font-size: 1.8rem;
    margin-bottom: 1.4rem;
}
.popup-arrow {
    display:none ;
}
.modal-right {
    /* -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width:100%; */
}

.modal.right-bottom-modal .modal-dialog {
    width:75%;
    max-width:inherit;
}


}

#collapseExample1 {
    position: absolute;
    top: 100%;
    right: 0;
    width: 200px;
    background: #fff;
}
#collapseExample1 ul {
    display: block;
    padding: 12px;
    margin-bottom: 0;
    border-top: 1px solid #fb046936;
}
#collapseExample1 ul li {
    margin:6px 0;
}
#collapseExample1 ul .phone_content img {
    width:30px;
    object-fit:contain;
}
.callTop {
    position:fixed;
    right:20px;
    bottom:100px;
    width:50px;
    height:50px;
    border-radius:50%;
    background-color:#262d34;
    cursor: pointer;
}
.callTop:hover {
    background-color:#fb0469; 
}
.callTop:before {
    content: "";
    position: absolute;
    background-image: url(../images/right-arrow.svg);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    top: 26%;
    right:0;
    left:0;
    transform: rotate(-90deg);
    margin:auto;
    -webkit-animation: pulso 2s ease-in-out infinite;
    animation: pulso 2s ease-in-out infinite;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.com-logo-slider .owl-dots {
    position: absolute;
    left: 0;
    width: 100%;
}
.com-logo-slider .owl-theme .owl-dots .owl-dot span {
    width: 14px;
    height: 2px;
    margin: 5px 5px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #fb0469;
}
.e-text {
    text-align: center;
    color: #fff;
    font-size: 29px;
    margin-bottom: 15px;
}
.e-text span , .e-text strong { 
    color:#fb0469;
}


/* Service Template CSS start */
.exp-help{
    /* background-color:#fbecd7 !important; */
    /* background-image:url(../images/bg-pat.png); */
    background:url(../images/bg-pattern.jpg) no-repeat center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}
.exp-help .btn {
    background:#cd3300;
    border-color:#cd3300;
}
.exp-help::before{
    content: "";
    width: 100%;
    height: 100%;
    background: #0f0107c9;
    position: absolute;
    top: 0;
    left: 0;
}
.exp-help .new-heading-style h2, .ai-security .new-heading-style h2{
    color: #fff;
}
.exp-help .new-heading-style p, .ai-security .new-heading-style p{
    color: #ffffff94;
}
.exp-help .bd_txt {
    background: #ffffff1f;
    padding: 20px;
    height: 100%;
    backdrop-filter: blur(6px);
    border-radius: 8px;
}
.exp-help  .bd_txtbox h2 {
    color: #fff;
    border-left: 4px solid #2faba4;
    padding-left: 12px;
}
.exp-help .bd_txtbox p{
    color: #ffffffc4;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
}
.exp-help  .bd_txtbox{
    padding-left: 0;
}
.exp-help .bd_txtimg {
    position: static;
    width: 60px;
    height: 60px;
    text-align: center;
    margin-bottom: 20px;
    background: #fff;
    padding: 9px;
    outline: 1px solid #fff;
    outline-offset: 3px;
}
.exp-help .img-fluid {
    padding-left: 60px;
}
.exp-help1 .img-fluid {
    padding: 0 60px 0 0;
}
.exp-row{
    row-gap: 30px;
}
.it-tools .bd_textbox1 p , .sol-team .bd_textbox1 p {
    font-size: 14px;
    line-height: 1.8;
}
.it-tools .bd_textbox1 h2 , .sol-team .bd_textbox1 h2{
    color: #000;
    margin:16px 0;
}
.it-tools .bd_textbox1 , .sol-team .bd_textbox1{
    padding: 20px;
    border-radius: 0.5rem;
    border: 2px solid #00b1b13d;
    height: 100%;
    position: relative;
    transition: 0.3s ease-in-out;
}
.it-tools .bd_textbox1:hover , .sol-team .bd_textbox1:hover{
    border-color: #00b1b1;
}
.it-tools .bd_textbox1:before , .sol-team .bd_textbox1:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    /* background: #fb046917; */
    background:#504e4f0d;
    border-radius: 103% 0 0 0;
    transition: 0.3s ease-in-out;
}
.it-tools .bd_textbox1:hover:before , .sol-team .bd_textbox1:hover:before {
    height: 60%;
}
.it-tools .row{
    row-gap: 20px;
}
.it-support .bd_textbox1{
    position: relative;
    padding: 0 12px;
}
.it-support .bd_textbox1::before{
    content: "";
    height: 160px;
    width: 160px;
    border-radius: 50%;
    background: #3cc06542;
    filter: blur(42px);
    position: absolute;
    top: 0;
    left: 33%;
    z-index: -1;
}
.it-support .support-row{
    position: relative;
    row-gap: 20px;
}
.it-support .it-support-image{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}
.page-id-72 .it-support .row [class*="col-"],
.page-id-72 .it-tools .row [class*="col-"] ,
.page-id-76 .it-support .row [class*="col-"], 
.page-id-78 .it-support .row [class*="col-"], 
.page-id-78 .it-tools .row [class*="col-"], 
.page-id-88 .it-tools .row [class*="col-"],
.page-id-95 .it-support .row [class*="col-"],
.page-id-95 .it-tools .row [class*="col-"],
.page-id-99 .it-tools .row [class*="col-"],
.page-id-102 .it-support .row [class*="col-"],
.page-id-102 .it-tools .row [class*="col-"], 
.page-id-104 .it-support .row [class*="col-"],
.page-id-120 .ai-row [class*="col-"],
.page-id-124 .ai-row [class*="col-"],
.page-id-128 .ai-row [class*="col-"],
.page-id-134 .ai-row [class*="col-"],
.page-id-147 .ai-row [class*="col-"],
.page-id-149 .ai-row [class*="col-"],
.page-id-159 .ai-row [class*="col-"],

.page-id-877 .ai-row [class*="col-"],
.page-id-277 .ai-row [class*="col-"],
.page-id-948 .ai-row [class*="col-"],
.page-id-1032 .ai-row [class*="col-"],
.page-id-1339 .ai-row [class*="col-"],
.page-id-1254 .ai-row [class*="col-"],
.page-id-3938 .tools-row [class*="col-"]
/* ,  .page-id-157 .se7-list .ai-row [class*="col-"]  */
{
    max-width: 33.33%;
    flex: 0 0 33.33%;
}

.page-id-157 .se7-list .ai-row .bd_textbox1 ul li {
    text-align:left;
    margin:0 0 15px 0;
    color: #000;
    background-image: url(../images/check-mark.png);
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 25px;
}
.page-id-157 .se7-list .ai-row .bd_textbox1 ul li {
    margin-bottom:0;
}

.exp-help1.exp-help .row {
    flex-direction: row-reverse;
}
.page-id-99 .exp-row [class*="col-"],
.page-id-1362 .exp-row [class*="col-"]{
    max-width: 25%;
    flex: 0 0 25%;
}
.ai-row{
    row-gap: 30px;
}
.page-id-126 .ai-security::before,
.page-id-132 .ai-security::before, 
.page-id-141 .ai-security::before {
    height: 70%;
}
/* Service Template CSS end  */


/* portfolio details */

.portfolio-banner .banner_title h1, .portfolio-banner .banner_title h1.h-text {
    font-size:40px;
    margin-top: 12px;
    margin-bottom:25px;
}
.portfolio-banner {
    overflow:visible;
}
.portfolio-banner .ab-margin {
    margin-bottom:-100px;
}
.portfolio-list .section-all {
    margin-bottom:40px;
}
.portfolio-list .section-all:last-child {
    margin-bottom:0;
}
.portfolio-list .section-all h3 {
    font-size:32px;
    font-weight:700;
    color:#000;
    margin:0 0 15px 0;
    position: relative;
    padding-right: 64px;
    display:inline-block;
}
.portfolio-list .section-all h3:before {
    position: absolute;
    content: "";
    background: #ff3f00;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    top: 50%;
    transform:translateY(-50%);
    right:0;
}
.portfolio-list .section-all h3:after {
    position: absolute;
    content: "";
    top: 50%;
    transform:translateY(-50%);
    right:0;
    width: 50px;
    height: 2px;
    background: #ff3f00;
}
.portfolio-list p {
    font-size: 15px;
    font-weight: 500;
    color: #43475a;
    line-height: 27px;
    margin-bottom: 25px;
}
.portfolio-list .section-all ul {
    margin-left: 0px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.portfolio-list .section-all ul li {
    position: relative;
    margin: 0 0 28px 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #43475a;
    padding-left: 50px;
    line-height: 35px;
}
.portfolio-list .section-all ul li strong {
    display: block;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 3px;
    color: #000;
}
.portfolio-list .section-all ul li::after {
    content: "\f101";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: 0px;
    /* transform: translateY(-50%); */
    color: #fb0469;
    /* font-size: 22px; */
    width: 37px;
    height: 37px;
    text-align: center;
    line-height: 37px;
    background-color: #fff !important;
    border-radius: 50%;
    -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 26%);
    font-size: 0;
    background: url(../images/tick.png) no-repeat;
    background-size: 18px;
    background-position: center;
}



.port-head {
    margin-bottom:30px;
}
.port-head ul li {
    font-size: 15px;
    border: 2px solid #fff;
    padding: 12px 23px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 30px;
    color: #fff;
    margin-bottom: 5px;
}
.port-head ul li:last-child {
    margin-right:0;
}
.port-head ul li span {
    color: #fff973;
}
.case-sidebar {
    padding: 30px;
    background: #001352;
    border-radius: 12px;
    position: sticky;
    top:120px;
}
.case-sidebar h3 {
    font-size: 28px;
    margin-bottom:30px;
    font-weight: 600;
    color: #fff;
    border-bottom: 1px solid #97979763;
    padding-bottom: 10px;
}
.case-sidebar ul li {
    font-size: 17px;
    margin: 18px 0;
    transition: 0.3s;
}
.case-sidebar ul li a {
    color:#fff;
    padding-left:26px;
    position: relative;
}
.case-sidebar ul li:hover a, #navbar ul li a.active {
    margin-left:9px;
    color: #ea245e
}

.case-sidebar ul li a::after {
    content:"\f101";
    font-family:'FontAwesome';
    position: absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    color: #c6c514;
    font-size: 19px;
}
.relative {
    position: relative;
}
.left-section {
    /* flex: 1;
    overflow-y: auto; */
    /* scroll-behavior: smooth; */
    overflow-y: auto;
    scroll-behavior: smooth;
}

.portfolio-list .right-sidebar {
    position: relative; /* Default position */
    /* width: 300px; */
}

.fixed {
    position: fixed;
    top:120px;
    width: 350px;
}
.portfolio-list .pool-box {
    justify-content: start; 
}
.portfolio-list .pool-box .pool-box-list {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
    margin: 7px 10px;
    height: auto;
}

.portfolio-list .pool-box .pool-box-list .i-wrap{
    width: 100%;
    display: block;
}
.portfolio-list .pool-box .pool-box-list i{
    display: block;
    margin-bottom: 5px;
}
.portfolio-list .pool-box .pool-box-list i img{
    display: inline-block;
    height: 70px;
    width: 70px;
}
.portfolio-list .pool-box .pool-box-list small{
    display: block;
    margin-left: 0;
}



.about-banner.banner-top::after {
    background: linear-gradient(to right, #000f51cf, #00527ce3 100%);
}
.about-banner .banner_title h1 {
    text-align: center;
    font-size:38px;
}
.about-banner .banner_title .b-review-list {
    justify-content: center;
}

.our-team .new-heading-style p {
    font-size: 18px !important;
    line-height: 25px;
    font-weight: 500;
    color: #000;
    padding:0 50px;
}
.our-team .team-row {
    margin-left:-10px;
    margin-right:-10px;
}
.our-team .team-row [class*="col-"] {
    padding-left:10px;
    padding-right:10px;
}
.team-wrap {
    border:1px solid #ccc;
    text-align: center;
    position: relative;
    border-radius:4px;
    transition: 0.3s;
}
/* .team-wrap:hover {
    border-color:#041549;
} */
.team-wrap .team-img {
    overflow: hidden;
    transition: transform 0.3s ease-in-out;
    position: relative;
}
.team-img span {
    position: absolute;
    top:10px;
    right:10px;
    z-index: 9;
    width: 30px;
    height: 30px;
    background:#0068bc;
    border-radius: 50%;
    font-size: 16px;
    line-height: 31px;
    color: #fff;
}
.team-img span a { 
    color:#fff;
}
.team-img span:hover {
    background:#003a69;
}
.team-wrap .team-img img {
    height:auto;
    width:100%;
    object-fit:cover;
    border-radius:4px;
    transition: transform 0.3s ease-in-out;
}
.team-wrap:hover img {
    transform: scale(1.1);
}
.team-wrap .team-text {
    position:absolute;
    left:10px;
    right:10px;
    bottom:-30px;
    background-color:#fff;
    padding:12px 8px;
    border-radius:4px;
    -webkit-box-shadow: 1px 2px 10px 0px #0000001A;
    -moz-box-shadow: 1px 2px 10px 0px #0000001A;
    box-shadow: 1px 2px 10px 0px #0000001A;
    transition: 0.3s;
    border:1px solid #fff;
}
.team-wrap .team-text h3 {
    font-size:16px;
    font-weight:600;
    color:#041549;
    margin:0 0 4px 0;
}
.team-wrap .team-text h4 {
    font-size:13px;
    font-weight:500;
    margin:0;
}
.team-wrap:hover .team-text {
    background:#003a69;
} 
.team-wrap:hover .team-text h3 {
    color: #fdf897;
}
.team-wrap:hover .team-text h4 {
    color: #fff;
}
.shine-overlay {
    position: relative;
  }
  .shine-overlay:hover .shine {
    display: block;
  }
  
  .shine {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    z-index: 3;
    opacity: 0;
    transform: skew(30deg);
    animation: shine 0.75s linear 1;
  }
  
  @keyframes shine {
    0% {
      left: -50%;
      opacity: 0;
    }
    50% {
      left: 25%;
      opacity: 0.5;
    }
    100% {
      left: 100%;
      opacity: 0;
    }
  }

  .about-wrap h4 {
    text-align: center;
    font-size: 30px;
    margin: 0 0 15px 0;
    font-weight: 700;
    /* color: #035c8e; */
    color:#fb0469;
  }
  .about-wrap h2 {
    text-align:center;
    font-size: 34px;
    font-weight: 800;
    margin:0 0 30px 0;
  }
  .about-wrap p {
    text-align: left;
    font-size: 16px;
    color: #3a3a3a;
    line-height: 24px;
    font-weight: 500;
    padding: 0;
    margin-bottom:20px;

  }





/* Solution Template CSS start  */
.sol-team .row{
    row-gap: 30px;
}
.page-template-solutions-template .banner-top::after {
    background: linear-gradient(to right, #005984e3, #985315cf 100%);
}
.ai-security::before{
    content: "";
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background: #161b20;
}
.ai-security .bd_textbox1{
    background: #fff;
    border-radius: 8px;
    height: 100%;
    border-bottom: 4px solid #3cc065;
    padding: 18px;
    box-shadow: 0 0 16px 0px #00000024;
}
.ai-security .bd_textbox1 h2 {
    font-size: 1.1rem;
}
.ai-security .bd_textbox1 p {
    font-size: 14px;
}
.int-web::before {
    content: "";
    width: 100%;
    height: 100%;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    background: #e9e9e980;
    position: absolute;
    top: 0;
    right: 0;
}
.int-web-row{
    row-gap: 60px;
}
.int-web-row .bd_txtbox{
    padding: 0 70px 0 0;
}
.int-web-row [class*="col-"]:nth-child(even) .bd_txtbox{
    text-align: right;
    padding: 0 0 0 70px;
}
.int-web-row [class*="col-"]:nth-child(even) .logo-wrap-box {
    justify-content: flex-end;
}
.int-web-img {
    width: 280px;
    height: 280px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    border-radius: 50%;
}
/* .int-web-img img {
    padding: 12px;
} */
.int-web-img::before {
    content: "";
    background: #acacac30;
    position: absolute;
    top: -11%;
    left: -9%;
    width: 120%;
    height: 120%;
    border-radius: 50%;
    z-index: -1;
    outline: 2px solid #ececec;
    outline-offset: 4px;
}
.logo-wrap-box span img {
    width: 35px;
    height: 35px;
    object-fit: contain;
}
.bd_txt:last-of-type{
    margin-bottom: 0 !important;
}
.page-id-163 .int-web-img {
    width: 180px;
    height: 180px;
}
/* Solutions Template CSS end  */


/* Industries Template CSS start  */
.industriesbanner::after {
    /* background: linear-gradient(to right, #f28eb6bf, #0da04dcc 100%); */
    background: linear-gradient(to right, #000e55bd, #008479cc 100%);
}
/* Industries Template CSS end  */


/* On Demand Developers CSS start */
.page-template-on-demand-developers .banner-top::after {
    /* background: linear-gradient(to right, #005984e3, #ea93bdcf 100%); */
    background: linear-gradient(to right, #005984e3, #00102fcf 100%);

}
.ondm-feature .bd_so_inner {
    padding: 20px 20px 20px 100px;
    position: relative;
    border-left: 4px solid #d2d3d3;
    background: linear-gradient(45deg, white, #ea52951f);
    border-radius: 8px;
    box-shadow: 0 2px 3px 0px #fbe1ed;
    height: 100%;
    transition: 0.3s ease-in-out;
}
.ondm-feature .bd_so_inner:hover{
    border-color: #fb0469;
}
.ondm-row .bd_so_inner h2 {
    padding: 0 0 4px 0;
}
.ondm-icon {
    position: absolute;
    top: 30px;
    left: 20px;
}
.ondm-row, .port-row{
    row-gap: 30px;
}
/* On Demand Developers CSS end  */


/* FAQ Page CSS start  */
.inner_banner::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #ff0048, #82bd71);
}
.faq-section1 .accordion-heading a {
    font-weight: 700;
    color: #1b3567;
    font-size: 19px;
}
.faq-section1 .accordion-group:hover .accordion-heading a, .faq-section1 .accordion-heading a[aria-expanded="true"]{
    color: #fb0469;
}
.faq-section1 .accordion-inner {
    padding: 0 20px 20px !important;
}
/* FAQ Page CSS end  */


/* Portfolio Page CSS start  */
.approach-tab .nav-tabs .nav-link {
    /* color: #fb0469;
    border: #fb0469 solid 1px !important;
    border-radius: 3px; */
    color: #605459;
    border: #7f7f7f solid 2px !important;
    border-radius: 30px;
    padding: 10px 24px;
}
.approach-tab .nav-tabs .nav-item:hover, .approach-tab .nav-tabs .nav-item.show .nav-link, .approach-tab .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #fb0469;
    border-color:#fb0469 !important;
}
.portfolio-box{
    position: relative;
    height: 100%;
    overflow: hidden;
    margin-bottom: 0;
    box-shadow: 0 0 16px 0px #00000024;
    background: #fff;
}
.portfolio-box:hover .portfolio-pic img{
    transform: scale(1.06);
}
.portfolio-pic{
    position: relative;
    padding-top: 60%;
    overflow: hidden;
    background: #dbebff;
}
.portfolio-pic img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.4s ease-in-out;
    padding:0;
}

.portfolio-title {
    position: static;
    padding: 0;
    font-size: 19px;
    background-image: none;
    /* background: #fff; */
    line-height:normal;
    min-height: 79px;
}
.portfolio-title a{
    color: #1b3567;
    font-weight: 700;
}
.portfolio-box:hover .portfolio-title a{
    color: #fb0469;
}
.portfolio-title a:after {
    content: "";
    width: 30px;
    height: 2px;
    background-color: #fb0469;
    display: block;
    margin: 4px auto 8px 0;
}
.portfolio-title img{
    filter: brightness(0);
}
.port-details {
    padding: 20px ;
    position: relative;
    z-index: 3;
}
.portfolio-box::before{
    content: "";
    width: 60%;
    height: 75%;
    clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%, 70% 50%);
    background: #0c0c0c0d;
    position: absolute;
    bottom: 0;
    right: 0;
}
.list-bottom {
    display:flex;
    justify-content:space-between;
}
.list-bottom .btn-line {
    border: 2px solid #fb0469;
    padding:8px 12px;
    color: #000;
    border-radius: 6px;
    font-size:13px;
}
.list-bottom .btn-line:hover, .list-bottom .btn-line.active:hover {
    background-color:#fb0469;
    border-color:#fb0469;
    color:#fff;
}
.list-bottom .btn-line.active {
    border: 2px solid #001352;
    background-color:#001352;
    color: #fff;
}
.career-form .build-primary {
    padding:30px;
    border:9px;
}
.career-form  .caption-wraper {
    display:none;
}
.career-form .build-primary .field_cover input[type="text"], 
.career-form .build-primary .field_cover input[type="email"], 
.career-form .build-primary .field_cover input[type="number"], 
.career-form .build-primary select, .career-form .build-primary textarea {
    padding-left:1rem;
}
.career-form .field-set {
    margin-bottom: 1rem;
}
.career-form .file-wrap label {
    margin-top:0;
}
.career-form #submit_button {
    margin-top:10px;
}
.cat-name {
    margin-top: 8px;
    align-items: start;
    font-size: 15px;
    line-height: 1.5;
}
.btn-line{
    color: #fb0469;
    font-weight: 600;
    margin-top: 20px;
    display: block;
}
.btn-line:hover , .btn-line:focus , .btn-line:active{
    color: #fb0469;
}
.btn-line:hover .fa{
    transition: 0.3s ease-in-out;
}
.btn-line:hover .fa , .btn-line:focus .fa , .btn-line:active .fa{
    margin-left: 4px;
}

/* Contact Us PAge CSS start */
.phone-area {
    margin-top: -50px;
}
.row-list {
    margin-left:-7px;
    margin-right:-7px;
    justify-content:center;
}
.row-list [class*="col-"] {
    padding-left:7px;
    padding-right:7px;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.ca-wrap {
    padding:15px 6px;
    background:#fff;
    text-align:center;
    border-radius:9px;
    border: 1px solid #cccccc6b;
    border-width: 1px 1px .3125rem;

}
.ca-wrap img {
    width:50px;
    height:30px;
    border-radius:2px;
    margin-bottom:5px;
}
.ca-wrap h4 {
    font-size:17px;
    color:#fb0469;
    margin:10px 0;
    font-weight:600;
}
.ca-wrap h5 {
    font-size:15px;
    color:#000;
    margin:0;
}
.ca-wrap h5 a {
    color:#000;
}
.lets-area {
    text-align:center;
    margin-top:50px;
}
.lets-area h2 {
    font-size: 50px;
    margin-bottom:10px;
    font-weight: 700;
    color: #000;
}
.lets-area h3 {
    font-size:24px;
    margin-bottom:50px;
    font-weight:500;
    color:#898989;
}
.lets-area .m-btn {
    text-align:center;
    margin-top:30px;
    margin:0 20px;
    border:2px solid #000;
    padding:20px 30px;
    font-weight:600;
    display:inline-block;
    font-size:19px;
    border-radius:30px;
    color:#000;
}
.lets-area .m-btn.act {
    color:#fff;
    border:2px solid #fb0469;
    background:#fb0469;
}
.lets-area .m-btn:hover {
    color:#fff;
    border:2px solid #fb0469;
    background:#fb0469;	
}
.lets-area .m-btn.act:hover {
    color:#000;
    border:2px solid #000;
    background:#fff;
}
.lets-area .m-btn .fa {
    margin-left:10px;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
        transition: 0.25s;
    margin-left: 10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


@media screen and (max-width:767px) {
.phone-area {
    margin-top: -30px;
}
.ca-wrap h4 {
    font-size:13px;
    margin:6px 0;
}
.ca-wrap h5 {
    font-size: 13px;
}
.ca-wrap img {
    width:30px;
    height:30px;
}
.lets-area .m-btn {   
    margin: 0 3px;
    padding: 12px 10px;
    font-size: 14px;
}
.row-list [class*="col-"] {
    -ms-flex: 0 0 20%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    margin-bottom:10px;
}
.rev-list iframe {
    width:60px !important;
    height:60px !important;
}
.rev-list .b-review iframe {
    width:auto !important;
    height:45px !important;
}
.modal-popup .close {
    right:9px;
}
.button-container button.previous_btn {
    /* margin-right:0 !important; */
}
.modal-right .com-logo {
    padding: 10px 0;
}

}
@media screen and (max-width:600px) {
.ca-wrap {
    padding: 6px 2px;
}
.ca-wrap h4 {
    font-size:11px;
    margin:3px 0;
}
.ca-wrap h5 {
    font-size: 10px;
}
.ca-wrap img {
    width:20px;
    height:20px;
}
.rev-list.batch iframe {
    width: 60px !important;
    height: 60px !important;
}
.footer-top .b-review-list {
    margin-top:15px;
}
}
/* Contact Us Page CSS end  */




    /* new-css - 28-06-2024 */
    
    
    header.site-header {
        padding:0;
        background:#091727;
    }
    .t-header {
        padding: 12px 0;
        border: 0;
    }
    .top_header_container ul li {
        font-size:14px;
    }
    .top_header_container ul li a, .phone_content {
        color:#fff !important;
    }
    .top_header_container .desk-left {
        justify-content:start;
        padding:0;
        margin:0;
    }
    .top_header_container .desk-left li {
        margin:0;
        padding:0;
    }
    .top_header_container .desk-left .fa {
        margin:0 6px 0 0;
        font-size: 19px;
    }
    .top_header_container .desk_block {
        justify-content:end;
    }
    .mid-header {
        border-bottom:1px solid #0000001a;
        padding:5px 0;
        background: #EFF3F7;
        -webkit-border-top-left-radius: 30px;
        -webkit-border-top-right-radius: 30px;
        -moz-border-radius-topleft: 30px;
        -moz-border-radius-topright: 30px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
    }
    .industry-wrap {
        background:#001832 url(../images/pricing_shape01.png) no-repeat top left;
    }
    .industry-wrap .new-heading-style p {
        font-size: 16px !important;
        max-width: 80%;
        margin: auto;
        line-height: 28px;
        color: #ffffffc2 !important;

    }
    .indus-box {
        /* padding:20px 20px 20px 70px; */
        padding:15px;
        position: relative;
        /* margin-bottom:30px; */
        border: 1px solid #8ffff733;
        height: 100%;
        border-bottom-color: #8ffff763;
        border-width: 1px 1px .3125rem;
        border-radius: 20px;
        transition: 0.3s;
        background: #001832;
    }
    .indus-box:hover {
        background: #08067f1f;
        border: 1px solid #fff;
    }
    .ind-img {
        width:40px;
        height:40px;
        filter: brightness(0) invert(1);
    }
    .indus-text h3 {
        font-size: 18px;
        line-height: 28px;
        margin: 20px 0 10px 0;
        color: #c5c6a1;
        transition: 0.3s;
    }
    .indus-text p {
        font-size: 15px;
        margin: 0;
        line-height:22px;
        color: #a7a7a7bd;
        font-weight: 500;
    }
    .indus-list .indus-box:hover h3 {
        color:#02aab1;
    }
    .industry-wrap .ind-row {
        margin-left: -9px;
        margin-right: -9px;
    }
    .industry-wrap .ind-row [class*="col-"] {
        padding-left:9px;
        padding-right:9px;
        margin:9px 0;
    }
    .industry-wrap .ind-bottom {
        margin-top: 30px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .industry-wrap .ind-bottom a {
        color: #02aab1;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.6px;
        transition: 0.3s;
    }
    .industry-wrap .ind-bottom .fa {
        margin-left:7px;
        -webkit-transition: 0.25s;
        -o-transition: 0.25s;
        transition: 0.25s;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        transition: 0.3s;
    }
    .industry-wrap .ind-bottom a:hover .fa {
        margin-left:14px;
        color:#fff;
        transform:none;
    }
    .industry-wrap  .ind-bottom .btn {
        color: #fff;
        margin: 0 !important;
        /* margin-left: 30px !important; */
        /* border:2px solid #fb0469; */
        border:2px solid #cd3300;
        /* background:#001352; */
        background:#cd3300;
    }
    .industry-wrap  .ind-bottom .btn:hover {
        background:none !important;
        /* border:2px solid #fff; */
    }

    .home-contact {
        background:#ffffff url(../images/pricing_shape01.png) no-repeat left top;
    }
    
    .h-client.home-contact {
        background:#161b20 url(../images/call_back_shape.png) no-repeat left top;
    }

    .h-client.home-contact .v-link {
        color: #fff;
        font-size: 16px;
        letter-spacing: 0.4px;
    }
    .h-client.home-contact .v-link .fa {
        color: #fb0469;
    }
    .h-client.home-contact .v-link:hover {
        color: #fb0469;
    }
    .h-client.home-contact .v-link:hover .fa {
        color: #fff;
    }

    .home-contact .headsing h6, .home-contact .headsing h2, .home-contact .heading p {
        color:#000000 !important;
    }
    .home-contact .headsing h2 {
        margin-bottom:20px;
    }
    .call-area h4 {
        position: relative;
        padding:10px 10px 10px 50px ;
        font-size:22px;
        font-weight:600;
        color: #fb0469;
    }
    .call-area h4 span {
        display:block;
        font-size:12px;
        font-weight:400;
        margin-bottom: 2px;
    }
    .call-area h4 a {
        color:#000;
    }
    .call-area h4 a span {
        /* color: #fb0469; */
        color:#02aab1;
    }
    .call-area h4 img {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        height: 36px;
        object-fit: contain;
        -webkit-filter:invert(1) brightness(0);
        filter:invert(1) brightness(0);
    }
    .home-form {
        background: #044068;
        padding:35px;
        border-radius:10px;
    }
    .home-form .fr-input {
        width: 100%;
        /* border: 1px solid #515151; */
        border: 1px solid #6d90a7;
        outline: 0;
        padding: 10px 14px;
        background:#6d90a7;
        border-radius: 3px;
        font-size: 14px;
        color:#fff;
    } 
    .home-form textarea.fr-input {
        height:80px;
        color:#fff;
    }
    .home-form .fr-input::placeholder {
        color:#ccc;
        opacity: 1; /* Firefox */
      }
      
    .home-form .fr-input::-ms-input-placeholder { /* Edge 12-18 */
        color:#ccc;
      }
    .home-form .fr-btn {
        background: #001352;
        outline: 0;
        box-shadow: none;
        border-radius: 6px;
        border:1px solid #001352;
        padding: 11px 25px;
        font-weight: 500;
        color: #fff;
        cursor: pointer;
    }
    .home-form .fr-btn:hover {
        background: #fff;
        color: #001352;
    }
    .home-form h4 {
        text-align: center;
        font-size: 22px;
        color: #fff;
        font-weight: 700;
        margin-bottom: 5px;
    }
    .home-form p {
        color: #fff;
        margin: 10px 0 25px 0;
        font-size:13px;
        text-align: center;
    }
    h1.b-title {
        font-size:30px;
        text-align:center;
        margin-bottom:40px;
        color:#000;
        font-weight: 700;
    }
    h1.b-title a {
        color:#000;
    }


/* Responsive css ----------------------------------------------------------------------------------------------------------------------*/
/* 1600  */
@media screen and (max-width:1600px) {
    header .navbar-nav .nav-link {
        font-size: .9rem;
    }
    .banner_title p {
        font-size: 1.1rem;
    }
    .banner_list li {
        font-size: 1.125rem;
        font-weight:600;
        line-height: normal;
    }
    .banner_offer h3 {
        font-size: 1.3rem;
        line-height: 1.8rem;
    }
    
}

/* 1200  */
@media screen and (max-width:1600px) {
    header .h-contact .nav-link {
        padding: .6rem .4rem;
    }
    .single-blog-wrap .content-img img {
        max-height: 450px;
      }
}

/* 992  */
@media screen and (max-width:1199px) {
    .mid-header {
        -webkit-border-top-left-radius:20px;
        -webkit-border-top-right-radius:20px;
        -moz-border-radius-topleft:20px;
        -moz-border-radius-topright:20px;
        border-top-left-radius:20px;
        border-top-right-radius:20px;
    }
    .modal.right-bottom-modal .modal-dialog {
        right:0;
        bottom:0;
    }
    .top_header_container ul li .phone_content {
        font-size: 10px;
    }
    .top_header_container ul li .phone_content img {
        width: 20px;
        height: 13px;
        margin-right: 6px;
    }
    .menu-section ul li.active:last-child {
        margin-left: 6px !important;
    }
    .banner_list li {
        font-size: 1rem;
    }
    .card.card--testimonial {
        padding:2rem;
    }
    .card.card--testimonial .card-head {
        margin-bottom: 0;
    }
    .build-primary {
        padding: 2rem;
    }
    .feature, .our-work, .trustedby, .review, .how-help-you, .industry-wrap {
        padding:50px 0;
    }
    .service-box h2 {
        font-size: 1rem;
        line-height: normal;
    }
    .review .common-para {
        margin-bottom:2rem;
    }
    .review .common-para br {
        display:none;
    }
    header .navbar-nav .nav-link {
        padding-right: .4rem !important;
        padding-left: .4rem !important;
        font-size: .75rem;
    }
    .container {
        max-width: 99%;
    }
    .container-fluid{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .banner_title h1 {
        font-size:1.8rem !important;
        line-height: normal;
    }
    .banner_title h3, .home .banner_title h3 {
        font-size: 13px;
        margin:5px 0;
    }
    .about-banner .banner_title h3 {
        margin:10px 0 20px 0 !important;
    }
    .banner_offer-point {
        margin-top:5px;
    }
    .icon-name , .icon-email, .icon-com , .icon-des{
        background-size: 34px;
    }
    .icon-call {
        background-size: 24px;
    }
    .bottom-form_wrapper-input {
        padding: 0.7rem 0.7rem 0.7rem 2.7rem;
    }
    .icon-input {
        padding-left: 2.9rem;
    }
    .main-btn {
        height: 2.7rem;
        line-height: 2.7rem;
    }
    .btn {
        color: #fff !important;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }
    .block-portfolio .btn {
        width: fit-content;
    }
    .feature-list p {
        font-size: 17px;
    }
    h4{
        font-size: 1.4rem;
    }
    .feature-list .feature-icon {
        width: 3.4rem;
    }
    .feature-left {
        padding: 60px 30px;
    }
    .feature-left h6 {
        font-size: 18px;
    }
    .partners-wrapper .new-heading-style {
        padding: calc(3rem + 1vw) calc(3rem + 2vw) 0;
    }
    .block-primary h3 {
        font-size: 28px;
    }
    .block-primary h3 br{
        display: none;
    }
    .pool-box-list a {
        padding: 12px 20px;
    }   
    .pool-box-list .i-wrap {
        padding: 12px 18px;
    }
    .pool-box-list small {
        font-size: 18px;
    }
    .card-head.mb-5 img {
        height: 70px;
        width: auto;
    }
    .card.card--choose {
        padding: 1.2rem;
    }
    .card.card--choose p {
        font-size: 14px;
    }
    .partners-wrapper .full-img .l-link a {
        font-size:20px;
    }
    .partners-wrapper .full-img .l-link {
        position: absolute;
        bottom: 39%;
        right: 28%;
        transform: translate(-28%, -39%);
    }
    .faq-container .card-header {
        padding: 10px 30px 10px 0;
    }
    .how-help-you__card-heading {
        font-size: 28px;
        line-height: 36px;
        margin: 25px 0;
        -webkit-box-flex: inherit;
        -ms-flex: inherit;
        flex: inherit;
    }


    /* ---------------------- Service Template  */
    .menu-section .navbar .navbar-nav .nav-item {
        padding: 0;
    }
    .new-heading-style h2, .section-heading h2 {
        font-size: 1.8rem;
    }
    .new-heading-style p, .section-heading p {
        font-size: 16px !important;
        line-height: 1.4;
    }
    .feature-list h4, .bd_txtbox h2, .bd_textbox1 h2 {
        font-size: 18px;
        margin-bottom: 0.3em;
    }
    .feature-list p, .bd_txtbox p, .bd_textbox1 p {
        font-size: 14px;
    }
    .bd_txtbox {
        padding-left: 66px;
    }
    .bd_txtimg {
        width: 58px;
        height: 58px;
    }
    .exp-help.position-relative .img-fluid {
        padding-left: 20px;
    }
    .page-id-99 .exp-row [class*="col-"],
    .page-id-1362 .exp-row [class*="col-"]{
        max-width: 50%;
        flex: 0 0 50%;
    }



    /* --------------------------------- Portfolio Page  */
    .inner_banner {
        height: 240px;
    }

    /* ----------------------------------Faq Page  */
    .faq-section1 .accordion-heading a {
        font-size: 17px;
    }

    /* --------------------------------  Contact PAge  */
    .lets-area h2 {
        font-size: 42px;
    }
    .lets-area h3 {
        font-size: 20px;
        margin-bottom: 40px;
    }


    /* -------------------------------------  Blog Page  */
    .item-cat a {
        font-size: 14px;
        padding-bottom: 8px;
    }
    .top-title h2 {
        font-size: 32px;
    }
    .top-title h3 {
        padding-bottom: 4px;
    }
    .blog-item-cont h2 {
        font-size: 26px;
        padding-bottom: 4px;
    }
    .blog-box .blog-title {
        margin-bottom: 8px;
    }



    /* -------------------------------- Blog details  */
    .single-blog-wrap h1 {
        font-size: 28px;
    }
    .single-blog-wrap .single-cont-wrap ul {
        margin-bottom: 4px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .footer-bottom .payment-logo, .f-right-logo {
        flex: 0 0 20%;
        max-width: 20%;
        text-align:center;
    }
    .f-menu {
        margin-bottom:10px;
    }

}
@media screen and (min-width:768px) and (max-width:1199px) {
    .lan-footer .f-social, .lan-footer .footer-logo {
        display: none !important;
    }
    .lan-footer .f-logo {
        text-align:center;
    }
    .modal-popup .close {
        right:6px;
    }
    .popup-left .p-4 {
        padding:1rem !important;
    }
    .popup-left h2 {
        font-size:22px;
    }
    .popup-left h4 {
        font-size:15px;
        margin-top:4px;
    }
    .left-list li .list-inn {
        padding:10px 9px;
    }
    .left-list li p {
        font-size: 11px !important;
        line-height: normal;
        font-weight: 500;
    }
    .popup-right h3 {
        font-size: 1.3rem;
        margin: 0 0 20px 0;
    }
    .button-container {
        margin: 0 !important;
    }
    .modal-right .com-logo {
        padding:10px 0;
    }
    .modal-right .com-logo img {
        width:40px;
    }
   
}
@media screen and (min-width:768px) and (max-width:1024px) {
    .address-box h2 {
        font-size:13px;
        padding: 0;
        margin-bottom: 3px;
    }
    .address-box h4 {
        font-size:11px;
        line-height: 16px;
    }
    .address-box h4 br {
        display:none;
    }
    .f-address .item .address-box {
        padding: 10px 4px 10px 0;
    }
    .f-sales {
        padding-left:1%;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
        text-align:left;
    }
  .f-quick {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width:30%;
        text-align:left;
    }
    .address-onli-desk .call-wrap,  .f-address .item {
        flex: 0 0 25%;
        max-width: 25%;
        padding-right:5px;
    }
    .review_box p {
        font-size: 19px;
        line-height: 1.4;
    } 
    .lan-footer .f-logo {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
}

 /* 768   */
@media screen and (max-width:991px){
    /* Toggle Menu start */
    div#navbarSupportedContent {
        width: 40%;
        position: absolute;
        top: 100%;
        right: 0;
        background:#fff ;
        padding: 20px;
        box-shadow: 0px 2px 6px 0px #919191;
    }
    .navbar-toggler{
        color: #000;
    }
    .menu-section ul li.active:last-child {
        margin-left: 0 !important;
    }
    .mid-header {
        padding: 8px 0;
    }
    .menu-section ul li.nav-item:last-child a {
        margin: 0 20px;
    }
    .go-btn{
        display: block;
    }
    .menu-section ul li.active:last-child {
        display: none;
    }
    /* Toggle Menu end  */
    .h2, h2 {
        font-size: 1.5rem;
        line-height: 1.2;
    }
    h4 {
        font-size: 1.2rem;
    }
    .main-btn{
        font-size: 0.88rem;
    }
    .banner_title h1 {
        font-size: 1.3rem !important;
        line-height: normal;
    }
    .banner_title h3, .home .banner_title h3 {
        font-size: 13px;
        margin:5px 0;
    }
    .banner_list li {
        font-size: 14px;
        flex-wrap: wrap;
    }
    .banner_title .t-bg {
        width: 100%;
    }
    .banner_list li .green-check {
        width: 18px;
    }
    .banner_list li span {
        padding: 4px 7px;
        flex-shrink: 0;
        font-size: 14px;
        flex: 0 0 100%;
        margin-left: 21px;
        background: transparent;
        color: #ffc107;
    }
    .banner_title p {
        font-size: 14px;
    }
     .banner_title{
        margin-bottom: 0;
     }
     .bottom-form_wrapper .heading-h3 {
        font-size: 20px;
    }
    .bottom-form_wrapper .heading-h4 {
        font-size: 12px;
    }
    .icon-name, .icon-email, .icon-com , .icon-des{
        background-size: 30px;
    }
    .icon-call {
        background-size: 22px;
    }
    .service {
        padding:2rem 0;
    }
    .feature-left {
        padding:20px;
    }
    .feature-left h3 {
        font-size: 1.8rem;
    }
    .feature-list p {
        font-size: 14px;
    }
    .feature-list h4 {
        font-size: 1rem;
    }
    .fl-row {
        row-gap: 20px;
    }
    h2 br, h3 br, h4 br, h5 br, h6 br {
        display: none !important;
    }
    .feature-right .new-heading-style{
        max-width: 100%;
    }
    .partners-wrapper .new-heading-style {
        padding: calc(2rem + 1vw) calc(2rem + 2vw) 0;
    }
    .new-heading-style, .how-help-you .new-heading-style {
        margin-bottom: 20px;
    }
    .new-heading-style p {
        font-size: 15px !important;
    }
    .block-primary h3 {
        font-size: 22px;
        line-height: 1.4;
    }
    .pool-box-list small {
        font-size: 16px;
        margin-left: 10px;
    }
    .pool-box-list a {
        padding: 10px 15px;
    }
    .cta-content{
        padding-right: 20px;
    }
    .cta-content h2{
        font-size: 1.5rem;
    }
    .service .common-para {
        font-size: 16px;
        line-height: 26px;
    }
    .accordion-c {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .accordion-c .service-box {
        max-width: 48%;
    }
    .why-choose-wrapper{
        row-gap: 20px;
    }
    .faq-container .card-header .title {
        font-size: 20px;
    }
    .how-help-you__card {
        max-width: 100% !important;
        justify-content: space-between;
    }
    .how-help-you__card-heading {
        font-size: 23px;
        line-height: 30px;
        margin:22px 0 18px;
    }
    .how-help-you__card-items {
        padding:50px 30px 30px;
        max-width: 48%;
        margin: 0;
    }
    .how-help-you a {
        font-size: 17px;
        padding: 15px 0;
        width: 100%;
        margin-top: 0;
    }
    .service .btn-wrapper {
        margin-top: 0;
    }
    header .h-contact {
        margin-left:0;
    }
    .review  .common-para {
        font-size: 16px;
    }
    .pool-box-list .i-wrap {
        padding: 8px 10px;
    }
    .pool-box-list small {
        font-size: 15px;
    }
    .build-primary .new-heading-style{
        max-width: 100%;
    }
    .card--testimonial .card-head p {
        font-size: 0.86rem;
    }
    

    /* Popup  */
    .left-list li p {
        font-size: 13px;
        line-height: 1.4;
        font-weight: 500;
    }
    .popup-left h3 {
        font-size: 16px;
        padding: 14px 12px;
    }
  
    .popup-right h3 {
        font-size: 1.4rem;
    }
    .e-text {
        font-size: 24px;
    }
    .boss-img {
        height: 16.375rem;
    }
    .popup-arrow {
        display: none;
    }
    #stepForm2 h3, #stepForm3 h3, #stepForm4 h3 {
        font-size: 1.2rem;
        margin-bottom: 1.2rem;
        padding-right: 1rem;
    }
    .ui-datepicker-header {
        margin-bottom: 0;
    }
    .button-container button {
        font-size: 14px;
        padding: 0;
    }
    #step3 .button-container, #step2 .button-container {
        margin-bottom: 0;
    }
    #step3 .redipmaind.form-row {
        padding-top: 0 !important;
    }
    .hasDatepicker, .redipmaind.form-row {
        max-height: 260px;
    }
    .redipmaind [class*="col-"] {
        max-width:25%;
        flex: 0 0 25%;
    }
    .banner-top .b-review {
        position:relative;
        left:0;
        bottom:0;
    }

    /* Service Template ----------------- */
    .sp-col-text .bd_txt {
        max-width: 50%;
        flex: 0 0 50%;
    }
    .sp-col-text{
        display: flex;
        flex-wrap: wrap;
    }
    .new-heading-style h2, .section-heading h2 {
        /* font-size: 1.2rem; */
        font-size: 26px;
    }
    .bd_txtimg {
        width: 52px;
        height: 52px;
    }
    .feature-list h4, .bd_txtbox h2, .bd_textbox1 h2 {
        font-size: 17px;
    }
    .bd_txtbox {
        padding: 0 20px 0 60px;
    }
    .sp-service .sp-row:nth-child(2){
        flex-direction: column-reverse;
    }
    .exp-help .sp-col-text .bd_txt {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .page-id-72 .it-support .row [class*="col-"], 
    .page-id-72 .it-tools .row [class*="col-"], 
    .page-id-76 .it-support .row [class*="col-"], 
    .page-id-78 .it-support .row [class*="col-"], 
    .page-id-78 .it-tools .row [class*="col-"], 
    .page-id-88 .it-tools .row [class*="col-"], 
    .page-id-95 .it-support .row [class*="col-"], 
    .page-id-95 .it-tools .row [class*="col-"], 
    .page-id-99 .it-tools .row [class*="col-"], 
    .page-id-102 .it-support .row [class*="col-"], 
    .page-id-102 .it-tools .row [class*="col-"], 
    .page-id-104 .it-support .row [class*="col-"] ,
    .page-id-120 .ai-row [class*="col-"],
    .page-id-124 .ai-row [class*="col-"], 
    .page-id-128 .ai-row [class*="col-"], 
    .page-id-134 .ai-row [class*="col-"], 
    .page-id-147 .ai-row [class*="col-"], 
    .page-id-149 .ai-row [class*="col-"],
    .page-id-159 .ai-row [class*="col-"],
    
    .page-id-877 .ai-row [class*="col-"],
    .page-id-277 .ai-row [class*="col-"],
    .page-id-948 .ai-row [class*="col-"],
    .page-id-1032 .ai-row [class*="col-"],
    .page-id-1339 .ai-row [class*="col-"],
    .page-id-1254 .ai-row [class*="col-"]{
        max-width: 50%;
        flex: 0 0 50%;
    }

    /* ---------------------------------------  Portfolio Page  */
    .bannertext h1 {
        font-size: 30px;
    }
    .port-row, .ondm-row{
        row-gap: 16px;
        margin: 0 -8px;
    }
    .port-row > [class*="col-"], .ondm-row > [class*="col-"]{
        padding: 0 8px;
    }

    /* --------------------------------------  FAQ Page  */
    .faq-section1 .accordion-heading a {
        font-size: 15px;
        font-weight: 600;
    }

    /* --------------------------------------  On Demand Page  */
    .ondm-icon {
        top: 20px;
        left: 12px;
    }
    .ondm-feature .bd_so_inner {
        padding: 18px 10px 18px 78px;
    }
    .bd_textbox1 img, .bd_so_inner img {
        height: 50px;
    }
    .bd_so_inner h2 {
        font-size: 17px;
    }

    /* ------------------------------------------- Solution Template */
    .ai-security{
        background: #161b20;
    }
    .ai-security::before{
        display: none;
    }
    .ai-security .btn {
        border-color:#fff;
    }
    .int-web-img {
        width: 180px;
        height: 180px;
    }
    .int-web-row .bd_txtbox {
        padding: 0 28px 0 0;
    }
    .int-web-row [class*="col-"]:nth-child(even) .bd_txtbox {
        padding: 0 0 0 28px;
    }
    .int-web .bd_txtbox h2 {
        font-size: 16px;
    }
    .int-web .bd_txtbox p{
        font-size: 13px;
    }
    .logo-wrap-box span img {
        width: 32px;
        height: 32px;
    }
    .logo-wrap-box span {
        margin-right: 14px;
    }
    .int-web-row {
        row-gap: 40px;
    }

    /* --------------------------------------  Contact Page  */
    .ca-wrap h4 {
        font-size:14px;
        margin:6px 0;
    }
    .ca-wrap h5 {
        font-size: 12px;
    }
    .ca-wrap img {
        width: 40px;
        height:20px;
    }
    .lets-area h2 {
        font-size: 30px;
        margin-bottom: 4px;
    }
    .lets-area h3 {
        font-size: 16px;
        margin-bottom: 32px;
    }
    .row-list {
        margin-left:-4px;
        margin-right:-4px;
    }
    .row-list [class*="col-"] {
        padding-left:4px;
        padding-right:4px;
    }
    .lets-area .m-btn {   
        margin: 0 5px;
        padding: 16px 20px;
        font-size: 16px;
    }
    .lets-area {
        margin-top: 30px;
    }
    .lets-area h3 {
        font-size: 16px;
        margin-bottom: 20px;
    }


    /* -------------------------------------------  Blog Page  */
    .top-title h2 {
        font-size: 28px;
        line-height: 40px;
    }
    .blog-slide .blogrow {
        flex-direction: column-reverse;
    }
    .paginationList .nav-links {
        margin-top: 0;
    }
    .blog-item .blog-item-cont {
        padding: 20px;
    }
    .blog-list-section .nav.nav-tabs a {
        font-size: 13px;
    }
  

    /* -------------------------------------------- Blog details  */
    .blog-comment{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .blog-cat, .bl-post{
        max-width: 49%;
        flex: 0 0 49%;
    }
    .comment-listing{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .single-blog-wrap .single-cont-wrap ul li {
        margin-bottom: 4px;
    }
    .our-team .w-100 {
        display:none;
    }
}

/* 768 Landscape view  */
@media screen and (max-width: 991px) and (orientation: landscape) {
    .modal-left{
        display: none;
    }
    .modal-right{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .popup-form .form-control {
        padding: 10px 10px 10px 50px;
        font-size: 15px !important;
    }
    .popup-form .form-group {
        margin-bottom: 1rem;
    }
      
   
}

 /* 576  */
@media screen and (max-width:767px) {
    .top_mobile_menu {
        display: block !important;
    }
    .top_mobile_menu .phone_content {
        color: #000 !important;
    }
    .t-header.top_header_container .desk-left {
        margin-bottom: 0 !important;
    }
    .pool-box__wrapper hr{
        display:none;
    }
    /* .how-help-you__badge{
        display:none;
    } */
    div#navbarSupportedContent {
        width: 60%;
    }
    .partners-wrapper .full-img .l-link {
        bottom: 35%;
        right: 28%;
        transform: translate(-28%, -35%);
    }
    .partners-wrapper .full-img .l-link a {
        font-size: 11px;
        padding:0;
    }
    .nav-section .nav-link {
        padding: .3rem 1rem;
    }
    .mob_block img{
        width: 32px;
        height: auto;
    }
    /* .t-header, .modal.right-bottom-modal .left-list, .popup-left{
        display: none;
    } */
    .modal.right-bottom-modal .left-list, .popup-left{
        display: none;
    }
    .modal.right-bottom-modal .modal-dialog {
        max-width: 100%;
        right:0;
        left:0;
        bottom:0;
    }
    .f-contact.f-sales h2 {
        display:none;
    }
    header .navbar-brand img {
        height: 40px !important;
    } 
   .review {
        padding: 3.5rem 0;
    }
   .review .heading-h2 {
        font-weight: 700;
        line-height: normal;
        font-size: 1.425rem;
    }
   .review .common-para {
        font-size: 1.1rem;
        line-height: normal;
    }
    
    .review_box {
        padding:1rem;
    }
    .review_box p {
        font-size: 1.2rem;
        line-height: normal;
    }
    .review_box .te-height {
        min-height:inherit;
    }
    .review_profile h5 {
        font-size: 1rem;
    }
    .review_profile h5 span {
        font-size: 0.8rem;
        margin-top: 1px;
        font-weight:400;
    }    
    .address-onli-desk .call-wrap, .f-address .item {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .address-box h2 {
        font-size: 14px;
        padding-bottom: 0;
    }
    .f-queris, .f-quick, .f-sales, .lan-footer .f-logo, .lan-footer .lp-footer .footer-menu {
        flex: 0 0 100%;
        max-width:100%;
        padding:0;
    }
    .f-info, .footer-bottom {
        flex-wrap: wrap;
        text-align: center;
    }
    .f-sales {
        margin-top:10px;
    }
    .f-contact h3 {
        font-size: 13px;
        padding-bottom: 0px;
    }
    .f-contact h2 {
        font-size: 16px;
        padding-bottom: 0;
    }
    .f-section3 {
        padding:20px 0 !important;
    }    
    .footer-logo img {
        height: 22px;
        margin: 0 5px;
    }
    .uae-add h4 i {
        top: 2px;
        font-size: 19px;
    }
    .uae-add h4 {
        padding-left: 19px;
        position: relative;
    }
    .f-social {
        text-align:center;
        margin:20px 0 0 0;
        width:100%;
    }
    .f-social ul {
        margin:0;
    }
    .lan-footer .copyright-txt {
        font-size: 12px;
        padding-left: 0;
        text-align: center;
        margin-bottom: 10px;
    }
    .f-contact.f-quick {
        text-align:center;
    }
    .address-box h4 br {
        display:none;
    }
    .f-address .item .address-box {
        padding: 10px 4px 10px 0;
    }
    .address-box h4 {
        font-size: 11px !important;
        line-height: normal !important;
    }
    .address-box h2 {
        font-size: 13px !important;
    }    
    .main-btn {
        font-size: 0.8rem;        
        height: 3rem;
        line-height: 3rem;
        padding: 0 12px;
    }
    .main-btn.transparent-btn{
        line-height: 1.2;
    }    
    #iavnformone .row{
        margin: 0 -8px;
    }
    #iavnformone .row [class*="col-"]{
        padding: 0 8px;
    }
    .desk_block {
        display:none;
    }

    .mob-text-center {
        text-align: center;
    }
    .desk_block {
        display:none !important;
    }
    .top_mobile_menu  {
        display:block !important;
    }
    h4 {
        font-size: 1rem;
    }
    .h2, h2 {
        font-size: 1.4rem;
    }
    .banner_title p {
        font-size: 13px;
        line-height:normal !important;
    }
    .bannerslider {
        margin-top:20px !important;
    }
    .bottom-form_wrapper .heading-h3 {
        font-size: 20px;
    }
    .feature, .our-work, .trustedby, .review, .how-help-you, .industry-wrap {
        padding:30px 0;
    }
    .trustedby {
        padding-bottom:40px;
    }
    .feature-left::before {
        opacity: 0.4;
    }
    .feature-right{
        margin-top: 30px;
    }
    .row.fl-row  [class*="col-"] {
        max-width: 50%;
    }
    .new-heading-style, .section-heading {
        max-width: 100%;
    }
    .new-heading-style p br {
        display:none;
    }
    .new-heading-style h2, .section-heading h2 {
        font-size: 1.3rem;
        margin-bottom: 6px;
    }
    .section-heading {
        margin: 0 auto 30px;
    }
    .mt-5, .my-5 {
        margin-top: 1.5rem !important;
    }
    .block-portfolio {
        padding: 1rem 1rem 2rem;
    }
    .service {
        padding:2rem 0;
    }
    .partners-wrapper .new-heading-style {
        padding:20px 20px 0;
    }
    .block-primary h3 {
        font-size: 20px;
        font-weight: 600;
    }
    .block-portfolio .block-img {
        position: static;
        margin-bottom: 0 !important;
    }
    .work-row [class*="col-"]:nth-child(2) .portfolio-img, .work-row [class*="col-"]:nth-child(3) .portfolio-img{
        max-width: 80%;
        margin: 0 auto;
    }
    .work-row{
        margin: 0 -8px;
        row-gap: 20px;
    }
    .work-row [class*="col-"]{
        padding: 0 8px;
    }
    .block-portfolio .block-primary {
        padding: 22px;
    }
    .pool-box-list img {
        height: 32px;
    }
    .pool-box-list a {
        padding: 10px 10px;
    }
    .section-cta .row{
        align-items:  normal !important;
    }
    .section-cta .cta-img, .section-cta .cta-primary{
        height: 100%;
    }
    .section-cta .cta-img img{
        height: 100%;
        object-fit: cover;
        object-position: right;
    }
    .cta-secondary{
        padding: 20px 16px 20px 0;
        text-align: center;
    }
    .cta-content h2 {
        font-size: 1.2rem;
    }
    .cta-content p {
        font-size: 14px;
    }
    .btn, .block-portfolio .btn  {
        color: #fff !important;
        height: 42px;
        line-height: 42px;
        font-size: 14px;
        font-weight: 500;
    }
    .btn--animated{
        padding: 0 60px 0 20px !important;
    }
    .btn--animated:before {
        right: 20px;
    }
    .service .heading-h2 {
        line-height: normal;
    }
    .service_wrapper{
        margin: 0 -11px;
    }
    .service_wrapper [class*="col-"]{
        padding: 0 11px;
    }
    .service-box h2 {
        font-size: 1.15rem;
    }
    .trustedby .section-heading h3 {
        font-size: 22px;
    }
    .why-choose-wrapper .card-head {
        margin-bottom: 0 !important;
        position: absolute;
        left: 20px;
    }
     .card-head img{
        width: 60px !important;
     }
    .card.card--choose p {
        font-size: 14px;
    }
    .faq-container .card-header .title {
        font-size: 15px;
    }
    .faq-container .card-body {
        padding:10px 0;
    }
    .card.card--testimonial {
        padding:1rem;
    }
    .card--testimonial .card-head p {
        font-size: 16px;
    }
    .client-info{
        padding-left: 80px;
        position:  relative;
    }
    .client-info .client-profile {
        height: 4rem;
        width: 4rem;
        position: absolute;
        top: 0;
        left: 0;
    }
    .how-help-you__card-items {
        padding:10px 10px 10px;
        margin: 0;
    }
    .how-help-you__card-heading {
        font-size: 18px;
        line-height: 24px;
        margin: 24px 0 28px;
    }
    .how-we-help-buttons svg{
        display: none;
    }
    .card.card--choose h4 {
        font-size: 1.2rem;
        margin-bottom: 5px;
    }

    /* Popup  */
    .popup-form .button-container {
        justify-content: center;
    }
    .popup-form .button-container button {
        width:45%;
    }
    .popup-form .form-control {
        padding: 10px 10px 10px 56px;
        font-size: 15px;
    }
    .popup-form .form-group {
        margin-bottom: 1rem;
    }
    .redipmaind [class*="col-"]{
        max-width: 33.33%;
        flex: 0 0 33.33%;
    }
    .e-text {
        font-size: 20px;
        margin-bottom: 4px;
        margin-top: 20px;
    }
    .industry-wrap .c-row  {
        margin-left:-4px;
        margin-right:-4px;
    }
    .industry-wrap .c-row [class*="col-"] {
        padding:0 4px;
    }
    .industry-wrap .i-box img {
        margin-bottom: 10px;
        height:35px;
    }
    .industry-wrap .i-box {
        padding: 10px 8px;
        margin: 10px 0 0 0;
    }
    .industry-wrap .i-box h4 {
        font-size:10px;
    }
    .how-help-you p {
        font-size: 11px;
        line-height: normal;
        margin-bottom: 10px;
    }


    /* Service Template CSS start  */
    .sp-col-text .bd_txt {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .new-heading-style, .how-help-you .new-heading-style {
        margin-bottom: 30px;
    }
    .page-id-72 .it-support .row [class*="col-"], 
    .page-id-72 .it-tools .row [class*="col-"], 
    .page-id-76 .it-support .row [class*="col-"], 
    .page-id-78 .it-support .row [class*="col-"], 
    .page-id-78 .it-tools .row [class*="col-"], 
    .page-id-88 .it-tools .row [class*="col-"], 
    .page-id-95 .it-support .row [class*="col-"], 
    .page-id-95 .it-tools .row [class*="col-"], 
    .page-id-99 .it-tools .row [class*="col-"], 
    .page-id-102 .it-support .row [class*="col-"], 
    .page-id-102 .it-tools .row [class*="col-"], 
    .page-id-104 .it-support .row [class*="col-"] {
        max-width: 80%;
        flex: 0 0 80%;
    }
    .card.card--choose {
        padding: 1.2rem;
        padding-left: 114px;
    }
    .pool-section {
        margin-bottom: 30px;
    }
    .section--technology {
        margin-bottom: calc(9rem + 8.4vw);
    }
    .bd_txtbox {
        padding: 0 0 0 60px;
    }
    .review_box .te-height {
        min-height: auto !important;
        padding-bottom: 24px;
    }
    .tools-row, .exp-row{
        margin: 0 -8px;
        row-gap: 20px;
    }
    .tools-row [class*="col-"], .exp-row [class*="col-"]{
        padding: 0 8px;
    }
    .menu-section ul li.active:last-child {
        margin-left: 0 !important;
    }
    .menu-section ul li {
        padding: 10px 20px !important;
    }


    /* --------------------------------------- Portfolio Page  */
    .inner_banner {
        height: 160px;
    }

    /* --------------------------------------- Solution TEmplate  */
    .int-web-img{
        display: none;
    }
    .int-web-row .bd_txtbox, .int-web-row [class*="col-"]:nth-child(even) .bd_txtbox {
        padding: 0;
        text-align: center;
    }
    .int-web-row .logo-wrap-box {
        justify-content: center !important;
    }

    /* --------------------------------------- Contact Page  */
    .lets-area .m-btn {
        padding: 12px 16px;
        font-size: 14px;
    }


    /* -------------------------------------------- Blog Page  */
    .top-title h3 {
        font-size: 16px;
    }
    .top-title h2 {
        font-size: 24px;
        line-height: 32px;
    }
    .bloghome {
        padding: 60px 0px;
    }
    .top-title {
        padding-bottom: 60px;
    }
    .blog-item .blog-thumb img {
        height: 100%;
    }
    .blog-item-cont h2 {
        font-size: 20px;
    }
    #home-post-listing.row{
        margin: 0 -8px;
        row-gap: 20px;
    }
    #home-post-listing.row [class*="col-"]{
        padding: 0 8px;
    }
    #home-post-listing .item-cat a {
        font-size: 13px;
    }
    .blog-box .blog-title a {
        font-size: 18px;
        line-height: 1.4;
        font-weight: 500;
    }
    #home-post-listing .blog-box .blog-info {
        padding: 14px;
    }
    .blog-list-section .nav.nav-tabs {
        padding: 20px 45px 20px 15px;
    }
    .blog-list-section .nav.nav-tabs .more {
        right: 6px;
    }

    /* Blog details Page  */
    .single-blog-wrap h1 {
        font-size: 24px;
    }
    .single-blog {
        padding: 40px 0px;
    }
    .blog-cat, .bl-post{
        max-width: 100%;
        flex: 0 0 100%;
    }

}

/* 480   */
@media screen and (max-width:575px) {

    .smallbox.related-tech .pool-tech small {
        font-size: 7px;
    }
    .bd_hser h2{
        min-height: auto;
    }
    .bd_breadcrumbsec {
        padding: 16px 0;
    }
    .banner_title h1 {
        font-size:1.4rem !important;
        line-height:normal;
    }
    .banner_title .t-bg {
        width: 100%;
    }
    .mid-header {
        padding: 6px 0;
    }
    .top_mobile_menu{
        margin: 0 6px !important;
    }
    .go-btn {
        font-size: 10px;
        padding:2px 12px !important;
    }
    .bottom-form_wrapper .heading-h3 {
        font-size:18px;
        line-height:normal;
    }
    .btn--animated {
        padding: 8px 60px 8px 20px !important;
        height: auto;
        line-height: 1.4;
        max-width: 100%;
        text-wrap: wrap;
    }
    .bottom-form_wrapper {
        padding:15px;
    }
    .feature-left h3 {
        font-size: 1.6rem;
    }
    .feature-left h6 {
        font-size: 16px;
    }
    .feature-list p {
        font-size: 14px;
        line-height: 1.4;
    }
    .h2, h2 {
        font-size: 1.2rem;
    }
    .new-heading-style p {
        font-size: 14px;
    }
    .block-portfolio .block-primary {
        padding: 20px;
    }
    .block-primary h3 {
        font-size: 17px;
        font-weight: 500;
        line-height: 1.3;
    }
    /* .pool-box{
        flex-wrap: nowrap;
        overflow-x: scroll;
        justify-content:start;
        padding-bottom: 8px;
        margin-bottom: 15px;
    } */
    .pool-section .pool-box-list{
        flex-shrink:  0 !important;
    }
    .cta-primary{
        display: none;
    }
    .cta-secondary {
        padding: 20px;
    }
    .cta--offset {
        margin-bottom: calc(-4.5rem - 10vw);
    }
    .desk-block {
        display:none;
    }
    .section--technology {
        margin-bottom: calc(1rem + 8.4vw);
    }
    .new-heading-style h2 {
        margin-bottom: 8px;
    }
    .cta-content .btn{
        margin-top: 1rem;
    }
    .accordion-item-content {
        min-height: auto;
    }
    .accordion-c .service-box {
        max-width: 100%;
        margin-top: 0;
    }
    .trustedby .section-heading h3 {
        font-size: 20px;
    }
    .card-head {
        margin-bottom: 1rem !important;
    }
    .new-heading-style, .section--technology .new-heading-style, .how-help-you .new-heading-style {
        margin-bottom: 20px;
    }
    .build-primary {
        padding: 30px;
    }
    .card--testimonial .card-head p {
        font-size: 14px;
    }
    .how-help-you a {
        font-size: 12px;
        padding: 6px 10px;
        width: auto;
    }
    i.how-help-you__icon img{
        height:52px;
        width: auto;
        object-fit: contain;
    }
    .how-help-you__card-heading {
        font-size: 14px;
        line-height: normal;
        margin: 10px 0;
    }
    .how-help-you p {
        font-size: 15px;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 10px;
    }
    .how-help-you p span {
        font-size:inherit;
        /* display: inline; */
    }
    .client-info .h5, h5 {
        font-size: 16px;
    }
    .review_box p {
        font-size: 1rem;
        line-height: 1.4;
    }
    .review .common-para {
        font-size: 14px;
    }
    .review .heading-h2 {
        font-size: 1.2rem;
    }
    .fRight, .fLeft {
        text-align: center;
    }
    .min-popup {
        max-width: 10rem;
        padding: 4px 6px !important;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 0;
    }
    .min-popup h4 {
        padding-left:4px;
        font-size: 11px;
    }
    .min-popup .min-img {
        height:35px;
        width:35px;
    }
    .banner_offer-point li {
        margin-left:0;
    }
    .min-popup .plus img {
        height:auto;
        width:50px;
    }


     /* Service Template CSS start  */
     .bd_txtimg {
        width: 60px;
        height: 60px;
    }
    .bd_txt .bd_txtbox {
        padding-left: 80px;
    }
    .exp-help .bd_txt .bd_txtbox {
        padding-left: 0;
    }
    .exp-help .bd_txtbox p {
        font-size: 13px;
    }
    .exp-row{
        row-gap: 20px;
    }
    .it-support .bd_textbox1::before {
        height: 120px;
        width: 120px;
    }
    .page-id-72 .it-support .row [class*="col-"], 
    .page-id-72 .it-tools .row [class*="col-"], 
    .page-id-76 .it-support .row [class*="col-"], 
    .page-id-78 .it-support .row [class*="col-"], 
    .page-id-78 .it-tools .row [class*="col-"], 
    .page-id-88 .it-tools .row [class*="col-"], 
    .page-id-95 .it-support .row [class*="col-"], 
    .page-id-95 .it-tools .row [class*="col-"], 
    .page-id-99 .it-tools .row [class*="col-"], 
    .page-id-102 .it-support .row [class*="col-"], 
    .page-id-102 .it-tools .row [class*="col-"], 
    .page-id-104 .it-support .row [class*="col-"] ,
    .page-id-120 .ai-row [class*="col-"],
    .page-id-124 .ai-row [class*="col-"], 
    .page-id-128 .ai-row [class*="col-"], 
    .page-id-134 .ai-row [class*="col-"], 
    .page-id-147 .ai-row [class*="col-"], 
    .page-id-149 .ai-row [class*="col-"],
    .page-id-159 .ai-row [class*="col-"],
    
    .page-id-877 .ai-row [class*="col-"],
    .page-id-277 .ai-row [class*="col-"],
    .page-id-948 .ai-row [class*="col-"],
    .page-id-1032 .ai-row [class*="col-"],
    .page-id-1339 .ai-row [class*="col-"],
    .page-id-1254 .ai-row [class*="col-"]{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .card.card--choose p {
        font-size: 13px;
        line-height: 1.5;
    }
    .card.card--choose {
        padding-left: 100px;
    }
    .page-id-99 .exp-row [class*="col-"], .page-id-1362 .exp-row [class*="col-"] {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .bdbannerform-main .form-group:last-of-type(){
        margin-bottom: 2rem;
    }



     /* ----------------------------- Portfolio Page  */
     .ondm-row, .port-row , .sol-team .row{
        row-gap: 20px;
    }
    .approach-tab .nav-tabs .nav-link {
        font-size: 13px;
        padding: .4rem 1rem;
    }
    .bannertext h1 {
        font-size: 24px;
    }

    /* ---------------------------------- FAQ PAge  */
    .faq-section1 .accordion-inner {
        font-size: 13px;
    }

    /* -------------------------------- On Demand Page  */
    .bd_so_inner p {
        font-size: 13px;
        line-height: 20px;
    }
    .ondm-row .bd_so_inner h2 {
        padding: 0px 0 2px 0;
    }
    .ondm-row {
        row-gap: 12px;
    }
    /* ------------------------------ Solution Template  */


    /* ------------------------------ Contact Page  */
    .lets-area h2 {
        font-size: 22px;
    }
    .lets-area h3 {
        font-size: 14px;
        margin-bottom: 14px;
    }
    .lets-area .m-btn {
        padding: 10px 14px;
        font-size: 13px;
    }

    /* --------------------------------------- Blog Page  */
    #home-post-listing [class*="col-"]{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .blog-btn a {
        padding: 8px 20px;
        font-size: 13px;
    }

    /* Blog details Page  */
    .single-blog-wrap h1 {
        font-size: 22px;
    }
    .single-blog-wrap .single-cont-wrap h2 {
        font-size: 18px;
    }
    .explore-cont h2 {
        font-size: 20px;
    }
    .fb-page {
        width: 100%;
    }
}


/* culture-design */
.cult-image {
    position: relative;
}
.culture-design .bd_txt .bd_txtimg {
    left: 0;
    right: 0;
    bottom: -30px;
    background-color: #fff;
    border-radius: 50%;
    padding: 18px;
    margin: auto;
    top: inherit;
    width:80px;
    height:80px;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.17);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.17);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.17);
}
.culture-design .bd_txt .bd_txtbox {
    padding: 50px 10px 10px 10px;
    text-align: center;
}
.culture-design .cul-img {
    width:100%;
    height:200px;
    object-fit:cover;
}
.culture-design .bd_txt {
    border: 1px solid #cccccc6b;
    border-width: 1px 1px .3125rem;
    padding:10px;
    border-radius:10px;
}
.bd_txtbox h2 span, .career-content h2 strong, .career-content p a {
    color: #fb0469;
}


.modal-dialog-slideout {min-height: 100%; margin: 0 0 0 auto;background: #fff;}
.modal.fade .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(100%,0)scale(1);transform: translate(100%,0)scale(1);}
.modal.fade.show .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(0,0);transform: translate(0,0);display: flex;align-items: stretch;-webkit-box-align: stretch;height: 100%;}
.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body{overflow-y: auto;overflow-x: hidden;}
.modal-dialog-slideout .modal-content{border: 0;}
.modal-dialog-slideout .modal-header, .modal-dialog-slideout .modal-footer {display: block;} 
.modal-dialog-slideout .modal-header h5 {float: left; font-size: 19px; font-weight: 600; color: #000;}
.modal-dialog-slideout .modal-header h5 span {color: #ff3a8b;}
.read-toggle-cont h5 span, .read-toggle-cont h5 span a {color: #000;}

.career-content h2 {
    font-weight: 700;
    color: #1b3567;
    margin-bottom: 15px;
    font-size: 2rem;
}
.career-content h2 strong {
    font-weight: 700;
}
.career-content p {
    font-size: 14px;
    font-weight: 500;
}

/* 360  */
@media screen and (max-width:479px) {
    .bd_breadcrumbsec {
        padding: 12px 0;
    }
    .bd_breadcrumb li, .bd_breadcrumb li a, .bd_breadcrumb li span {
        font-size: 13px;
    }

    .navbar-toggler {
        font-size: 1rem;
    }
    .work-row [class*="col-"]{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .section--technology {
        margin-bottom: calc(3rem + 8.4vw);
    }
    .how-help-you__card {
        flex-direction: column;
        row-gap:10px;
    }
    .how-help-you__card-items {
        max-width: 100%;
    }
    .bd_txt .bd_txtbox {
        padding-left: 70px;
    }
    .new-heading-style h2, .section-heading h2, .heading h2, .headsing h2 {
        font-size: 1.2rem !important;
        line-height:normal !important;
    }
    .exp-help .bd_txtimg {
        width: 50px;
        height: 50px;
        padding: 8px;
    }

    /* ----------------- Portfolio Page  */
    .portfolio-title a {
        font-size: 16px;
    }
    .cat-name {
        font-size: 13px;
        margin-top: 6px;
    }
    .portfolio-title a:after {
        margin: 2px auto 2px 0;
    }
    .btn-line {
        font-size: 13px;
    }
    .approach-tab .nav-tabs .nav-link {
        padding: .4rem 0.5rem;
        margin: 0 4px;
    }
    .bannertext h1 {
        font-size: 21px;
    }
    .btn-line {
        margin-top: 12px;
    }

     /* FAQ PAge  */
     .faq-section1 .accordion-heading a {
        padding: 10px 30px 10px 12px;
        line-height: 1.4;
    }

    /* Contact Page  */
    .row-list [class*="col-"] {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .lets-area .m-btn {
        width: 100%;
    }
    .lets-area .m-btn.act {
        margin-top: 12px;
    }

    /* ------------------------------------------ Blog details  */
    .single-blog-wrap h1 {
        font-size: 19px;
    }
    .single-blog-share .item-share {
        padding: 6px 0px;
    }
    .single-blog {
        padding: 30px 0px;
    }
    h2.cat-list-title {
        font-size: 18px;
    }
}


/* 320  */
@media screen and (max-width:359px) {
    /* Portfolio PAge  */
    .approach-tab .nav-tabs .nav-link {
        padding: .3rem 0.2rem;
        margin: 0 3px;
        font-size: 12px;
    }
    .port-details {
        padding: 14px;
    }
    .portfolio-pic img {
        padding: 8px 0;
    }
}

/* people-css */

.cult-section {
    background: #f2f2f3;
    overflow: hidden;
    position: relative;
    padding:130px 0;
}
.cult-section:after {
    content: '';
    position: absolute;
    right:0;
    bottom: -10px;
    background: url(../images/ivan-meet.svg);
    background-repeat: no-repeat;
    min-width: 500px;
    min-height: 400px;
}
.cult-section .bd_txt {
    border: 1px solid #cccccc6b;
    border-width: 1px 1px .3125rem;
    padding:20px;
    border-radius: 10px;
    background-color:#fff;
    height: 100%;
}
.cult-section .bd_txt .bd_txtimg {
    left:20px;
    top:20px;
}
.culture-design .bd_txt {
    height:100%;
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .cult-section {
        background: #f2f2f3;
        padding: 40px 0;
    }
    .cult-section:after {
        right: -20px;
        bottom: -78px;
        min-width:250px;
        min-height:250px;
    }
    .hsersec {
        justify-content: center;
    }
    .hsersec .hserbox {
        flex: 0 0 23%;
        max-width:23%;
    }
    .address-bottom {
        justify-content: center;
        margin: 30px 0 20px 0 !important;
    }
}
@media screen and (max-width:991px) {
.cult-section:after {
    display:none;
}
.cult-section {
    padding:40px 0 !important;
}
.culture-design .bd_txt .bd_txtbox {
    padding: 50px 5px 5px 5px;
    text-align: center;
}
.cult-list {
    background-size:contain  !important;
    padding-bottom: 200px !important;
}
}
@media screen and (max-width:767px) {
    .bannersec .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
.cult-list {
    padding:20px 0 40px 0 !important;
    background:none !important;
}
.home-contact .headsing h2 {
    margin-bottom:2px;
}
.home-contact .headsing p {
    line-height:normal;
}

.footer-bottom {
    text-align:center !important;
}
.banner_title .t-bg P {
    font-size:13px;
}

}




/* Price Box */

.price-box {
    display: block;
    padding: 36px 24px;
    border-radius: 20px;
    text-align: center;
    border: 1px solid #2789bc;
    position: relative;
}
.price-box h4 {
    font-size: 17px;
    color: #000;
    line-height: 1.4;
    padding-top: 20px;
    border-top: 1px solid #343a40;
    margin-top: 20px;
    margin-bottom: 0;
}
.price-box h3 {
    font-size: 30px;
    margin: 0;
    line-height: 1;
    color: #000;
}
.price-box h3 span {
    font-size: 17px;
}
.price-box p {
    margin-top: 10px;
}
.w-bg.how-help-you .headsing h2 {
    color: #000;
}
.how-help-you .headsing h2 {
    color:#fff;
    margin-bottom: 10px;
}
.how-help-you .price-box {
    background-color:#fff;
}
.price-box.featured {
    color: #fff;
    background:#2789bc;
}
.price-box.featured h3, .price-box.featured h4, .price-box.featured p {
    color: #fff;
}
.price-box.featured h4 {
    border-color: #fff;
}
.price-box.featured .how-help-you__badge {
    top: -15px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.how-help-you .price-box .h-btn {
    background:transparent;
    padding:0;
    border:0;
    color:#122131;
    position: relative;
    padding:0 39px 0 0;
    width: auto;
    display: inline-block;
}
.how-help-you .price-box small {
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 400;
    display: block;
}
.how-help-you .price-box .h-btn:hover {
    color: #fb0469;
}
.how-help-you .price-box .h-btn svg {
    position: absolute;
    right: 0;
    top:3px;
}
.how-help-you .price-box.featured .h-btn  {
    border: 1px solid #fff;
    padding: 15px 56px 15px 15px;
    background: #fff;
    color: #122131;
}
.how-help-you .price-box.featured .h-btn:hover  {
    background:transparent;
    color: #fff;
}
.how-help-you .price-box.featured .h-btn svg {
    position: absolute;
    right: 15px;
    top: 34%;
}
.how-help-you .price-box.featured .h-btn:hover  svg {
    filter: brightness(0) invert(1);
}


/* new-tech-design */

.new-technology .name-tech {
    background:transparent;
    display: inline-block;
   
}
.new-technology .name-tech .i-wrap {
    background:transparent;
    border:1px solid #fff;
    padding:15px 40px 15px 20px;
    font-size:16px;
    color:#fff;
    position: relative;
    border-radius:9px;
    width: 108px;
}
.new-technology .name-tech .i-wrap img {
  width:42px;
  object-fit: contain;
  margin-left:10px;
  position: absolute;
  right:-26px;
  top:50%;
  transform:translateY(-50%);
}

.new-technology .pool-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: start;
}

.new-technology .pool-box-list .i-wrap {
    padding:8px; 
}
.new-technology .pool-box-list .i-wrap img {
    height:50px;
    width:50px;
    object-fit:contain;
}
/* footer */

.foot-border {
    background: linear-gradient(90deg, #03a9f4, #ff5800, #fbba14, #03a9f4);
    background-size: 200%;
    padding:2px;
}

.main-footer .inner-footer {
    display:flex;
    flex-wrap: wrap;    
}
.main-footer .inner-footer .footer-left {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width:30%;      
    background-color:#fff;
}
.main-footer .inner-footer .footer-left .foot-pad {
    padding:30px 30px 30px 30px;  
}
.main-footer .inner-footer .footer-right {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width:70%;   
    background:url(../images/bg-footer.jpg) no-repeat top center;
    background-size:cover;
    position: relative;
}
.main-footer .inner-footer .footer-right::after {
    content: '';
    position: absolute;
    right: 30px;
    top: 0;
    width: 421px;
    height: 76px;
    background: url(../images/foot-after.png) no-repeat top right;
    background-size: contain;
}
.main-footer .inner-footer .footer-right .address-wrap {    
    padding:50px 30px 0 40px;  
	min-height: 527px;
}
.main-footer .inner-footer .footer-right .address-wrap .foothead {
    margin-bottom:10px;
}
.main-footer .inner-footer .foot-logo img {
    height:70px;
    object-fit:contain;
    margin-bottom:10px;
}
.main-footer .inner-footer p {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    margin-top:10px;
}
.main-footer .inner-footer .com-logo {
    margin-bottom:20px;
}
.main-footer .inner-footer .com-logo img {
    height: 44px;
    object-fit: contain;
    width: auto;
    margin-left: 20px;
}
.main-footer .inner-footer .com-logo img:first-child {
    margin-left:0;
    height:62px;
}


.footer-top {
    padding-top:40px;
    padding-bottom:40px;
    /* background-color: #161b20; */
}
.footer-top h3 {
    text-align:left;
    color: #000;
    font-size:32px;
    font-weight:700;
    margin-bottom:15px;
}
.footer-top h3 span {
    color: #0d70b2;
}
.footer-top h4 {
    text-align:left;
    /* color: #fff; */
    color: #2abcb0;
    font-size:24px;
    font-weight:600;
    margin-bottom:0;
}
.footer-top h4 span {
    color:#000;
}
.footer-top .b-review-list {
    display:flex;
    justify-content:center;
}
.footer-top .b-review-list .rev-list {
    margin:0 10px;
}

.foothead h4 {
    color: #000000;
    font-size: 19px;
    line-height: 20px;
    margin-bottom:20px;
    position: relative;
    font-weight: 600;
    display: inline-block;
    /* padding-right: 69px; */
}
/* .foothead h4:before {
    position: absolute;
    content: "";
    background: #ff3f00;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    top: 5px;
    right:0;
}
.foothead h4:after {
    position: absolute;
    content: "";
    top: 9px;
    right:0;
    width: 50px;
    height: 2px;
    background: #ff3f00;
}  */
.foot-phone ul {
    display:flex;
    flex-wrap: wrap;
}
.foot-phone ul li {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width:50%; 
}
.foot-phone ul li h5 {
    font-size:15px;
    margin:0 0 6px 0;
    color:#fb0469;
    font-weight:500;
}
.foot-phone ul li h5 img {
    margin-right:4px;
    height:15px;
    width:30px;
}
.main-footer .inner-footer .foot-phone ul li p {
    font-size:16px;
    font-weight:500;
}
.main-footer .inner-footer .foot-phone ul li p a {
    color:#000;
}
.main-footer .inner-footer .payment-wrap {
    background-color:#161b20;
    padding:10px 20px;
    text-align:center;
}
.main-footer .inner-footer .payment-wrap .pay-btn {
    height:60px;
    object-fit:contain;
    margin-right:20px;
}
.main-footer .inner-footer .copyright-wrap {
    padding:20px 20px 20px 60px;  
}
.main-footer .inner-footer .copyright-wrap p {
    margin: 0;
}
.main-footer .inner-footer .copyright-wrap p span {
    /* color:#fb0469; */
    color: #009b99;
}
.main-footer .inner-footer .address-box {
    padding-left:60px;
}
.main-footer .inner-footer .address-box .add-flag {
    position:absolute;
    left:0;
    top:5px;
    /* transform:translateY(-50%); */
    width:45px;
    height:28px;
    border-radius:0;
    object-fit:cover;
}
.main-footer .inner-footer .address-box h2 {
    /* color:#fb0469; */
    color:#062eb1;
    font-size: 17px;
    font-weight: 600;
    padding: 0;
}
.main-footer .inner-footer .address-box h2 span {
    /* color:#062eb1; */
    color:#009b99;
    font-weight: 600;
    font-size:15px;
}
.main-footer .inner-footer .address-box h4 {
    font-size: 12px;
    font-weight:500;
    color: #000;
    margin-top: 5px;
    letter-spacing: .2px;
    line-height: 18px;
}
/* .main-footer .inner-footer .address-box br {
    display:none;
} */
.address-bottom  {
    margin-top:40px;
    display:flex;
    flex-wrap:wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom:40px;
}
.address-bottom .social-link {
    display:flex;
    flex-wrap:wrap;
    margin:0;
    padding:0;
}
.address-bottom .social-link li {
    margin-right:10px;
}
.address-bottom .social-link li a {
    border:2px solid #000;
    padding: 5px;
    height: 40px;
    width: 40px;
    line-height:22px;
    display: block;
    border-radius: 50%;
    text-align: center;
    margin: auto;
}
.address-bottom .social-link li a:hover {
    border-color:#009b99;
    background-color:#fff;
}
.address-bottom .social-link li img {
    height: 20px;
    object-fit: contain;
    text-align: center;
}
.email-btn {
    /* border: 2px solid #fb0469;
    color: #fb0469 !important; */
    border: 2px solid #0f0c53;
    color: #0f0c53 !important;
    padding: 17px 22px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 40px;
    line-height: normal;
    vertical-align: middle;
}
.email-btn img {
    margin-right:10px;
}
.email-btn:hover {
    background-color:#fff;
}
.address-bottom .b-review-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.address-bottom .b-review-list .b-review {
    background: #fff;
    padding: 8px;
    border-radius: 9px;
    width: 207px;
    margin-right: 20px;
}
.bottom-link {
    background-color: #161b20;
    padding:30px 20px;
}
.bottom-link .quick-menu {
    display:flex;
    flex-wrap: wrap;
    width:90%;
}
.bottom-link .quick-menu li {
    margin:0 0 0 19px;
}
.bottom-link .quick-menu li:last-child {
    margin-right:0;
}
.bottom-link .quick-menu li a {
   color:#cfcfcf;
   font-size:13px;
}
.bottom-link .quick-menu li a:hover {
    /* color: #fb0469 !important; */
    color: #009b99 !important;
}
.mob-show {
    display:none;
}

@media screen and (max-width:1600px) {
    /* .main-footer .inner-footer .address-box h4 {
        font-size:13px;
    } 
    .main-footer .inner-footer .rev-list.batch iframe {
        width: 100px !important;
        height: 100px !important;
    }
    .main-footer .inner-footer .com-logo img {
        height: 35px;
        margin-left: 10px;
    }
    .main-footer .inner-footer .com-logo img:first-child {
        height: 50px;
    }
    .main-footer .inner-footer .address-box br {
        display:none;
    } 
    .bottom-link {
        margin-top:30px;
    }
    .main-footer .inner-footer .address-box h2 {
        font-size:15px;
    } */
}




@media screen and (min-width:768px) and (max-width:1199px) {
    .main-footer .inner-footer .address-box h2 span {
        font-size:11px;
    }
    .main-footer .inner-footer .footer-right .address-wrap, 
    .main-footer .inner-footer .footer-left .foot-pad {
        padding:20px 15px;
    }
    .address-wrap .foothead h4 {
        margin:0;
    }
    
    .main-footer .inner-footer .address-box .add-flag {
        width: 30px;
        height: 19px;
    } 
    .main-footer .inner-footer .address-box h4 {
        font-size: 10px;
        margin-top:3px;
        letter-spacing: .2px;
        line-height: 15px;
    }
    .main-footer .inner-footer .address-box h2 {
        font-size:12px;
    }
    .address-wrap .mb-4, .address-wrap .mb-3 {
        margin-bottom:7px !important;
    }
    .main-footer .inner-footer p {
        font-size: 11px;
        line-height: normal;
        margin-top: 0;
    }
    .foothead h4 {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .main-footer .inner-footer .com-logo img:first-child {
        height: 30px;
    }
    .main-footer .inner-footer .com-logo img {
        height: 22px;
        margin-left: 6px;
    }
    .main-footer .inner-footer .foot-phone ul li p {
        font-size: 11px;
        margin-bottom: 5px;
    }
    .foot-phone ul li h5 img {
        display:none;
    }
    .foot-phone ul li h5 {
        font-size: 12px;
        margin: 0 0 2px 0;
    }
    .email-btn {
        padding: 9px 14px !important;
        font-size: 14px !important;
        line-height: normal !important;
    }
    .email-btn img {
        display: none;
    }
    .main-footer .inner-footer .rev-list.batch iframe {
        width:60px !important;
        height:60px !important;
    }
    .foot-pad .btn--animated:before {
        display:none;
    }
    .foot-pad .btn--animated{
        font-size: 12px;
        padding: 6px 9px;
        height: auto !important;
        line-height: normal !important;
    }
    .address-bottom {
        justify-content:center;
        margin:20px 0 0 0;
    }
    .main-footer .inner-footer .payment-wrap {
        padding:10px;
    }
    .main-footer .inner-footer .payment-wrap img {
        height:28px;
        object-fit:contain;
    }
    .main-footer .inner-footer .payment-wrap .pay-btn {
        margin-right:10px;
        height:28px;
    }
    .address-bottom .social-link li a {
        padding: 5px;
        height: 30px;
        width: 30px;
        line-height: 15px;
    }
    .address-bottom .social-link li img {
        height: 14px;
    }

    .main-footer .inner-footer .address-box {
        padding-left: 40px;
    }
    .footer-top {
        padding-top:20px;
        padding-bottom:20px;
    }
    .footer-top h3 {
        font-size:26px;
    }
    .footer-top h4 {
        font-size:20px;
        margin-bottom:20px;
    }
    .popup-left .b-review-list {
        margin-top:15px;        
    }
   

}
@media screen and (max-width:1024px) and (orientation: landscape) {
    .modal.right-bottom-modal .modal-dialog {
        width: 80%;
        max-width: inherit;
    }
}
@media screen and (max-width:991px) and (orientation: landscape) {
    .modal.right-bottom-modal .modal-dialog {
        width: 45% !important;
        height:100vh;
    }
    .modal-popup .close {
        right:0;
        top:0;
    }
    .radio_div .checkmark {
        font-size: 12px;
    }
}


@media screen and (min-width:768px) and (max-width:991px) {
    .main-footer .inner-footer .footer-left, .main-footer .inner-footer .footer-right {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%;
    }
    .main-footer .inner-footer .footer-left .foot-pad {
        display:flex;
        flex-wrap:wrap;
        padding:10px 0 0 0;
    }
    .main-footer .inner-footer .footer-left .foot-pad  .fRight {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%;
        background: #242424;
        padding: 15px;
        margin-top:10px;
    }
    .main-footer .inner-footer .footer-left .foot-pad  .fLeft {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%;
        padding:0 15px;
        display:flex;
        justify-content: space-between;
        align-items: center;
    }
    .main-footer .inner-footer .foot-logo img {
        margin-bottom:0;
    }
    .foot-phone ul li h5 img {
        display: inline-block;
    }
    .fRight .foothead h4 {
        margin-bottom: 0;
        color:#fff;
    }
    .main-footer .inner-footer .btn-wrapper {
        display:none;
    }
    .foot-phone ul li {
        -ms-flex: 0 0 50%;
        flex: 0 0 20%;
        max-width: 20%;
        text-align: center;
    }
    .main-footer .inner-footer .foot-phone ul li p {
        margin-top:6px;
    }
    .main-footer .inner-footer .foot-phone ul li p a {
       color:#fff;
    }
    .fRight .foothead {
        text-align: center;
        margin-bottom: 20px;
    }
     .mob-hide, .page-template-career .desk-block {
        display:none;
    }
    .mob-show {
        display:block;
    }
    .bottom-link .quick-menu {
        width:100%;
    }
    .main-footer .inner-footer .copyright-wrap p {
        color:#fff;
    }
    .hsersec .hserbox {
        flex: 0 0 22%;
        max-width: 22%;
    }
    .top_header_container ul li .phone_content img {
        width:20px;
        height:12px;
        margin-right:7px;
    }
    .top_header_container ul li .phone_content {
        font-size: 11px;
    }
   


}



@media screen and (max-width:767px) {
    .main-footer .inner-footer .footer-left {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%;
    }
    .main-footer .inner-footer .footer-right {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%;
    }
    .main-footer .inner-footer .footer-left .foot-pad, .main-footer .inner-footer .footer-right .address-wrap {
        padding:20px 15px;
    }
    .main-footer .inner-footer .com-logo img {
        height: 30px;
        margin-left: 10px;
    }
    .main-footer .inner-footer .com-logo img:first-child {
        height: 40px;
    }
    .main-footer .inner-footer .com-logo {
        justify-content: center;
    }
    .main-footer .inner-footer .footer-right .foothead h4 {
        margin-bottom:3px;
    }
    .main-footer .inner-footer .address-box .add-flag, .mob-hide {
        display:none;
    }
    .address-wrap .mb-4, .address-wrap .mb-3 {
        margin-bottom:10px !important;
    }
    .main-footer .inner-footer .rev-list.batch iframe {
        width:80px !important;
        height:80px !important;
    }
    .address-bottom {
        justify-content:center;
        margin:0;
    }
    .bottom-link .quick-menu, .foot-phone ul {
        width:100%;
        justify-content: center;
    }
    .foot-phone ul li {
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width:33.33%;
    }
    .footer-right .row {
        margin-left:-5px;
        margin-right:-5px;
    }
    .footer-right [class*="col-"] {
        padding-left:5px;
        padding-right:5px;
    }
    .mob-show {
        display:block;
        color:#fff;
    }
    .main-footer .inner-footer .copyright-wrap p {
        color:#fff;
    }
    .address-bottom .add-col {
        margin-top:20px;
    }
    .main-footer .inner-footer .address-box h2 span {
        font-size:11px;
    } 
    .footer-top {
        padding:20px 0;
        text-align: center;
    }
    .footer-top h3 {
        text-align: center;
        font-size: 22px;
        margin-bottom:7px;
    }
    .footer-top h4 {
        text-align: center;
        font-size: 14px;
    }
    .bottom-link {
        padding: 20px 10px;
        padding-bottom: 50px;
    }
    .main-footer .inner-footer .copyright-wrap {
        padding: 10px;
        text-align: center;
    }
    .bottom-link .quick-menu li {
        margin: 0 0 0 9px;
    }

}

.car-form .build-primary .caption-wraper {
    display:none !important;
}
.car-form .build-primary .field_cover input[type="text"], 
.car-form .build-primary .field_cover input[type="email"], 
.car-form .build-primary .field_cover input[type="number"], 
.car-form .build-primary select, .car-form .build-primary textarea  {
    padding-left:1rem;
}

.car-form .build-primary input[type="file"] {
    border: 0;
    border-bottom: 1px solid #ccc;
    padding: 5px;
}
.car-form .build-primary input::file-selector-button, #careerCall input::file-selector-button, .career-form .build-primary input::file-selector-button {
    background-image: linear-gradient(to right, #00b1b1, #ff2fae 100%);
    background-position-x: 0%;
    background-size: 200%;
    border: 0;
    border-radius: 8px;
    color: #fff;
    padding:10px 1.25rem;
    text-shadow: 0 1px 1px #333;
    transition: all 0.25s;
  }
 
.file-wrap label {
    display: block;
    color: #ccc;
    margin-bottom: 3px;
    margin-top: 15px;
    font-size:13px;
}
#careerCall input[type="file"] {
    border:0;
    padding:0;
}
#applyFormnew .col-12 label {
    margin-bottom:4px;
    font-size:13px;  
}
#loadImg {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;  
    bottom: 0;
    text-align: center;
    z-index: 99999;
    background: rgba(255, 255, 255, .6);
     
}
#loadImg img {
    position: absolute;
    left:0;
    right:0;
    top:50%;
    transform:translateY(-50%);
    margin: auto;
}
/* Move reCAPTCHA v3 badge to the left */

.grecaptcha-badge {
    /* width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    left: 4px !important; */
    bottom: 80px !important;
}

/* .grecaptcha-badge:hover {
    width: 256px !important;
} */
/* @media screen and (max-width:767px) {
    .grecaptcha-badge {
        bottom: 0px !important;
    }
} */
.grecaptcha-badge{
    z-index: 999 !important;
}


/* new banner design */
.update-banner {
    background-color:#001754; 
}
.update-banner .btn-wrapper .btn {
    background: #fb0469;
    border:0;
    overflow: hidden;
    outline:0;
    box-shadow:none;
}
.update-banner .btn-wrapper .btn::after {
    content: '';
    position: absolute;
    right: -2px;
    top: -1px;
    background: url(../images/btn-after.png) no-repeat top;
    width: 120px;
    height:60px;
    background-size: 100% 100%;
}
.update-banner .bleft {
    padding:50px 30px 50px 100px;
    background:url(../images/t-after.png) no-repeat top left;
    background-size:100%;
}
.update-banner .bright {
    padding:50px 80px 50px 50px;
    background:url(../images/ban-img.jpg) no-repeat top center;
    background-size:cover;
    position:relative;
}
.update-banner .bright::after {
   content:'';
   position: absolute;
   left:0;
   right:0;
   top:0;
   width:100%;
   height:100%;
   background:#006080de;
}
.update-banner .inn-banner .bleft ul li {
   font-size:54px;
   display:block;
   line-height:56px;
   font-weight: 700;
   color: #fff;    
}
.update-banner .inn-banner .bleft ul li:nth-child(1) {
    color: #ff5299;    
 }
 .update-banner .inn-banner .bleft ul li:nth-child(2) {
    color: #f9f472;    
 }
 .update-banner .inn-banner .bleft ul li:nth-child(3) {
    color: #68eaf6;    
 }
 .update-banner .inn-banner .bleft ul li:nth-child(4) {
    color: #87f77f;    
 }
 .update-banner .inn-banner .bleft ul li span {
    color: #fff; 
    font-size:46px; 
 }
 .update-banner .inn-banner .bleft h5 {
    font-size: 18px;
    color: #fff;
    margin:10px 0 30px 0;
    padding-right: 16%;
}
.update-banner .inn-banner .b-review-list {
    display:flex;
    align-items:center;
}
.update-banner .inn-banner .b-review-list .rev-list {
    margin:0 5px;
}
.update-banner .inn-banner .b-review-list .rev-list .b-review {
    background: #fff;
    padding: 8px;
    border-radius: 9px;
    width: 207px;
    margin-right: 0;
}
.update-banner .inn-banner .tech-inner {
    position: relative;
    z-index:3;
    text-align: center;
}
.update-banner .inn-banner .tech-inner h1 {
    font-size:41px;
    color:#fff;
    line-height:normal;
    text-transform:uppercase;
    font-weight:600;
}
.update-banner .inn-banner .tech-inner h3 {
    color: #ffe400;
    font-size: 22px;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin: 10px 0;
}
.update-banner .inn-banner .tech-inner ul {
    display:flex;
    justify-content:center;
    flex-wrap: wrap;
    margin:20px 0 30px 0;
}
.update-banner .inn-banner .tech-inner ul li {
    margin:9px;
    text-align:center;
    border:2px solid #ffffff96;
    padding:11px 29px;
    border-radius:40px;
    font-size:19px;
    font-weight:600;
    transition: 0.3s;
    display: flex;
    align-items: center;
    line-height: normal;
    flex-wrap: wrap;
}
.update-banner .inn-banner .tech-inner ul li:hover {
    border:2px solid #ffffff;  
}
.update-banner .inn-banner .tech-inner ul li a {
   color:#fff;
}
.update-banner .inn-banner .tech-inner ul li img {
    margin-right:8px;
    height: 32px;
    object-fit: contain;
 }
 .update-banner .inn-banner .hire-btn {
    background-color: #001240;
    border: 2px solid #fff;
    padding: 22px 40px;
    border-radius: 40px;
    font-size: 22px;
    text-align: center;
    display: inline-block;
    font-weight: 600;
    color: #fffcaa;
}
.update-banner .inn-banner .hire-btn:hover {
    background-color: #df5f00;
    color: #fff;
}
.update-banner .inn-banner .hire-btn img {
    margin-left:10px;
}
.arrow1 {
    animation: slide1 1s ease-in-out infinite;
}
@keyframes slide1 {
    0%,
    100% {
      transform: translate(0, 0);
    }
  
    50% {
      transform: translate(10px, 0);
    }
  }
  
.update-banner .inn-banner .tech-inner ul li:nth-child(1) {
    background-color:#00d2ff6b;   
 }
 .update-banner .inn-banner .tech-inner ul li:nth-child(2) {
    background-color: #ff48006b;   
 }
 .update-banner .inn-banner .tech-inner ul li:nth-child(3) {
    background-color: #00910a6b;   
 }
 .update-banner .inn-banner .tech-inner ul li:nth-child(4) {
    background-color: #86007e6b;   
 }
 .update-banner .inn-banner .tech-inner ul li:nth-child(5) {
    background-color: #0012406b;   
 }
 .update-banner .inn-banner .tech-inner ul li:nth-child(6) {
    background-color: #008e906b;   
 }
 .update-banner .inn-banner .tech-inner ul li:nth-child(7) {
    background-color: #ff39b76b;   
 }
 .update-banner .inn-banner .tech-inner ul li:nth-child(8) {
    background-color: #c3b8036b;   
 }
 .update-banner .inn-banner .tech-inner ul li:nth-child(9) {
    background-color: #c000b56b;   
 }
 .update-banner .inn-banner .tech-inner ul li:nth-child(10) {
    background-color: #fb04696b;   
 }


 .update-banner .inn-banner .tech-inner ul li:nth-child(1):hover {
    background-color:#00d2ff;   
 }
 .update-banner .inn-banner .tech-inner ul li:nth-child(2):hover {
    background-color: #ff4800;   
 }
 .update-banner .inn-banner .tech-inner ul li:nth-child(3):hover {
    background-color: #00910a;   
 }
 .update-banner .inn-banner .tech-inner ul li:nth-child(4):hover {
    background-color: #86007e;   
 }
 .update-banner .inn-banner .tech-inner ul li:nth-child(5):hover {
    background-color: #001240;   
 }
 .update-banner .inn-banner .tech-inner ul li:nth-child(6):hover {
    background-color: #008e90;   
 }
 .update-banner .inn-banner .tech-inner ul li:nth-child(7):hover {
    background-color: #ff39b7;   
 }
 .update-banner .inn-banner .tech-inner ul li:nth-child(8):hover {
    background-color: #c3b803;   
 }
 .update-banner .inn-banner .tech-inner ul li:nth-child(9):hover {
    background-color: #c000b5;   
 }
 .update-banner .inn-banner .tech-inner ul li:nth-child(10):hover {
    background-color: #fb0469;   
 }
 @media screen and (min-width:1400px) {
    .section--technology .container-fluid {
        max-width:1600px;
    }

 }

 @media screen and (min-width:1200px) and (max-width:1400px) {
    .top_header_container ul li {
        font-size: 13px;
        padding-left:0;
    }
    .update-banner .bleft {
        padding: 50px 30px 50px 80px;
    }
    .update-banner .inn-banner .bleft ul li {
        font-size: 46px;
        line-height: 50px;
    }
    .update-banner .inn-banner .tech-inner ul li {
        margin: 5px;
        padding: 10px 22px;
        font-size: 16px;
    }
    .update-banner .b-review-list .rev-list iframe {
        width:80px !important;
        height:80px !important;
    }
    .update-banner .b-review-list .b-review iframe {
        width: inherit !important;
        height:50px !important;
    }
    .update-banner .inn-banner .b-review-list .rev-list {
        margin: 0 6px;
    }

 }

 @media screen and (min-width:992px) and (max-width:1199px) {
    .update-banner .btn-wrapper .btn {
        margin:0 !important;
    }
    .update-banner .b-review-list .rev-list iframe {
        width: 60px !important;
        height: 60px !important;
    }
    .update-banner .b-review-list .b-review iframe {
        width: inherit !important;
        height: 45px !important;
    }
    .update-banner {
        padding:0 20px !important;
    }
    .update-banner .bleft, .update-banner .bright {
        padding:35px !important;
    }
    .update-banner .bleft {
        padding-left:50px !important;
    }
 }
 @media screen and (min-width:768px) and (max-width:1199px) {
    .update-banner {
        padding:0 25px;
    }
    .update-banner .inn-banner.row {
        margin-left:-25px;
        margin-right:-25px;
    }
    .update-banner .bleft, .update-banner .bright {
        padding:25px;
    }
    .update-banner .inn-banner .tech-inner h1 {
        font-size: 24px;
    }
    .update-banner .inn-banner .tech-inner h3 {
        font-size: 14px;
        letter-spacing: 1px;
        margin: 4px 0;
    }
    .update-banner .inn-banner .tech-inner ul {
        padding:0 25px;
    }
    .update-banner .inn-banner .tech-inner ul li {
        margin: 4px;
        padding: 8px 16px;
        font-size: 15px;
    }
    .update-banner .inn-banner .tech-inner ul li img {
        margin-right: 6px;
        height: 22px;
    }
    .update-banner .inn-banner .hire-btn {
        padding: 14px 25px;
        font-size: 16px;
    }
    .update-banner .inn-banner .bleft ul li {
        font-size: 36px;
        line-height: 38px;
    }
    .update-banner .inn-banner .bleft h5 {
        font-size: 14px;
        margin: 10px 0 20px 0;
        padding-right: 0;
    }
    .update-banner .inn-banner .b-review-list .rev-list {
        margin: 0 3px;
    }
    .update-banner .b-review-list .b-review iframe {
        height:50px !important;
    }



 }

 @media screen and (max-width:991px) {
    .update-banner .inn-banner .b-review-list .rev-list .b-review {
        padding:4px 8px;
        width: 100px;
        margin-right: 0;
        overflow: hidden;
    }
    .section--technology .new-heading-style {
        margin-bottom: 30px !important;
        text-align: center !important;
    }
    .new-technology .name-tech .i-wrap {
        padding: 12px 26px 12px 16px;
        font-size: 15px;
        width: 96px;
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .update-banner .inn-banner .bleft ul li {
        font-size: 28px;
        line-height: 26px;
    }
}

@media screen and (max-width:767px) {
    .update-banner {
        padding:0 15px;
    }
    .update-banner .bleft, .update-banner .bright {
        padding:20px;
    }
    .update-banner .bleft ul, .update-banner .inn-banner .btn-wrapper  {
        text-align: center;
    }
    .update-banner .inn-banner .bleft ul li {
        display:inline-block;
        margin:3px 10px;
        font-size:26px;
        line-height: 26px;
    }
    .update-banner .inn-banner .bleft ul li span {
        font-size: 29px;
    }
    .update-banner .inn-banner .bleft h5 {
        font-size: 16px;
        color: #fff;
        margin: 10px 0 20px 0;
        padding-right: 0;
        text-align: center;
    }
    .update-banner .inn-banner .btn-wrapper .btn {
        margin:0 !important;
    }
    .update-banner .inn-banner .b-review-list .rev-list {
        margin: 0 2px;
    }
    .update-banner .inn-banner .b-review-list {
        justify-content: center;
    }
    .update-banner .inn-banner .tech-inner h1 {
        font-size:22px;
    }
    .update-banner .inn-banner .tech-inner h3 {
        font-size: 16px;
        letter-spacing: normal;
        margin: 5px 0;
    }
    .update-banner .inn-banner .tech-inner ul {
        margin: 10px 0 20px 0;
    }
    .update-banner .inn-banner .tech-inner ul li img {
        margin-right: 6px;
        height: 22px;
    }
    .update-banner .inn-banner .tech-inner ul li {
        margin: 4px;
        padding: 9px 15px;
        font-size: 15px;
    }
    .update-banner .inn-banner .hire-btn {
        padding: 12px 20px;
        font-size: 16px;
    }
    .price-box.featured {
        margin:15px 0;
    }

}

@media screen and (max-width:600px) {
    .update-banner .inn-banner .bleft ul li {
        font-size: 26px;
        line-height: 29px;
    }
    .update-banner .inn-banner .tech-inner ul li {
        margin: 4px;
        padding: 9px 12px;
        font-size: 14px;
    }
    .update-banner .inn-banner .tech-inner ul li img {
        margin-right: 2px;
        height: 20px;
    }
    .update-banner .inn-banner .bleft h5 {
        font-size: 13px;
    }


}




/* company-about */
.feature .company-about .row{
    row-gap: 20px;
}
.funfct {
    position: relative;
    text-align: center
}
.funfct {
    line-height: 26px;
    padding: 30px;
    border-radius: 8px 8px 8px 40px;
    /* margin-top:20px */
}
.funfct p {
    font-weight: 600;
    color: #6a6a8e;
    margin:0;
}
.funfct img {
    width: 60px;
    margin: 0 auto 4px;
    display: block
}
.funfct .services-cuntr {
    display: inline-block;
    font-weight:700;
    font-size: 30px;
    color: #050748;
    padding: 15px 0
}
.srcl1 {
    background: #f3f5ff;
    border-bottom: 4px solid #b0bdff
}
.srcl2 {
    background: #fff3e6;
    border-bottom: 4px solid #ffc093
}
.srcl3 {
    background: #fbeefd;
    border-bottom: 4px solid #f6bcff
}
.srcl4 {
    background: #effdff;
    border-bottom: 4px solid #9ff3ff
}
.srcl5 {
    background: #fbfff1;
    border-bottom: 4px solid #ffdaa2
}



@media screen and (min-width:1200px) {
    .funfct p br {
        display:none;
    }
}


@media screen and (min-width:992px) and (max-width:1199px) {

    .funfct {
        margin-top:20px !important;
        padding:20px 12px;
    }
    .funfct img {
        width:45px;
    }
    .funfct .services-cuntr {
        font-weight:600;
        font-size: 16px;
        padding:9px 0;
        line-height: normal;
    }
    .funfct p {
        font-weight:500;
        line-height: normal;
        font-size: 14px;
    }
    .funfct p br {
        display:none;
    }
  
    .company-about {
        margin-bottom:0;
    }
   
}


@media screen and (min-width:768px) and (max-width:1199px)  {

    .funfct {
        padding: 15px;
    }
    .funfct p br {
        display: none;
    }
    .feature-right .new-heading-style h2 {
        text-align: left;
        font-size: 1.3rem;
    }
    .funfct .services-cuntr {
        font-weight:600;
        font-size: 22px;
        padding: 10px 0;
    }
    

    
}

@media screen and (max-width:767px) {
    .funfct {
        margin-top:10px !important;
        padding: 10px;
        border-radius:10px;
        height: 100%;
    }
    .funfct img {
        width: 33px;
    }
    .funfct .services-cuntr {
        font-weight:600;
        font-size: 15px;
        padding: 6px 0;
        line-height: normal;
    }
    .funfct p {
        font-weight:500;
        line-height: normal;
        font-size: 13px;
    }

    .company-about {
        margin-bottom:0;
    }
    .feature-right .new-heading-style h2 {
        text-align:center;
        font-size: 1.1rem;
    }
      .company-about .row {
        margin-left:-5px;
        margin-right:-5px;
    }
    .company-about .col-4 {
        padding-left:5px;
        padding-right:5px;
    }

}

.relatedscreenshort{
    position: relative;
    padding-top: 60%;
    border: solid 1px #c1c1c1;
    border-radius: 8px;
    overflow: hidden;
    display: block;
}

.relatedscreenshort img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    object-position: left;
}

#relatedscreenshort.owl-theme .owl-nav{
    position: absolute;
    top: -50px;
    margin-top: 0;
    right: 0;
}

#relatedscreenshort.owl-theme .owl-nav  [class*=owl-] {
    width: 35px;
    height: 35px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #d6e3f0;
    transition: 0.5s;
}
#relatedscreenshort.owl-theme .owl-nav [class*=owl-]:hover {
    background: #dfdfdf;
}
#relatedscreenshort.owl-theme .owl-nav [class*=owl-] span {
    color: #939393;
    padding: 0;
    font-size: 35px;
    font-weight: 400;
}