/* breadcrumb css start */
/****************************************************/
.all-pages-section{
    padding: 70px 0 0;
    background-image: linear-gradient(rgb(37, 37, 37, 0.6), rgba(0, 0, 0, 0.8)), url("../img/breadcrumb-bg.webp");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: 0.5s;}

.breadcrumb-title{color: #fff; font-size: 40px; margin-bottom: 10px;}
.breadcrumb-item a{color: #fff; padding-left: 3px; font-weight: 600;}
.breadcrumb-item.active{color: #86C733;}
.breadcrumb-item+.breadcrumb-item::before{
    content: "›";
    color: #ffffff;
    vertical-align: top;}




/* advantages css start */
/****************************************************/
.advantages_card, .our-content-card, .seo-card{
    height: 200px;
    margin: 12px 5px;
    padding: 25px 30px 0;
    border-radius: 20px;
    transition: ease-in-out 0.5s;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.15);}

.advantages_card h6{font-weight: 600 !important; font-size: 18px;}
.advantages_card p{text-align: justify; padding-top: 5px;}
.advantages_card_1{border-bottom: 3px solid #009fe3;}
.advantages_card_2{border-bottom: 3px solid #ff6f00;}
.advantages_card_3{border-bottom: 3px solid #00c925;}
.advantages_card_4{border-bottom: 3px solid #0024c4;}
.advantages_card_5{border-bottom: 3px solid #ff0095;}
.advantages_card_6{border-bottom: 3px solid #a67a00;}
.advantages_card_7{border-bottom: 3px solid #96a400;}
.advantages_card_8{border-bottom: 3px solid #ff0000;}

.advantages_card_1:hover{background-color: #e5f8ff;}
.advantages_card_2:hover{background-color: #fff0e5;}
.advantages_card_3:hover{background-color: #e0ffe5;}
.advantages_card_4:hover{background-color: #dee3ff;}
.advantages_card_5:hover{background-color: #ffe2f3;}
.advantages_card_6:hover{background-color: #fff7e1;}
.advantages_card_7:hover{background-color: #fdffe3;}
.advantages_card_8:hover{background-color: #ffe0e0;}


/* engaging_website css start */
/****************************************************/
.engaging_website{
    color: #fff;
    padding: 100px 0;
    text-align: center;
    background-image: linear-gradient(rgb(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)), url("../img/all-images/ready-to-build.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;}

.engaging_website_card{
    color: #fff;
    margin: 10px 0;
    padding: 40px 10px;
    border-radius: 20px;
    border: 1px solid #fff;
    transition: ease-in-out 0.5s;}

.engaging_website_card:hover{
    margin-top: -12px;
    box-shadow: 0 0 15px 0 rgba(184, 184, 184, 0.7);}

.engaging_website_card p{color: #fff; padding-top: 20px}
.engaging_website_card i{font-size: 35px; padding-top: 10px;}


/* industry_card css start */
/****************************************************/
.industry_card{
    margin: 11px 0;
    padding: 30px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background-color: #fff;
    transition: ease-in-out 0.5s;
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.10);}

.industry_card:hover{
    margin-top: 2px; 
    background-color: #f1f1f1;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.10);
    /* border: 1px solid #000; */
    /* background-image: linear-gradient(20deg, #eeffd7, #d4e5ff);*/} 


p{margin: 0;}
.paragraph{padding-top: 15px; text-align: justify; padding-right: 70px; line-height: 31px;}



/******************* About Us page css start *******************/
/**************************************************************************/
.our-company{    
    padding-top: 15px;
    text-align: justify;
    padding-right: 70px;
    line-height: 31px;}

.our-company-img{display: flex; justify-content: center; align-items: center;}
.our-company-img img{width: 94% !important;}
.about-bg{
    padding: 90px;
    background-position: top center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: linear-gradient(35deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)), url(../img/about-bg.webp);}

.what-we-do{
    background-color: rgba(0, 0, 0, 0.4);
    padding: 50px;
    border-radius: 15px;}
 
.what-we-do p{color: #fff; text-align: justify; padding-top: 10px; line-height: 32px;}
.what-we-do-img img{border-radius: 15px; width: 80%;}

.mission h2{font-size: 72px; font-weight: 800 !important; text-transform: uppercase;}
.mission p{font-size: 65px; line-height: 80px; font-weight: 500 !important;}



/******************* website development page css start *******************/
/**************************************************************************/
.contact-us-bg{
    padding: 100px 60px;
    background-position: top center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: linear-gradient(35deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3)), url(../img/contact-us-bg.webp);}

/* .contact-us{background-color: rgba(0, 0, 0, 0.5) !important;} */
.contact-us p{color: #fff;}
.number, .email, .contact-us .address, .contact-us .social_icon{
    display: flex;
    align-items: center;
    border-radius: 10px;
    height: 100px;
    padding: 0 30px;
    margin: 25px 0;
    background-color: rgba(0, 0, 0, 0.4) !important;}

.number i, .email i, .address i{
    color: #00c925; padding-right: 15px; font-size: 30px !important;}

.contact-us .social_icon{width: 100%; float: left; margin-top: 0;}



/******************* website development page css start *******************/
/**************************************************************************/

.section-title{color: #002a68;}
.col-heading{color: #69a51c; padding-top: 25px; font-size: 30px;}
.col-text{padding: 0 100px; text-align: center; padding-bottom: 15px;}
.section-pad{padding: 70px 0;}

/* .custom-web-design{text-align: justify;} */
.sec_1_text{padding-top: 10px; text-align: justify;}
.web-design-img{padding: 15px; margin-top: 20px; transform: scale(1); transition: ease-in-out 0.6s;}
.web-design-img:hover{transform: scale(0.94);}

.sec_2_text{text-align: center; padding-bottom: 15px;}
.custom_card_1{
    margin: 10px 0;
    padding: 30px 30px;
    border-radius: 10px;
    transform: scale(1);
    transition: ease-in-out 0.5s;}

.custom_card_1{background: linear-gradient(0deg, #136b1c, #68ba70); border-bottom: 3px solid #136b1c; }
.custom_card_1:hover{
    transform: scale(0.96);
    box-shadow: 0 5px 10px 0 rgba(87, 87, 87, 0.5);
    border-bottom: 3px solid #fff;}

/* .custom_card_full_1, .custom_card_full_2{padding: 40px auto;}     */
.custom_card_1 p{margin: 0;}
.custom_card_1 h4{color: #fff;}
.custom_card_1 p{color: #fff;}


.website_type_card {height: 360px !important;}
.website_type_card ul,
.technologies_card ul {padding-left: 0; padding-top: 5px;}
.website_type_card ul li,
.technologies_card ul li {line-height: 32px; color: #4d4d4d; font-size: 15px;}
.website_type_card ul li i, 
.technologies_card ul li i {color: #69a51c; padding-right: 8px;}

.technologies_card{
    height: 305px;
    margin: 12px 5px;
    padding: 22px 16px 22px 20px;
    border-radius: 20px;
    background-color: #091E3E;
    /* background-image: linear-gradient(30deg, rgb(26, 140, 193), rgb(26, 140, 193)); */
    scale: 0.96;
    transition: ease-in-out 0.5s;}

.technologies_card:hover{scale: 1; box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25);}
/* .technologies_card_1{
    background-image: linear-gradient(rgb(30, 30, 30, 0.9), rgba(30, 30, 30, 0.8)), url("../img/all-images/technology_1.webp");}
.technologies_card_2{
    background-image: linear-gradient(rgb(30, 30, 30, 0.9), rgba(30, 30, 30, 0.8)), url("../img/all-images/technology_2.webp");}
.technologies_card_3{
    background-image: linear-gradient(rgb(30, 30, 30, 0.9), rgba(30, 30, 30, 0.8)), url("../img/all-images/technology_3.webp");}
.technologies_card_4{
    background-image: linear-gradient(rgb(30, 30, 30, 0.9), rgba(30, 30, 30, 0.8)), url("../img/all-images/technology_4.webp");} */

.technologies_card h5{color: #fff; font-size: 20px;}
.technologies_card ul li{color: #fff;}


.circle-col{display: flex; justify-content: center;}
.circle{
    margin: 12px 0;
    padding: 50px 30px;
    width: 200px;
    height: 200px;
    text-align: center; 
    border-radius: 50%;
    transform: scale(0.94);
    transition: ease-in-out 0.5s;}

.circle:hover{
    border-radius: 10%;
    transition: ease-in-out 0.5s;
    transform: scale(1);
    /* border: 3px dashed #fff; */
    box-shadow: 0 0 20px 0 rgba(112, 112, 112, 0.7);}
    
/* .circle_1{background-color: #59929a; border: 3px dashed #0b717e;}
.circle_2{background-color: #5a9a66; border: 3px dashed #008819;}
.circle_3{background-color: #566597; border: 3px dashed #2a3c79;}
.circle_4{background-color: #8c8e4f; border: 3px dashed #5c5f06;}
.circle_5{background-color: #7d6945; border: 3px dashed #503605;} */

.circle_1{border: 3px dashed #59929a;}
.circle_2{border: 3px dashed #5a9a66;}
.circle_3{border: 3px dashed #566597;}
.circle_4{border: 3px dashed #8c8e4f;}
.circle_5{border: 3px dashed #7d6945;}
.circle i{color: #000; font-size: 30px; padding-bottom: 10px;}
.circle p{color: #000;}

.sec_2_text{padding-bottom: 15px;}

.software_solution{border-bottom: 3px solid #136b1c; background: linear-gradient(0deg, #136b1c, #68ba70);}



/******************* mobile app page css start  *******************/
/**************************************************************************/
.mobile-app-img{
    margin-top: 20px;
    height: 290px;
    width: 100%;
    border-radius: 15px;
    transform: scale(1);
    transition: ease-in-out 0.6s;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.25);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url('../img/all-images/mobile-app.webp');}

.mobile-app-card{
    margin: 20px 0 10px 0;
    padding: 25px;
    border-radius: 15px;
    background-color: #f0ffdc;
    transform: scale(1);
    transition: ease-in-out 0.6s;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.15);}
    
.mobile-app-img:hover, .mobile-app-card:hover{transform: scale(0.95);}


.strategy-text h2{padding-right: 20px;}
.line{
    margin: 10px 0;
    padding: 15px 25px;
    width: 80%;
    border-radius: 35px;
    transform: scale(0.95);
    transition: ease-in-out 0.5s;
    background: linear-gradient(45deg, #13516b, #67a4be);}

.line:hover{transform: scale(1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);}
.line p{margin: 0; color: #fff;}
.line p .fa-circle-chevron-right{padding-right: 10px;}
.line_1{background: linear-gradient(45deg, #600f26, #bb6c83);}


.ios_development_card{height: 280px; padding: 45px 25px; background-color: #002a68;}
.ios_development_card p{padding-top: 10px;}

.ios_services_card{
    text-align: center; 
    padding: 50px 25px; 
    border: 2px solid #002a68;}

.ios_services_card p{color: #002a68;}

.ios_development_card h4, .ios_development_card p{color: #fff;}
.ios_development_card, 
.ios_services_card{
    margin: 10px 0;
    border-radius: 15px;
    transform: scale(1);
    transition: ease-in-out 0.6s;}

.ios_development_card:hover, 
.ios_services_card:hover{margin-top: 0; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.25);}

.android_card{
    margin: 10px 0;
    padding: 32px 20px;
    text-align: center;
    border-radius: 15px;
    background-color: #f6f6f6;
    transform: scale(0.98);
    transition: ease-in-out 0.6s;}

.android_card:hover{
    transform: scale(1);
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);}

.android_card p{font-weight: 600 !important;}
.android-img img{
    border-radius: 25px;
    width: 85%;
    display: block;
    margin: 25px auto 0 auto;
    transition: ease-in-out 0.6s;}

/* .android-img img:hover{
    transform: scale(0.95);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);} */


.cross_app_card_1{padding: 0 20px 20px 20px; background-color: #69a51c;}
.cross_app_card_1 h4, .cross_app_card_1 p{color: #fff;}
.cross_app_card_1 p{padding-top: 10px;}

.choose-us-card,
.cross_app_card,
.cross_app_card_1{
    height: 235px;
    margin: 10px 0;
    border-radius: 15px;
    transform: scale(0.97);
    transition: ease-in-out 0.5s;}

.choose-us-card,
.cross_app_card{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #69a51c;
    background-color: #fff;}

.choose-us-card:hover,
.cross_app_card:hover,
.cross_app_card_1:hover{transform: scale(1); box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.25);}

.cross_app_card i{font-size: 40px; color: #69a51c;}
.cross_app_card p{padding-top: 18px;}



/******************* Software Development page css start  *******************/
/**************************************************************************/
.software-development{border-radius: 15px; margin-top: 10px;}
.software-development img{
    margin-bottom: 20px;
    border-radius: 15px; 
    height: 310px; 
    width: 100%;
    scale: 1;
    transition: ease-in-out 0.5s;}

.software-development img:hover{scale: 0.95; box-shadow: 0 0 15px 0 rgba(0,0,0,.35);}

.our-services{
    padding: 40px 25px; 
    margin: 15px 0; 
    border-radius: 15px; 
    transition: ease-in-out 0.5s; 
    scale: 1;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);}

.our-services:hover{scale: 0.95; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.25);}
.our-services h5{font-size: 18px;}
.our-services p{text-align: justify;}

.software-list-item{line-height: 35px; color: #212121;}
.software-solution-img{padding-top: 40px;}

  
/******************* Web hosting css start  *******************/
/**************************************************************************/

.graphic-design-services{padding: 50px 7px !important;}
  


/******************* Web hosting css start  *******************/
/**************************************************************************/
.online-presence h4{padding-right: 20px;}
.choose-us-card{background: transparent;}
.choose-us-card h6{padding-top: 25px;}
.choose-us-card i, .why-amazon i{font-size: 60px; color: #69a51c; transition: ease-in-out 0.4s;}
.choose-us-card i:hover, .why-amazon i:hover{transform: rotate(360deg);}

.fa-star-of-david{padding-right: 10px;}

.hosting-features{
    height: 350px;
    margin: 10px 0;
    padding: 15px 25px 35px; 
    border-radius: 15px;
    scale: 1; 
    transition: ease-in-out 0.5s; 
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);}

.hosting-features:hover{scale: 0.95;}
.hosting-features img{width: 60%; padding: 5px;}
.hosting-features h5{padding-top: 12px;}
.hosting-features p{padding-top: 7px; text-align: justify;}

.hosting-plan, .why-aso-card{transition: ease-in-out 0.5s;}
.hosting-plan:hover, .why-aso-card:hover{box-shadow: 0 0 15px 0 rgba(0,0,0,.25);}



/******************* digital marketing page css start  *******************/
/**************************************************************************/
.web_development_ser{
    margin: 10px 0; 
    padding: 10px 35px 30px; 
    border-radius: 25px;
    transition: ease-in-out 0.5s;}
.web_development_ser:hover{box-shadow: 0 5px 15px 0 rgba(140, 140, 140, 0.5);}

.web_development_ser h3{padding-top: 10px;}
.web_development_ser p{padding-top: 10px; line-height: 30px; text-align: justify;}

.hiring ul li{line-height: 34px;}
  


/******************* E-mail Marketing css start  *******************/
/**************************************************************************/
.email-card {height: 333px;}
.email-beneficial-card, .email-card {
    display: flex; justify-content: center; align-items: center; padding: 50px 30px;}

.solution{
    height: 360px;
    text-align: center; 
    scale: 0.95;
    margin-top: 12px;
    padding: 30px 18px; 
    border-radius: 20px;
    border: 1px solid #6db712;
    transition: ease-in-out 0.6s;}

.solution:hover{scale: 1; box-shadow: 0 0 15px 0 rgba(0,0,0,.25);}

.solution h4{font-size: 21px; margin-bottom: 12px;}
.solution p{text-align: justify;}
.solution i{font-size: 50px; padding-bottom: 25px; color: #6db712;}

  

/******************* Influencer Marketing ads css start  *******************/
/**************************************************************************/
.influencer{
    padding: 50px;
    /* border: 1px solid #000; */
    border-radius: 15px;
    transition: ease-in-out 0.5s;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.30);}

.influencer:hover{background-color: #fff;}
.influencer p, .yt-influencer p{text-align: justify; padding-right: 50px;}
.yt-influencer{padding: 55px 25px !important;}

  

/******************* Amazon Marketing css start  *******************/
/**************************************************************************/
.amazon h2{font-size: 26px;}
.amazon p{line-height: 29px; padding-right: 20px; text-align: justify;}
.amazon img{
    border-radius: 15px;
    margin: 15px;
    scale: 1;
    transition: ease-in-out 0.5s;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.30);}

.amazon img:hover{scale: 0.95;}
.amazon-card{padding: 30px 20px;}
.why-amazon i{padding-bottom: 0;}
.why-amazon p{padding-top: 20px;}

  

/******************* e-commerce css start  *******************/
/**************************************************************************/
.e-commerce-store{padding-right: 50px;}
.e-commerce-store h3{padding-top: 20px;}
.e-commerce-store p{line-height: 30px;}

  

/******************* google-ads css start  *******************/
/**************************************************************************/

.ads-mngt h4{margin-bottom: 4px;}
.ads-mngt{
    text-align: center; 
    padding: 30px 20px;
    border: 1px solid #000; 
    margin: 10px 0; 
    scale: 1;
    border-radius: 15px;
    transition: ease-in-out 0.5s;}

.ads-mngt:hover{
    scale: 0.95;
    background-color: #fcfcfc;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.15);}

.ads-mngt-full{padding: 40px 20px;}
/* .ads-mngt-full{background-color: #fcfcfc;} */

.google-ads{text-align: justify;}
.google-ads img{padding: 20px;}

.google-ads-card{height: 170px; margin-top: 12px; padding: 20px 15px;}
.google-ads-card .deve_content{padding-left: 5px;}
/* .google-ads-icons{display: flex; align-items: center;} */
.google-ads-icons img{height: 70px;}

.google-ads-digital_box{margin-top: 30px; align-items: center;}
.digital_circle_box{display: flex; align-items: center; justify-content: center;}
.digital_circle_box img{width: 80%; margin-top: 15px;}

  

/******************* Social media ads css start  *******************/
/**************************************************************************/
.social_media-ads p{line-height: 32px; padding-right: 40px; text-align: justify;}

  

/******************* lead generation css start  *******************/
/**************************************************************************/
.lead-generation{
    border: 1px solid #000; 
    padding: 40px 25px; 
    border-radius: 15px;
    scale: 1;
    transition: ease-in-out 0.5s;}

.lead-generation:hover{scale: 0.95; box-shadow: 0 5px 15px 0 rgba(0,0,0,.35);}
.lead-generation-img img{width: 85%}
.lead-generation p{text-align: justify;}



/******************* Content writing page css start  *******************/
/**************************************************************************/
.welcome h2{padding-top: 18px;}
.welcome p{padding-top: 12px; text-align: justify; line-height: 28px;}

.our-content-card{
    height: 90px; 
    padding: 0 10px;
    transition: 0.6s; 
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;}

.our-content-card:hover{margin-top: 2px;}

.hosting-plan{padding: 30px 20px; height: 300px;}
.hosting-plan p{padding: 10px 15px;}
  


/******************* Local SEO css start  *******************/
/**************************************************************************/
.local-seo{padding-right: 50px;}

  

/******************* SEO page css start  *******************/
/**************************************************************************/
.importance_card{transition: ease-in-out 0.5s; scale: 1;}
.importance_card:hover{
    scale: 0.95;
    box-shadow: 0 5px 30px 0 rgba(36, 36, 36, 0.25);}

.welcome_seo p{padding-top: 8px; text-align: justify; padding-right: 20px;}
.welcome_img img{padding-top: 10px; border-radius: 50px;}
.seo-type{margin-top: 40px;}
.seo-card p{text-align: justify;}

  

/******************* SMO page css start  *******************/
/**************************************************************************/
.about-smo{padding-right: 60px;}
  


/******************* App Store Optimization page css start  *******************/
/**************************************************************************/
.our-app-store img{width: 35% !important;}
.why-aso{padding-right: 60px;}
.why-aso p{padding-top: 20px !important;}
.why-aso-card{padding: 15px 25px 35px !important;}




/********* media queries start  *********/
/****************************************/
@media screen and (min-device-width: 991px) and (max-device-width: 1024px) {

    .sec_2_text{font-size: 15px;}

    .mission h2{font-size: 72px; font-weight: 900;}
    .mission p{font-size: 45px; line-height: 60px; font-weight: 500;}


    /************* website development css start *************/
    /* .advantages_card_4, .advantages_card_5, .advantages_card_6{height: 380px !important;} */
    .advantages_card{font-size: 15px; padding: 25px 20px 0;}
    .advantages_card_4 ul li, 
    .advantages_card_5 ul li, 
    .advantages_card_6 ul li{font-size: 13px;}

    .custom_card_1{padding: 30px 20px;}

    .technologies_card h5{font-size: 16px;}


    /************* Mobile development css start *************/
    .line-div{margin-top: 100px;}
    .line{width: 90%;}
    .mobile-app-card h4{font-size: 20px;}
    .mobile-app-img{height: 330px;}
    .ios_services_card{padding: 50px 10px; }
    .ios_development_card{padding: 45px 20px; height: 260px;}
    
    .android-img img{width: 100%;margin-top: 50px;} 
    .cross_app_card_1 h4{font-size: 19px;}
    .cross_app_card_1 p{padding-top: 3px;}

    .industry_card p{font-size: 14px;}


    /************* Software development css start *************/
    .software-development img{height: 300px;}
    .our-services{padding: 40px 16px;}
    .software-solution-img img{width: 90%;}


    /************* graphic design css start *************/
    .graphic-design img{margin-top: 50px; width: 90%; padding-left: 50px;}
    .graphic-design-card{padding: 30px 12px;}
    .graphic-design-services p{font-size: 15px;}


    /************* web hosting css start *************/
    .hosting-features{height: 320px;}
    .hosting-features img{width: 35%;}


    /************* digital marketing css start *************/
    .web_development_ser{padding: 10px 20px 30px;}
    .web_development_ser p{line-height: 27px;}
    .hiring ul{padding-top: 15px !important;}
    
    
    /************* Email marketing css start *************/
    .bor-top{right: -52px;}
    .bor-top2{left: -52px;}
    .email-card h2{font-size: 28px;}
    .email-beneficial-card{height: 120px;}
    
    
    /************* influencer marketing css start *************/
    .yt-influencer{padding: 47px 25px !important;}


    /************* e-commerce-store css start *************/
    .e-commerce-store h3{font-size: 24px;}
    .e-commerce-store img{height: 250px; margin-top: 30px;}


    /************* Google ads css start *************/
    .ads-mngt h4{font-size: 25px;}
    .ads-mngt-full{padding: 30px 20px;}
    .google-ads img{padding: 0;}
    .google-ads-card{height: 210px;}
    .digital_circle_box img{width: 100%; margin-top: 50px;}


    /************* Social Media ads css start *************/
    .social_media-ads p{line-height: 28px; padding: 0;}
    .social-media-img{margin-top: 100px; width: 100%;}


    /************* lead generation css start *************/
    .lead-generation{padding: 30px 20px;}
    .lead-generation-img img{width: 100%; height: 300px;}


    /************* content writing css start *************/
    .our-content-card{height: 115px;}

    
    /************* local SEO css start *************/
    .local-seo{padding-right: 0;}
    .why-local-seo h2{font-size: 37px; margin-bottom: 20px;}


    /************* SEO css start *************/
    .importance_card{padding: 30px 25px;}


    /************* SMO css start *************/
    .smo-heading h2{font-size: 33px;}


    /************* ASO css start *************/
    .why-aso{padding-right: 20px;}
    .why-aso-card{padding: 15px 35px 35px !important;}
    .our-app-store{height: 345px;}

}

@media screen and (min-device-width: 768px) and (max-device-width: 990px) {
    .sec_2_text{font-size: 15px;}
    .section-title{font-size: 28px;}
    .col-text{padding: 0 !important;}

    /************* About us css start *************/
    .our-company-img img{width: 60% !important;}
    .about-bg{padding: 90px 50px;}
    .mission img{display: none;}
    
    /************* website development css start *************/
    .web-design-img{padding: 35px;}
    .custom_card_1{padding: 30px 12px;}
    .advantages_card h6{font-size: 17px;}
    .advantages_card_1, .advantages_card_2, .advantages_card_3, .advantages_card_4 {height: 255px !important;}
    .advantages_card_5, .advantages_card_6{height: 380px;}
    .advantages_card_4 ul li, 
    .advantages_card_5 ul li, 
    .advantages_card_6 ul li{font-size: 14px;}
    .technologies_card{height: 285px; padding: 23px 20px;}
    .engaging_website_card{height: 240px;}

    
    /************* Mobile development css start *************/
    .mobile-app-card h4{font-size: 20px;}
    .mobile-app-img{height: 330px;}
    .ios_services_card{padding: 50px 10px;}
    .ios_development_card{padding: 45px 20px; height: 170px; text-align: center;}
    .ios_development_card p{padding-top: 0;} 
    .cross_app_card_1{height: 170px; text-align: center;}
    .cross_app_card_1 h4{font-size: 19px;}
    .cross_app_card_1 p{padding-top: 3px;} 
    .industry_card p{font-size: 14px;}

    
    /************* graphic design css start *************/
    .graphic-design img{margin-top: 50px; width: 90%; padding-left: 50px;}
    .graphic-design-services{padding: 50px 20px;}
    .graphic-design-card {padding: 30px 15px;}
    .graphic-design-card p{font-size: 14px;}

    
    /************* web hosting css start *************/
    .web-hosting img{margin-top: 25px; width: 90%; padding-left: 60px;}
    .hosting-features{height: 350px;}
    .hosting-plan{padding: 30px;}
    
    
    /************* digital marketing css start *************/
    .web_development_ser{padding: 10px 25px 30px; height: 420px;}
    .web_development_ser p{line-height: 27px;}
    .hiring{margin-top: 20px;}
    
    
    /************* Email marketing css start *************/
    .bor-top{right: -43px;}
    .bor-top2{left: -43px;}
    .email-card h2{font-size: 28px;}
    .email-beneficial-card{height: 120px; padding: 30px 10px;}
    
    
    /************* influencer marketing css start *************/
    .yt-influencer{padding: 40px 25px !important;}
 
    
    /************* amazon marketing css start *************/
    .amazon img {margin-top: 30px;}


    /************* e-commerce-store css start *************/
    .e-commerce-store img{margin-top: 30px;}


    /************* Google ads css start *************/
    .ads-mngt-full h2{font-size: 24px;}
    .ads-mngt h4{font-size: 20px;}
    .ads-mngt-full{padding: 40px 20px;}
    .google-ads img{padding: 40px;}
    .google-ads-card{height: 240px;}
    .digital_circle_box img{display: none;}


    /************* Social Media ads css start *************/
    .social_media-ads p{padding: 0;}
    .social-media-img{margin-top: 50px; width: 100%;}
    .services-card{height: 310px;}
    .services-card .deve_ser_icon img{height: 70px;}


    /************* lead generation css start *************/
    .lead-generation{padding: 40px 20px;}
    .lead-generation-img img{margin-top: 40px; width: 95%;}


    /************* content writing css start *************/
    .welcome{margin-bottom: 40px;}
    .our-content-card{height: 115px !important;}
    .ContentWriting img{height: auto;}


    /************* local SEO css start *************/
    .local-seo{padding-right: 0;}
    .local-seo img{width: 100%;}
    .why-local-seo{margin-top: 30px;}
    .why-local-seo h2{font-size: 37px; margin-bottom: 20px;}


    /************* SEO css start *************/
    .importance_card{padding: 30px 25px;}
    .welcome_img img{margin-top: 40px;}

    .seo-card{height: 210px !important;}


    /************* SMO css start *************/
    .smo-heading{margin-bottom: 40px;}
    .smo-heading h2{font-size: 33px;}
    .tech_top_bor{top: -39px;}


    /************* ASO css start *************/
    .why-aso{padding-bottom: 40px;}
    .our-app-store{height: 345px;}


} 

@media screen and (min-device-width: 425px) and (max-device-width: 767px) {

    .all-pages-section{padding: 110px 0 20px;}
    .sec_2_text{font-size: 15px;}
    .section-title{font-size: 25px;}
    .col-heading{font-size: 22px;}
    .col-text{padding: 0 !important;}
    .accordion-button{font-size: 15px;}
    .Faqs_Content h2{font-size: 21px;}
    .Inner_title h1 {font-size: 25px;}

    /************* About us css start *************/
    .about-bg{padding: 60px 10px;}
    .what-we-do{padding: 40px 30px;}
    .mission h2{font-size: 52px;}
    .mission p{font-size: 45px; line-height: 70px;}
    .our-company{padding-right: 10px;}
    .mission img{display: none;}

    /************* contact us css start *************/
    .contact-us-bg{padding: 100px 10px; background-position: top right;}
    .number, .email, .contact-us .address, .contact-us .social_icon{padding: 0 15px;}

    /************* website development css start *************/
    .custom_card_1{padding: 30px 15px;}
    .advantages_card h6{font-size: 17px;}
    .advantages_card_1, .advantages_card_2, .advantages_card_3, .advantages_card_4 {height: 225px !important;}
    .advantages_card_5, .advantages_card_6{height: 360px !important;}
    .advantages_card_4 ul li, 
    .advantages_card_5 ul li, 
    .advantages_card_6 ul li{font-size: 14px;}

    
    /************* Mobile development css start *************/
    .mobile-app-card h4{font-size: 20px;}
    .mobile-app-img{height: 330px;}
    .ios_services_card{padding: 50px 10px;}
    .ios_development_card{padding: 45px 20px; height: 170px; text-align: center;}
    .ios_development_card p{padding-top: 0;} 
    .cross_app_card_1{height: 170px; text-align: center;}
    .cross_app_card_1 h4{font-size: 19px;}
    .cross_app_card_1 p{padding-top: 3px;} 
    .industry_card p{font-size: 14px;}
    
    .line{width: 100%;}
    .paragraph{padding-right: 0;}

    
    /************* web hosting css start *************/
    .web-hosting img{margin-top: 25px; width: 100%; padding: 10px;}
    .hosting-features{height: 400px;}
    .hosting-features img{width: 45%;}
    .hosting-plan{padding: 30px;}

    
    /************* graphic design css start *************/
    .graphic-design-services{padding: 50px 20px;}
    .graphic-design-card {padding: 30px 15px;}
    .graphic-design-card p{font-size: 14px;}
    
    
    /************* digital marketing css start *************/
    .web_development_ser{height: 380px;}
    .web_development_ser p{line-height: 27px;}
    .hiring ul{margin-top: 20px;}
    
    
    /************* Email marketing css start *************/
    .email-card h2{font-size: 25px;}
    
    
    /************* influencer marketing css start *************/
    .yt-influencer{padding: 40px 25px !important;}
    .yt-influencer p{padding-right: 0;}
 
    
    /************* amazon marketing css start *************/
    .amazon img {margin: 30px 0 0;}


    /************* e-commerce-store css start *************/
    .e-commerce-store{padding-right: 0;}
    .e-commerce-store img{margin-top: 30px; height: auto;}


    /************* Google ads css start *************/
    .google-ads-card{height: 190px; padding: 20px 25px 20px 10px;}
    .google-ads-icons img{height: 50px !important;}
    .digital_circle_box img{display: none;}


    /************* Social Media ads css start *************/
    .social_media-ads p{padding: 0;}
    .social-media-img{margin-top: 50px; width: 100%;}
    .services-card{height: 260px;}
    .services-card .deve_ser_icon img{height: 60px;}


    /************* lead generation css start *************/
    .lead-generation-img img{margin-top: 40px; width: 100%;}


    /************* content writing css start *************/
    .welcome{margin-bottom: 40px;}
    .our-content-card{height: 100px !important;}
    .our-content-card p{font-size: 14px;}
    .ContentWriting img{height: auto;}


    /************* local SEO css start *************/
    .local-seo{padding-right: 0;}
    .local-seo img{width: 100%; padding: 0;}
    .why-local-seo{margin-top: 30px;}


    /************* SEO css start *************/
    .welcome_img img{margin-top: 40px;}
    .seo-card{height: 185px !important;}


    /************* SMO css start *************/
    .smo-heading{margin-bottom: 40px;}
    .software-list{padding-left: 0;}
    .digital_marketing_content p{padding-top: 25px !important;}


    /************* ASO css start *************/
    .why-aso{padding: 0 0 40px;}
    .our-app-store{height: 325px; padding: 15px 18px 35px;}

}

@media screen and (min-device-width: 375px) and (max-device-width: 424px) {

    .all-pages-section{padding: 100px 0 20px;}
    .breadcrumb-title {font-size: 28px;}
    .sec_2_text{font-size: 15px;}
    .section-title{font-size: 22px;}
    .col-heading{font-size: 25px;}
    .col-text{padding: 0 15px !important;}
    .accordion-body{    
        padding: 1rem 1rem;
        text-align: justify;
        font-size: 14px;}
    .accordion-button{font-size: 15px;}
    .Faqs_Content h2{font-size: 21px;}
    .Inner_title h1 {font-size: 24px;}

    /************* About us css start *************/
    .about-bg{padding: 60px 10px;}
    .what-we-do{padding: 40px 30px;}
    .mission h2{font-size: 50px;}
    .mission p{font-size: 40px; line-height: 60px;}
    .our-company{padding-right: 10px;}
    .mission img{display: none;}

    /************* contact us css start *************/
    .contact-us-bg{padding: 100px 10px;  background-position: top right;}
    .number, .email, .contact-us .address, .contact-us .social_icon{padding: 0 15px;}
    
    /************* website development css start *************/
    .custom_card_1{padding: 30px 15px;}
    .advantages_card h6{font-size: 17px;}
    .advantages_card_1, .advantages_card_2, .advantages_card_3, .advantages_card_4 {height: 250px !important;}
    .advantages_card_5, .advantages_card_6{height: 375px !important;}
    .advantages_card_4 ul li, 
    .advantages_card_5 ul li, 
    .advantages_card_6 ul li{font-size: 14px;}

    
    /************* Mobile development css start *************/
    .mobile-app-card h4{font-size: 20px;}
    .mobile-app-img{height: 200px;}
    .mobile-app-card p{text-align: justify;}    
    .ios_services_card{padding: 50px 10px;}
    .ios_development_card{height: 170px; text-align: center;}
    .ios_development_card p{padding-top: 0;} 
    .cross_app_card_1{height: 180px; text-align: center;}
    .cross_app_card_1 h4{font-size: 19px; padding-top: 15px !important;}
    .cross_app_card_1 p{padding-top: 3px;} 
    
    .line{width: 100%;}
    .line p{font-size: 15px;}
    .paragraph{padding-right: 0;}

    
 
    /************* software development css start *************/
    .software-development img{height: auto;}

    

    /************* graphic design css start *************/
    .graphic-design-services{padding: 50px 20px;}
    .graphic-design-card {padding: 30px 15px;}
    .graphic-design-card p{font-size: 14px;}

    
    /************* web hosting css start *************/
    .web-hosting img{margin-top: 25px; width: 100%;}
    .hosting-features{height: 310px;}
    .hosting-features img{width: 40%;}
    
    
    /************* digital marketing css start *************/
    .web_development_ser{height: 420px;}
    .web_development_ser p{line-height: 27px;}
    .hiring ul{margin-top: 20px;}
    
    
    /************* Email marketing css start *************/
    .email-card h2{font-size: 25px;}
    .bor-top, .bor-top2{display: none;}
    .Inner_service_area .row .col-sm {margin-top: 20px !important;}
    
    
    /************* influencer marketing css start *************/
    .yt-influencer{padding: 40px 25px !important;}
    .yt-influencer p{padding-right: 0;}
 
    
    /************* amazon marketing css start *************/
    .amazon img {margin: 30px 0 0;}
    .amazon h2{font-size: 22px;}


    /************* e-commerce-store css start *************/
    .e-commerce-store{padding-right: 0;}
    .e-commerce-store img{margin-top: 30px; height: auto;}


    /************* Google ads css start *************/
    .google-ads-card{height: 210px; padding: 20px 25px 20px 10px;}
    .google-ads img{padding: 0;}
    .google-ads-icons img{height: 50px !important;}
    .digital_circle_box img{display: none;}


    /************* Social Media ads css start *************/
    .social_media-ads p{padding: 0;}
    .social-media-img{margin-top: 50px;}
    .services-card{height: 280px;}
    .services-card .deve_ser_icon img{height: 60px;}


    /************* lead generation css start *************/
    .lead-generation-img img{width: 100%;}


    /************* content writing css start *************/
    .welcome{margin-bottom: 50px;}
    .our-content-card{height: 100px !important;}
    .our-content-card p{font-size: 13px;}
    .ContentWriting img{height: auto;}


    /************* local SEO css start *************/
    .local-seo{padding-right: 0;}
    .why-local-seo{margin-top: 30px;}


    /************* SEO css start *************/
    .welcome_img img{margin-top: 40px;}
    .seo-type{margin-top: 40px;}
    .seo-card{height: 200px !important;} 


    /************* SMO css start *************/
    .smo-heading{margin-bottom: 40px; padding: 40px 15px;}
    .software-list{padding-left: 0;}
    .digital_marketing_content p{padding-top: 25px !important;}


    /************* ASO css start *************/
    .why-aso{padding: 0 0 40px;}
    .our-app-store{height: 325px; padding: 15px 18px 35px;}
    .our-app-store img{width: 30% !important;}

}