@charset "utf-8";
/** 
* 
* -----------------------------------------------------------------------------
*
* Template : Codewexydigital - IT Solutions and Technology HTML Template
*
* -----------------------------------------------------------------------------*/

/* -----------------------------------
    General CSS
-------------------------------------*/
*{
    
    box-sizing: border-box;
}
html,

body {
    padding: 0;
    margin: 0;
    font-size: 18px;
    color: #504c89;
    line-height: 28px;
    overflow-x: hidden;
    font-family: "Roboto", sans-serif;
}
ul {
    margin: 0;
    padding: 0;
}
ul,ol,li {
    list-style: none;
}

/*ul li {
    padding: 5px 0;
}*/

a {
    display: inline-block;
    transition: all ease .3s;
    

    color: #101010;
}
a:hover {
    text-decoration: none;
    color: #101010;
}
img {
    border-style: none;
}
h1 {
    font-family: "Montserrat Bold", sans-serif;
    margin-top: 0;
    margin-bottom: 20px;
}
audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}
img {
    max-width: 100%;
    height: auto;
}
.row {
    counter-reset: how-counter;
}
.form-control:focus
{
    outline: none !important;
    box-shadow: none !important;
   
}
/*=================================================
    Header Section
===================================================*/

.header-main {
    position: relative;
    display: block;
}
.header-main .main-header-menu-wrap.bg-transparent.fixed-top {
    top: auto !important;
}
.main-header-menu-wrap {
    display: block;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: slideInU;
    animation-name: slideInU;
}
.hs-menu-initialized {
    z-index: 10;
}
.logo-outer:before {
    position: absolute;
    content: '';
    right: 78%;
    top: 0;
    height: 72px;
    width: 100%;
    background-color: #FFF;
    -ms-transform: skewX(-25deg);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    border-right: 2px solid #1db9a0;
}
.logo-outer .logo a {
    position: relative;
    display: inline-block;
}
.bg-transparent button.navbar-toggler .ti-menu {
    color: #FFF;
}
.bg-transparent .header-nav a.custom-nav-link,
.gradient-bg .header-nav a.custom-nav-link {
    color: #FFF !important;
    opacity: 0.8;
}
.bg-transparent .header-nav a.custom-nav-link:hover,
.gradient-bg .header-nav a.custom-nav-link:hover {
    opacity: 1;
}
.custom-nav-link {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    color: #737373;
    margin-right: 25px;
}
.hs-mega-menu-opened a.custom-nav-link:before {
    position: absolute;
    content: "";
    bottom: -10px;
    left: 50%;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(-50%, 0) rotate(-315deg);
    transform: translate(-50%, 0) rotate(-315deg);
    border-radius: 3px;
    background-color: #fff;
}
.mega-menu-marg
{
    margin-top: -12px !important;
}
.block-resp
{
    padding-left: 28px;
}

.main-link-toggle::after {
    display: inline-block;
    font-family: 'themify';
    font-size: 50%;
    content: "\e64b";
    margin-left: 0.4rem;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    position: relative;
    top: -1px;
}
.hs-menu-initialized.hs-menu-horizontal .hs-mega-menu.hs-position-center {
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.hs-menu-initialized .animated {
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
}
.hs-sub-menu-opened > .hs-sub-menu, .hs-mega-menu-opened > .hs-mega-menu {
    visibility: visible;
    opacity: 1;
}
.main-sub-menu {
    max-width: 1700px;
    padding-left: 0;
    list-style: none;
}
.menu-block-space
{
   padding-top: 30px;
   padding-bottom: 30px;
}
.app-left-space
{
    margin-left: 18px;
}
.app-left-space2
{
    margin-left: 22px;
}
.app-left-space3
{
    margin-left: 20px;
}
.hs-sub-menu, .hs-mega-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 2; 
    margin-top: -0.002rem;
    visibility: hidden;
    background-color: #fff;
    opacity: 1 !important;
}
.menu-item-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
.title-with-icon-link {
    display: block;
    padding: 15px;
    color: #464646;
}
.title-with-icon-link:hover {
    background: #fafafa;
    border-radius: 0.375rem;
}
.menu-item-icon {
    margin-right: 0.75rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2.5rem;
    flex: 0 0 2.5rem;
}

.accent-bg {
    background: #f67a3c !important;
}
.secondary-bg {
    background: #1062fe !important;
}
.twitter-bg {
    background: #00a7e6;
    color: #fff;
}
.btn-behance {
    background-color: #1769ff;
    border-color: #1769ff;
    color: #fff;
}
.dribbble-bg {
    background: #ea4c89;
    color: #fff;
}
.menu-item-icon i {
    font-size: 18px;
    color: #FFF;
}
.u-header__promo-title {
    display: block;
    font-weight: 600;
    font-family: "Roboto", sans-serif;
    font-size: 0.85rem;
    line-height: 1.3rem;
}
.title-with-icon-link:hover .u-header__promo-title {
    color: #0948b3;
}
.custom-radius-left {
    border-radius: 10px 0 0 10px;
}
.gray-light-bg {
    background: #fafafa !important;
}
.sub-menu-title {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.25;
    color: #1a202c;
    margin-top: 0;
}
ul:last-child {
    margin: 0;
}
.car-chage
{
    color: #00A9EB;
    font-size: 10px;
}
.content-feature-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}
.content-feature-list li {
    font-size: 14px;
    width: 100%;
  line-height: 20px;

}
.content-feature-list li .fad {
    position: relative;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}
.content-feature-list li .fa-check-circle::before {
    opacity: 0.4;
}
.u-header__product-banner {
    background-color: #081c77;
    border-radius: 0 0 10px 10px;
}
.u-header__product-banner-content {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.u-header__product-banner-content .btn {
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-size: 0.838rem;
    font-weight: 600;
    padding: 0.65em 1.995em;
    line-height: 1.75em;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.btn-brand-03 {
    background-color: #f67a3c;
    border-color: #f67a3c;
    color: #fff;
}
.bg-transparent.affix {
    background: #083c96 !important;
}
.header-nav-last-item .btn {
    padding: 12px 20px;
    font-size: 16px;
    border-radius: 6px;
    line-height: 1.25em;
}
.main-header-menu-wrap.affix {
    position: fixed;
    top: 0 !important;
    width: 100%;
    z-index: 9999;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}
.bg-transparent.affix {
    background: #083c96 !important;
}
.js-mega-menu .navbar-toggler.btn {
    position: relative;
    font-family: "Roboto", sans-serif;
    font-size: 0.838rem;
    font-weight: 600;
    padding: 0.65em 1.995em;
    line-height: 1.75em;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.hs-sub-menu-opened > .hs-sub-menu, .hs-mega-menu-opened > .hs-mega-menu {
    visibility: visible;
    opacity: 1;
}
.main-header-menu-wrap .navbar-toggler.btn:focus {
    outline: none; 
    -webkit-box-shadow: none; 
    box-shadow: none; 
    color: #1062fe; 
}
.header-nav {
    padding: 5px; 
}
/*=================================================
    Hero Section
===================================================*/

.rs-banner.style10 {
    background: url(../assets/img/home12/banner-home12.png); 
    background-repeat: no-repeat;
    background-size: cover;
    display: grid;
    align-items: center;
    min-height: 845px;
    position: relative;
}
.rs-banner.style10 .banner-content {
    padding: 120px 0 100px;
}

.rs-banner.style10 .banner-content .sl-title {
    font-size: 36px;
    margin-bottom: 20px;
    font-weight: 500;
    position: relative;
    line-height: 1.25;
}
.we-are-text h5
{
    font-size: 46px;
    font-weight: 600;
    color: #FFFFFF;
    padding-bottom: 10px;
    text-transform: capitalize;
}
.connect-with-us
{
    padding-top: 34px;
}
.contact-btn-banner
{
    background-color: #f67a3c;
    border-color: #f67a3c;
    color: #fff;
    padding: 14px 30px;
    font-size: 16px;
    border-radius: 6px;
    line-height: 1.25em;
    text-transform: uppercase;


}
.contact-btn-banner:hover
{
    color: #FFFFFF;
}
.conner-sub-text p
{
   font-size: 20px;
    color: #FFFFFF;
    padding-top: 30px;
    font-weight: 400;

}
@media only screen and (max-width: 992px) {
  .rs-banner.style10 .banner-content 
  {
     padding: 60px 0 100px;
  }
}
.rs-banner.style10 .img-part {
    width: 550px;
    position: absolute;
    top: 24%;
    left: 22%;
    z-index: 111;
}
.up-down-new {
    animation: up-down 10s alternate infinite;
    -webkit-animation: up-down 10s alternate infinite;
       width: 300px;
}
.rs-banner.style10 .spin2 {
    position: relative;
    background-image: url(../assets/img/home12/intro-box.png);
   width: 600px;
    height: 585px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    animation: spine2 8s linear infinite;
}
.rs-banner.style10 .banner-intro-box .shape-img img {
    width: 110px;
}

.rs-banner.style10 .banner-intro-box .shape-img {
    position: absolute;
    top: 55px;
    left: 45px;
}
.sm-screen-banner
{
    padding-top: 0px;
    
}
.sm-pd-space
{
    padding-bottom: 70px;
}


/*=================================================
    portfolio Section
===================================================*/
.Portfolio-inner-block .tabbable-line > .nav-tabs > li.active {
    border-bottom: 0 !important;
    color: #014cda;
    position: relative;
    background-color: #014cda;
    border-radius: 6px;
    padding: 6px 25px;
    
}
.Portfolio-inner-block .tabbable-line > .nav-tabs > li.active a
{
    color: #FFFFFF !important;
    
}
.Portfolio-inner-block .tabbable-line > .nav-tabs > li a{
    font-size: 20px;
    font-weight: 500;
}
.Portfolio-inner-block .tabbable-line > .nav-tabs > li
{
         margin-right: 50px;
}
.Portfolio-inner-block .tabbable-panel .nav-tabs 
{
    border: 0 !important;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
}
.portfolio-detail-section
{
    padding-top: 100px;
}
.comman-head-texts h2
{
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 48px;
    color: #000000;
}
.first-port
{
    padding-top: 80px;
    padding-bottom: 80px;
}
.comman-head-texts p
{
    font-size: 16px;
    font-weight: 400;
    margin-top: 17px;
    margin-bottom: 16px;
    color: #5b5858;
    text-align: justify;
    line-height: 26px;    
}
.comman-nft-ser-botton
{
    background: #f67a3c;
    border-radius: 4px;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    padding: 8px 20px;
    margin-top: 20px;
}
.comman-nft-ser-botton:hover
{
    color: #FFFFFF;
}
.portfolio-detail-section .comman-service-img
{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}
.portfolio-detail-section .comman-service-img:before
{
    position: absolute;
    content: '';
    height: 402px;
    width: 402px;
    opacity: 0.2;
    border-radius: 50%;
    z-index: -1;
    top: -131px;
    right: 15px;
}

.portfolio-detail-section .chng-first-bg:before
{
    background: #FB8912;
}
.portfolio-detail-section .chng-third-bg:before
{
   background: #3AB67A;
}
.portfolio-detail-section .comman-seconds-service-img {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}
.portfolio-detail-section .chng-second-bg:before {
    background: #4091DA;
}
.portfolio-detail-section .comman-seconds-service-img:before {
       position: absolute;
    content: '';
    height: 402px;
    width: 402px;
    opacity: 0.2;
    border-radius: 50%;
    z-index: -1;
    top: -140px;
    left: 22px;
}
.portfolio-detail-section .chng-fourth-bg:before
{
    background: #2C2372;
}
.outer-port-bg
{
    background: #F0F6FF;
    padding: 100px 0 0 0;
}



/*=================================================
    Application Hosting Promo Section
===================================================*/
.appliction-hosting .owl-nav
{
    display: none;
}
.mt-n-90 {
    margin-top: -90px;
}
.lead {
    font-size: 1.25rem;
    font-weight: 300;
}
.word {
  margin: auto;
  color: white;
  font: 700 normal 2.5em 'tahoma';
  font-size: 58px;
}
.app-list li {
    width: 100%;
}
.app-list  a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    white-space: nowrap;
    padding: 30px 5px;
    border-radius: 15px;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    height: 185px;
}
.app-list  a {
    display: flex;
    flex-direction: column;
    height: 180px;
    border-radius: 15px;
    font-family: "Roboto", sans-serif;
    white-space: nowrap;
    justify-content: center;
    text-align: center;
    align-items: center;
    }
.app-web-shadow
{
   box-shadow: 0 .5rem 1rem rgba(0,0,0,0)!important;
    border: 1px solid rgba(0,0,0,.125);
}
.app-web-shadow span
{
    font-size: 18px;
    line-height: 22px;
    color: #000000;
}
.app-list  a:hover .app-web-shadow span
{
    color: #101010 !important;
}
.none-space br
{
    display: none;
}
.app-web-shadow  img {
    width: 75px !important;
    height: 75px !important;  
    margin-bottom: 20px !important;
}

/*=================================================
    Promo Section
===================================================*/

.single-promo-card {
    border-radius: 1rem;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
        height: 315px;
}

.single-promo-card.single-promo-hover {
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    overflow: hidden;
    z-index: -1;
}
.single-promo-card.single-promo-hover:before {
    content: '';
    position: absolute;
    right: -55px;
    width: 95px;
    height: 95px;
    bottom: -50px;
    border-radius: 35px;
    background-color: #0948b3;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: -1;
}
.single-promo-card.single-promo-hover:hover:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    background-color: #0948b3;
}
.change-none-block
{
    display: none;
}
.single-promo-card.single-promo-hover:hover .change-show-block{

    color: #FFF;
    display: none;
}
.single-promo-card.single-promo-hover:hover .change-none-block{
    display: block;
}
.single-promo-card.single-promo-hover:hover span,
.single-promo-card.single-promo-hover:hover h5 {
    color: #FFF !important;
}
.w-70 {
    width: 70px;
}

/*=================================================
    call to action section
===================================================*/

.bg1 {
    background: url('../assets/img/bg/testimonial-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #0948b3;
}
.rs-call-us .image-part img {
    max-height: 585px;
}
.address-item .address-icon {
    display: inline-block;
    position: relative;
    height: 70px;
    width: 70px;
    line-height: 70px;
    border-radius: 100%;
    text-align: center;
    background: #ffffff;
}
.address-item .address-icon:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
    background: #ffffff;
}
.address-item .address-icon i {
    text-align: center;
    color: #106eea;
    border-radius: 100%;
    font-size: 25px;
    position: relative;
    line-height: 70px;
    z-index: 9;
    width: 100%;
    vertical-align: middle;
    margin-left: 0;
    height: auto;
}
.sec-title3 .sub-text {
    font-size: 19px;
    line-height: 1.4;
    font-weight: 700;
    color: #ffffff;
    display: block;
    margin-bottom: 20px;
}
.sec-title3 .title {
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    line-height: 40px;
    margin-bottom: 30px;
}
.sec-title3 .desc {
    font-size: 19px;
    font-weight: 500;
    color: #fff;
    margin: 0;
}
.readon.lets-talk {
    padding: 14px 40px 14px 40px;
    background-image: linear-gradient(250deg, #4e95ed 19%, #03228f 100%);
    border-radius: 30px 30px 30px 30px;
}
/*=================================================
    Industry to Action Sectiom
===================================================*/

.industries-we .container.clearfix:after {
    visibility: hidden;
}
.industries-we .container.clearfix:before {
    display: table;
    content: "";
    clear: both;
}
.industries-we h2 {
    font-size: 42px;
    color: #000000;
    font-weight: 600;
    text-align: center;
    margin: 0px 0 40px;
    line-height: 50px;
    text-transform: capitalize;
}
.call-inners-block
{
    padding: 70px 0;
}
img.hover-img:hover {
animation: rotate 2s linear infinite
}
.industries-we .industries-details{
   
     margin: 0 -14px 15px 0;
    background: #FFF;
    box-shadow: 0 0 10px #3f51b5;
    padding: 26px 10px;
    text-align: center;
    border-radius: 7px;
    height: 160px;
}
.industries-we .industries-details .icon {
   position: relative;
    width: 73px;
    height: 59px;
    border-radius: 50%;
    border: 1px solid #A6AAC4;
    display: table;
    margin: 0 auto 10px;
    padding: 9px;
}
.industries-we  .industries-details .icon.industries-icon1 {
    background-position: 6px -418px;
}
.industries-we .industries-details  h3 {
    font-size: 15px;
    text-align: center;
    color: #000;
    margin: 0;
    line-height: 22px;
}
/*=================================================
    services section (index page)
===================================================*/


.core-values-wrap .container {
    position: relative;
    z-index: 2;
}
.flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-line-pack: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;

}
.core-values-wrap .left-core {
    width: 29.5%;
}
.core-values-wrap .left-core .core-image {
    padding-top: 98.55%;
}
.container-ratio {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 0;
}
.container-ratio .contained,
.container-ratio iframe,
.container-ratio iframe~noscript,
.container-ratio img,
.container-ratio img~noscript,
.container-ratio video,
.container-ratio>* {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.container-ratio iframe,
.container-ratio iframe~noscript,
.container-ratio img,
.container-ratio img~noscript,
.container-ratio video {
    width: 100%;
    height: 100%;
}
.container-ratio img, .container-ratio video {
    -o-object-fit: cover;
    object-fit: cover;
}
.core-head-text {
    font-size: 42px;
    color: #000000;
    font-weight: 600;
    /* line-height: 1.2; */
    text-align: center;
    margin-top: 0;
    margin-bottom: 50px;

}
.core-head-text span
{
    color: #083c96;
}
.core-values-wrap .right-core h2 span {
    color: #0074A2;
}
.core-values-wrap .core-values .core-val {
  
    transition: 0.5s;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    perspective: 1000px;
}
.core-values-wrap .core-values .core-val > .flex {
    padding: 3px;
    background-color: #FFF;
    margin: 10px 0;
    border-radius: 50px 5px 5px 50px;
    box-shadow: 3px 11px 20px 5px rgb(0 0 0 / 10%);
    backface-visibility: hidden;
    transition: 0.5s;
    position: relative;
    perspective: 1000px;
    transform-origin: center;
}
.core-values-wrap .core-values .core-val .core-icon {
    padding-top: 0;
    height: 94px;
    width: 94px;
    min-width: 94px;
    border-radius: 100%;
}
.core-values .core-val:hover .core-count--1,
.core-values .core-val .core-count--1 .core-icon {
    background-color: #54C5D0;
    transition: 0.5s;
}
.core-values-wrap .core-values .core-val:hover > .flex {
    transform: rotateX(360deg);
}

.integrity-cls-1,
.transparancy-cls-1,
.quality-cls-1,
.relationship-cls-1 {
    
    fill-rule: evenodd;
}
.core-values .core-val:hover .core-count--1 .core-icon svg,
.core-values .core-val:hover .core-count--1 .core-icon svg * {
    fill: #54C5D0;
}
.core-values .core-val .core-count--1 .core-name {
    color: #54c5d0;
    transition: 0.5s;
}
.core-values-wrap .core-values .core-name {
    padding-left: 20px;
    font-size: 28px;
    line-height: 1.412;
    text-align: left;
}
.core-values .core-val:hover .core-count--1 .core-name,
.core-values .core-val:hover .core-count--2 .core-name,
.core-values .core-val:hover .core-count--3 .core-name,
.core-values .core-val:hover .core-count--4 .core-name {
    color: #FFF;
}
.core-values .core-val:hover .core-count--2,
.core-values .core-val .core-count--2 .core-icon {
    background-color: #F79548;
    transition: 0.5s;
}
.core-values .core-val .core-count--2 .core-name {
    color: #F79548;
    transition: 0.5s;
}
.core-values .core-val:hover .core-count--2 .core-icon img,
.core-values .core-val:hover .core-count--2 .core-icon img * {
    fill: #F79548;
}
.core-values .core-val:hover .core-count--3 .core-icon img,
.core-values .core-val:hover .core-count--3 .core-icon img * {
    fill: #EE5A7D;
}
.core-values .core-val:hover .core-count--3,
.core-values .core-val .core-count--3 .core-icon {
    background-color: #EE5A7D;
    transition: 0.5s;
}
.core-values .core-val .core-count--3 .core-name {
    color: #EE5A7D;
} 
.core-values .core-val:hover .core-count--4,
.core-values .core-val .core-count--4 .core-icon {
    background-color: #1574A2;
}
.core-values .core-val:hover .core-count--4 .core-icon img,
.core-values .core-val:hover .core-count--4 .core-icon img * {
    fill: #1574A2;
}
.core-values .core-val .core-count--4 .core-name {
    color: #1574A2;
    transition: 0.5s;
}
/*=================================================
    testimonial section
===================================================*/


.section-heading.text-center p {
    margin-bottom: 1rem;
    font-size: 15.632px;
}
.owl-carousel.owl-theme .border {
    border: 1px solid rgba(93, 118, 174, 0.15) !important;
}
.owl-carousel .single-review-wrap {
    border-radius: 20px;
}
.single-review-wrap .review-body h5 {
    font-size: 1.22125rem;
}
.single-review-wrap .review-body p {
    height: 112px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 1rem !important;
}
.single-review-wrap .review-author {
    margin-left: 15px;
}
.single-review-wrap .review-author .author-avatar {
    width: 64px;
    height: 64px;
    line-height: 64px;
    margin-right: 10px;
    position: relative;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}
.single-review-wrap .review-author .author-avatar span {
    background-color: #1062fe;
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    line-height: 60px;
    border-radius: 100%;
    font-size: 48px;
    position: absolute;
    top: 0;
    left: -16px;
}
.custom-dot.owl-theme .owl-dots button.owl-dot.active span {
    background: #f67a3c;
}
.custom-dot.owl-theme .owl-dots button.owl-dot span {
    background: #e5e9f2;
}
.custom-dot.owl-theme .owl-dots .owl-dot span {
    margin: 2px;
}
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    border-radius: 30px;
}
.custom-dot.dot-bottom-center.owl-theme .owl-dots button {
    margin: 0 4px;
}
.custom-dot.owl-theme .owl-dots button {
    border-radius: 100%;
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}
.custom-dot.dot-bottom-center.owl-theme .owl-dots {
    width: 100%;
}
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
}
.custom-dot.owl-theme .owl-dots {
    position: absolute;
    bottom: 15px;
}
.client-testimonial-1.dot-bottom-center .owl-dots, .client-testimonial-2.dot-bottom-center .owl-dots {
    bottom: -25px !important;
}
.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 767px) {
    .core-values-wrap .core-values .core-name 
    {
   
        font-size: 22px;

    }
    .core-values-wrap .right-core h2 
    {
        font-size: 40px;
         margin-top: 18px;
    }
}
/*--------------------------------------------------------------
# IT Solutions section
--------------------------------------------------------------*/

.promo-section .top-head-cent h2
{
    font-size: 42px;
    color: #000000;
    font-weight: 600;
    text-align: center;
}
.promo-section  .top-head-cent h2 span {
    color: #083c96;
}
.promo-section .dev-top-section h5
{
    font-size: 20px;
    color: #000000;
    font-weight: 600;
}
.ptb-120
{
    padding-top: 100px;
}
.single-promo-card.single-promo-hover:hover span, .single-promo-card.single-promo-hover:hover  .dev-top-section h5 {
    color: #FFF !important;
}
.single-promo-card.single-promo-hover:hover span, .single-promo-card.single-promo-hover:hover  .dev-top-section p {
    color: #FFF !important;
}
.promo-section .dev-top-section p
{
    font-size: 17px;
    color: #5b5858;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 30px;
    line-height: 27px;
}
.promo-section .promo-box
{
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(93, 118, 174, 0.15);
    border-radius: 10px;
}
.icon-size-lg {
    font-size: 46px;
}
.color-primary {
    color: #0948b3 !important;
}
.promo-sub-detail h5
{
    font-size: 19px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
}
.promo-sub-detail p
{
    font-size: 15px;
    line-height: 23px;
    margin-top: 5px;
    color: #5b5858;
    font-weight: 400;
}
.promo-section .promo-box:hover
{
    background-color: #014cda;
}   
.promo-section .promo-box:hover .promo-sub-detail h5
{
    color: #FFFFFF;
}
 .promo-section .promo-box:hover .promo-sub-detail p
 {
    color: #FFFFFF;
 }
 .promo-section .promo-box:hover .color-primary 
 {
     color: #FFFFFF !important;
 }
 @media only screen and (max-width: 767px)
{
    .contact-form-section 
    {
        margin-top: 50px;
    }
   .contact-form-section .gray-light-bg
   {
     left: 0;
   }
   .contact-form-section .right-side 
   {
     max-width: 100%;
   }
}
   
@media screen and (min-device-width: 768px) and (max-device-width: 991px) { 
   .contact-form-section .gray-light-bg
   {
     left: 82px;
   }
}
   
@media screen and (min-device-width: 992px) and (max-device-width: 1199px) { 
   .contact-form-section .gray-light-bg
   {
     left: 110px;
   }
}
@media screen and (min-device-width: 1200px) and (max-device-width: 1750px) { 
   .contact-form-section .gray-light-bg
   {
     left: 145px;
   }
}
.pt-120 {
    padding-top: 120px;
}
.rs-contact .contact-box {
    background-image: linear-gradient(250deg, #4e95ed 0%, #03228f 100%);
    padding: 80px 30px 80px 30px;
    border-radius: 5px 5px 5px 5px;
}
.sec-title {
    position: relative;
}
.mb-45 {
    margin-bottom: 45px;
}
.sec-title .sub-text.new-text {
    padding-left: 0;
    margin-bottom: 7px;
    color: #ffffff;
}
.sec-title .sub-text {
    position: relative;
    padding-left: 95px;
    display: inline-block;
    line-height: 28px;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 400;
    color: #03228F;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.sec-title .title {
    font-size: 30px;
    font-weight: 700;
    line-height: 46px;
    color: #FFFFFF;
    margin: 0;
}
.rs-contact .contact-box .address-box {
    display: flex;
}
.mb-25 {
    margin-bottom: 25px;
}
.rs-contact .contact-box .address-box .address-icon {
    background-image: linear-gradient(275deg, #ffffff 0%, #fcfcff 100%);
    min-width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    width: 40px;
    border-radius: 50%;
    margin-right: 23px;
}
.rs-contact .contact-box .address-box .address-icon i {
    font-size: 20px;
    line-height: 20px;
    color: #03228F;
}
.pl-70 {
    padding-left: 70px;
}
.sec-title2 {
    position: relative;
}
.mb-40 {
    margin-bottom: 40px;
}
.sec-title2 .sub-text.contact {
    color: #1273EB;
}
.sec-title2 .sub-text {
    margin: 0 0 10px;
    display: block;
    line-height: 28px;
    font-family: 'Livvic', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #03228F;
    text-transform: uppercase;
}
.mb-15 {
    margin-bottom: 15px;
}
.sec-title2 .title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.4;
    color: #0a0a0a;
    max-width: 490px;
    margin: 0 !important;
}
.mb-30 {
    margin-bottom: 30px;
}
.rs-contact .contact-widget .from-control {
    padding: 20px 20px 20px 20px;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    background-color: #F6F7F9;
    width: 100%;
    max-width: 100%;
    font-size: 16px !important;
}
.readon.learn-more.submit {
    background-image: linear-gradient(90deg, #03228f 0%, #4e95ed 100%);
    padding: 16px 40px 16px 40px;
    font-weight: 500;
    font-size: 16px;
}
.rs-contact .contact-box .address-box .address-text1 .label {
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    display: block;
    margin-bottom: 5px;
}
.rs-contact .contact-box .address-box .address-text1 a {
    color: #ffffff;
    font-size: 15px;
}
.rs-contact .contact-box .address-box .address-text1 .desc {
    color: #ffffff;
    font-size: 15px;
}
.rs-contact .btn-brand-01 {
    background-color: #014cda;
    border-color: #014cda;
    color: #fff;
}
.rs-contact .btn.disabled  {
    
    opacity: 4 !important;
}
@media only screen and (max-width: 992px)
 {
    .pl-70 {
    padding-left: 5px;
}
.sec-title2 .testi-title
{
    margin-left:5px !important;
 }
}
/*=================================================
    Technology section
===================================================*/

.bg11 {
    background: url('../assets/images/bg/testimonial-bg.png');
    background-repeat: no-repeat;
    background-position: top-center;
    background-size: cover;
    background-color: #0948b3;
}

.ptb-50
{
    padding: 100px 0;
}
.sec-title2 .sub-text {
    margin: 0 0 10px;
    display: block;
    line-height: 28px;
    font-family: 'Livvic', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}
.sec-title2 .title.title2 {
    max-width: 550px;
}
.sec-title2 .title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 auto;
}
.rs-technology .mtb-75
 {
    margin-top: 55px;

 }
 .rs-technology .mtb-76
 {
    margin-bottom: 65px;

 }
.rs-technology .section-heading h2
{
    font-size: 36px;
    font-weight: 500;
}
.rs-technology.style2 .technology-wrap .rs-grid-figure .logo-img a {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.rs-technology.style2 .technology-wrap .rs-grid-figure .logo-img a .hover-img {
    transition: all ease .4s;
    filter: grayscale(100%);
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    visibility: hidden;
}
.rs-technology.style2 .technology-wrap .rs-grid-figure .logo-img a .main-img {
    transition: all ease .4s;
    filter: grayscale(100%);
}
.rs-technology.style2 .technology-wrap:hover .rs-grid-figure {
    border-color: #FFF;
    background-color: #FFF;
}
.rs-technology.style2 .technology-wrap:hover .rs-grid-figure .logo-img a .main-img {
    display: block;
    visibility: hidden;
    transform: translateY(100%);
}
.rs-technology.style2 .technology-wrap:hover .rs-grid-figure .logo-img a .hover-img {
    display: block;
    opacity: 3;
    visibility: visible;
    transform: translateY(0%);
    filter: grayscale(0%);
}
.rs-technology.style2 .technology-wrap:hover .logo-title:before {
    background-color: #FFFFFF;
}
.rs-technology.style2 .technology-wrap:hover .logo-title:after {
    background-color: #FFFFFF;
}

/*=================================================
    Review section
===================================================*/

.page-section .section-title {
    padding-bottom: 15px;
}
.page-section .section-title h2, .section-title-h2 {
    margin-top: 0;
    margin-bottom: 15px;
    position: relative;
}
.top-head-review h2
{
    font-size: 42px;
    font-weight: 600;
    color: #000000;
}
.top-head-review p
{
    font-size: 16px !important;
    color: #5b5858 !important;
}
.review-section .review-info h6
{
    font-size: 0.977rem;
    color: #1a202c;
    font-weight: 500;
}
.review-section .review-info span
{
    font-size: 14px;
    color: #5b5858;
    font-weight: 500;
}
.page-section .sub_title {
    margin-top: 10px;
    opacity: .9;
}
.page-section .sub_title p {
    margin-bottom: 20px;
}
.review-section .page-section .clearfix:after, .review-section .page-section .clearfix:before {
    display: table;
    content: "";
}
.review-section .page-section .clearfix:after {
    clear: both;
    display: block;
    content: "";
    visibility: hidden;
}
.ptb-77
{
    padding: 90px 0;
}
.mtb-95
{
    margin-top: 110px;
}

/*=================================================
    key_highlighted section
===================================================*/
.key-highlights-block
{
    background-color: #f0f6ff;
   
}
.key-highlights-inner
{
    padding: 70px 0 80px;
}
.key-highlights-heading h2
{
    font-size: 42px;
    font-weight: 600;
    color: #000000;
    text-align: center;
    
}
.key-highlights-heading p
{
    font-size: 16px;
    color: #5b5858;
    text-align: center;
    padding-bottom: 20px;
}
.count-col {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
}
.count-col h4:nth-child(1) {
    color: transparent;
    -webkit-text-stroke: 2px #00A9EB;
}
.count-col h4 {
    font-size: 75px;
    line-height: 105px;
    font-weight: 700;
    text-shadow: 0px 8px 16px #00000033;
    opacity: 0.2;
    position: absolute;
    top: -15px;
   
}
.count-colinner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 20px;
}
.count-colinner h2 {
    font-size: 50px;
    line-height: 66px;
    margin-top: 0;
    font-weight: 700;
    color: #00A9EB;
    margin-bottom: 0;
}
.count-colinner p {
    line-height: 23px;
    color: #000000;
    font-weight: 600;
    margin-top: 18px;
    margin-bottom: 0;
    text-align: left;
    font-size: 17px;
}


/*=================================================
    customer-saying-section
===================================================*/
.customer-saying-section
{
    background-color: #f0f6ff;
    background-image: url('../assets/img/client/careers.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

}
.customer-saying-inner-block
{
    padding: 70px 0;
    position: relative;
}

.customer-saying-inner-block .customer-saying-heading h2{
    font-size: 42px;
    font-weight: 600;
    color: #000000;
    text-align: center;
}
.customer-saying-inner-block .customer-saying-heading p{
    font-size: 16px;
    color: #5b5858;
    text-align: center;
    padding-bottom: 20px;
}
.testimonial-img
{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-bottom: 20px;
}
.testimonial-block .testimonial-img img
{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    border: 6px solid #FFFFFF;
    box-shadow: 0px 0px 18px 0 rgb(8 60 150 / 12%);
   
}
.testimonial-block .testimonial-detail p
{
    font-size: 16px;
    color: #5b5858;
    font-weight: 400;
    margin-top: 12px;
    margin-bottom: 28px;
    line-height: 26px;
    
}
.testimonial-block .testimonial-detail h5
{
    color: #000000;
    font-weight: 600;
    font-size: 22px;
}
.testimonial-block .testimonial-detail .review-icons i
{
    color: #FDCC0D;
}
.set-client-detail .set-client-first-img img
{
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: 4px solid #FFFFFF;
    box-shadow: 0px 0px 18px 0 rgb(8 60 150 / 12%);
    
}
.set-client-detail .set-client-first-img
{
    position: absolute;
    top: 50px;
    left: 135px;
}
.set-client-detail .set-client-second-img img
{
    height: 80px;
    width: 80px;
    border-radius: 50%;
    border: 4px solid #FFFFFF;
    box-shadow: 0px 0px 18px 0 rgb(8 60 150 / 12%);
    
}
.set-client-detail .set-client-second-img
{
    position: absolute;
    bottom: 275px;
    left: 160px;
}
.set-client-detail .set-client-third-img img
{
    height: 80px;
    width: 80px;
    border-radius: 50%;
    border: 4px solid #FFFFFF;
    box-shadow: 0px 0px 18px 0 rgb(8 60 150 / 12%);
    
}
.set-client-detail .set-client-third-img
{
    position: absolute;
    bottom: 90px;
    left: 80px;
}
.set-client-detail .set-client-forth-img img
{
    height: 80px;
    width: 80px;
    border-radius: 50%;
    border: 4px solid #FFFFFF;
    box-shadow: 0px 0px 18px 0 rgb(8 60 150 / 12%);
    
}
.set-client-detail .set-client-forth-img
{
    position: absolute;
    bottom: 275px;
    right: 160px;
}
.set-client-detail .set-client-fifth-img img
{
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: 4px solid #FFFFFF;
    box-shadow: 0px 0px 18px 0 rgb(8 60 150 / 12%);
    
}
.set-client-detail .set-client-fifth-img
{
    position: absolute;
    top: 50px;
    right: 70px;
}
.set-client-detail .set-client-six-img img
{
    height: 80px;
    width: 80px;
    border-radius: 50%;
    border: 4px solid #FFFFFF;
    box-shadow: 0px 0px 18px 0 rgb(8 60 150 / 12%);
    
}
.set-client-detail .set-client-six-img
{
    position: absolute;
    bottom: 90px;
    right: 80px;
}


/*=================================================
    Animation
===================================================*/

@keyframes up-down {
  0% {
    transform: translateY(10px);
    -webkit-transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes up-down {
  0% {
    transform: translateY(30px);
    -webkit-transform: translateY(0);
  }
  50% {
    transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
}

@keyframes spine {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes spine2 {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotate {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
.w-450 {
    width: 450px;
}
/*=================================================
    Inquiry section
===================================================*/
.contat-us-sections
{
    padding-bottom: 100px;
}
.connect-inner-box .contact-message-box
{
   
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 5%);
    padding: 20px;
}
.connect-inner-box .contact-message-box .contact-heading {
    padding: 16px 0;
}
.comman-header-text {
    font-weight: 600;
    font-size: 30px;
    line-height: 130%;
    color: #000000;
}
.con-lbl {
    float: left;
    font-weight: 400;
    font-size: 17px;
    line-height: 12px;
    color: #000000;
    margin-bottom: 14px;
}
.cont-inp-box {
    height: 45px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
}
.btn-form-submit
{
    background: #014cda;
    color: #ffffff;
    line-height: 43px;
    border-radius: 6px;
    padding: 0 25px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    border: 1px solid #014cda;
    text-align: center;
    width: 100%;
    margin-top: 10px;
}
.btn-form-submit:hover
{
    color: #FFFFFF;
}
.contact-message-box .form-select
{
    width: 100%;
    height: 45px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 0.25rem;
    padding: 0px 20px;
    font-size: 16px;
}

.contact-message-box .form-select:focus
{
    box-shadow: none;
    outline: none;
}
.right-contact-block
{
    /*position: relative;*/
}

.right-contact-block .inner-contact-image
{
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.right-contact-block .inner-contact-image img
{
    height: auto;
    width: 430px;
}
.right-contact-block .inner-contact-part
{
   
   border: 6px solid #FFFFFF;
    background: #031e51;
    border-radius: 23px;
    height: 405px;
    width: 485px;
    display: block;
    justify-content: left;
    align-items: end;
    position: absolute;
    bottom: 0;
    left: 20px;
    z-index: 1;
}
.right-contact-block .inner-contact-part::after
{
    position: absolute;
    background-image: url(../assets/img/Ellipse1.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    top: 0px;
    right: 0px;
    width: 365px;
    height: 260px;
}
.right-contact-block .contact-inquiry-box
{
    padding: 60px;
    position: relative;
}
.right-contact-block .contact-inquiry-box p
{
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 7px;
    line-height: 22px;
    padding-top: 10px;
    
}
.connect-inner-box .row
{
    justify-content: space-between;
}
.right-contact-block .contact-inquiry-box p a
{
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 400;
}
.contact-inquiry-box .flag-image img
{
    width: 40px;
    height: 40px;
}
.right-contact-block .contact-inquiry-box p span
{
    padding-left: 60px;
}
.mt-78
{
    padding-top: 50px;
}

/*===============================================
    Service-section
===============================================*/

.rs-services.style2.py-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
}
.mb-45 {
    margin-bottom: 45px;
}
.mb-25 {
    margin-bottom: 25px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-50 {
    margin-bottom: 50px;
}
.sec-title2 .title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.4;
    color: #0A0A0A;
    max-width: 490px;
    margin: 0 auto;
    font-family: "Josefin Sans",sans-serif;
}
.rs-services.style2 .flip-box-inner {
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px;
}
.flip-box-wrap .front-part .front-content-part {
    background-color: #FFFFFF;
    text-align: center;
    padding: 40px;
    border-style: solid;
    border-width: 0px;
    border-radius: 10px;
    box-shadow: 3px 7px 25px 0px rgb(0 0 0 / 5%);
}
.flip-box-wrap .front-part .front-content-part .front-icon-part {
    margin-bottom: 15px;
}
.flip-box-wrap .front-part .front-content-part .front-icon-part .icon-part img {
    width: 80px;
    height: 80px;
}
.flip-box-wrap .front-part .front-content-part .front-title-part .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 10px;
}
.flip-box-wrap .front-part .front-content-part .front-title-part .title a {
    color: #101010;
}
.flip-box-wrap .front-part .front-content-part .front-desc-part p {
    color: #444;
    margin: 0;
    font-family: "Open Sans",sans-serif;
    line-height: 1.8;
}
.flip-box-wrap .front-part .front-content-part .front-desc-part p:last-child {
    margin-bottom: -7px !important;
}
.flip-box-inner .flip-box-wrap .back-front {
    transform: rotateX(180deg);
    position: absolute;
    z-index: -1;
    padding: 30px;
    border-radius: 5px;
    top: 0;
    right: 0;
    left: 0;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 300px;
    background-color: transparent;
    background-position: center;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px;
   
    transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275)
}
.rs-services.style2 .flip-box-inner:hover .flip-box-wrap .back-front {
    transform: rotateX(0);
    z-index: 1;
    background-image: linear-gradient(90deg, #1672de 0%, #071f6b 58%);
}
.flip-box-wrap .back-front .back-front-content .back-title-part .back-title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 15px;
}
.flip-box-wrap .back-front .back-front-content .back-title-part .back-title a {
    color: #FFFFFF;
}
.back-btn-part .readon.view-more {
    padding: 12px 25px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #111111;
    background-color: #FFFFFF;
    border-radius: 30px;
}
.back-btn-part .readon {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: all 0.4s;
    z-index: 1;
}
.back-front-content .back-desc-part .back-desc {
    color: #FFFFFF;
}

/*===============================================
    Call-section
===============================================*/

.pt-120 {
    padding-top: 120px;
}
.pb-120 {
    padding-bottom: 120px;
}
.pt-110 {
    padding-top: 110px;
}
.pb-110 {
    padding-bottom: 110px;
}
.pb-115 {
    padding-bottom: 115px;
}
.pl-50 {
    padding-left: 50px;
}
.pl-15 {
    padding-left: 15px;
}
.pb-30 {
    padding-bottom: 30px;
}
.rs-call-us.bg1 {
    background: url('../assets/images/bg/testimonial-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #0948b3;
    margin-top: 100px;
}
.rs-call-us .rs-vertical-middle
{
    padding-top: 50px;
}
.rs-call-us .mtb-79
{
    margin-top: 20px;
}
.rs-call-us .ptb-78
{
    margin-bottom: 30px;
}
.rs-call-us .image-part img {
    max-height: 585px;
}
.address-item .address-icon {
    display: inline-block;
    position: relative;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 100%;
    text-align: center;
    background: #FFFFFF;
}
.address-item .address-icon:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
    background: #FFFFFF;
}
.address-item .address-icon i {
    text-align: center;
    color: #106eea;
    border-radius: 100%;
    font-size: 25px;
    position: relative;
    line-height: 70px;
    z-index: 9;
    width: 100%;
    vertical-align: middle;
    margin-left: 0;
    height: auto;
}
.sec-title3 .sub-text {
    font-size: 19px;
    line-height: 1.4;
    font-weight: 700;
    color: #FFFFFF;
    display: block;
    margin-bottom: 20px;
}
.sec-title3 .title {
    font-size: 42px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 40px;
    margin-bottom: 30px;
    font-family: "Josefin Sans",sans-serif;
}
.sec-title3 .desc {
    font-size: 19px;
    font-weight: 500;
    color: #FFFFFF;
    margin: 0;
    line-height: 1.8;
}

.sec-title3 p:last-child {
    margin: -7px !important;
}
.rs-contact-box .mt-40 {
    margin-top: 40px;
}
.btn-part .readon.lets-talk {
    padding: 14px 40px;
    background-image: linear-gradient(250deg, #4e95ed 19%, #03228f 100%);
    border-radius: 30px;
}
.btn-part .readon.lets-talk:hover {
    background-image: linear-gradient(180deg, #03228f 19%, #4e95ed 100%);
    color: #FFFFFF;
}
.btn-part .readon {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: all 0.4s;
    background-color: transparent;
    z-index: 1;
}
/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.bg06
{
    background: #f8f8f8;;
}
.count-sec
{
    margin-top: 100px;
}
.counts {
  padding: 25px 0 25px;
}
.counts .count-box {
  display: flex;
  align-items: center;
  padding: 30px;
  width: 100%;
  background: #fff;
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
}
.counts .count-box i {
  font-size: 42px;
  line-height: 0;
  margin-right: 20px;
  color: #4154f1;
}
.counts .count-box span {
  font-size: 36px;
  display: block;
  font-weight: 600;
 color: #014cda;
}
.counts .count-box p {
  padding: 0;
  margin: 0;
  font-family: "Nunito", sans-serif;
  font-size: 14px;
}
.modern-number-01 h2 {
    position: relative;
    font-size: 12px;
    line-height: 2em;
    letter-spacing: 2px;
    color: #ababab;
    text-transform: uppercase;
    display: flex;
    align-items: flex-end;
    margin-right: 120px;
    font-weight: 600;
}
.modern-number-01 span.mark-text {
    font-size: 180px;
    line-height: .8;
    font-weight: 900;
    margin: 0 5px -5px -5px;
    color: #d2a98e;
}
.modern-number-01 h3 {
    margin-top: 25px;
    font-size: 33px;
    color: #000000;
}
.heading span {
   color: #027bdc;
    font-size: 27px
}
.section-space-mt-80 {
    margin-top: 20px;

}
.section-space-mt-30 {
    margin-top: 60px;
    
}
.section-under-heading {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    color: #000000;
}
.section-under-heading a {
    color: #014cda;
    border-bottom: 1px solid #ccc;
    position: relative;
    }

@media only screen and (max-width: 728px) 
{
   .modern-number-01 h3 
    {
        margin-top: 18px;
        font-size: 27px;
        color: #000000;
    }
}



/*=================================================
    Process-Section
=================================================*/

.sec-title2 .title2 {
    max-height: 550px;
}

.sec-title2 .title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.4;
    color: #0A0A0A;
}
.addon-process .process-wrap .process-img {
    padding: 10px;
}
.addon-process .process-wrap .process-img {
    width: 100%;
    height: auto;
}
.addon-process .process-wrap .process-text .title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #0A0A0A;
    margin-bottom: 0;
}
/*=================================================
    Project-Section
=================================================*/

.sec-title6 .sub-text .new-text {
    margin-bottom: 10px;
}
.sec-title6 .sub-text {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 32px;
    color: #F24C1A;
    display: block;
}
.sec-title6 .title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.4;
    color: #102B3E;
    margin-bottom: 5px;
}
.gridFilter button {
    position: relative;
    height: 50px;
    font-size: 16px;
    background: 0 0 !important;
    display: inline-block;
    outline: 0;
    -webkit-transition: .4s;
    padding: 5px 20px;
    border: 0;
    border-radius: 3px;
}
.gridFilter button.active {
    color: #FF5421;
    box-shadow: 0 0 30px #EEEEEE;
}
.gridFilter button + button {
    margin-left: 20px;
}
.rs-project.style8 .project-item {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}
.rs-project.style8 .project-item .project-img {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.rs-project.style8 .project-item .project-img img {
    width: 100%;
    transition: 1.3s all ease;
}
.rs-project.style8 .project-item:hover .project-img img {
    transform: scale(1.2);
}
.rs-project.style8.modify1 .project-item .project-content {
    z-index: 1;
}
.rs-project.style8 .project-item .project-content {
    position: absolute;
    padding: 17px 25px 15px;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    left: 0;
    bottom: -100px;
    text-align: left;
    width: 100%;
    height: 100%;
    transition: all 0.6s;
}
.rs-project.style8 .project-item:hover .project-content {
    opacity: 1;
    visibility: visible;
    bottom: 0;
}
.rs-project.style8 .project-item .project-content:before {
    content: '';
    position: absolute;
    bottom: -150px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    transition: 0.6s;
}
.rs-project.style8 .project-item:hover .project-content:before {
    opacity: 1;
    bottom: 0;
    visibility: visible;
}
.rs-project.style8 .project-item .project-content .project-inner {
    position: absolute;
    bottom: -100px;
    transition: 0.5s;
    left: 30px;
}
.rs-project.style8 .project-item:hover .project-content .project-inner {
    bottom: 30px;
}
.rs-project.style8 .project-item .project-content .project-inner .title {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 5px;
    line-height: 46px;
}
.rs-project.style8.modify1 .project-item .project-content .project-inner .title a {
    color: #FFFFFF;
}
.rs-project.style8 .project-item .project-content .project-inner .category {
    font-size: 22px;
    line-height: 37px;
    font-weight: 600;
    display: block;
}
.rs-project.style8.modify1 .project-item .project-content .project-inner .category a {
    color: #FFFFFF;
}
.rs-project.style8.modify1 .project-item .project-content .project-inner .category a:hover {
    color: #f2541b;
}
/*=================================================
    Testimonial Section Start
=================================================*/

.rs-testimonial.main-home.style4 {
    padding: 120px 0px;
    background-color: #000000;
}
.rs-rain-animate {
    position: relative;
}
.rs-rain-animate .container {
    position: relative;
    z-index: 1;
}
.sec-title {
    position: relative;
    margin-bottom: 20px;
    z-index: 1;
    display: block;
}
.sec-title .sub-text {
    position: relative;
    padding-left: 95px;
    display: inline-block;
    line-height: 28px;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.sec-title .sub-text.style4-bg:before {
    background-color: #FD6509;
}
.sec-title .sub-text:before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    height: 4px;
    width: 12px;
}
.sec-title .sub-text.style4-bg:after {
    background-color: #FD6509;
}
.sec-title .sub-text:after {
    content: '';
    position: absolute;
    border: 0;
    top: 12px;
    left: 24px;
    height: 4px;
    width: 50px;
    margin-left: 0;
}
.sec-title .title {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
    text-transform: capitalize;
}
.sec-title .desc {
    font-size: 30px;
    font-weight: 400;
    margin: 0;
    line-height: 68px;
}
.rs-testimonial.main-home.style4 .testi-item {
    position: relative;
    padding: unset;
}
.rs-testimonial.style4 .testi-item {
    background-color: #FDFDFD;
    border-radius: 5px;
    padding: 60px;
}
.rs-testimonial.main-home.style4.modify2 .testi-item .author-desc {
    padding: 40px 40px 160px 43px;
}
.rs-testimonial.main-home.style4 .testi-item .author-desc {
    background: #FFFFFF;
    padding: 40px 40px 80px 43px;
    border-radius: 10px;
    box-shadow: -2px 16px 44px -32px rgb(0 0 0 / 0%);
}
.rs-testimonial.main-home.style4 .testi-item .author-desc .desc {
    text-align: unset;
    position: unset;
    color: #333333;
    padding: 73px 0px 10px 0px;
    font-size: 17px;
    line-height: 33px;
    font-weight: 400;
}
.rs-testimonial.main-home.style4 .testi-item .author-desc .desc .quote {
    position: absolute;
    top: 44px;
    left: 7%;
    transform: unset;
}
.rs-testimonial.main-home .testi-item .author-desc .desc .quote {
    width: 50px;
}
.rs-testimonial.main-home.style4.modify2 .testi-item .testimonial-content {
    left: 34px;
    bottom: 50px;
}
.rs-testimonial.main-home.style4 .testi-item .testimonial-content .author-img img {
    width: 90px;
    height: 90px;
    border-radius: 50px;
}
.rs-testimonial.main-home.style4 .testi-item .testimonial-content .author-part {
    padding: unset;
    padding-left: 15px;
    text-align: unset;
}
.rs-testimonial.main-home .testi-item .author-part .name {
    color: #0A0A0A;
    font-size: 22px;
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
}
.rs-rain-animate .line-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    margin: auto;
    width: calc(100%);
    pointer-events: none;
    overflow: hidden;
    z-index: 0;
    max-width: 1240px;
}
.rs-rain-animate .line-inner.orange-dark .line {
    background: rgba(255, 255, 255, 0.1);
}
.rs-rain-animate .line-inner .line {
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    z-index: 1;
    left: calc(50%);
}
.rs-rain-animate .line-inner .line:nth-child(3) {
    left: unset !important;
    right: 2px;
}
.rs-rain-animate .line-inner .line:nth-child(1) {
    left: 2px !important;
}
.rs-rain-animate .line-inner .line:after{
    content: "";
    display: block;
    position: absolute;
    height: 80px;
    width: 3px;
    left: -1%;
    top: -20%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 39%, #1273eb 130%, #1273eb 59%);
    background-color: rgba(0, 0, 0, 0);
    animation: rain-line 13s 0s linear infinite;
}
.rs-rain-animate .line-inner.orange-dark .line:after {
    background-image: linear-gradient(220deg, #f27c1e 0%, #dd4c23 79%);
}
.rs-rain-animate .line-inner .line:nth-child(1):after {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
@keyframes rain-line {
  0% {
    top: -20%;
  }
  100% {
    top: 100%;
  }
}
@-webkit-keyframes rain-line {
  0% {
    top: -20%;
  }
  100% {
    top: 100%;
  }
}

/*=================================================
    Technology
=================================================*/

.bg11 {
    background: url('../assets/images/bg/testimonial-bg.png');
    background-repeat: no-repeat;
    background-position: top-center;
    background-size: cover;
    background-color: #0948b3;
}
.sec-title2 .sub-text {
    margin: 0 0 10px;
    display: block;
    line-height: 28px;
    font-family: 'Livvic', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}
.sec-title2 .title.title2 {
    max-width: 550px;
}
.sec-title2 .title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 auto;
}
 .rs-technology .mtb-75
 {
    margin-top: 55px;

 }
 .rs-technology .mtb-76
 {
    margin-bottom: 65px;

 }
.rs-technology.style2 .technology-wrap .rs-grid-figure {
    position: relative;
    text-align: center;
    padding: 32px 30px 32px 30px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #a7acb4;
    border-radius: 4px 4px 4px 4px;
    transition: all ease .4s;
    margin-top: 25px;
}
.rs-technology .section-heading h2
{
    font-size: 42px;
    font-weight: 500;
}
.rs-technology.style2 .technology-wrap .rs-grid-figure .logo-img {
    overflow: hidden;
}
.rs-technology.style2 .technology-wrap .rs-grid-figure .logo-img a {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.technology-wrap
{
    padding-left: 10px;
}
.technology-inner-blocks .owl-nav
{
    display: none;
}
.technology-inner-blocks .owl-dots
{
    display: none;
}
.technology-inner-blocks
{
    padding: 70px 0;
}
 .mtb-99
{
    margin-top: 100px;
}
.rs-technology.style2 .technology-wrap .rs-grid-figure .logo-img a .hover-img {
    transition: all ease .4s;
    filter: grayscale(100%);
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    visibility: hidden;
}

.rs-technology.style2 .technology-wrap .rs-grid-figure .logo-img a .main-img {
    transition: all ease .4s;
    filter: grayscale(100%);
}

.rs-technology.style2 .technology-wrap:hover .rs-grid-figure {
    border-color: #FFF;
    background-color: #FFF;
}

.rs-technology.style2 .technology-wrap:hover .rs-grid-figure .logo-img a .main-img {
    display: block;
    visibility: hidden;
    transform: translateY(100%);
}

.rs-technology.style2 .technology-wrap:hover .rs-grid-figure .logo-img a .hover-img {
    display: block;
    opacity: 3;
    visibility: visible;
    transform: translateY(0%);
    filter: grayscale(0%);
}
.rs-technology.style2 .technology-wrap:hover .logo-title:before {
    background-color: #FFFFFF;
}
.rs-technology.style2 .technology-wrap:hover .logo-title:after {
    background-color: #FFFFFF;
}

/*=================================================
    Map
=================================================*/

.bg-transparent {
    border: none;
    box-shadow: 0 2px 2px rgb(0 0 0 / 9%);
    font-size: 14px;
    border-radius: 5px;
    padding: 0px;
    width: 100%;
}
.bg-transparent .heading-block h2 {
    color: #027bdc;
}

.bg-transparent .heading-block p {
    color: #504C89;
}
.clearfix:after, .clearfix:before {
    content: '';
    display: table;
}
.clearfix:after {
    clear: both;
}
.map-bg {
    border: none;
    font-size: 14px;
   border-radius: 5px;
    padding: 15px;
    width: 100%;
}
.map-bg h3 {
    color: #027BDC;
}
.iconlist li img {
    position: relative;
    margin-top: -2px;
    width: 16px;
    margin-right: 5px;
}
.iconlist a {
    font-size: 15px;
    color: #444444;
}
.iconlist li:not(:first-child) {
    margin-top: 8px;
}
.iconlist a:hover {
    text-decoration: underline !important;
}
.hotspot-img img {
    opacity: .6;
}
.hotspot-img .hot-spot {
    position: absolute;
    width: 12px;
    height: 12px;
    text-align: center;
    background-color: #106eea;
    border: 1px solid #FFFFFF;
    cursor: pointer;
    border-radius: 100%;
    transition: transform 0.3s ease;
    top: 231.82px;
    left: 556.616px;
    display: block;
}
.hotspot-img .hot-spot:nth-child(2) .circle {
    animation-delay: 2s;
}
.hotspot-img .hot-spot:nth-child(3) .circle {
    animation-delay: 3.5s;
}
.hotspot-img .hot-spot:nth-child(4) .circle {
    animation-delay: 5.2s;
}
.hotspot-img .hot-spot:nth-child(5) .circle {
    animation-delay: 6.4s;
}
.hotspot-img .hot-spot:nth-child(6) .circle {
    animation-delay: 8s;
}
.hotspot-img .hot-spot:nth-child(7) .circle {
    animation-delay: 9.2s;
}
.hotspot-img .hot-spot:nth-child(8) .circle {
    animation-delay: 11s;
}
.hotspot-img .hot-spot:nth-child(9) .circle {
    animation-delay: 13s;
}
.hotspot-img .hot-spot:nth-child(10) .circle {
    animation-delay: 15s;
}
.hotspot-img .hot-spot .circle {
    position: absolute;
    display: block;
    top: 47%;
    left: 47%;
    width: 2em;
    height: 2em;
    margin: -1em auto auto -1em;
    transform-origin: 50% 50%;
    border-radius: 50%;
    background: #106eea;
    opacity: 0;
    z-index: -1;
    animation: pulsate 3.5s ease-out infinite;
}
.hotspot-img .hot-spot .tooltip {
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    opacity: 0;
    display: none;
    left: 0;
    padding: 8px 10px;
    position: absolute;
    top: 20px;
    width: auto;
    z-index: 999;
    box-shadow: 0 10px 80px rgb(0 0 0 / 10%), 0 10px 50px rgb(0 0 0 / 10%);
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -o-transform: translateY(3px);
    transform: translateY(3px);
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.hotspot-img .hot-spot .tooltip p {
    font-size: 13px;
    line-height: 1.3rem !important;
    white-space: nowrap;
    color: #666 !important;
    text-transform: capitalize;
}
.hotspot-img .hot-spot .tooltip p:last-child {
    margin: -7px !important;
}
.hotspot-img .san {
    top: 146.424px;
    left: 115.5701px;
    display: block;
}
.hotspot-img .Fransisco {
    margin-left: -38.5469px;
}
.hotspot-img .syd {
    margin-left: -20.461px;
}
.hotspot-img .lon {
    top: 110.8px;
    left: 342.79px;
    display: block;
}
.hotspot-img .ban {
    top: 181.185px;
    left: 488.928px;
    display: block;
}
.hotspot-img .tok {
    top: 147.083px;
    left: 601.16px;
    display: block;
}
.hotspot-img .cape {
    top: 280.094px;
    left: 384.184px;
    display: block;
}
.hotspot-img .bra {
    top: 277.701px;
    left: 206.854px;
    display: block;
}
.hotspot-img .tor {
    top: 94.8px;
    left: 318.166px;
    display: block;
}
/*=================================================
    Footer
=================================================*/
.rs-footer {
    background: url('../assets/images/bg/footer-bg.png');
    background-color: #F5F6F9;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.rs-footer .footer-top {
    padding: 92px 0 65px;
}
.rs-footer .footer-top .footer-logo img {
    height: 115px;
}
.rs-footer .footer-top p {
    margin: 0px 0px 0px;
    position: relative;
}
.textwidget p:last-child {
    margin-bottom: -7px !important;
}
.rs-footer .footer-top .footer-social li {
    display: inline;
    margin-right: 5px;
}
.rs-footer .footer-top .footer-social li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    color: #555;
    text-align: center;
    font-size: 15px;
    transition: all .8s ease;
    background: rgba(255, 255, 255, 0.9);
}
.rs-footer .footer-top .footer-social li a:hover {
    color: #ffffff;
    background: #106eea;
}
.rs-footer .footer-top .widget-title {
    font-size: 22px;
    line-height: 40px;
    font-weight: 600;
    color: #101010;
    margin-bottom: 25px;
}
.rs-footer .footer-top .site-map li {
    margin-bottom: 12px;
}
.rs-footer .footer-top .address-widget li {
    position: relative;
    padding: 0px 0px 16px 40px;
}
.rs-footer .footer-top .address-widget li i:before {
    margin-left: 0 !important;
}
.rs-footer .footer-top .address-widget li i {
    position: absolute;
    left: 0;
    color: #106eea;
}
.rs-footer .footer-bottom {
    padding: 20px 0;
    background: linear-gradient(75deg, #073482, #014cda) !important;;
    overflow: hidden;
}
.rs-footer .footer-bottom .copy-right-menu li {
    display: inline-block;
    position: relative;
    padding: 0px 19px 0 25px;
}
.rs-footer .footer-bottom .copy-right-menu li a {
    color: #FFFFFF;
}
.rs-footer .footer-bottom .copy-right-menu li a:hover {
    color: #106eea;
}
.footer-bottom .copyright p {
    color: #FFFFFF;
}
/*=================================================
    Animation
=================================================*/

@keyframes up-down {
   0% {
       transform: translateY(10px);
       -webkit-transform: translateY(0);
   }
   50% {
       transform: translateY(-10px);
       -webkit-transform: translateY(-10px);
   }
   100% {
       transform: translateY(0);
       -webkit-transform: translateY(0);
   }
}

@-webkit-keyframes up-down {
   0% {
       transform: translateY(30px);
       -webkit-transform: translateY(0);
   }
   50% {
       transform: translateY(-50px);
       -webkit-transform: translateY(-50px);
   }
   100% {
       transform: translateY(0);
       -webkit-transform: translateY(0);
   }
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
@-webkit-keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@-webkit-keyframes
  pulsate {  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.8;
  }
   45% {
    -webkit-transform: scale(1.75);
    transform: scale(1.75);
    opacity: 0;
  }
}
@keyframes
  pulsate {  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.8;
  }
    45% {
    -webkit-transform: scale(1.75);
    transform: scale(1.75);
    opacity: 0;
  }
}


/*--------------------------------------------------------------
# about
--------------------------------------------------------------*/
.about-detail
{
    margin-top: 70px;

}
.about-detail .cate
{
    margin-bottom: 60px;
    color: #000000!important;
    text-align: center;

}
h5 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    /*margin-top: -9px;*/
}
.rs-breadcrumbs.img3 {
     background: linear-gradient(75deg, #073482, #014cda) !important;
}
.rs-breadcrumbs .breadcrumbs-inner {
    padding: 150px 0 100px;
    /* margin-bottom: 70px; */
}
.rs-breadcrumbs .breadcrumbs-inner .page-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    margin-bottom: 5px;
    color: #ffffff;
}
.rs-breadcrumbs .breadcrumbs-inner .page-title {
    font-size: 34px;
    font-weight: 700;
    line-height: 33px;
    margin-bottom: 5px;
    color: #ffffff;
}
.rs-breadcrumbs .breadcrumbs-inner ul {
    padding: 0;
}
.rs-breadcrumbs .breadcrumbs-inner ul li {
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    list-style: none;
    padding: 5px 0;
}
.rs-breadcrumbs .breadcrumbs-inner ul li a {
    position: relative;
    padding-right: 22px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #ffffff;
}
.rs-breadcrumbs .breadcrumbs-inner ul li a:before {
       background-color: #fff;
    content: "";
    height: 15px;
    width: 2px;
    position: absolute;
    right: 9px;
    top: 6px;
    transform: rotate(26deg);
}
.mb-10
{
    margin-bottom: 10px;
}

 .about-detail .single-image {
    /*left: -110px;*/
    position: relative;
}
.about-detail .about-detail .witr-section-title-inner {
    position: relative;
    z-index: 1;
}
.about-detail .appie-section-title .appie-title {
   font-size: 30px;
    font-weight: 600;
    color: #000000;
}
.about-detail .appie-section-title p {
    font-size: 17px;
    margin-top: 11px;
     color: #5b5858;
}
.about-detail .appie-single-service.appie-single-services-3 {
    background: transparent;
}
.about-detail .appie-single-service {
    padding: 50px 30px 43px;
    background: #fff;
    border-radius: 6px;
    transition: all linear 0.3s;
}
.about-detail.appie-single-service.appie-single-services-3 .icon {
    border-radius: 50%;
    background-image: -moz-linear-gradient(110deg, #ff5f4a 0%, #ff9e91 100%);
    background-image: -webkit-linear-gradient(110deg, #ff5f4a 0%, #ff9e91 100%);
    background-image: -ms-linear-gradient(110deg, #ff5f4a 0%, #ff9e91 100%);
}
.appie-single-service .icon {
    display: inline-block;
    border-radius: 20px;
    height: 70px;
    width: 70px;
    text-align: center;
    line-height: 70px;
    background: linear-gradient(135deg, #84bcfa 0%, #2b70fa 100%);
    box-shadow: 0px 6px 10px 0px rgb(16 73 189 / 30%);
    position: relative;
}
.appie-single-service .appie-title {
    font-size: 20px;
    font-weight: 600;
    padding-top: 33px;
    padding-bottom: 10px;
    color: #000000;
}
.appie-titles
{
        color: #5b5858 !important;
      
}
.appie-single-service.appie-single-services-3 a {
   color: #014cda;
    font-size: 14px;
    font-weight: 500;
    margin-top: 25px;
}
.mt-15
{
    margin-top: 45px;
}
.appie-single-service.appie-single-services-3.item-2 {
    background: linear-gradient(0deg, rgba(39, 153, 246, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
}
.appie-single-service.appie-single-services-3 {
    background: transparent;
}
.appie-single-service.appie-single-services-3.item-4 {
    background: linear-gradient(0deg, rgba(119, 89, 237, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
}
.appie-single-service.appie-single-services-3.item-2 .icon 
{
    background-image: -moz-linear-gradient(110deg, #2799f6 0%, #76c1ff 100%);
    background-image: -webkit-linear-gradient(110deg, #2799f6 0%, #76c1ff 100%);
    background-image: -ms-linear-gradient(110deg, #2799f6 0%, #76c1ff 100%);
}
.appie-single-service.appie-single-services-3.item-3 .icon {
    background-image: -moz-linear-gradient(110deg, #f2335b 0%, #ff718f 100%);
    background-image: -webkit-linear-gradient(110deg, #f2335b 0%, #ff718f 100%);
    background-image: -ms-linear-gradient(110deg, #f2335b 0%, #ff718f 100%);
}
.appie-single-service.appie-single-services-3.item-4 .icon {
    background-image: -moz-linear-gradient(110deg, #7759ed 0%, #ac97ff 100%);
    background-image: -webkit-linear-gradient(110deg, #7759ed 0%, #ac97ff 100%);
    background-image: -ms-linear-gradient(110deg, #7759ed 0%, #ac97ff 100%);
}
.appie-single-service:hover {
    box-shadow: 0px 40px 40px 0px rgb(14 17 51 / 10%);
    transform: translateY(-15px);
}
#about-sec .appie-fun-fact-box {
  /*  background-image: url(..assets/images/background/about01.jpg);*/
        background: url(../assets/images/background/a01.jpg);
    padding: 90px 70px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
}
#about-sec .appie-fun-fact-box .appie-fun-fact-content > .title {
    font-size: 44px;
    line-height: 54px;
    color: #fff;
    padding-right: 80px;
    padding-bottom: 15px;
}
.appie-fun-fact-box .appie-fun-fact-content p {
    color: #fff;
    opacity: 0.8;
}
.appie-fun-fact-box .appie-fun-fact-play {
    position: relative;
    z-index: 10;
}
.appie-fun-fact-box .appie-fun-fact-play a {
    height: 70px;
    width: 70px;
    text-align: center;
    line-height: 70px;
    background: #fff;
    border-radius: 50%;
    color: #ff6b58;
    position: relative;
    z-index: 5;
    padding: 30px;
}
.appie-fun-fact-box .appie-fun-fact-play a::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border: 1px solid #fff;
    border-radius: 50%;
    animation: popup 1.5s linear infinite;
}
.appie-fun-fact-box .appie-fun-fact-play img {
    position: absolute;
    right: -40px;
    top: -60px;
    z-index: 2;
}
#about-sec
{
    margin-top: 100px;
}
.appie-testimonial-about-area {
    background-image: url(../images/map-bg.png);
    background-size: auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.appie-testimonial-about-area .appie-section-title {
    margin-bottom: 30px;
}
.about-area .appie-section-title .appie-title {
    padding: 0 30px;
}
.appie-section-title p {
    font-size: 18px;
    margin-top: 11px;
}
.appie-section-title h3
{
    font-size: 30px;
    line-height: 54px;
    font-weight: 600;
    color: #000000;
}
.appie-section-title p {
    font-size: 17px;
    margin-top: 11px;
    color: #5b5858;
}
@media (max-width: 767px)
{
    .appie-fun-fact-box .appie-fun-fact-play img {
    display: none;
    }
   #about-sec .appie-fun-fact-box .appie-fun-fact-content > .title 
    {
    font-size: 28px !important;
    line-height: 38px;
    padding-right: 0;
    }
    #about-sec .appie-fun-fact-box 
    {
        padding: 30px;
    }
    #about-sec {
        margin-top: 50px;
    }
    .pb-45 
    {
        margin-top: 50px !important;
    }
}
.pb-45
{
    margin-top: 100px;
}
.my-team-slide
{
        box-shadow: 0px 40px 60px 0px rgb(14 17 51 / 10%);
    text-align: center;
    background: #fff;
}
.my-team-slide .carousel-caption {
    position: initial;
    z-index: 10;
    padding: 4rem 8rem;
    text-align: center;
        font-size: 18px;
    line-height: 28px;
    margin-top: 11px;
    color: #000000;
    font-weight: 500; 
}
@media(max-width:767px) {
   .my-team-slide .carousel-caption {
        position: initial;
    z-index: 10;
    padding: 2rem 3rem;
    text-align: center;
        font-size: 18px;
    line-height: 28px;
    margin-top: 11px;
    color: #000000;
    font-weight: 500;
    }
}
.my-team-slide .carousel-caption img {
    width: 6rem;
    border-radius: 5rem;
    margin-top: 2rem
}
@media(max-width:767px) {
    .my-team-slide .carousel-caption img {
        width: 4rem;
        border-radius: 4rem;
        margin-top: 1rem
    }
}
#image-caption {
       font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    color: #000000;
}
@media(max-width:767px) {
    #image-caption {
        font-style: normal;
        font-size: 0.6rem;
        margin-top: 0.5rem
    }
}
.my-team-slide i {
    background-color:#014cda;
    padding: 1.4rem
}
@media(max-width:767px) {
   .my-team-slide  i {
        padding: 0.8rem
    }
}
.my-team-slide .carousel-control-prev {
    justify-content: flex-start
}
.my-team-slide .carousel-control-next {
    justify-content: flex-end
}
.my-team-slide .carousel-control-prev,
.my-team-slide .carousel-control-next {
    transition: none;
    opacity: unset
}
.my-team-slide .carousel-caption p
{
   font-size: 15px;
    margin-top: 11px;
    color: #5b5858;
    font-weight: 400;
}


/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.bg06
{
    background: #f0f6ff;;;
}
.count-sec
{
    margin-top: 100px;
}
.counts {
  padding: 25px 0 25px;
}
.counts .count-box {
  display: flex;
  align-items: center;
  padding: 30px;
  width: 100%;
  background: #fff;
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
}
.counts .count-box i {
  font-size: 42px;
  line-height: 0;
  margin-right: 20px;
  color: #4154f1;
}
.counts .count-box span {
  font-size: 36px;
  display: block;
  font-weight: 600;
 color: #014cda;
}
.counts .count-box p {
  padding: 0;
  margin: 0;
  font-family: "Nunito", sans-serif;
  font-size: 14px;
}
.modern-number-01 h2 {
    position: relative;
    font-size: 12px;
    line-height: 2em;
    letter-spacing: 2px;
    color: #ababab;
    text-transform: uppercase;
    display: flex;
    align-items: flex-end;
    margin-right: 120px;
    font-weight: 600;
}
.modern-number-01 span.mark-text {
    font-size: 180px;
    line-height: .8;
    font-weight: 900;
    margin: 0 5px -5px -5px;
    color: #d2a98e;
}
.modern-number-01 h3 {
    margin-top: 25px;
    font-size: 33px;
    color: #000000;
}
.heading span {
   color: #027bdc;
    font-size: 27px
}
.section-space-mt-80 {
    margin-top: 20px;

}
.section-space-mt-30 {
    margin-top: 60px;
    
}
.section-under-heading {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    color: #000000;
}
.section-under-heading a {
    color: #014cda;
    border-bottom: 1px solid #ccc;
    position: relative;
    }

@media only screen and (max-width: 728px) 
{
   .modern-number-01 h3 
    {
        margin-top: 18px;
        font-size: 27px;
        color: #000000;
    }
}




/*--------------------------------------------------------------
# vision & mission
--------------------------------------------------------------*/
.vision
{
    margin-top: 70px;
    margin-bottom: 70px;
}
.vision .sub-text
{
    font-size: 17px;
    color: #000000;
    text-align: justify;
}
.mission
{
    margin-top: 70px;
}
.mission .sub-text
{
    font-size: 17px;
    color: #5b5858;
   text-align: justify;
    margin-top: 21px;
}
.mission-head
{
    font-size: 30px;
    font-weight: 600;
    color: #000000;
    text-align: left;
}
.mt-20
{
    margin-top: 70px;
}
.box-border 
{
   
    align-items: center;
    padding: 30px;
    width: 100%;
    background: #fff;
    box-shadow: 0px 0 30px rgb(1 41 112 / 8%);
}
.sub-contant
{
    font-size: 20px;
    display: block;
    font-weight: 600;
    color: #03228f;
    text-align: center;
}
.mission .mm-next
{
    font-size: 16px;
    color: #5b5858;
    font-weight: 500;
    text-align: center;
    margin-top: 10px;

}
.box-border::after
{
    left: 0;
    right: 0;
    content: "";
    height: 8px;
    bottom: -4px;
    width: 170px;
    margin: 0 auto;
    position: absolute;
    border-radius: 30px;
    background-color: #8fd5e7;
    transition: 0.3s all ease-in-out;
}
.box-border2
{
   
    align-items: center;
    padding: 30px;
    width: 100%;
    background: #fff;
    box-shadow: 0px 0 30px rgb(1 41 112 / 8%);
}
.box-border2::after
{
    left: 0;
    right: 0;
    content: "";
    height: 8px;
    bottom: -4px;
    width: 170px;
    margin: 0 auto;
    position: absolute;
    border-radius: 30px;
    background: #014cda !important;
    transition: 0.3s all ease-in-out;
}


/*.pillers-col-main:nth-child(1), .pillers-col-main:nth-child(2), .pillers-col-main:nth-child(4), .pillers-col-main:nth-child(5) {
     border-right: 0; 
}*/
.pillers-col-main:nth-child(1), .pillers-col-main:nth-child(2), .pillers-col-main:nth-child(3) {
    border-bottom: 0;}
    .pillers-col-main {
    border: 1px solid #bbb;
    padding: 2rem 1rem;
    min-height: 265px;
}
.points-title {
    font-size: 60px;
    font-weight: 600;
    color: #dbdbdb;
}
.pillers-col-title {
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 15px;
}
.piller-col-desc {
    font-size: 16px;
    color: #5b5858;
    font-weight: 300;
}
.pillers-row .pillers-col-main:hover {
    background: #ffffff;
}
.pillers-row .pillers-col-main:hover {
    z-index: 1;
    box-shadow: 0 0 10px 0px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 0 10px 0px rgb(0 0 0 / 30%);
    background: #ffffff;
}
/*--------------------------------------------------------------
# careers
--------------------------------------------------------------*/
.careers
{
    margin-top: 70px;
}

.careers .appie-title
{
    font-size: 30px;
    font-weight: 600;
    color: #000000;
}
.careers .sub-details
{
    font-size: 16px;
    margin-top: 11px;
    color: #5b5858;
}
.bg13
{
    margin-top: 120px;
    background: #fafafa;
    /*background-image: url(../assets/images/background/careers.png);*/
  
    width: 100%;
}
.mt-16
{
   padding-top: 40px;
}
.car-box
{
    padding: 40px;
    width: 100%;
    background: #fff;
    border-radius: 0px 40px  0px 40px;
    box-shadow: 0px 0 30px rgb(1 41 112 / 8%);
}
.car-type
{
    font-size: 18px;
    font-weight: 600;
    color: #083c96;
    margin-right: 30px;
    line-height: 28px;
}
.car-pos
{
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
     color: #000;
}
.car-box:hover
{
    background-color: #014cda; 
}
.car-box:hover .car-type, .car-box:hover .car-pos, .car-box:hover .fa-arrow-right
{
    color: #FFFFFF; 
}
.bg-car
{
    
    background: url(../assets/images/background/service-bg.png) no-repeat center/cover;
    width: 100%;
    background-color: #0948b3;
    padding: 35px 70px;
}
.mb-15
{
    margin-top: 150px;
    margin-bottom: 50px;
}
.car-looks-text h4
{
    font-size: 32px;
    line-height: 40px;
    color: #fff;
    padding-bottom: 10px;
}
.car-looks-text
{
    padding: 10px;
}
.car-looks-text p
{
    color: #fff;
    /*opacity: 0.8;*/
}
.hrs-text
{
    color: #ff8833;
    font-weight: 700;
    font-size: 15px;
}
@media only screen and (max-width: 423px)
{
    .car-box 
    {
        padding: 25px;
    }
} 
@media screen and (min-device-width: 424px) and (max-device-width: 768px) 
{ 
   .car-box 
    {
        padding: 30px;
    }
}
@media only screen and (max-width: 767px)
{
    .bg-car
    {
        padding: 35px 15px;
    } 
    .car-looks-text h4 
    {
        font-size: 24px;
        line-height: 33px;
    }
    .mb-15 
    {
        margin-top: 45px;
       
    }
}


/*--------------------------------------------------------------
# services section
--------------------------------------------------------------*/

.service-section
{
    margin-top: 70px;
}
.service-section .possible-image img
{
    width: 100%;
}
.service-section .top-title
{
    font-size: 18px;
    font-weight: 600;
    color: #083c96;
    margin-right: 30px;
    line-height: 28px;
}
.service-section .top-head-text
{
    font-size: 30px;
    font-weight: 600;
    color: #000000;
    margin-top: 20px;
}
.service-section .top-sub-head
{
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    color: #5b5858;
    margin-bottom: 20px;
    margin-top: 30px;
}
.service-section .left-side
{
    background-image: linear-gradient(250deg, #4e95ed 0%, #03228f 100%);
    padding: 40px 120px 40px 40px;
    left: 60px;
}
.service-section .mb-25
{
    margin-top: 130px;
}
.service-section .left-side h3
{
    font-size: 32px;
    line-height: 40px;
    color: #fff;
    padding-bottom: 10px;
}
.service-section .left-side-sub
{
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #FFF;
    padding: 8px;
}

.read-more-btn{
    padding: 7px 22px;
    background: #fff;
     float: left;
    border-radius: 30px;
    font-weight: 500;
    font-size: 14px;
    color: #083c96;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
}
.read-more-btn:hover{
      -webkit-transform: scale(1.1);
      font-weight: 500;
     font-size: 14px;
     color: #083c96; 
}
.service-section .right-side
{
    padding: 30px;
    background-color:#EB7F64;
    /*background: linear-gradient( 90deg, #EE5E55 0%, #EB7F64 100% );*/
    right: 35px;
}
.service-section .right-site-img
{
    padding: 10px;
}
@media (min-width: 992px)
{
    .service-section .right-side 
    {
    width: 100%;
    max-width: 450px;
    height: 400px;  
    }
}
 @media only screen and (min-width: 991px)
{
    
    .service-section .possible-image img
    {
        width: 80%;
    }
}
@media only screen and (max-width: 767px)
{
    
   .service-section .mb-25
    {
        margin-top: 60px;
    }
    .service-section .left-side
    {
        left: 0;
        padding: 30px 30px 30px 30px;
    }
    .service-section .left-side h3
    {
        font-size: 28px !important;

    }
    .ser-last-section
    {
            margin-top: 70px !important;
    }
    .right-side1 h3 
    {
        font-size: 28px !important;
    }
    .service-section .right-side 
    {
        right: 0;
    }
    .service-bg
    {
        margin-top: 70px !important;
    }
    .middle-view
    {
        padding: 50px 0 !important;
    }
    .left-side1 
    {
        left: 0 !important;
    }
    .service-section .right-side1
    {
        right: 0 !important;
       padding: 20px 40px 20px 25px !important;

    }
}
@media screen and (min-device-width: 768px) and (max-device-width: 991px) { 
   .service-section .left-side
   {
     left: 16px;
     padding: 40px 40px 40px 40px;
   }
   .service-section .right-side
   {
     right: 16px !important;
   }
   .service-section .left-side1
   {
    left: 16px !important;
   }
   .service-section .right-side1
   {
    right: 16px !important;;
     padding: 40px 40px 40px 40px !important;;
   }
}
@media screen and (min-device-width: 992px) and (max-device-width: 1199px) { 
   .service-section .left-side
   {
     left: 16px;
     padding: 40px 40px 40px 40px;
   }
   .service-section .right-side
   {
     right: 30px;
   }
    .service-section .left-side1
   {
        left: 16px;
   }
     .service-section .right-side1
   {
     right: 16px !important;
     padding: 40px 40px 40px 40px !important;
   }
}
.service-bg
{
    background-color: #F5F7FD;
    margin-top: 120px;
}
.middle-view
{
    padding: 80px 0;
}
.left-side1
{
     padding: 30px;
    background-color:#EB7F64;
    /*background: linear-gradient( 90deg, #EE5E55 0%, #EB7F64 100% );*/
    display: flex;
        left: 60px;
    z-index: 8;
}
@media (min-width: 992px)
{
    .service-section .left-side1
    {
        width: 100%;
        max-width: 450px;
        height: 400px;
    }

}
.service-section .right-side1
{
        background-image: linear-gradient(250deg, #4e95ed 0%, #03228f 100%);
        padding: 40px 40px 40px 120px;
        right: 35px;
}
.right-side1 h3
{
    font-size: 32px;
    line-height: 40px;
    color: #fff;
    padding-bottom: 10px;
}
.rts
{
    padding: 40px 10px !important;
}
.right-site-img img:hover
{
  transition: 0.3s all ease-in-out;
  width: 100%;
}
.ser-last-section
{
    background: url(../assets/images/background/service-bg.png) no-repeat center/cover;
    width: 100%;
    margin-top: 130px;
}
.section-spac
{
    padding: 80px 0;
}
.join-text
{
    font-size: 32px;
    line-height: 40px;
    color: #fff;
    font-weight: 600;
    
}
.work-with-us-btn
{
    padding: 10px 22px;
    background: #fff;
    float: left;
    border-radius: 30px;
    font-weight: 500;
    font-size: 16px;
    color: #083c96;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
}
/*--------------------------------------------------------------
# Contact Us section
--------------------------------------------------------------*/
.contact-section
{
    margin-top: 90px;
}
.addres-box
{
    position: relative;
    background: #ffffff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    overflow: hidden;
    min-height: 280px;
}
.address-text
{
    padding: 38px 30px;
    position: relative;
    z-index: 9;
}
.address-text h3
{
    margin: 0 0 10px 0;
    position: relative;
    font-size: 20px;
    font-family: Verdana,Geneva,sans-serif;
    font-weight: bold;
    color: #083c96;
}
.address-text-in
{
    padding: 30px 0 0 0;
}
.address-text-in p
{
    font-size: 15px;
    line-height: 23px;
    margin: 0;
    padding: 0 0 22px 0;
        color: #5b5858;
}
.address-phone {
    font-size: 15px;
    padding: 0 0 2px 0px;
    line-height: 20px;
    margin: 0 0 14px 0;
}
.address-phone a {
    color: #000;
    font-size: 15px;
}
.address-text h3:after 
{
    background: #2f55a1;
    position: absolute;
    left: 0;
    right: 77%;
    bottom: -15px;
    content: "";
    height: 2px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.addres-box:hover .address-text h3:after {
    right: 0;
}
.contact-form-section
{
    margin-top: 100px;
}
.contact-form-section .position-relative 
{
    position: relative !important;
}
.contact-form-section .contact-us-form-wrap 
{
   
}
.contact-form-section .gray-light-bg 
{
    background: #fafafa !important;
     border-radius: 20px;
    padding: 45px 20px 45px 40px;
    left: 190px;
}
.contact-form-section .for-text
{
    width: 100%;
    display: block;
    position: relative;
}
.contact-form-section .for-text h2
{
    font-size: 30px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 15px;
}
.contact-form-section .cont-inp-box
{
    height: calc(2.4em + 0.75rem + 2px);
    font-size: 14px;
}
.contact-form-section .btn-brand-01 
{
    background-color: #083e9b;
    border-color: #083e9b;
    color: #fff;
}
.contact-form-section .right-side
{
    width: 100%;
    max-width: 430px;
    border-radius: 20px;
}
.contact-form-section .right-side
{
    padding: 45px;
    background: #0948b3 !important;
   
}
.contact-form-section .right-side h3
{
    font-size: 32px;
    line-height: 40px;
    color: #fff;
    padding-bottom: 5px;
}
.contact-form-section .right-side p
{
    color: #fff;
}
.contact-form-section .contact-text h6
{
     color: #fff;
}
.contact-form-section .contact-text small
{   
    font-size: 85%;
    font-weight: 400;
     color: #fff;
}
.color-accent {
    color: #f67a3c !important;
}
.background-color.social-hover-2 li a
{
     display: block;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: relative;
    overflow: hidden;
    height: 32px;
    width: 32px;
    line-height: 32px;
    border-radius: 4px;
    font-size: 1rem;
}
.contact-form-section .background-color.social-hover-2 li a.twitter {
    background: #00a7e6;
    color: #fff !important;
    
}
.background-color.social-hover-2 li a.youtube {
    background: #ff0000;
    color: #fff !important;
}
.background-color.social-hover-2 li a.linkedin {
    background: #0077b5;
    color: #fff !important; 
}
.background-color.social-hover-2 li a.dribbble {
    background: #ea4c89;
    color: #fff !important;
}
.social-list-default .list-inline-item:not(:last-child) {
    margin-right: 0.3rem;
}
.social-list-default li:not(:hover) {
    opacity: 0.8;
}
.social-hover-2 li:hover a 
{
    border-radius: 100%;
}
.google-map {
    height: 100%;
    
}



/*--------------------------------------------------------------
# FAQ
--------------------------------------------------------------*/
.faq-sections
{
    margin-top: 70px;
}
.faq-sections .faq-header-title h3
{
    font-size: 30px;
    font-weight: 600;
    color: #000000;
    position: relative;
}
.faq-section {
   
    margin-top: 100px;
}
.faq-title p {
  padding: 0 190px;
  margin-bottom: 10px;
}
.faq {
  background: #FFFFFF;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
  border-radius: 4px;
}
.faq .card {
  border: none;
  background: none;
  border-bottom: 1px dashed #CEE1F8;
}
.faq .card .card-header {
  padding: 0px;
  border: none;
  background: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.faq .card .card-header:hover  .faq-title, .faq .card .card-header:hover  .faq-title:before {
   background: #014cda;
    padding-left: 10px;
    color: #FFFFFF;
}
.faq-title:before
{
    font-family: 'Fontawesome' !important;
   content: "\f078";
   float: right;
   transition: all 0.5s;
   color: #014cda;
}
.faq .card .card-header .active {
    background-color: #014cda;
}
.faq .card .card-header .active .faq-title {
    color: #FFF;
}
.faq-title.active .span:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
} 
.faq .card .card-header .faq-title {
  width: 100%;
  text-align: left;
  padding: 0px;
  padding-left: 30px;
  padding-right: 30px;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 1px;
  color: #000000;
  text-decoration: none !important;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  padding-top: 20px;
  padding-bottom: 20px;
}
.faq-sections .faq .card .card-header .faq-title .badge {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 14px;
  float: left;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  text-align: center;
  background: #014cda;
  color: #fff;
  font-size: 12px;
  margin-right: 20px;
}
.faq .card .card-body 
{
  padding: 25px;
    padding-left: 35px;
    padding-bottom: 16px;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    line-height: 28px;
    letter-spacing: 1px;
    border-top: 1px solid #F3F8FF;
}

.faq .card .card-body p {
  margin-bottom: 14px;
}
@media (max-width: 991px) {
  .faq {
    margin-bottom: 30px;
  }
  .faq .card .card-header .faq-title {
    line-height: 26px;
    margin-top: 10px;
  }
}
.card-header:active
{
    background: #014cda !important;
}
.inst-section
{
    margin-top: 90px;
}
.inst-header h3
{
    font-size: 30px;
    font-weight: 600;
    color: #000000;
    position: relative;
    font-family: "Roboto", sans-serif;
}
 .inst-header h3 img
{
    display: inline-block;
    margin: 0;
    height: 100px;
}
 .icon-section  {
    width: 120px;
    height: 120px;
    border: 1px solid #666666;
    border-radius: 50%;
    margin: 0 auto 20px;
    padding: 30px;
}
 .icon-section img
{
    border: none;
    transition: transform 1.5s;
    transform: perspective(800px)  rotateX(0deg);  
}
.icon-section img:hover{
    transform: perspective(800px) rotateY(180deg);
}
 .icon-text h4
{
    font-size: 17px;
    color: #000000;
    text-align: center;
    margin-top: 40px;
    font-family: "Roboto", sans-serif;
}
.icon-text p
{
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    color: #5b5858;
}
.mob-sub-section
{
    padding: 50px 0 0;
}
.mob-head-text h2
{
    font-size: 60px;
    font-weight: 600;
    color: #000000;
}

.mob-head-text p
{
    font-size: 17px;
    color: #5b5858;
    font-weight: 400;
    margin-top: 25px;
    margin-bottom: 30px;
    padding-right: 60px;
}
.btn-get-touch
{
    background-color: #014cda;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 16px;
    border-radius: 7px;
    text-decoration: none;
    border: 1px solid #014cda;
}
.dedicate-section
{
    padding: 80px 0;
}
.btn-get-touch:hover
{
    color: #014cda;
    text-decoration: none;
    background: #FFFFFF;
    border: 1px solid #014cda;
    border-radius: 7px;
}
.app-dev-section
{
    background-color: #f0f6ff;
    padding: 80px 0;
}

.app-detail p
{
    font-size: 17px;
    font-weight: 400;
    color: #5b5858;
}
.app-dev-section .tabbable-panel {
  
  padding: 10px;
}
.app-dev-section .tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.app-dev-section .tabbable-line > .nav-tabs > li {
  margin-right: 27px;
}
.app-dev-section .tabbable-line > .nav-tabs > li > a {
  border: 0;
    color: #000000;
    font-size: 20px;
    font-weight: 500;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.app-dev-section .tabbable-line > .nav-tabs > li > a:hover
{
    color: #014cda;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li a.active {
  border-bottom: 4px solid #014cda;
  color: #014cda;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  border: 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}
.app-dev-section .app-sub-texts h5
{
    font-size: 28px;
    line-height: 28px;
    font-weight: 500;
    color: #000000;
    margin-top: 20px;
}
 .app-sub-texts p
{
    font-size: 15px;
    color: #5b5858;
    font-weight: 400;
    margin-top: 25px;
    margin-bottom: 30px;
}
.app-new-slide .carousel-inner {
    width: 100%;
    display: inline-block;
    position: relative;
}
.app-new-slide .carousel-inner {
    padding-top: 43.25%;
    display: block;
    content: "";
}
.app-new-slide .carousel-item {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: skyblue;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.app-new-slide .caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 60%;
    z-index: 9;
    margin-top: 20px;
    text-align: center;
}
.app-new-slide .caption h1 {
  color: #fff;
    font-size: 52px;
    font-weight: 700;
    margin-bottom: 23px;
}
.app-new-slide .caption h2 {
  color: rgba(255,255,255,.75);
    font-size: 26px;
    font-weight: 300;
}
.app-new-slide a.big-button {
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
    background: #eb7a00;
    background: rgba(255, 0, 0, 0.75);
    padding: 28px 35px;
    border-radius: 3px;
    margin-top: 80px;
    margin-bottom: 0;
    display: inline-block;
}
.app-new-slide a.big-button:hover {
    text-decoration: none;
    background: rgba(255, 0, 0, 0.9);
}
.app-new-slide a.view-demo {
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    display: inline-block;
    margin-top: 35px;
}
.app-new-slide a.view-demo:hover {
    text-decoration: none;
    color: #333;
}
.app-new-slide .carousel-indicators li {
  /*background: rgba(255, 255, 255, 0.4);*/
  /*border-top: 20px solid;*/
  z-index: 15;
}
.app-icons
{
    padding: 8px 20px;
}
.iphone-text
{
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    display: block;
    margin: 10px 0 0;
}
.app-icons:hover
{
    background-color: #FFFFFF;
    box-shadow: 0 0 10px 10px rgb(0 0 0 / 3%);
    color: #014cda;
    padding: 8px 20px;
    border-radius: 10px;
}
.app-services-section
{
    margin-top: 90px;
}

.populer-blocks .row .col {
    flex: 0 0 20%;
    max-width: 20%;
}
.real-states-block
{
    padding: 70px 0;
}
.market-plac img
{
    mix-blend-mode: darken;
}
.app-services-section .app-ser-head p
{
    font-size: 17px;
    font-weight: 400;
    color: #5b5858;
    margin-bottom: 0;
}
.app-services-section .ser-list
{
    margin: 0px 0 0px 0;
    padding: 25px 40px 25px 40px;
    text-align: left;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0px 6px 23px rgb(27 29 35 / 0%);
    display: block;
    min-height: 385px;
    margin-bottom: 0px;
    border: 1px solid transparent;
    width: 100%;
    position: relative;
}
.app-services-section .ser-list:hover
{
    box-shadow: 6px 8px 19px 5px rgb(0 0 0 / 10%);
    border-radius: 10px;
}
.app-services-section .app-ser-icon
{
    list-style-type: none;
    width: 100%;
    margin: 0 0 30px 0;
    text-align: left;
}
.icon-circul 
{
    width: 74px;
    height: 74px;
    text-align: left;
    position: relative;
    margin: 0;
    background: #ddd;
    display: inline-block;
    padding: 12px;
    border-radius: 20px;
}
.app-services-section  .bg-blue
{
    background: #c1e4f7;
}
.app-services-section .icon-down-text
{
    display: block;
    margin: 0;
    padding: 0px;
    font-size: 17px;
    line-height: 24px;
    color: #000000;
    font-weight: 600;
}
.app-services-section .ser-list p
{
    display: block;
    font-size: 16px;
    margin-top: 11px;
     color: #5b5858;
    margin: 0px auto;
    padding: 20px 0px;
    font-weight: 400;
}

.app-services-section  .bg-green
{
    background: #d3ecd7;
}
.app-services-section  .bg-purple
{
    background: #d3caf9;
}
.mb-19
{
    margin-top: 50px;
}
.ready-section
{
    background: url(../assets/images/background/service-bg.png) no-repeat center/cover;
    width: 100%;
    margin-top: 80px;
    background-color: #0948b3;
}
.rad-sub-text
{
    font-size: 20px;
    line-height: 40px;
    color: #fff;
    font-weight: 600;
}
.space-ready
{
    padding: 80px 0;
}
.news-section
{
    margin-top: 70px;
}
.news-section .inst-head-text h3
{
    font-size: 30px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
}
.ready-section .sub-left-text h6
{
    font-size: 38px;
    color: #FFFFFF;
    font-weight: 500;
}
.ready-section .sub-btns
{
      min-height: 50px;
    border-radius: 0;
    background: #f67a3c;
    color: #fff;
    font-weight: 500;
    /* text-transform: uppercase; */
    transition: all 0.6s;
    outline: none;
    box-shadow: none;
    font-size: 16px;
    padding: 10px 30px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.ready-section .form-control
{
    height: 50px;
    border-color: #f1f5f6;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    background: #f1f5f6;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.news-section .inst-sub-cont
{
     font-size: 17px;
    font-weight: 400;
    color: #5b5858;
}
.insight-slider
{
    display: block;
    width: 100%;
    margin-top: 40px;
}
.insight-box
{
    background: var(--main-light2);
    border: 1px solid #eeeeee;
    border-radius: 4px;
    overflow: hidden;
    /* padding: 0 0 30px 0; */
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    height: 570px;
}
.insight-img
{
    display: block;
    text-align: center;
    width: 100%;
    position: relative;
    margin-bottom: 25px;
}
.insight-hd
{
    font-size: 21px;
    line-height: 31px;
    font-weight: 500;
    color: #000000;
    margin-top: 20px;
    padding: 0 15px;
}
.insight-sub-hd
{
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    color: #5b5858;       
    padding: 0 15px;
}
.btn-read-sec
{
    background-color: #014cda;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 18px;
    border-radius: 7px;
    text-decoration: none;
}
.btn-read-sec:hover
{
    color: #FFFFFF;
}
.btn-read
{
    margin-top: 15px;
}
@media only screen and (max-width: 767px) {
    .ready-section
    {
        margin-top: 40px;
    }
    .app-dev-section
     {
    margin-top: 50px;
    }
    .mob-head-text h2 
    {
    font-size: 33px;
   }
}
@media screen and (min-device-width: 768px) and (max-device-width: 991px)
{ 
     .mob-head-text h2 
    {
        font-size: 45px !important;
    }
    .app-services-section .ser-list 
    {
        min-height: 330px;
    }
}
.web-app-sections
{
    margin-top: 90px;
}
.lam-text
{
    font-weight: 600;
}
.heading h3
{
    font-size: 30px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 23px;
}
.heading p
{
    font-size: 17px;
    font-weight: 500;
    color: #000000;
}
.web-app-sections .outer-box
{
    display: block;
    height: 300px;
    margin: 30px auto;
    border-radius: 25px;
   border: 1px solid;
    /*width: calc(100% - 30px);*/
    /*box-shadow: -5px 3px 19px 3px rgb(0 0 0 / 10%);*/
}
.sp-mid
{
    margin-top: 10px;
}
.top-head-slid-text
{
    font-size: 25px;
    font-weight: 500;
    color: #000000;
    padding: 20px;
}
.sub-slid-text
{
     font-size: 15px;
    font-weight: 400;
    color: #000000;
     padding: 5px 20px;
}
.web-app-sections .owl-carousel .owl-item img 
{
    width: 65px !important;
    margin: 0 !important;
}
.inner-icon-img
{
    padding: 20px;
}
.inner-icon-img img
{
    margin-right: 0 !important;
}

/*--------------------------------------------------------------
# UI/UX
--------------------------------------------------------------*/

.des-rel-section
{
    margin-top: 80px;
}
.des-rel-section .dev-text h3
{
    font-size: 30px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 60px;
}
.des-rel-section .outer-box
{

    width: 275px;
    margin-bottom: 30px;
    min-height: 310px;
    -moz-box-shadow: 0 0 4px #e2e2e2;
    -webkit-box-shadow: 0 0 4px #e2e2e2;
    box-shadow: 0 0 4px #e2e2e2;
    border-radius: 10px;
    padding: 18px;
    font-size: 15px;
    color: #646a77;
    border-top: 8px solid #fff;
    /*border: 8px solid #fff;*/
    background: #FFFFFF;
    position: relative;
    border-left: 0;
     border-right: 0;
     border-bottom: 0;
}
.des-rel-section .outer-box:hover
{
    box-shadow: 0 0 15px #e2e2e2;
    border-top: 8px solid #318eef;
}
.des-rel-section .outer-box span
{
    width: 40px;
    height: 40px;
}
.developer-icon2
{
    background-position: -229px -164px !important;
}
.we-offer-icon2 
{
    background-position: -49px -124px !important;
}
.we-offer-icon9
{
    background-position: -219px -124px !important;
}
.template-icon {
    background-position: -179px -164px !important;
}
.developer-icon11
{
   background-position: -402px -164px !important;
}
.we-offer-icon13
{
   background-position: -309px -124px !important;
}
.template-icon14 {
    background-position: -269px -124px !important;
}
.des-rel-section span.sprites
{
    background: url(../assets/images/icons/sprites.png) no-repeat center center;
    display: inline-block;
}
.des-rel-section .outer-box h4 {
    font-size: 18px;
    margin: 10px 0 16px;
    color: #000000;
    font-weight: 600;
    height: 23px;
}
.des-rel-section .outer-box p
{
    font-size: 15px;
     color: #5b5858;
    line-height: 24px;
    font-weight: 400;
}
.use-section
{
    margin-top: 160px;
}
.use-section .outer-boxs
{
        background: #e3f2ef url(../assets/images/icons/uiux-que.png) no-repeat right 10px bottom 10px;
        border: 0;
        padding: 20px;
        border-radius: 8px;
        height: 486px;
}
.use-section .inside-text h3
{
    color: #000000;
    font-size: 20px;
    margin: 0 0 20px;
    font-weight: 600;
}
.use-section .pricing-ul
{
    margin: 0 0 10px;
    padding-left: 20px;
    list-style: none;
}
.use-section .pricing-ul li {
   
    list-style-image: url(../assets/images/icons/li4.png);
    font-size: 15px;
    color: #333;
    font-weight: 500;
}
.use-section .outer-box-second
{
    background: #edf8f6 url(../assets/images/icons/proffe.png) no-repeat right 10px bottom 10px;
    border: 0;
    padding: 20px;
    border-radius: 8px;
    height: 486px;
}
.use-section .inside-cont h3
{
    color: #000000;
    font-size: 20px;
    margin: 0 0 20px;
    font-weight: 600;
}
.use-section .outside-desig
{
    align-items: center;
    border: 1px solid #cac7f6;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 18px;
    max-width: 400px;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s;
        width: 300px;
}
.use-section .exclusive-thumb {
    width: 60px;
}
.use-section .exclusive-thumb img {
    width: 100%;
}
.use-section  .exclusive-content {
    width: calc(100% - 60px);
    padding-left: 20px;
}
 .exclusive-content .title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 28px;
    color: #027bdc;
}
.use-section .outside-desig:hover
{
    background: #fff;
    border-color: #fff;
    box-shadow: 0 0 15px 0 rgb(52 69 199 / 40%);
}
.slide-section
{
    margin-top: 80px;
}
.slide-section .right-side-text
{
    padding: 40px;
}
.slide-section .right-side-text h3
{
    color: #000000;
    font-size: 20px;
    margin: 0 0 20px;
    font-weight: 600;
}
.slide-section .right-side-text p
{
    font-size: 15px;
     color: #5b5858;
    line-height: 24px;
    font-weight: 400;
}

.slide-section .top-slide-header h3
{
   font-size: 30px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 52px;
}
.slide-section .carousel-indicators li 
{
    border: 1px solid #f13c31 !important;
    margin: 5px;
}
.slide-section .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #f13c31 !important;
     margin: 5px;
}
.slide-section .carousel-indicators 
{
    bottom: -30px;
}
 .slide-section .carousel-control.right
 {
    background: 0 !important;
 }
 .slide-section .carousel-control.left
 {
    background: 0 !important;
 }
 .slide-section .left
 {
    display: none;
 }
 .slide-section .right
 {
    display: none;
 }
 .user-custom-section
 {
    margin-top: 90px;
 }
@media screen and (min-width: 768px)
{
    .whoWeAreLeft 
    {
    -webkit-box-pack: end !important;
    justify-content: end !important;
    display: flex;
    }
}
@media screen and (min-width: 576px)
 {
    .whoWeAreCounter
    {
        position: absolute !important;
        padding: 30px !important;
        left: 0;
    }
 }
.whoWeAreCounter 
{
    position: static;
    bottom: 0px;
    background: linear-gradient(90deg , rgb(97, 97, 232) 0%, rgb(156, 122, 242) 100%);
    text-align: center;
    padding: 15px;
}
 .whoWeAreCounter div {
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    margin-bottom: 15px;
    padding-bottom: 15px;
}
 .whoWeAreCounter h2 {
    margin: 0px;
    color: rgb(255, 255, 255);
}
 .whoWeAreCounter p {
    margin: 0px;
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
@media (min-width: 768px)
{
     .whoWeAre {
    margin-top: 0px;
}
}
@media (min-width: 992px)
{
    .css-1vgfvid {
    font-size: 15px;
    line-height: 26px;
}
}
.css-1vgfvid 
{
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    color: #EE7455;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-top: 0;
    margin-bottom: 20px;
}
.css-be43bq h2 {
    margin: 0px 0px 40px;
}
@media (min-width: 1200px)
{
  .css-f6jqzs {
    font-size: 42px;
    line-height: 56px;
    color: #2E3280;
}
}
 .whoWeAreLisRight {
    padding-left: 0px;
}
 .whoWeAre p {
    color: rgb(46, 50, 128);
    margin: 0px 0px 30px;
    background: rgb(245, 247, 253);
    border-radius: 6px;
    padding: 12px 0px 12px 50px;
    position: relative;
}
 .whoWeAre p::before {
    content: "";
    background: linear-gradient(75deg, #073482, #014cda) !important;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 20px;
    left: 30px;
    border-radius: 50px;
}
.codingText img
{
    margin-bottom: 10px;
}
.codingText h2
{
    margin-bottom: 10px;
    font-size: 32px;
    color: #fff;
    font-weight: 600;
}
.codingText p
{
    margin: 0;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
}

.codingText:after {
    content: '';
    background: rgba(255,255,255,0.2);
    width: 1px;
    height: 245px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}
.css-1jwf72 {
    padding: 80px 0 40px 0;
    background-color: #f5f7fd;
}
.e1fnaaeo0
{
    margin-top: 90px;
}
@media screen and (min-width: 992px)
 {
    .css-1vgfvid 
    {
        font-size: 15px;
        line-height: 26px;
    }
 }
 .css-1vgfvid 
 {
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-top: 0;
    margin-bottom: 20px;
}
.css-1jwf72 h3 {
    color: #000000;
    font-size: 27px;
    font-weight: 600;
}
.css-jnv34j 
{
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #666666;
    margin-bottom: 40px;
}

/*--------------------------------------------------------------
# software testing top-spd
--------------------------------------------------------------*/  
.key-service-section
{
    margin-top: 90px;
}
.key-service-section .key-top-head h3
{
    font-size: 30px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 60px;
}
.key-service-section .out-side-box1
{
    /*background: linear-gradient(90deg, rgb(250, 246, 253) 0%, rgb(243, 229, 250) 100%);*/
    border-radius: 20px;
    padding: 40px;
    margin-bottom: 30px;
    display: block;
    text-decoration: none;
    transition: all 0.4s ease 0s;
    height: 290px;
    background: #fff;
    border: 2px solid #FFFFFF;
    box-shadow: 0 0 35px #e7e7e7;
}
.key-service-section .out-side-box1:hover
{
     border: 2px solid #318eef;
}
.key-service-section .inside-head-text h4
{
    font-size: 21px;
    color: #000000;
    font-weight: 600;
}
.key-service-section .inside-head-text p
{
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #666666;
}
.ready-section .procces-text h4
{
    font-size: 15px;
    line-height: 26px;
    color: #FFFFFF;
    font-weight: 600;
}
.ready-section .procces-text h3
{
    margin-bottom: 40px;
    font-size: 30px;
    color: #fff;
    font-weight: 600;
}
.ready-section .imag-box
{
    margin: 0 auto;
}
.out-img-box img
{
    width: 40%;
}
.ready-section .top-head-mob 
{
    font-size: 30px;
    line-height: 28px;
    font-weight: 600;
    color: #fff !important;
    text-align: center;
}
.ready-section .top-side-sec
{
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    text-align: center;
}

@media only screen and (max-device-width: 767px) {
    .out-img-box img
    {
        width: 100% !important;
    }
    
}
@media screen and (min-device-width: 768px) and (max-device-width: 991px) { 
    .out-img-box img
    {
        width: 60%;
    }
}
.test-tool-section
{
    margin-top: 90px;
}
 .test-tool-section ul {
    margin: 0 -10px;
    padding: 0;
    list-style: none;
        display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.test-tool-section li {
    margin: 0 0 20px 0;
    padding: 0 10px;
    width: 20%;
    }
    /*.logo-img
    {
        text-align: center;
        margin-bottom: 42px;
    }*/
.logo-img p
{
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #666666;
    text-align: center;
    margin-top: 10px;
}
.breadcrumbs-inner p {
    font-size: 17px;
    font-weight: 500;
    color: #FFFFFF;
    margin-top: 10px;
}
.insight-box a:hover
{
    text-decoration: none!important;
}
/*--------------------------------------------------------------
# PHP Development 
--------------------------------------------------------------*/  

.benifit-app-section
{
    margin-top: 75px;
}
.top-head-title h4
{
    font-size: 30px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 15px !important; 
}
.benifit-app-section .sub-text-inside p
{
    font-size: 15px;
    color: #5b5858;
    font-weight: 400;
    margin-top: 25px;
    margin-bottom: 30px;
    line-height: 28px;
    text-align: justify;
}
.benifit-app-section .sub-text-inside
{
    padding: 10px;
}
.benifit-app-section .top-part
{
    margin-top: 50px;
}

.custom-section
{
    margin-top: 75px;
}
.custom-section .top-head-part h4
{
    font-size: 30px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 15px !important;
}
.custom-section .app-contain
{
    border: 1px solid rgb(216, 216, 216);
    padding: 40px;
    border-radius: 11px;
    height: 315px;
    margin-bottom: 30px;
}
.custom-section .inst h4
{
    margin: 0px 0px 0px 15px;
    font-size: 20px;
    line-height: 29px;
    color: #000000;
}
.custom-section .app-sub-details
{
    font-size: 15px;
    color: #5b5858;
    font-weight: 400;
    margin-top: 25px;
    margin-bottom: 30px;
    line-height: 27px;
    text-align: justify;
}
.app-contain:hover
{
    background-color: #014cda;
}
 .app-contain:hover .inst h4, .app-contain:hover .app-sub-details  
{
    
    color: #FFFFFF  !important;
}

/*--------------------------------------------------------------
# Blockchain development
--------------------------------------------------------------*/ 
.app-outer-bg
{
    background-color: #f0f6ff;
}
.blockchain-auto-icon img
{
    margin: 15px 15px;
    width: 50px;
    height: auto;
}
.blockchain-auto-icon-inner
{
    width: 50%;
    position:relative;
    z-index: 1;
}
.blockchain-auto-icon-inner
{
     width: 76px;
    height: 76px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    display: inline-block;
    transition: all 0.5s ease;
    border-radius: 10px;
    background-color: #f1f6ff;
}
.porten-block
{
    padding: 80px 0;
}
.blockchain-services-section
{
    background-color: #f0f6ff;
}
.blockchain-inner-service
{
    padding: 70px 0;
}
.blockchain-inner-slider
{
    padding-top: 40px;
}
.blockchain-inner-slider .blockchain-card
{
    box-shadow: 0 0 8px #5492ff33;
    background: #FFFFFF;

}
.blockchain-card .blockxhain-card-img img
{
    border-radius: 10px 10px 0 0;
}
.blockchain-card
{
    border-radius: 10px;
}
.blockchain-card .blockchain-data h6
{
    font-size: 18px;
    color: #000000;
    font-weight: 600;
    line-height: 26px;
    padding: 25px 20px;
    text-align: center;
}

.blockchain-inner-slider .owl-nav
{
    display: none;
}

/*----
----------------------------------------------------------
#crypto token development 
--------------------------------------------------------------*/  

.popular-token-img-block img 
{
    width: 56px;
    height: auto;
}
.popular-token-img-block
{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.popular-token-data
{
    padding-top: 18px;
}
.popular-token-data h6
{
    font-size: 16px;
    text-align: center;
    color: #000;
    margin: 0;
    line-height: 22px;
}
.comman-tokens-box
{
    background: #FFF;
    box-shadow: 0 0 0px #3f51b5;
    padding: 25px 10px;
    text-align: center;
    border-radius: 7px;
    height: 154px;
    margin-bottom: 30px;

}
.comman-tokens-box:hover
{
    box-shadow: 0 0 5px #3f51b5;
}
.popular-token-block:hover .out-line-green
{
    height: 70px;
    width: 70px;
    border-radius: 50%;
    border: 2px dashed #50af95;
    position: absolute;
    left: 0px;
    right: 0;
    top: -76px;
    bottom: 0;
    margin: auto;
    animation: circleroted 20s linear infinite;
}
.popular-token-block2:hover .out-line-blue
{
    height: 70px;
    width: 70px;
    border-radius: 50%;
    border: 2px dashed #2a5ada;
    position: absolute;
    left: 0px;
    right: 0;
    top: -76px;
    bottom: 0;
    margin: auto;
    animation: circleroted 20s linear infinite;
}
.popular-token-block3:hover .out-line-blue
{
    height: 70px;
    width: 70px;
    border-radius: 50%;
    border: 2px dashed #2775ca;
    position: absolute;
    left: 0px;
    right: 0;
    top: -76px;
    bottom: 0;
    margin: auto;
    animation: circleroted 20s linear infinite;
}
.popular-token-block4:hover .out-line-blue
{
    height: 70px;
    width: 70px;
    border-radius: 50%;
    border: 2px dashed #2cc6d9;
    position: absolute;
    left: 0px;
    right: 0;
    top: -76px;
    bottom: 0;
    margin: auto;
    animation: circleroted 20s linear infinite;
}
.popular-token-block5:hover .out-line-blue
{
    height: 70px;
    width: 70px;
    border-radius: 50%;
    border: 2px dashed #262761;
    position: absolute;
    left: 0px;
    right: 0;
    top: -76px;
    bottom: 0;
    margin: auto;
    animation: circleroted 20s linear infinite;
}
.popular-token-block6:hover .out-line-as
{
    height: 70px;
    width: 70px;
    border-radius: 50%;
    border: 2px dashed #ff007a;
    position: absolute;
    left: 0px;
    right: 0;
    top: -76px;
    bottom: 0;
    margin: auto;
    animation: circleroted 20s linear infinite;
}
.popular-token-block7:hover .out-line-as
{
    height: 70px;
    width: 70px;
    border-radius: 50%;
    border: 2px dashed #00d1ff;
    position: absolute;
    left: 0px;
    right: 0;
    top: -76px;
    bottom: 0;
    margin: auto;
    animation: circleroted 20s linear infinite;
}
.popular-token-block8:hover .out-line-as
{
    height: 70px;
    width: 70px;
    border-radius: 50%;
    border: 2px dashed #7980b1;
    position: absolute;
    left: 0px;
    right: 0;
    top: -76px;
    bottom: 0;
    margin: auto;
    animation: circleroted 20s linear infinite;
}
.popular-token-block9:hover .out-line-as
{
    height: 70px;
    width: 70px;
    border-radius: 50%;
    border: 2px dashed #243c6c;
    position: absolute;
    left: 0px;
    right: 0;
    top: -76px;
    bottom: 0;
    margin: auto;
    animation: circleroted 20s linear infinite;
}
.popular-token-block10:hover .out-line-as
{
    height: 70px;
    width: 70px;
    border-radius: 50%;
    border: 2px dashed #00d395;
    position: absolute;
    left: 0px;
    right: 0;
    top: -76px;
    bottom: 0;
    margin: auto;
    animation: circleroted 20s linear infinite;
}
@keyframes circleroted{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(359deg);
    }
}
.populer-space
{
    padding-top: 40px;
}
.nft-right
{
    text-align: right;
}
/*--------------------------------------------------------------
# Wordpress development 
--------------------------------------------------------------*/  
.top-spd
{
    margin-top: 40px;
}
.icon-down-texts
{
    display: block;
    margin: 0;
    padding-top: 15px;
    font-size: 17px;
    color: #000000;
    font-weight: 600;
}
.ser-list-out
{
    border-radius: 10px;
    padding: 40px 40px;
    display: block;
    text-decoration: none;
    transition: all 0.4s ease 0s;
    height: 424px;
    background: #fff;
    border: 2px solid #FFFFFF;
    box-shadow: 0 0 8px #e7e7e7;
    margin-bottom: 30px;
}
.ser-list-out:hover
{
    border: 2px solid #318eef;
    box-shadow: 0 0 35px #5492ff33;

}
.ser-list-out p
{
    display: block;
    font-size: 17px;
    margin-top: 11px;
    color: #5b5858;
    margin: 0px auto;
    padding: 7px 0px;
    line-height: 26px;
}
.wds-icon113
{
    background-position: -509px -666px !important;
    width: 44px;
    height: 39px;
}
.wds-spt
{
    background: url(../assets/images/wordpress/icons.png) no-repeat 0 0;
    width: 42px;
    height: 45px;
    display: block;
    margin: 4px auto;
}
.wds-icon12
{
    background-position: -51px -45px !important;
}
.wds-icon13
{
    background-position: -467px -625px !important;
    width: 43px !important;
    height: 45px !important;
}
.wds-icon14
{
    background-position: -260px -621px !important;
}
.wds-icon15
{
    background-position: -3px -214px !important;
}
.wds-icon16
{   
    background-position: -378px -261px !important;
    width: 47px !important;
    height: 45px !important;
}
.wordpress-benifit-section
{
    margin-top: 80px;
}
.wordpress-benifit-section .top-head-text h4
{
    font-size: 30px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 15px !important;
    text-align: center;
}
.wordpress-benifit-section .top-head-text p
{
    font-size: 17px;
    font-weight: 400;
    color: #5b5858;
    text-align: center;

}
.wordpress-benifit-section .top-spac
{
    margin-top: 60px;
}
.wordpress-benifit-section .whoWeAreLisRight
{

    padding-left: 0px;

}
.wordpress-benifit-section .left-side p 
{
    color: rgb(46, 50, 128);
    margin: 0px 0px 15px;
    background: rgb(245, 247, 253);
    border-radius: 6px;
    padding: 12px 0px 12px 42px;
    position: relative;
}
.wordpress-benifit-section .left-side p::before
{
    content: "";
    background: linear-gradient(75deg, #073482, #014cda) !important;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 20px;
    left: 23px;
    border-radius: 50px;
}
.wordpress-benifit-section .css-jnv34j {
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    color: #666666;
    margin-bottom: 40px;
}

.develop-sections
{
    margin-top: 120px;
}
.develop-sections .top-head-text h4
{
    font-size: 30px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 15px !important;
    text-align: center;
}
.develop-sections .icon-main
{
    width: 65px;
    height: 65px;
    text-align: center;
    line-height: 61px;
    color: #fff;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    background-color: #0039e4;
    background-image: -moz-linear-gradient(145deg, #0039e4, #04dbf1);
    background-image: -webkit-linear-gradient(145deg, #0039e4, #04dbf1);
    background-image: linear-gradient(145deg, #0039e4, #04dbf1);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-shadow: 8px 8px 20px 0px rgb(2 156 236 / 30%);
    -webkit-box-shadow: 8px 8px 20px 0px rgb(2 156 236 / 30%);
}
.develop-sections .icon-main i
{
    font-size: 25px !important;
    margin: 19px;
}
.develop-sections .left-side-dev h5
{
    font-size: 21px;
    line-height: 1.2;
    margin: 8px 0 10px;
    color: #000000;
}
.develop-sections .left-side-dev p
{
    display: block;
    font-size: 15px;
    margin-top: 11px;
    color: #5b5858;
    font-weight: 400;
    padding: 5px 13px 5px 0;  
}
.sp-dev
{
    margin-top: 85px;
}
.sld-sec .carousel-indicators li {
    border: 1px solid #014cda !important;
    margin: 5px;
}
.sld-sec .carousel-indicators .active
{
    background-color:  #014cda !important;
}
/*--------------------------------------------------------------
# Wordpress development 
--------------------------------------------------------------*/  
.cms-main-section
{
    margin-top: 70px;
}


.cms-main-section .sp-top
{
    margin-top: 60px;
}
.cms-main-section .out-box-first
{
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    background-color: #FFFFFF;
    position: relative;
    height: 100px;
    transition: all 0.3s linear;
}
.cms-main-section .inside-back-img
{
    background-image: url(../assets/images/CMS/bg01.png);
    background-position: top right;
    background-repeat: no-repeat;
}
.cms-main-section .inside-back-img2
{
    background-image: url(../assets/images/CMS/bg02.png);
   background-position: bottom right;
    background-repeat: no-repeat;
}
.cms-main-section .inside-back-img3
{
    background-image: url(../assets/images/CMS/bg03.png);
    background-position: top right;
    background-repeat: no-repeat;
}
.cms-main-section .inside-sp
{
    padding: 26px;
}
.number
{
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #00c3ff;
    font-weight: bold;
    font-size: 28px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: rgba(0, 195, 255, 0.15);
}
.number2
{
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
     color: #0160e7;
    font-weight: bold;
    font-size: 28px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
      background-color: rgba(1,96,231,0.152);
}
.number3
{
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
     color: #fe4c1c;
    font-weight: bold;
    font-size: 28px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: rgba(254,76,28,0.154);
}
.right-side-text
{
    padding-left: 70px;
    padding-top: 14px;
}
.right-side-text h4
{
    font-weight: 400;
    margin-bottom: 8px;
    font-size: 20px;
    margin-top: 0;
    color: #5b5858;
}
.cms-main-section .out-box-first:hover
{
    transform: translateY(-15px);
}

 .cms-bg
{
    background-color: #f0f6ff;
}
.dedicate-section .m18
{
    margin: 30px;
}
.dedicate-section .right-side-contain
{
    padding: 0 20px;
}

.right-side-contain p
{
    font-size: 15px;
    color: #5b5858;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 20px;
}
.cms-dev-design
{
    margin-top: 40px;
    background-color: #f0f6ff;
    padding: 70px 0;
}

.cms-dev-design .top-sec p
{
    font-size: 17px;
    font-weight: 400;
    color: #5b5858;
    margin-bottom: 12px;
    line-height: 24px;
}
.feature-offer-section
{
    margin-top: 90px;
}
.feature-offer-section .feature-head h4
{
    font-size: 30px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 30px;
}
.out-box-shwd
{
    border-radius: 20px;
    padding: 25px;
    margin-bottom: 30px;
    display: block;
    text-decoration: none;
    transition: all 0.4s ease 0s;
    height: 200px;
    background: #fff;
    border: 2px solid #FFFFFF;
    box-shadow: 0 0 35px #e7e7e7;
}
.digits
{
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 49px;
    color: #fff;
    transition: all 0.5s ease;
    background-color: #0039e4;    
    background-image: linear-gradient(145deg, #0039e4, #04dbf1);
    border-radius: 50%;
    box-shadow: 8px 8px 20px 0px rgb(2 156 236 / 30%);
    font-size: 22px;
    font-weight: 700;
}
.right-side-title p
{
    font-size: 15px;
    line-height: 23px;
    padding: 10px 0 10px 10px;
    color: #5b5858;
    font-weight: 400;
}

/*--------------------------------------------------------------
# Ecommerce development 
--------------------------------------------------------------*/ 
.ecommerce-section
{
    margin-top: 100px;
}
.ecommerce-section .top-tile h4
{
    font-size: 30px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 20px;
    text-align: center;
}
.ecommerce-section .top-tile p
{
    font-size: 17px;
    font-weight: 400;
     color: #5b5858;;
    text-align: center;
}
.ecommerce-section .out-box-sec
{
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(93, 118, 174, 0.15);
    
    border-radius: 1rem;
}
.ecommerce-section .top-contan
{
    padding: 38px;
}
.ecommerce-section .top-contan h4
{
    margin-bottom: 14px;
    font-size: 22px;
    line-height: 1.2;
    color: #1a1b1e;
}
.ecommerce-section .top-contan p
{
    font-size: 16px;
    line-height: 1.875;
    font-weight: 400;
    color: #5b5858;
}
.ecommerce-section .sp-section
{
    margin-top: 60px;
}

.ecommerce-section .out-sold
{
    background-image: url(../assets/images/ecommerce/bg02.png);
    background-position: bottom right;
    background-repeat: no-repeat;

}
.out-box-sec:hover
{
    box-shadow: 8px 8px 30px 0px rgb(42 67 113 / 15%);
    border: 1px solid #318eef;
}
.m-20
{
    margin-bottom: 60px;
}
.e-section
{
    margin-top: 80px;
}
.e-section .top-titles h4
{
    font-size: 30px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 50px !important;
}
.e-section .outside-line
{
    align-items: center;
    border: 1px solid #cac7f6;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 18px;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s;
}
.e-section .exclusive-thumb
{
    width: 60px;
}
.e-section .exclusive-content
{
    width: calc(100% - 60px);
    padding-left: 20px;
}
.e-section .exclusive-content .title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 28px;
    color: #027bdc;
}
.e-section .top-text-title
{
    padding: 0 25px;
}
.e-section .top-text-title h4
{
    color: #000000;
    font-size: 20px;
    margin: 0 0 20px;
    font-weight: 600;
}
.e-section .top-text-title p
{
    font-size: 15px;
    color: #5b5858;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 20px;
}
.e-section ul li
{
    list-style-type: disc;
    font-size: 15px;
    color: #5b5858;
    font-weight: 400;
}
.e-section ul 
{
    padding: 0 17px;
}
.mobile-back-section
{
    margin-top: 95px;   
}
.mobile-back-section .top-text-title h4
{
    color: #000000;
    font-size: 22px;
    margin: 0 0 20px;
    font-weight: 600;
}
.mobile-back-section .top-text-title p
{
    font-size: 15px;
    color: #5b5858;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: justify;
}
.mobile-back-section .top-text-title
{
    padding: 0 25px;
}
.mobile-back-section .inside-icon
{
    border-radius: 4px;
    border: 1px solid #666666;
    width: auto;
    padding: 12px;
}
.mobile-back-section .inside-icon2
{
    border-radius: 4px;
    border: 1px solid #666666;
    width: auto;
    padding: 12px 22px;
}
.mobile-back-section .inside-icon3
{
    border-radius: 4px;
    border: 1px solid #666666;
    width: auto;
    padding: 12px 17px;
}
.mobile-back-section .inside-icon4
{
    border-radius: 4px;
    border: 1px solid #666666;
    width: auto;
    padding: 12px 20px;
}
.mobile-back-section ul li
{
    
    list-style-type: disc;
    font-size: 15px;
    color: #5b5858;
    font-weight: 400;
}
.mobile-back-section .list-back
{
    padding: 0 20px;
}
.mobile-back-section .top-spc
{
    margin-top: 120px;
}
.approach-section
{
    margin-top: 90px;
}
.approach-section .approach-top-head h4
{
    font-size: 30px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 20px;
}
.approach-section .approach-top-head p
{
    font-size: 17px;
    font-weight: 400;
    color: #5b5858;
}
.approach-section  .left-box
{
    background: #deeaf3;
    height: 545px;
    border-radius: 6px 0 0 6px;
    border-right: 1px solid #fff;
    
}
.approach-section.left-box h3 {
    color: #01b9f7;
    border-radius: 6px 0 0 0;
}
.approach-section h3 {
    font-size: 18px;
    color: #01b9f7;
    margin: 0;
    font-weight: 400;
    line-height: 56px;
    background: #173e62;
    text-align: left;
    padding: 20px;
     border-radius: 6px  6px 0 0;
}
.approach-section ul 
{
    margin: 0 0 0 20px;
    padding: 25px;
    list-style: none;
}
.approach-section ul li {
    font-size: 16px;
    line-height: 34px;
    color: #6c6c6c;
    text-align: left;
    list-style-image: url(../assets/images/ecommerce/new-arrow.png);
}

/*--------------------------------------------------------------
# Open source customization
--------------------------------------------------------------*/ 
.open-source-section
{
    margin-top: 80px;
}
.open-source-section .open-top-text h4
{
    font-size: 30px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 50px;
}
.open-source-section .outer-area
{
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ddd;
        height: 320px;
}
.open-source-section .inside-title
{
    font-size: 17px;
    color: #2f55a1;
    font-weight: 600;
    padding: 20px;
}
.open-source-section .fig
{
    text-align: center;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    background: #eee;
    border: 1px solid #e1e1e1;
    padding: 0.8em;
    margin: 0 0.2em;
}
.open-source-section .ch-img
{
    margin: 0 !important;
    background: #fff !important;
    border-radius: 50px !important;
    height: 66px !important;
    width: 66px !important;
}
.open-source-section .ch-img img
{
    margin-top: 7px;
}
.open-source-section .inside-right-text
{
        font-size: 15px;
    color: #5b5858;
    line-height: 24px;
    font-weight: 400;
    padding: 10px 5px 10px 12px;
    
}
.outer-area:hover .fig
{
    background: #87CEEB;

}
.outer-area:hover
{
    border: 2px solid #87CEEB;
}
.offr-section 
{
    margin-top: 90px;
}
.offr-section .top-head-text h4
{
    font-size: 30px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 30px;
}
.offr-section .platforms_area
{
    background: #fff;
    box-shadow: 1px 0 20px #ccc;
    border-radius: 20px;
    padding: 15px;
    position: relative;
    height: 400px;
}
.offr-section .platforms_img
{
    width: 105px;
    height: 105px;
    margin: auto;
    border-radius: 100%;
    position: absolute;
    z-index: 99;
    top: -55px;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 1px 0 10px #ccc;
    border: 10px solid #e2e2e2;
}
.offr-section  .platforms_img img
{
    margin: 20px;
}
.offr-section  .platforms_top-text h5
{
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    color: #083c96;
    margin-top: 40px;
}
.offr-section  .top-spac
{
    margin-top: 120px;
}
.offr-section  .platforms_top-text p
{
    font-size: 15px;
    color: #5b5858;
    line-height: 24px;
    font-weight: 400;
    padding: 10px;
}
.platforms_area:hover
{
    box-shadow: 1px 0 30px #666;
    background: linear-gradient(-225deg,#fffeff 0,#f4fcff 100%);
}
.platforms_area:hover .platforms_img 
{
    border: 10px solid #87CEEB;
    box-shadow: 1px 0 20px #ccc;
    background: #f4fcff;
    background-image: linear-gradient(-225deg,#fffeff 0,#f4fcff 100%);
}
.benifit-os-area
{
    margin-top: 90px;
    background-color: #f0f6ff;

}
.benifit-os-area .inside-out-line
{
    width: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    border: 1px solid #ddd;
    height: 220px;
}
.benifit-os-area .inside-right-detail h5
{
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    padding: 10px;
}
.benifit-os-area .inside-right-detail p
{
    font-size: 15px;
    color: #5b5858;
    line-height: 24px;
    font-weight: 400;
    padding: 10px
}
.benifit-os-area .down-space
{
    margin-bottom: 70px;
}
.benifit-os-area .out-side-bg
{
    background-image: url(../assets/images/CMS/bg03.png);
    background-position: top right;
    background-repeat: no-repeat;
}
.benifit-os-area .carousel-indicators
{
    bottom: 0px !important;
}
.benifit-os-area .carousel-indicators li {
    border: 1px solid #014cda !important;
    margin: 5px;
}
.benifit-os-area .carousel-indicators .active {
    background-color: #014cda !important;
}
.method-section
{
    margin-top: 80px;
}
.method-section .method-top-text h4
{
    font-size: 30px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 20px;
}
.method-section .method-top-text p
{
    font-size: 17px;
    margin-top: 11px;
    color: #5b5858;
    font-weight: 400;
}
.column-baner-center
{
    padding: 20px 0;
}
.column-baner-center img
{
    width: 18%;
}
.column-baner-title h5
{
    font-size: 18px;
    margin: 10px 0 16px;
    color: #000000;
    font-weight: 600;
    height: 23px;
}
.column-baner-title p
{
    font-size: 15px;
    color:#5b5858;
    line-height: 24px;
    font-weight: 400;
}

/*--------------------------------------------------------------
# website design css
--------------------------------------------------------------*/ 
.website-design-section .web-head-title h4
{
    color: #000000;
    font-size: 20px;
    margin: 0 0 20px;
    font-weight: 600;
}
.website-design-section .web-head-title p
{
    font-size: 15px;
    color: #666666;
    line-height: 24px;
    font-weight: 400;
}
.website-design-section .web-head-title
{
    padding: 15px;
}
.website-design-section .spac
{
    margin-top: 90px;
}
.website-design-section .top-text
{
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-top: 0;
    margin-bottom: 20px;
}
.website-design-section .top-progress-text
{
    font-weight: 600;
    color: #666666;
    font-size: 16px;
    line-height: 1.875;
}
.website-design-section .progress-bar
{
    background-color: #87CEEB !important;
}
.website-design-section .progress
{
    margin-bottom: 0 !important;
}
.web-bg
{
    margin-top: 90px;
    background-color: #f0f6ff;
}
.web-bg .right-side-text ul li
{
    /*list-style-image: url(../assets/images/website-design/dot01.png);*/
    font-size: 15px;
    color: #5b5858;
    line-height: 24px;
    font-weight: 400;
}
.web-bg .right-side-text ul li:before 
{
  content: '';
  display: inline-block;
  height: 20px;
  width: 20px;
  background-image: url(../assets/images/website-design/dot02.png);
  background-repeat: no-repeat;
  margin-right: 10px;
  vertical-align: middle !important;
}
.web-bg .carousel-indicators .active {
    background-color: #014cda !important;
}
.web-bg .carousel-indicators li {

    border: 1px solid #014cda !important;
    margin: 5px;
}
.web-bg  .carousel-indicators {
    bottom: 0px !important;
}
.web-bg .carousel-indicators
{
    margin-bottom: 35px;
}
.web-bg .space-readys
{
    padding-bottom: 55px;
}
.package-section
{
    margin-top: 80px;
}
.pck-top-title h4
{
    font-size: 30px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 50px;
}
.package-section .right-side-sec
{
    padding: 15px;
}
.package-section .right-side-sec ul li
{
    font-size: 15px;
    color: #5b5858;
    line-height: 24px;
    font-weight: 400;
}
.package-section  .right-side-sec ul li:before 
{

  content: '';
  display: inline-block;
  height: 20px;
  width: 20px;
  background-image: url(../assets/images/website-design/dot02.png);
  background-repeat: no-repeat;
  margin-right: 10px;
  vertical-align: middle !important;
}
.responsive-section
{
    margin-top: 50px;
}
.responsive-section .respon-title h4
{
    font-size: 30px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 30p
}
.responsive-section .out-responce-box
{
    border: 1px solid rgb(216, 216, 216);
    padding: 20px 20px;
    border-radius: 11px;
    height: 295px;
    margin-bottom: 30px;
}
.right-top-title h5
{
    margin: 15px 0px 0px 10px;
    font-size: 20px;
    line-height: 29px;
    color: #000000;
}
.bottom-text
{
    font-size: 15px;
    color: #5b5858;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 30px;
    line-height: 27px;
    text-align: justify;
    padding: 10px;
}
 .responsive-section .out-responce-box:hover
 {
    box-shadow: 1px 0 5px #666;
    /*background: linear-gradient(-225deg,#fffeff 0,#f4fcff 100%);*/
 }
/*--------------------------------------------------------------
# Logo design css
--------------------------------------------------------------*/ 

.logo-section .logo-head-text p
{
    font-size: 15px;
    color: #5b5858;
    font-weight: 400;
    margin-top: 17px;
    margin-bottom: 16px;
}
.design-section2
{
    margin-top: 80px;
}
.design-section2 .leftside
{
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 61px;
    color: #fff;
    transition: all 0.5s ease;
    background-color: #0039e4;
    background-image: linear-gradient(145deg, #0039e4, #04dbf1);   
    border-radius: 50%;
    box-shadow: 8px 8px 20px 0px rgb(2 156 236 / 30%);
}
.design-section2 .leftside i
{
    font-size: 25px;
    color: #FFFFFF;
    margin: 18px;
} 
.design-section2 .rightside h5
{
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    margin-top: 0 !important;
} 
.design-section2 .rightside p
{
    font-size: 16px;
    color: #5b5858;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 30px;
    line-height: 27px;
    text-align: justify;
}
.logo-design-part2
{
    margin-top: 70px;
}
.logo-design-part2 .top-head-part h5
{
    color: #000000;
    font-size: 20px;
    margin: 0 0 20px;
    font-weight: 600;
}
.logo-design-part2 .list-dis
{
    margin: 0 0 20px;
    padding-left: 20px;
    list-style: none;
}
.logo-design-part2 .list-dis li
{
    font-size: 17px;
    color: #666666;
    line-height: 24px;
    font-weight: 400;
}
.logo-process-section
{
    margin-top: 80px;
}
.logo-process-section h3
{
    font-size: 30px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 60px
}
.logo-process-section .bottom-img-text
{
    text-align: center;
    font-size: 14px;
    color: #000000;
    font-weight: 600;
    margin-top: 18px;
}
.Unique-section
{
    margin-top: 80px;
}
.Unique-section h3
{
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 40px;
}
.Unique-section .Unique-text li
{
    font-size: 15px;
    color: #5b5858;
    font-weight: 500;
}
.Unique-section .Unique-text li i
{
    color: #014cda;
}
 .right-side-text h3
 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
 }
.out-box-pert
{
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    background: #FFFFFF;
    padding: 10px;
}
.out-box-pert h6
{
    font-size: 16px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
}
.out-box-pert p
{
    font-size: 14px;
    color: #5b5858;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 30px;
    line-height: 27px;
}
/*--------------------------------------------------------------
# Layout  design css
--------------------------------------------------------------*/ 

.layout-section
{
    margin-top: 80px;

}
.layout-section .icon-box
{
    padding: 40px 27px 35px;
    position: relative;
    border-radius: 15px;
    box-shadow: 8px 8px 30px 0px rgb(42 67 113 / 15%);
     border-top: 8px solid #fff;
     height: 360px;

}
.layout-section .icon-main
{
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    display: inline-block;
    margin-bottom: 25px;
    transition: all 0.5s ease;
    border-radius: 50%;
    background-color: #0039e4;
    background-image: linear-gradient(145deg, #0039e4, #04dbf1);
    box-shadow: 8px 8px 30px 0px rgb(1 96 231 / 30%);
}
.layout-section .icon-main i
{
    font-size: 25px;
    color: #FFFFFF;
    margin: 22px 20px;
}
.layout-section .icon-box h5
{
    font-size: 18px;
    margin: 10px 0 16px;
    color: #000000;
    font-weight: 600;
    height: 23px;
}
.layout-section .icon-box p
{
    font-size: 15px;
    color: #666666;
    line-height: 24px;
    font-weight: 400;
    margin-top: 28px;
}
.layout-section .icon-box:hover
{
    box-shadow: 0 0 15px #e2e2e2;
    border-top: 8px solid #318eef;
}
/*--------------------------------------------------------------
# HTML  design css
--------------------------------------------------------------*/ 
.html-dev-section
{
    margin-top: 90px;
}
.html-dev-section .out-box-first {
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    background-color: #FFFFFF;
    position: relative;
    height: 300px;
    transition: all 0.3s linear;
}
.html-dev-section .inside-sp
{
    padding: 26px;
}
.html-dev-section  .inside-sp h4
{
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 20px;
    margin-top: 30px;
    text-align: center;
}
.html-dev-section .inside-back-img
{
    background-image: url(../assets/images/html-design/bg02.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.html-dev-section .inside-sp2
{
    padding: 0px 26px;
}
.html-dev-section  .inside-sp2 p
{
    font-size: 15px;
    line-height: 24px;
    color: #5b5858;
    font-weight: 400;
}
.html-use-section
{
    margin-top: 160px;
}
.html-use-section .outer-boxs
{
    background: #e3f2ef url(../assets/images/icons/uiux-que.png) no-repeat right 10px bottom 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    padding: 20px;
    height: 400px;
}
.html-use-section .inside-text h3
{
    color: #000000;
    font-size: 20px;
    margin: 0 0 20px;
    font-weight: 600;
}
.html-use-section .pricing-ul
{
    margin: 0 0 10px;
    padding-left: 20px;
    list-style: none;
}
.html-use-section .pricing-ul li {
    list-style-image: url(../assets/images/icons/li4.png);
    
        font-size: 15px;
    color: #333;
    font-weight: 500;
}
.html-use-section .outer-box-second
{
     background: #e3f2ef url(../assets/images/icons/uiux-que.png) no-repeat right 10px bottom 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    padding: 20px;
    height: 400px;
}
.html-use-section .inside-cont h3
{
    color: #000000;
    font-size: 20px;
    margin: 0 0 20px;
    font-weight: 600;
}

.html-process-section
{
    margin-top: 60px;
}
.html-process-section h3
{
    font-size: 30px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 60px;
}
.html-process-section .bottom-img-text
{
    text-align: center;
    font-size: 14px;
    color: #000000;
    font-weight: 600;
    margin-top: 18px;
}
.react-section {
    background: #fdfdfd;
    padding: 10vh 0 0;
}
.react-section h3
{
    font-size: 30px;
    font-weight: 600;
    color: #000000;
    position: relative;
}
.rents {
  background: #FFFFFF;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
  border-radius: 4px;
}
.rents .card {
  border: none;
  background: none;
  border-bottom: 1px dashed #CEE1F8;
}
.rents .card .card-header {
  padding: 0px;
  border: none;
  background: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.rents .card .card-header:hover, .rents .card .card-header:hover .faq-title {
    background: #014cda;
    padding-left: 10px;
    color: #FFFFFF;
}
.rents .card .card-header .faq-title {
  width: 100%;
    text-align: left;
    padding: 0px;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 1px;
    color: #000000;
    text-decoration: none !important;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    padding-top: 20px;
    padding-bottom: 20px;
}
.rents .card .card-header .faq-title .badge {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 14px;
  float: left;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  text-align: center;
  background: #014cda;
  color: #fff;
  font-size: 12px;
  margin-right: 20px;
}
.rents .card .card-body {
  padding: 30px;
  padding-left: 35px;
  padding-bottom: 16px;
  font-weight: 400;
  font-size: 16px;
  color: #6F8BA4;
  line-height: 28px;
  letter-spacing: 1px;
  border-top: 1px solid #F3F8FF;
}
.rents .card .card-body p {
  margin-bottom: 14px;
  color: #000000;
}
/*--------------------------------------------------------------
#Gaming app page css
--------------------------------------------------------------*/ 
.game-software-section
{
    margin-top: 70px;
}
.game-software-section .top-head h2
{
    font-size: 30px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 30px !important;
}
.no-padding {
    padding: 0 !important;
}
.table-cell, .relevent-sec-text, .relevent-sec-text-real-new {
    display: table-cell;
    vertical-align: middle;
}
.no-padding-left {
    padding-left: 0 !important;
}
.relevent-sec-text-align {
    text-align: right;
}
.relevent-sec-text, .relevent-sec-text-real-new {
    padding: 0 10px 0 5px;
}
.relevent-sec-text h3
{
    margin: 10px 0;
    font-size: 16px;
    color: #000000;
}
.relevent-sec-text hr.relevant-hr-tag, .relevent-sec-text-real-new hr.relevant-hr-tag {
    position: absolute;
    right: 0;
    margin-right: 10px;
}
.relevent-sec-text hr, .relevent-sec-text-real-new hr {
    max-width: 35%;
    margin: 5px 0;
    height: 2px;
    border: none;
    background: #ccc;
    min-width: 90px;
    text-align: left;
}
.no-padding-left {
    padding-left: 0 !important;
}
.relevent-sec-text, .relevent-sec-text-real-new {
    padding: 0 10px 0 5px;
}
/*--------------------------------------------------------------
    # social media marketing css
--------------------------------------------------------------*/

.we-serve-section
{
    margin-top: 80px;
}
.we-serve-section .top-head-text h3
{
    font-size: 30px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 15px !important;
}
.we-serve-section .top-head-text p
{
    font-size: 17px;
    font-weight: 500;
    color: #000000;
}
.social-section .carousel-indicators li 
{
    border: 1px solid #000000 !important;
    margin: 5px;
}
.social-section .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #000000 !important;
    margin: 5px;
}
.choose-section
{
    margin-top: 80px;
}
.choose-section .top-head h3
{
    font-size: 30px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 20px;
}
.choose-section .top-head p
{
    font-size: 17px;
    font-weight: 400;
    color: #5b5858;
}
.img-bottom-text 
{
    font-size: 13px;
    color: #5b5858;
    line-height: 24px;
    font-weight: 500;
    margin-top: 8px;
}
.benifit-media-section .top-head h3
{
    font-size: 30px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 20px;
}
.benifit-media-section .right-side-part p
{
    font-size: 15px;
    color: #5b5858;
    line-height: 24px;
    font-weight: 400;
}
.right-side-part i
{
    color: #014cda;
}
.right-side-part h5
{
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #000000;
    margin-top: 10px;
}
.smm-section
{
    margin-top: 80px;
}
.smm-section .top-head h3
{
    font-size: 30px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 20px;
}
.smm-section .out-box
{
    border: 1px solid rgb(216, 216, 216);
    padding: 20px 20px;
    border-radius: 11px;
    height: 245px;
    margin-bottom: 30px;
}
.smm-section .out-box h5
{
    font-size: 20px;
    font-weight: 600;
    color: #083c96;
}
.smm-section .out-box p
{
    font-size: 15px;
    color: #5b5858;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 30px;
    line-height: 27px;
    text-align: justify;
    padding: 10px; 
}
.smm-section .out-box:hover
{
    box-shadow: 1px 0 5px #666;
}
/*--------------------------------------------------------------
    #PHP technology page css
--------------------------------------------------------------*/

.chg-dev
{
    color: #083c96;
}

.php-head-text p
{
    font-size: 15px;
    font-weight: 400;
    margin-top: 17px;
    margin-bottom: 16px;
    color: #5b5858;
    text-align: justify;
    line-height: 1.8;
}

.second-section
{
    margin-top: 90px;
}
.second-section .top-head-text h4
{
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    color: #000000;
}
.second-section .top-head-text p
{
    font-size: 16px;
    font-weight: 400;
    margin-top: 17px;
    margin-bottom: 16px;
    color: #5b5858 ;
    line-height: 1.8;
}
.second-section .title-small
 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #000000;
}
.second-section .lh-1_8 {
    line-height: 1.8;
}
.second-section .col-txt-light
{
    font-size: 16px;
    color: #5b5858;
    font-weight: 400;
    padding: 10px;
    text-align: justify;
}
.second-section  .title-small
{
    color: #083c96;
}
.third-section
{
    margin-top: 60px;
}
.third-section .out-responce-box
{
    border: 1px solid rgb(216, 216, 216);
    padding: 20px 20px;
    border-radius: 11px;
    height: 375px;
    margin-bottom: 30px;
}
.third-section .out-responce-box:hover
{
    box-shadow: 1px 0 5px #666;
}
.third-section .out-responce-box h3
{
    font-size: 20px;
    color: #083c96;
    margin-bottom: 5px;
    margin-top: 15px;
    font-weight: 600; 
}
.third-section .out-responce-box p
{
    font-size: 16px;
    color: #5b5858;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 30px;
    line-height: 27px;
    text-align: justify;
}
.fourth-section
{
    
    background-color: #f0f6ff;
}
.fourth-section .choose-block
{
    padding-top: 70px;
}
.fourth-section .guttor-10
{
    margin-left: -10px;
    margin-right: -10px;
}
.fourth-section .hire-dev-card {
    border: 1px solid #cad7da;
    background: #ffffff;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0px 0px 20px rgb(0 0 0 / 12%);
    height: 100%;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    position: relative;
    top: 0;
  
}
.go-lang-service .ser-list-out
{
    height: 290px !important;
}
.fourth-section .hire-dev-card:hover
{
        box-shadow: 0px 0px 25px rgb(0 0 0 / 15%);
         top: -5px;
        color: #2f55a1;
}
.fourth-section .hire-dev-card a img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}
.fourth-section .mb-20 {
    margin-bottom: 20px;
}
.hire-dev-card a {
    font-size: 16px;
    padding: 17px;
    display: block;
    font-weight: 600;
    display: flex;
    align-items: center;
    text-align: initial;
    text-decoration: none;
    color: #000000;
}
.hire-dev-card a:hover{
    text-decoration: none !important;
}
.out-work-section
{
    margin-top: 30px;
}
.out-work-section .mix {
    padding: 0 15px;
    margin: 0;
    background: transparent;
    box-shadow: none;
}
.portfolio-wrapper {
    box-shadow: 0 5px 10px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 12%);
    background: #fff;
    margin-bottom: 2rem;
    border-bottom-right-radius: 40px;
    height: 485px;
}
.potfolio-thumb-image {
    height: 280px;
    overflow: hidden;
}
.potfolio-thumb-image img {
    height: auto;
}
.portfolio-info-content {
    padding: 2rem 2rem;
}
.potfolio-info-title {
    color: #202020;
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 10px;
}
.potfolio-detail-txt {
    color: #6e6e6e;
}
.portfolio-info-content .project-detail-link a {
    text-decoration: none;
    font-weight: 600;
    display: initial;
    margin-top: 20px;
    background-color: #014cda;
    border-color: #014cda;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    transition: 0.6s;
}
a:hover
{
    text-decoration: none !important;
}
.last-contact-section
{
    margin-top: 60px;
}
.last-contact-section .cstm-inpt-frm {
    padding: 0 10px;
    margin-bottom: 20px;
}
.last-contact-section .form-control 
{
    border-radius: 8px;
}
.last-contact-section .form-control {
    border-radius: 5px;
    height: 40px;
    padding: 0.6rem 1.5rem;
    font-size: 15px;
}
.last-contact-section textarea
{
    height: 150px !important;
}
.get-free-quote a
{
    text-decoration: none;
    font-weight: 500;
    margin-top: 10px;
    background-color: #014cda;
    border-color: #014cda;
    color: #fff;
    padding: 13px 28px;
    border-radius: 5px;
    font-size: 17px;  
}
.get-free-quote a:hover
{
    color: #FFFFFF;
}
.get-free-quote
{
    margin-top: 25px;
}
.last-contact-section .top-head-text h4
{
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    color: #000000;
}
.out-work-section .top-head-text h4
{
     font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    color: #000000;
}
.third-section .top-head-text h4
{
     font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    color: #000000;
}

.third-section .top-head-text p {
    font-size: 16px;
    font-weight: 400;
    margin-top: 17px;
    margin-bottom: 16px;
    color: #5b5858;
    line-height: 1.8;
}
/*------------slider css ------------*/

.wrapper-padding {
    padding-top: 3rem;
}
.cstm-container {
    max-width: 1200px;
}
.slide-item-5 .owl-stage-outer {
    border-left: 1px solid #e5e8ea;
    border-right: 1px solid #e5e8ea;
}
.tech-use .tech-logo {
    padding: 15px;
    border: 1px solid #f1f1f1;
    display: flex;
    -moz-display: flex;
    -webkit-display: flex;
    align-items: center;
    -webkit-align-items: center;
    min-height: 120px;
}
.tech-use .item .tech-logo a {
    display: block;
    width: 100%;
}
.mx-h-42 {
    max-height: 42px;
    width: auto !important;
    max-width: 100%;
    margin: 0 auto;
}

.vision-sub-text{ 
    font-size: 17px; 
    color: #5b5858; 
    text-align: center;
    margin-top: 21px;
}
/*--------------------------------------------------------------
    #client testimonials page css
--------------------------------------------------------------*/
.clients-tab
{
    margin-top: 90px;
}
.clients-tab .tabbable-line > .nav-tabs > li {
    margin-right: 60px !important;
}
.clients-tab h4
{
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    color: #000000;
    margin-top: 20px;
    margin-bottom: 0;
}
.clients-tab p
{
    font-size: 17px;
    font-weight: 400;
    color: #5b5858;
}
.clients-tab .client-info-box {
    margin: 100px 0px 0px 0px;
    width: 100%;
    height: auto;
    position: relative;
    box-sizing: border-box;
    min-height: 420px;
    display: inline-block;
    border: 1px solid rgb(216, 216, 216);
    padding: 20px 20px;
    border-radius: 11px;
    height: 245px;
}
.clients-tab .client-info-box .client-img {
    display: block;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: 30px;
    box-shadow: 0px 10px 15px rgb(0 0 0 / 20%);
    background: #fff;
    position: relative;
    overflow: hidden;
}
.clients-tab .client-info-box .client-img img {
    width: 100px;
    height: 100px;
    object-fit: cover;
}
.clients-tab .client-info-box .client-cont {
    margin: 0px;
    padding: 30px 30px 0 30px;
}
.clients-tab .client-info-box .client-cont h3 {
    display: block;
   font-size: 18px;
    color: #2f55a1;
    font-weight: 600;
}
.clients-tab .client-info-box .client-cont p {
    display: block;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    position: relative;
    height: 180px;
    overflow: hidden;
    font-size: 16px;
    color: #5b5858;
    font-weight: 400;
    line-height: 27px;
    text-align: justify;
}
.clients-tab .cmn-btn
{
    background-color: #014cda;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 500;
    padding: 6px 11px;
    border-radius: 7px;
    text-decoration: none;
    border: 1px solid #014cda;
}
.clients-tab .client-video-box {
    margin: 0px 0px 50px 0px;
    width: 100%;
    height: auto;
    position: relative;
    padding: 0px;
    text-align: left;
    border-radius: 10px;
    box-sizing: border-box;
    min-height: 375px;
    display: inline-block;
    box-shadow: 0px 16px 24px 9px rgb(27 29 35 / 0%);
    border: 1px solid rgb(238 238 238 / 0%);
}
.clients-tab .client-video-box .properly {
    width: 100%;
    height: 275px;
    float: left;
    text-align: center;
    position: relative;
}
.clients-tab .client-video-box .play-btn {
    position: absolute;
    bottom: -30px;
    right: 30px;
    display: block;
    z-index: 999;
}
.client-video-box .play-btn small {
    cursor: pointer;
}
.clients-tab .client-video-box .play-btn small img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    box-shadow: 0px 8px 24px 9px rgb(27 29 35 / 8%);
}
.clients-tab .client-video-box .properly img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.clients-tab .client-video-box .client-cont {
    padding: 20px 0px 0 30px;
}
.clients-tab .client-video-box .client-cont {
    margin: 0px;
    padding: 20px 0px 0 0px;
    clear: both;
}
.clients-tab .client-cont h3
{
    display: block;
    font-size: 18px;
    color: #2f55a1;
    font-weight: 600;
    margin-bottom: 10px !important;
}
.clients-tab .client-cont p
{
    font-size: 17px;
    font-weight: 500;
    color: #000000;
}
.clients-tab .brand-list {
    position: relative;
    width: auto;
    margin: 0 auto;
    display: block;
    padding: 0 6px;
    box-sizing: border-box;
}
.clients-tab .brand-list ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
}
.clients-tab .brand-list li {
    display: inline-block;
    width: 259px;
    text-align: center;
    vertical-align: text-bottom;
    box-shadow: 0px 16px 24px 9px rgb(27 29 35 / 0%);
    border: 1px solid rgb(238 238 238 / 0%);
    border-radius: 10px;
}
.clients-tab .brand-logo {
    display: flex;
    align-items: center;
    text-align: center;
    padding: 0;
    max-height: 196px;
    height: 196px;
}
.clients-tab .brand-logo .brand-sprite.brand-logo-1 {
    background-position: 0px 0;
    width: 170px;
    height: 44px;
}
.clients-tab .brand-logo .brand-sprite {
    background-image: url(../assets/images/our-team/brand-sprit.png);
    display: inline-block;
    margin: 0 auto;
}
.clients-tab .brand-logo .brand-sprite.brand-logo-2 {
    background-position: -173px 0px;
    width: 174px;
    height: 60px;
}
.clients-tab .brand-logo .brand-sprite.brand-logo-3 {
    background-position: -352px -2px;
    width: 143px;
    height: 49px;
}
.clients-tab .brand-logo .brand-sprite.brand-logo-4 {
    background-position: -496px -1px;
    width: 88px;
    height: 63px;
}
.clients-tab .brand-logo .brand-sprite.brand-logo-5 {
    background-position: -729px -2px;
    width: 173px;
    height: 46px;
}
.clients-tab .brand-logo .brand-sprite.brand-logo-6 {
    background-position: -6px -110px;
    width: 203px;
    height: 55px;
}
.clients-tab .brand-logo .brand-sprite.brand-logo-7 {
    background-position: -176px -65px;
    width: 196px;
    height: 39px;
}
.clients-tab .brand-logo .brand-sprite.brand-logo-8 {
    background-position: -377px -67px;
    width: 151px;
    height: 65px;
}
.clients-tab .brand-logo .brand-sprite.brand-logo-9 {
    background-position: -546px -104px;
    width: 152px;
    height: 35px;
}
.clients-tab .brand-logo .brand-sprite.brand-logo-10 {
    background-position: -711px -94px;
    width: 192px;
    height: 46px;
}
.clients-tab .brand-logo .brand-sprite.brand-logo-11 {
    background-position: -6px -174px;
    width: 99px;
    height: 52px;
}
.clients-tab .brand-logo .brand-sprite.brand-logo-12 {
    background-position: -120px -177px;
    width: 135px;
    height: 38px;
}
.clients-tab.brand-logo .brand-sprite.brand-logo-13 {
    background-position: -274px -165px;
    width: 190px;
    height: 32px;
}
.clients-tab .brand-list li {
    display: inline-block;
    width: 259px;
    text-align: center;
    vertical-align: text-bottom;
    border-radius: 10px;
    box-shadow: 0px 5px 10px 6px rgb(27 29 35 / 8%);
    border: 1px solid #eee;
}
.clien-head
{
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 15px;
    
    color: #000000;
}

/*--------------------------------------------------------------
    #portfolio page css
--------------------------------------------------------------*/

/*--------------------------------------------------------------
    #case studies page css
--------------------------------------------------------------*/
.case-study-section
{
    margin-top: 90px;
}
.case-card
{
    border: none;
    box-shadow: 0 0 18px 0 rgb(0 0 0 / 14%);
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
}
.case-study-section .bottoms-text h4
{
    margin: 10px 0 10px 0;
    font-size: 18px;
    font-family: Verdana,Geneva,sans-serif;
    font-weight: bold;
    color: #2f55a1;
    padding: 35px 10px;
    line-height: 28px;
}
/*--------------------------------------------------------------
    #Blog page css
--------------------------------------------------------------*/ 
.blog-main {
    /*background-color: #f1f5f6;*/
    padding-top: 100px;
    /*padding-bottom: 100px;*/
}
.blog-main.blog-list .container.blog-container {
    padding-left: 10px;
    padding-right: 10px;
}
.blog-main.blog-list .container.blog-container>.row>* {
    padding-left: 10px;
    padding-right: 10px;
}
.sty_blg_box {
   
    background: #fff;
    box-shadow: 3px 4px 25px 3px #e5e8e9;
}
.sty_blg_box .blog-read-more {
    margin-top: 0px;
}
.blog-read-more {
    text-align: center;
    margin-top: 10px;
    display: block;
}

.sty_blg_box .card {
    height: 230px;
    box-shadow: none;
    padding-top: 0;
    display: block!important;
}
.blog-main .card {
    flex-direction: column;
}
.blog-main .card {
    flex-direction: row;
    padding: 1.4rem;
    box-shadow: 3px 4px 25px 3px #e5e8e9;
    border: 0;
    margin-bottom: 3.5rem;
}
.blog-main.blog-list .card .blog-home-content {
    padding-left: 0;
}
.blog-main.blog-list .card .blog-home-content .blog-title {
    font-size: 18px;
    text-align: left;
}
.blog-title {
    font-weight: 500;
    color: #1a1919;
    margin-top: 20px;
}
.blog-title a{
   font-size: 18px;
    font-family: Verdana,Geneva,sans-serif;
    font-weight: bold;
    color: #083c96;

}
.blog-title a:hover{
    color: #2f55a1;
    
}
.blog-post-detail {
    text-align: center;
    display: block;
    margin: 10px 0;
}
.blog-post-detail {
    color: #5b5858;
    font-size: 14px;
}
.post-info:first-child {
    margin-right: 3px;
}
span.post-view-count {
    color: #5d5d5d;
    font-weight: 400;
}
.sty-newsletter
{
    margin-top: 40px;
}
.bg_light_yell {
    padding: 60px 0;
    background-color: #f0f6ff;
    border-radius: 5px;
    box-shadow: 0 0 5px 2px #0000000f;
}
.sty-newsletter .mb-40 {
    margin-bottom: 40px;
}
.sty-newsletter .sec-title {
    font-size: 35px;
    font-weight: 600;
    color: #000000;
}
.sty-newsletter .content .form-control {
    height: 50px;
    border-radius: 0;
}
.sty-newsletter .content .btn {
    min-height: 50px;
    border-radius: 0;
    background: #014cda;;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.6s;
    outline: none;
    box-shadow: none;
}
.sty-newsletter .content {
    max-width: 550px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2;
}
 .pagination-nav ul#pagination li.page-item.disabled a.page-link {
    background: #949494 !important;
    border-color: #aeaeae;
    color: #fff;
    opacity: 0.4;
}
 .page-link:hover, .page-link:hover .page-item a 
 {
    background: #2f55a1;
    color: #FFFFFF !important;
 }
 .blog-main .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #2f55a1;
    border-color: #2f55a1;
}
 .blog-main .page-link 
 {
    color: #2f55a1;
 }

/*--------------------------------------------------------------
    #our team page css
--------------------------------------------------------------*/ 

.our-team-section
{
    margin-top: 50px;
}
.top-head h4
{
    font-size: 30px;
    font-weight: 600;
    color: #000000;
}
.our-team-section .mt-20
{
    margin-top: 50px;
}
.section-team {
    font-family: "Poppins", sans-serif;
    padding: 80px 0;
}
.section-team .header-section {
    margin-bottom: 50px;
}
.section-team .header-section .small-title {
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 500;
    color: #083c96;
}
.section-team .header-section .title {
    font-size: 36px;
    font-weight: 600;
    color: #000000;
}
.section-team .single-person {
    margin-top: 20px;
    padding: 30px;
    border: 1px solid rgb(216, 216, 216);
    border-radius: 5px;
}
.section-team .single-person:hover {
    background: linear-gradient(to right, #016cec, #00b5f7);
}
.section-team .single-person .person-image {
    position: relative;
    margin-bottom: 50px;
    border-radius: 50%;
    border: 4px dashed transparent;
    transition: padding .3s;
}
.section-team .single-person:hover .person-image {
    padding: 12px;
    border: 4px dashed #fff;
}
.section-team .single-person .person-image img {
    width: 100%;
    border-radius: 50%;
}
.section-team .single-person .person-image .icon {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,50%);
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: linear-gradient(to right, #016cec, #00b5f7);
    color: #fff;
    border-radius: 50%;
    font-size: 24px;
}
.section-team .single-person:hover .person-image .icon {
    background: none;
    background-color: #fff;
    color: #016cec;
}
.section-team .single-person .person-info .full-name {
    margin-bottom: 10px;
    font-size: 28px;
    font-weight: 700;
    color: #000000;
}
.section-team .single-person .person-info .speciality {
   
    font-size: 15px;
   color: #2f55a1;
   font-weight: 500;
}
.section-team .single-person:hover .full-name,
.section-team .single-person:hover .speciality {
    color: #fff;
}
.value-section
{
    margin-top: 60px;
}
.value-section .left-side h6
{
    font-size: 18px;
    margin-bottom: 18px;
    display: inline-block;
    color: #083c96;
}
.value-section .left-side h4
{
    font-size: 30px;
    font-weight: 600;
    color: #000000;
}
.right-side-first
{
    margin-left: 25px;
}
.value-section .right-side-first h4
{
    font-size: 20px;
    line-height: 34px;
    font-weight: 600;
    color: #000000;
}
.value-section .right-side-first p
{
    font-size: 15px;
    color: #5b5858;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 30px;
    line-height: 27px;
    text-align: justify;
}
.right-side-second
{
    margin-left: 25px;
    margin-top: 15px;
}
.value-section .right-side-second h4
{
    font-size: 20px;
    line-height: 34px;
    font-weight: 600;
    color: #000000;
}
.value-section .right-side-second p
{
    font-size: 15px;
    color: #5b5858;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 30px;
    line-height: 27px;
    text-align: justify;
}
.right-side-third
{
  
    margin-top: 70px;
}
.value-section .right-side-third h4
{
    font-size: 20px;
    line-height: 34px;
    font-weight: 600;
    color: #000000;
}
.value-section .right-side-third p
{
    font-size: 15px;
    color: #5b5858;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 30px;
    line-height: 27px;
    text-align: justify;
}
/*=================================================
    Footer section
===================================================*/
.footer-1 {
    background: #F5F5F5;
    padding: 60px 0 5px;
   
}
.row-display-block {
    display: block;
    padding-bottom: 30px;
}
.ftr-hd {
    font-size: 20px;
    color: #000000;
    margin-bottom: 30px;
    display: block;
    font-weight: bold;
}

.ftr-link-lst{
    padding-inline-start: 0;
}
.have-question-cnt p {
    font-size: 15px;
    margin-bottom: 20px;
    line-height: 30px;
}
.have-question-cnt p span {
    display: block;
}
.have-question-cnt p strong {
    font-weight: bold;
    color: #000000;
}
.have-question-cnt p a {
    font-size: 16px;
    color: #666666;
}
.ff-logo-block .ff-logo-img
{
    padding-bottom: 16px;
}
.ff-logo-block .ff-data p
{
    color: #5b5858;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 10px;
    line-height: 24px;
}
.ff-logo-block .get-free-btn
{
    background: #014cda;
    color: #ffffff;
    line-height: 40px;
    border-radius: 6px;
    padding: 0 16px;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    border: 1px solid #014cda;
    text-align: center;
  
}
.footer-1 ul:not(.list-inline):not(.slides) > li {
    line-height: 30px !important;
}
.ftr-link-lst li
{
    margin-bottom: 15px !important;
}
.ftr-link-lst li a {
    font-size: 17px !important;
    color: #5b5858 !important;
    font-weight: 400;
    display: block;
}
.ftr-link-lst li  {
    font-size: 17px !important;
    color: #5b5858 !important;
    font-weight: 400;
    display: block;
}
.ftr-estimation-btn {
    /*text-align: right;*/
    padding-top: 10px;
}
.ff-logo-block .ff-logo-img
{
    max-width: 200px !important;
}
.ff-comman
{
    padding-left: 55px;
}
.footer-1 .copyright-wraps
{
  padding-top: 12px;   
}
.all-disp-line
{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: center;

}
.privacy-content-section
{
    padding-right: 45px;
}
.copyright-wraps
{
    border-top: 2px solid #eee;
}
.copy-right-text p
{
    font-size: 16px;
    color: #5b5858;
    font-weight: 400;
}
.privacy-content-section ul
{
    display: flex;
}
.privacy-content-section ul li
{
    padding-left: 20px;
}
.privacy-content-section ul li a
{
    font-size: 16px;
    color: #5b5858;
    font-weight: 400;
}
.social-icons ul
{
    display: flex;
    justify-content: end;
    align-items: center;
    text-align: center;
}
.social-icons ul li
{
    padding-left: 10px;
}

.social-icons ul li a{
    height: 38px;
    width: 38px;
    border-radius: 50%;
    border: 1px solid #5b5858;
    background: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}
.social-icons ul li:hover .ff-sm-icons
{
  color: #FFFFFF;
  background: #014cda;
  border: 1px solid #014cda;
}
.social-icons ul li a{
    color: #000000;

}

.footer-content ul li
{
    padding-bottom: 15px;
}

.adminActions {
  position: fixed;
  bottom: 35px; right: 35px;
}

  .adminButton {
    height: 56px;
    width: 56px;
    background-color: #00A9EB;
    border-radius: 50%;
    display: block;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 1;
  }

    .adminButton i {
      font-size: 22px;
    }

  .adminButtons {
    position: absolute;
    width: 100%;
    bottom: 120%;
    text-align: center;
  }

    .adminButtons a {
      display: block;
      width: 56px;
      height: 56px;
      border-radius: 50%;
      text-decoration: none;
      margin: 10px auto 0;
      line-height: 1.15;
      color: #fff;
      opacity: 0;
      visibility: hidden;
      position: relative;
      box-shadow: 0 0 5px 1px rgba(51, 51, 51, .3);
    }

      .adminButtons a:hover {
        transform: scale(1.05);
      }

      .adminButtons a:nth-child(1) {background-color: #34A853; transition: opacity .2s ease-in-out .3s, transform .15s ease-in-out;}
      .adminButtons a:nth-child(2) {background-color: #03a9f4; transition: opacity .2s ease-in-out .25s, transform .15s ease-in-out;}
      .adminButtons a:nth-child(3) {background-color: #EA4335; transition: opacity .2s ease-in-out .2s, transform .15s ease-in-out;}
      .adminButtons a:nth-child(4) {background-color: #4CAF50; transition: opacity .2s ease-in-out .15s, transform .15s ease-in-out;}

      .adminActions a i {
        position: absolute;
        top: 50%; left: 50%;
        transform: translate(-50%, -50%);
        font-size: 28px;
      }
      .hangouts img
      {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            height: 32px;
            width: 32px;
      }

  .adminToggle {
    -webkit-appearance: none;
    position: absolute;
    border-radius: 50%;
    top: 0; left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none;
    z-index: 2;
    transition: box-shadow .2s ease-in-out;
    box-shadow: 0 3px 5px 1px rgba(51, 51, 51, .3);
  }

    .adminToggle:hover {
      box-shadow: 0 3px 6px 2px rgba(51, 51, 51, .3);
    }

    .adminToggle:checked ~ .adminButtons a {
      opacity: 1;
      visibility: visible;
    }
/*=================================================
    scroll bottom to top button
===================================================*/

.scroll-top {
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: fixed;
    top: 100%;
    right: 50px;
    font-size: 16px;
    border-radius: 4px;
    z-index: 99;
    text-align: center;
    cursor: pointer;
    -webkit-transition: 1s ease;
    transition: 1s ease;
    border: none;
}
.scroll-top.open {
    top: 90%;
}
.scroll-top {
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: fixed;
    top: 100%;
    right: 50px;
    font-size: 16px;
    border-radius: 4px;
    z-index: 99;
    text-align: center;
    cursor: pointer;
    -webkit-transition: 1s ease;
    transition: 1s ease;
    border: none;
}
.scroll-top:after {
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 1;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

.accent-bg1
{
    background: #00a7e6;
}
#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}
.faq-sub-sec li
{
    list-style-type: disc;
   font-size: 16px;
    color: #5b5858;
    font-weight: 400;
    padding: 8px 0;
}
.estimation .modal-body h4
{
    font-size: 23px;
    font-weight: 500;
    color: #000000;
    line-height: 33px;
    margin-bottom: 20px;
}
.btn-sub-ext
{
    background-color: #014cda;
    border-color: #014cda;
    color: #fff;
}
.btn-sub-ext:hover
{
    color: #FFFFFF !important;
}
.estimation .form-control
{
    font-size: 14px;
    height: 45px;
}
.roted-contain .roted-text
{
    will-change: transform; 
    transform: perspective(300px) rotateX(0deg) rotateY(0deg);
}
.journal-icons
{
    color: #ee6c20 !important;
}
.headset-icons
{
    color: #15be56 !important;
}
.people-icons
{
    color: #bb0852 !important;
}
.sub-maps
{
    border: 0 !important;
}
.prg01
{
    width: 70% !important;
}

.prg02
{
    width: 80% !important;
}
.prg03
{
    width: 60% !important;
}

.sty_modal_career h3 {
    font-size: 25px;
    margin-bottom: 15px;
    color: #083c96;
}
.sty_modal_career p {
    font-size: 18px;
    border-bottom: 1px solid #00000038;
    padding: 8px 0;
    margin-bottom: 4px;
}
.sty_modal__ul_c {
    padding-left: 30px;
    margin-top: 20px !important;
}
.sty_modal__ul_c li {
    font-size: 17px;
    margin-bottom: 11px;
    position: relative;
}
.sty_modal__ul_c li:before {
    content: '';
    background: #083c96;
    height: 10px;
    width: 10px;
    position: absolute;
    border-radius: 50px;
    left: -26px;
    top: 8px;
    color: #415678;
}
.sty_btn_c_btn {
    color: #fff;
}
.cstn-career-btn {
    font-size: 16px;
    font-weight: 700px;
    padding-right: 40px;
    padding-left: 40px;
    padding-bottom: 12px;
    padding-top: 12px;
    border-radius: 25px;
    background: #083c96;
    cursor: pointer;
}
.cstn-career-btn:hover
{
    text-decoration: none;
    color: #FFFFFF;
}
.core-integrity img
{
    height: 56px !important;
    width: 56px !important;
}
.core-relationship img
{
    height: 56px !important;
    width: 70px !important;
}
.core-quality img
{
    height: 73px !important;
    width: 56px !important;
}
.privacy-policy-content .cstm-founder-heading h2
{
     color:#2f2d2e;
     font-weight: 500;
     font-size: 30px;
}
.cstm-half-heading {
    color: #083c96;
}
.privacy-content h2.big-ttl {
    font-size: 20px;
    position: relative;
    padding-bottom: 10px;
}
.privacy-content p, .privacy-policy-content .sbm-list-style-1 {
    font-size: 16px;
    text-align: justify;
    /*font-size: 16px !important;*/
    color: #5b5858 !important;
}
.privacy-content h2.big-ttl:before {
    position: absolute;
    width: 85px;
    height: 3px;
    background: #083c96;
    content: "";
    bottom: 0;
    left: 0;
}
.privacy-content h2 {
    font-size: 16px;
    text-align: justify;
    font-weight: 500;
    color: #000000;
}
.privacy-content h2.big-ttl ~ h2.big-ttl {
    margin-top: 30px;
} 

.strategy {
    display: table;
    padding-top: 0;
    padding-bottom: 120px;
}
.strategy .s-text {
    display: table-cell;
    vertical-align: top;
}
.s-left
{
    padding-right: 20px;
}
.s-right
{
    padding-left: 20px;
}
.strategy .s-text h3 {
    margin: 0;
    padding-bottom: 10px;
    font-size: 22px;
    color: #000000;
    font-weight: 600;
}
.strategy .s-text p {
    min-height: 100px;
    font-size: 17px;
    color: #5b5858;
    line-height: 27px;
}
.strategy .img-holder {
    display: table-cell;
    vertical-align: top;
}
.strategy .img-holder .s-icon {
    background: #f4f9ff;
    border-radius: 50%;
   box-shadow: 8px 8px 18px 0 rgb(0 0 0 / 12%);
    width: 100px;
    text-align: center;
    height: 100px;
    line-height: 100px;
}
.hvr-curl-top-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    right: 0;
    background: white;
    background: linear-gradient(225deg, white 45%, #304a7c 50%, #2f4b7d 56%, #004cd4 80%);
    box-shadow: 2px 2px 6px rgb(0 7 45 / 34%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
}

.strategy .img-holder {
    display: table-cell;
    vertical-align: top;
}
.strategy .img-holder .s-icon.right {
    border-radius: 50%;
}
.contact-widget
{
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 5%);
    padding: 20px;
    border-radius: 10px;
}
.pl-11
{
    padding-left: 25px;
}
.contact-space-block
{
    padding: 0 20px;
}
.ptb-125
{
    padding-top: 70px;
}
.blog-pag
{
    color: #FFF !important;
    opacity: 0.8;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    margin-right: 25px;
    

}
.blog-pag:hover
{
    color: #FFF !important;
    opacity: 0.8;
}
.comman-block-development-text
{
    font-size: 42px;
    color: #000000;
    font-weight: 600;
    
}