/*
Theme Name : bootstrap-to-wp
Theme URI: https://wordpress.org/
Author: the Barontech
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 2.1

*/
/* @import url("https://fonts.googleapis.com/css?family=Oswald:300,400,500,700");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800"); */

/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');*/

.site-header .container-fluid{
    padding-top: inherit;
}


.pe-5, .recent-works-showcase .rws-card-info {
    padding-right: 1rem !important;
}
.connect-us p {
    font-size: 14px;
    /* */
}


.featured-work-sec>.container-fluid>h2
{    margin-bottom: 1rem!important;
}




.site-banner.banner-web-app .site-banner-img {
    max-width: 467px;
    max-height: 575px;
    top: 50%;
    transform: translateY(-50%);
    right: 4%;
    width: 40%;
}

.site-banner.banner-shopify .site-banner-img {
    /*max-width: 855px;*/
    /*max-height: 835px;*/
     max-width: 535px;
    max-height: 535px;
    right: 1rem;
     /*width: 72%; */
    top: inherit;
    bottom: 1%;
    left: 630px;
     /*height: auto; */
}

.btn-contact, .btn-gradient, .btn-lets-talk, .btn-pw, .sec-prod-design .page-sec-header .btn-design{
    /* background: linear-gradient(to bottom,#30b79b 0,#16a883 100%); */
    background: linear-gradient(to bottom,#19B4f1 0,#21ACE3 100%);
}
.site-banner {
    background-color: #E4F7FF;
}
h1 .text-primary{
    color: #21ACE3 !important;
}
/*.site-banner-content p {*/
/*        font-size: 1.5rem !important;*/
/*}*/
.page-sec-header .h2, .page-sec-header h2 {
    font-weight: 700;
}
.es-card a{
        color: #30b795!important;
}
.es-card-more {
    color: #21ace3;
}
.es-card .h3, .es-card h3 {
    font-size: 1.245rem;
    font-weight: 500;
}
@media (min-width: 768px) {.es-card p {
    margin-bottom: 4rem;
    font-size: 17px;
     
}}
.es-card p {
    color: #727171;
    line-height: 1.8;
}
.es-card:hover {
    background-color: #21ace3;
}
.es-card{
    background-color: #E2F6FF;
}
.engage-models-sec .em-card {
    background-color: #21ace3;
}
.engage-models-sec .em-card {
    background-color: #21ace3;
}
.btn-lets-talk {
    font-size: 15px;
     
}
.featured-work-sec .mw-1200 h2{
    font-weight: 700;
}
.featured-work-sec .fws-slider .fws-slide .h4, .featured-work-sec .fws-slider .fws-slide h4 {
    font-size: 25px;
    font-weight: 600;
     
}
.featured-work-sec .fws-slider .fws-slide p {
    font-size: 19px;
     
    color: #787777;
}
.engage-models-sec .em-card .btn-learn-more {
    color: #21aec3;
}
.featured-work-sec .fws-slider .fws-slide .btn-project {
    color: #21ace3;
     
    border: 1px solid #21ace3;
}
.featured-work-sec .fws-slider .fws-slide .btn-project:hover{
    background-color: #21ace3;
}
.sec-style-1 .ss1-col-icon {
    color: #21ace3;
}
.page-sec-header p {
    font-size: 19px;
     
}
.sec-style-1 .ss1-col .h5, .sec-style-1 .ss1-col h5 {
    font-size: 22px;
    color: #1d1f21;
    font-weight: 600;
}
.sec-style-1 .ss1-col p {
    line-height: 1.75rem;
    color: #766c6c;
    font-size: 18px;
     
}
/* .sec-style-1 .ss1-col p {
    line-height: 1.75rem;
    color: #766c6c;
    font-size: 18px;
     
} */
.testimonials-sec .testi-card-content p {
    font-size: 17.5px;
     
    color: #6c6c6c;
}
.contact-sec-form .form-control {
     
}
.engage-models-sec .em-card p {
    font-size: 19px;
     
}
.engage-models-sec .em-card .h3, .engage-models-sec .em-card h3 {
    font-size: 28px;
    font-weight: 600;
}
div .text-uppercase {
    font-weight: 600;
    font-size: 15px;
}
.site-footer .sf-col-nap a.tel {
    font-size: medium;
    font-weight: 400;
}

.testimonials-sec .testi-card-own p {
    /*font-family: sans-serif;*/
}

.site-header .site-nav-wrap .site-nav>ul>li.active>a,
 .site-header .site-nav-wrap .site-nav>ul>li>a:hover {
    color: #21ace3;
}
@media (min-width: 992px){
.site-header .site-nav-wrap .site-nav>ul>li>a:after {
    display: block;

    background-color: #21ace3;}}


.site-footer .h5, .site-footer h5 {
    color: #333;
    font-weight: 600;
    font-size: 17px;
}
.site-footer ul li a {
    color: #5e5b5b;
    font-size: 14px;
    /* */
}
.site-footer-bottom ul li a{
    color: #f7f7f7;
    font-size: 1rem;
     
}
.site-footer-bottom p {
    font-size: 14px;
     
    color: #bdbdbd;
}

.btn-pw, .cd-services-section .services-section .sp-card, .py-3, .site-footer-bottom, .site-footer-bottom p, .site-footer-bottom ul, .site-header {
    padding-top: 0.7rem!important;
    padding-bottom: 0.7rem!important;
}

.featured-work-sec .owl-carousel .owl-nav .owl-next:hover, .featured-work-sec .owl-carousel .owl-nav .owl-prev:hover {
    background-color: #21ace3;
}
.fixed-price-testimonials .site-footer>.page-sec-header a:hover, .site-footer>.container-fluid a:hover, .site-footer>.container-lg a:hover, .site-footer>.container-md a:hover, .site-footer>.container-sm a:hover, .site-footer>.container-xl a:hover, .site-footer>.container-xxl a:hover {
    color: #21ace3;
}
.site-header .header-actions .ha-phone i {
    color: #21ace3;
}
.site-footer .sf-col-nap a i {
    color: #21ace3;
}
.site-footer .sf-col-nap li i {
    color: #21ace3;
}


.site-header .header-actions .ha-phone {
    font-size: 17px;
     
    color: #4f4f4f;
}
.contact-sec-form .form-control {
    color: #ada8a8;
}
.sub-menu a{
    color: #4f4f4f ;
    }

.header-actions .mob-nav-toggle{
    color: #21ACE3;
}
.site-footer-bottom ul li a:after {
    content: '';
    height: 1px;
    background-color: #21ace3;
}
.site-footer-bottom a{
    color: #fff;
}
.site-footer-bottom a:hover{
    color: #21ace3;
}
.site-header .site-logo img {
    max-width: 70px;
    max-height: 70px;
}

/* Mobile App Development */
.diverse-sec p {
    margin-top: 1.25rem;
    margin-bottom: 0;
    font-size: 18px;
     
    color: #4f4f4f;
}
.diverse-sec .h5, .diverse-sec h5 {
    font-weight: 500;
    color: #1d1f21;
    padding-left: 1rem;
}
.sec-emerging nav .nav-tabs a.nav-link {
    color: #1d1f21;
    font-size: 18px;
    border: 0;
     
}
.tab-pane h5{
     
    font-size: 22px;
}
.tab-pane p{
     
}
.cd-blue-col p {
     
}
.wcd-learning .ss7-col p {
    margin-top: 0;
    margin-bottom: 1rem;
    /*font-family: sans-serif;*/
    font-size: 16.5px;
}
.wcd-learning .ss7-col h5 {
    font-weight: 600;
}    
    
   /* Shopify page */
   .page-sec-header .h2, .page-sec-header h2 {
    font-weight: 700;
     
}
.s-wcd-sec .h5, .s-wcd-sec h5 {
    font-weight: 500;
}
.s-wcd-sec p {
    margin-bottom: 1.325rem;
    color: #333e3b;
     
    font-size: 17px;
}
.shopify-s-sec .ss1-col p {
    font-size: 18px;
    color: #333;
     
}
.mvp-sec .mvp-enterprise-content-sec {
    background-color: #21ace3;
    padding: 3.5rem 2rem;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #21ace3;
}
.shopify-s-sec .nav-tabs-wrapper {
    background-color: #f1f1f1;
    margin: 0 auto;
    border: 1px solid #21ace3;
}
.shopify-s-sec .nav-item a{
    color: #21ace3;
} 
.shopify-s-sec {
    background-color: #fafafa;
    color: #21ace3;
}
.s-wcd-sec i {
    color: #21ace3;
    font-size: 2.5rem;
}
 /* wordpress development    */
 section .diverse-sec{
    background-color: #e4f7ff;
}
.diverse-sec .h5::before, .diverse-sec h5::before {
    background-color: #21ace3;
}
.sec-emerging nav .nav-tabs a.nav-link.active {
    border-bottom: 2px solid #21ace3;
    color: #21ace3;
}
.sec-emerging nav .nav-tabs a.nav-link.active i {
    color: #21ace3;
}
.cd-blue-col {
    padding-top: 48px;
    background-color: #21ace3;
}

/* menu styling */

.site-header .mm-menu-navs-wrap ul li a:hover {
    color: #21ace3;
}

.site-header .mm-menu-navs-wrap h6{
    font-size: 19px;
    font-weight: 600;
}

ul li{
    padding: 0px;
}
ul li {
    font-size: 19px;
     
}
.site-header .site-nav-wrap .site-nav ul li a {
    font-size: 17px;
    font-weight: 400;
}
/* #menu-item-21 .sub-menu{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 12px;
    background: #fff;
    margin-bottom: 12px;
}
#menu-item-28 .sub-menu{
    box-shadow:rgb(0 0 0 / 24%) 0px 0px 0px;
    padding-bottom: 1rem;
}

header .menu li .sub-menu{
    display: none;
}

header .menu .menu-item-has-children:hover .sub-menu{
    display: block;
}
header .menu .menu-item-has-children a:hover{
    color: #21ace3;
    text-decoration: underline;
}

#menu-item-28 .sub-menu{
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 12px;
    background: #fff;
    margin-bottom: 12px;
} */

    /* ul li ul{
        padding: 23px;
    background:white;
    visibility: hidden;
    opacity: 0;
    min-width: 5rem;
    position: absolute;
    display: none;
    }
    
    ul li:hover > ul{
    visibility: visible;
      opacity: 1;
      display: block;
    } */
    /*hover color of service*/

    /* img.wp-smiley,
    img.emoji {
        display: inline !important;
        border: none !important;
        box-shadow: none !important;
        height: 1em !important;
        width: 1em !important;
        margin: 0 .07em !important;
        vertical-align: -0.1em !important;
        background: none !important;
        padding: 0 !important;
    } */

/*posts*/
.popular-posts-list .ppl-card-desc h5 a {
    color: #000;
    font-size: 16px;
     
}
.col-md-4 .consult-widget {
    background-color: #21ace3;
}
.col-md-4 .consult-widget .btn-consult {
    color: #21ace3 !important;
     
    font-size: 16px;
}
.post-card-desc h2 a {
     
    color: #000;
    font-weight: 600;
    font-size: 1.8rem;
}
.post-card-desc .readmore {
    font-size: 17px;
    color: #21ace3;
    /* font-weight: bold; */
     
}
.post-card .post-card-desc p {
    color: #828282;
    font-size: 1.125rem;
     
}

    @media (min-width: 992px){
    .site-header .site-nav-wrap .site-nav>ul>li.active>a:after, .site-header .site-nav-wrap .site-nav>ul>li:hover a:after, .site-header .site-nav-wrap .site-nav>ul>li:hover>a, .site-header .site-nav-wrap .site-nav>ul>li>a:hover:after {
        width: 100%;
        opacity: 1;
        color: #21ace3;
    }}
    p {
        font-size: 17px;
         
    }
    p a{
        color:#21ace3;
    }
    p a:hover{
        color:#83d5f5;
    }
    .tp-mb a:hover {
        color: #83d5f5;
    }

    .tp-mb a{
        color:#21ace3;
    }

/* About us page */
.sec-mobile-success nav .nav-tabs a.nav-link.active {
    border-bottom: 2px solid #21ace3;
}
.sec-mobile-success nav .nav-tabs a.nav-link {
    color: #1d1f21;
     
}
.tab-content .col-md-4 a{
    color: #21ace3;
}

body {
    /* padding-top: 5rem; */
    margin: 0 !important;

}

.mw-800 {
    max-width: 800px;
}

.mw-930 {
    max-width: 930px;
}

.mw-1140 {
    max-width: 1140px;
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.embed-responsive::before {
    display: block;
    content: "";
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive img,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
}

.site-header {
    border-bottom: #f0f0f0 1px solid;
}

.post-card,
.popular-posts-list,
.consult-widget {
     
    margin: 1rem 0;
}

.post-card-thumb {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: #fbfbfb;
    margin-bottom: 1.5rem;
}

.post-card-thumb:before {
    display: block;
    padding-top: 58.5%;
    content: '';
}

.post-card-thumb img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
}

.post-card-desc h2,
.post-card-desc h6,
.post-card-desc p {
    margin: 1.5rem 0;
}

.post-card-desc h6 {
    text-transform: uppercase;
    /* font-weight: 400; */
    font-weight: normal;
     
    font-size: 14px;
    color: #BDBDBD;
}

.post-card-desc h2 {
    text-transform: none;
    /* font-weight: 500; */
    font-size: 1.5rem;
}

.post-card-desc p {
    color: #828282;
    font-size: 1.125rem;
}

.post-card-desc .readmore {
    font-size: 14px;
    /* font-weight: bold; */
    
}

.mt-5 {
    margin-top: 3rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

/* .popular-posts-list{} */

.popular-posts-list>h5 {
    font-weight: 500;
    font-size: 1.25rem;
    color: #000;
    /* border-top: #efefef 1px solid;
    padding-top: 2rem; */
    margin: 0;
    /* font-family: inherit; */
    /*font-family: 'RobotoNovaBold';*/
}

.popular-posts-list ul {
    margin: 0;
    padding: 1.5rem 0 0 0;
    list-style: none;
}

.popular-posts-list ul li {
    padding-bottom: 1.5rem;
    border-bottom: #efefef 1px solid;
}

.popular-posts-list ul li+li {
    padding-top: 1.5rem;
}

.popular-posts-list .ppl-card {
    display: flex;
    justify-content: space-between;
}

.popular-posts-list .ppl-card-thumb {
    width: 150px;
    height: 84px;
    min-width: 150px;
    /* display: block;
    position: relative; */
    order: 1;
    margin-left: 1rem;
    /* overflow: hidden; */

}

@media screen and (max-width: 991px) {
    .popular-posts-list .ppl-card-thumb {
        display: none;
    }
}

.popular-posts-list .ppl-card-thumb:before {
    content: '';
    display: block;
    padding-top: 58.5%;
}

.popular-posts-list .ppl-card-thumb img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.popular-posts-list .ppl-card-desc {
    align-self: center;
}

.popular-posts-list .ppl-card-desc h6 {
    color: #BDBDBD;
    font-size: 12px;
    text-transform: uppercase;
    /* font-weight: 400; */
}

.popular-posts-list .ppl-card-desc h5 {
    color: #000;
    font-size: 1rem;
    /* font-size: 1.125rem; */
    margin: 1rem 0;
    line-height: normal;
    /*font-family: 'RobotoNovaSemibold';*/
}

.popular-posts-list .ppl-card-desc h5 a {
    color: #000;
}

/* .popular-posts-list .ppl-card {}

.popular-posts-list .ppl-card {} */

.blog-bottom-sec {
    padding: 3rem 0;
}

/* .bbs-posts-wrap {
    /* width: calc(100% - 380px); 
} */

.bbs-posts-wrap .post-card-desc h2 {
    /* font-size: 1rem; */
    font-size: 1.125rem;
}

.bbs-posts-wrap .post-card-desc p {
    font-size: 14px;
}

.consult-widget {
    background-color: #30B795;
    padding: 2rem;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 350px;
}

.consult-widget>div {
    width: 100%;
}


.consult-widget h4 {
    /* font-weight: bold; */
    font-weight: normal;
    /*font-family: 'RobotoNovaBold';*/
    font-size: 1.5rem;
    margin-bottom: 2rem;
    line-height: 1.5;
}

.consult-widget h6 {
    font-weight: normal;
     
    font-size: 1.125rem;
    margin: 1.5rem 0;
}

.consult-widget .btn-consult {
    width: 170px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* font-weight: bold; */
    /*font-family: 'RobotoNovaSemibold';*/
    color: #30B795 !important;
    font-size: 12px;
    background: #FFF !important;
    border-radius: 4px;
}

.consult-widget .btn-consult:hover {
    text-decoration: none;
}

/*blog pages*/

.blog-detail-content {
    font-size: 17px;
    line-height: 1.8;
     
}

.blog-detail-content .embed-responsive {
    margin: 2rem 0;
}

.blog-detail-content .container-fluid a{
    color: #21ace3;
}
.blog-detail-content .container-fluid a:hover{
    color: #4aabd1;
}

.blog-detail-content h1 {
     
}
.blog-detail-content h1 {
    font-size: 2.625rem;
    font-weight: 600;
    color: #1A2E3A;
     
}

.blog-detail-content h2 {
    text-transform: inherit;
     
}

.blog-detail-content h3,
.blog-detail-content h4,
.blog-detail-content h5,
.blog-detail-content h6 {
      
}

.blog-detail-content h3 {
    font-size: 1.75rem;
}

.blog-detail-content h2,
.blog-detail-content h3,
.blog-detail-content h4,
.blog-detail-content h5,
.blog-detail-content h6,
.blog-detail-content p {
    margin: 1.5rem 0;
}
.blog-detail-content p {
    margin: 1rem 0;
}

.blog-detail-content p {
    letter-spacing: -.2px;
}

.blog-detail-content p+h2 {
    margin-top: 2rem;
}

.blog-detail-content blockquote {
    border-left: 5px solid #30B795;
    font-style: inherit;
    line-height: 1.8;
    color: #000;
    margin: 2rem 0;
}

.blog-detail-content blockquote em {
    font-style: inherit;
    font-size: inherit;
}

.post-navigation {
    margin-top: 3rem;
}

@media screen and (min-width: 992px) {
    .blog-bottom-sec {
        display: flex;
        justify-content: space-between;
    }

    .bbs-posts-wrap {
        width: calc(100% - 360px);
    }

    .consult-widget {
        width: 330px;
    }
}

@media screen and (max-width: 991px) {
    .consult-widget {
        margin-top: 2rem;
    }
}

/* privacy policy */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.5;
     
}
/* blogs read full button */
.post-card-desc .readmore {
    font-size: 16px;
    /* font-weight: bold; */
     
}