body {

    font-family: ont-family:'PingFang SC',"Microsoft Yahei UI","Microsoft Yahei",微软雅黑,"Segoe UI",Tahoma,宋体b8b体,SimSun,sans-serif!important;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale ;

    /*background-color: #F7F7F7;*/

}


* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.site-nav .get-quote {
    width: 117px;
    height: 35px;
    color: #fff;
    background-color: #0086ff;
    border: 1px solid #4581fb;
    outline: 0;
    border-radius: 4px;
    line-height: 35px;
    padding: 2;
    font-family: inherit;
    font-size: inherit;
    margin-left: 10px;
    margin-top:15px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.rise-on-hover {
    transform: translateY(0);
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -webkit-transition: -webkit-transform ease-in-out .1s;
    transition: transform ease-in-out .1s;
}

rise-on-hover.blue, .rise-on-hover:hover {
    color: #4581fb;
    background-color: transparent;
    border: 1px solid #4581fb;
}

.site-nav .get-quote1 {
    width: 117px;
    height: 35px;
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    outline: 0;
    border-radius: 4px;
    line-height: 35px;
    padding: 2;
    font-family: inherit;
    font-size: inherit;
    margin-left: 10px;
    margin-top:15px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}


rise-on-hover1.blue, .rise-on-hover1:hover {
    width: 117px;
    height: 35px;
    background-color: #0086ff;
    color: #fff;
    border: none;
    outline: 0;
    border-radius: 4px;
    line-height: 35px;
    padding: 2;
    font-family: inherit;
    font-size: inherit;
    margin-left: 10px;
    margin-top:15px;
}

.rise-on-hover1>a .rise-on-hover1{
    -webkit-transition: -webkit-transform ease-in-out .1s;
    transition: transform ease-in-out .1s;
}

rise-on-hover1:before{
    -webkit-transition: -webkit-transform ease-in-out .1s;
    transition: transform ease-in-out .1s;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.input-field .dropdown-content li > span{
    color: #474747;
}


main {

    flex: 1 0 auto;

}



#banner-svg {

    

    /* pointer-events: none; */

    /* z-index: 99; */

    display: inherit;

}

.banner-img {

    /* height: 100vh; */

    /* width: 100vw; */

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/landing-image.jpg");

    /* z-index: 99; */

    background-size: cover;

    /* background-position-y: -100px; */

    /* pointer-events: none; */

    

    clip-path: url(#bannerclip) ;  

}

.social-banner-img{

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/socialmedia-banner-img.jpg");

    background-size: cover;

    clip-path: url(#bannerclip) ;

}

.partner-banner-img{

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/banner-partner-with-us.png");

    background-size: cover;

    clip-path: url(#bannerclip) ;

}
.postmates-banner-img{

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/blog/postmates-business-model-for-ios-and-android-app.png");

    background-size: cover;

    clip-path: url(#bannerclip) ;

}
.pizza-banner-img{

    position: absolute;

    height: 100vh;

    width: 100%;

    /*background-image: url("../res/pizza-banner.png");*/
    background-image: url("../res/online-pizza-ordering-system.png");

    background-size: cover;

    clip-path: url(#bannerclip) ;

}
.partner-banner-img-try{

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/try-banner-partner.png");

    background-size: cover;

    clip-path: url(#bannerclip) ;

}
.laundry-banner-img{

    position: absolute;

    height: 100vh;

    width: 100%;

   /* background-image: url("../res/laundry-app-development.png");*/
 background-image: url("../res/laundry-app-development-service.png");
    background-size: cover;

    clip-path: url(#bannerclip) ;

}
.marketplace-banner-img{

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/marketplace-banner.png");

    background-size: cover;

    clip-path: url(#bannerclip) ;

}
.hire-php-banner-img{



    position: absolute;



    height: 100vh;



    width: 100%;



    background-image: url("../res/hire-php-web-developer.png");



    background-size: cover;



    clip-path: url(#bannerclip) ;



}
.hire-magento-banner-img {



    



    position: absolute;



    height: 100vh;



    width: 100%;



    background-image: url("../res/hiremagento-banner.png");



    background-size: cover;



    clip-path: url(#bannerclip) ;  



}
.hire-laravel-banner-img{



    position: absolute;



    height: 100vh;



    width: 100%;



    background-image: url("https://www.infigic.com/res/laravel-banner-img.png");



    background-size: cover;



    clip-path: url(#bannerclip) ;



}
.get-a-quote-banner-img{

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/banner-get-a-quote.png");

    background-size: cover;

    clip-path: url(#bannerclip) ;

}

.about-banner-img{

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/about-banner-img.png");

    background-size: cover;

    clip-path: url(#bannerclip) ;

}

.grocery-banner-img {

    /* height: 100vh; */

    /* width: 100vw; */

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/grocery-app-development-company.jpg");

    /* z-index: 99; */

    background-size: cover;

    /* background-position-y: -100px; */

    /* pointer-events: none; */

    

    clip-path: url(#bannerclip) ;  

}

.graphics-banner-img {

    

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/graphic-banner-img.png");

    background-size: cover;

    clip-path: url(#bannerclip) ;  

}

.mobile-banner-img {

    

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/mobile-banner-img.png");

    background-size: cover;

    clip-path: url(#bannerclip) ;  

}

.ecoomerce-app-banner-img {

    /* height: 100vh; */

    /* width: 100vw; */

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url(../res/ecommerce-app-banner-img.png);

    /* z-index: 99; */

    background-size: cover;

    /* background-position-y: -100px; */

    /* pointer-events: none; */

    clip-path: url(#bannerclip);

}

.contact-banner-img {

    

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/contact-us-background.jpg");

    background-size: cover;

    clip-path: url(#bannerclip) ;  

}

@media only screen and (min-width: 993px){

 .ecom-feature{

    margin-left: 14.6666666667% !important;

    margin-right: 2% !important;

}

}



.rubyonrails-banner-img {

    /* height: 100vh; */

    /* width: 100vw; */

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/ruby-on-rails-banner.png");

    /* z-index: 99; */

    background-size: cover;

    /* background-position-y: -100px; */

    /* pointer-events: none; */

    

    clip-path: url(#bannerclip) ;  

}



.florist-banner-img {

    

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/florist-main-banner.png");

    background-size: cover;

    clip-path: url(#bannerclip) ;  

}

.iphone-banner-img {

    

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/iphone-app-banner.png");

    background-size: cover;

    clip-path: url(#bannerclip) ;  

}

.ordering-banner-img {

    

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/on-demand-app-development.png");

    background-size: cover;

    clip-path: url(#bannerclip) ;  

}



.spree-banner-img {

    

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/spree-banner-img.png");

    background-size: cover;

    clip-path: url(#bannerclip) ;  

}

.pharamcy-banner-img {

    

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/pharma-banner-img.png");

    background-size: cover;

    clip-path: url(#bannerclip) ;  

}

.laravel-banner-img{

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/laravel-banner-img.png");

    background-size: cover;

    clip-path: url(#bannerclip) ; 

}

.wordpress-banner-img{

     position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/wordpress-banner-img.png");

    background-size: cover;

    clip-path: url(#bannerclip) ; 

}

.mcom-banner-img{

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/mcomm-new.png");

    background-size: cover;

    clip-path: url(#bannerclip) ;

}

.web-banner-img{

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/banner-web-develop.png");

    background-size: cover;

    clip-path: url(#bannerclip) ;

}



.seo-banner-img{

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/seo-banner.png");

    background-size: cover;

    clip-path: url(#bannerclip) ;

}

.food-ordering-img{

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/food-banner.png");

    background-size: cover;

    clip-path: url(#bannerclip) ;

}

.magento-banner-img{

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/magento-banner-img.png");

    background-size: cover;

    clip-path: url(#bannerclip) ;

}
.magento-custom-banner-img{

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/custom-magento-development-services.png");

    background-size: cover;

    clip-path: url(#bannerclip) ;

}
.magento-psd-banner-img{

    position: absolute;
    height: 100vh;
    width: 100%;
    background-image: url("../res/convert-psd-to-magento.png");
    background-size: cover;
    clip-path: url(#bannerclip) ;

}
.joomla-banner-img{

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/joomla-banner-img.png");

    background-size: cover;

    clip-path: url(#bannerclip) ;

}

.android-banner-img{

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/android-banner-img.png");

    background-size: cover;

    clip-path: url(#bannerclip) ;

}

.digital-banner-img{

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/digital-banner-img.png");

    background-size: cover;

    clip-path: url(#bannerclip) ;

}

.banner-img:before {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;        

    background-image: linear-gradient(90deg,black,black);

    opacity: 0.3; 

    clip-path: url(#bannerclip) ;

    /* pointer-events: none; */

}





.banner-image {

    /* position: absolute;

    top: 0;

    left: 0; */

    background-image: url("../res/landing-image.jpg");

    height: 100vh;

    /* background-position: center; */

    background-size: cover;

    position: absolute;

    width: 100%;

    height: 100vh;

}



.banner-image:before {

    content: '';

        position: absolute;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        background-image: linear-gradient(90deg,black,black);

        opacity: 0.45; 

        

}



::-moz-selection {

    color:#2e2e2e;

    background: #fac916;

}

  

::selection {

    color:#000000;

    background: #fac916;

} 



.transparent {

    background-color: transparent !important;

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

}



.white-nav {

    background-color: white !important;

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

    position: fixed;

    z-index: 2000;

}

.fixed-white-nav {

    background-color: white !important;

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

    height: 80px;

}

nav.fixed-white-nav ul a {

    color: #2e2e2e;

}

body {

    display: flex;

    min-height: 100vh;

    flex-direction: column;

}



main {

    flex: 1 0 auto;

}



h2 {

    color: #424242;

    font-weight: 600;

    font-size: 22pt;

    text-transform: uppercase;

}



.section-separator {

    height: 4px;

    width: 54px;

    /* margin-left: auto; */

    /* margin-right: auto; */

    background-color: #EF5350;

}





.nav-container {

    width: 100%;

}



.brand-logo {

    margin-top: 14px;

}



#logo {

    

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

}



nav ul a {

    font-size: 1.1rem;

    color: white;

    background-image: linear-gradient(180deg,transparent 92%,#ffa536 0);

    background-size: 0 100%;

    background-repeat: no-repeat;

    /* text-transform: uppercase; */

    letter-spacing: 0.9px;

    font-family: Gotham Book;

    display: inline-block;

}



nav ul a:hover {

    background-size: 100% 100%;

    background-color: transparent;

    transition: background-size .4s ease;

}



nav.white-nav ul a {

    color: #2e2e2e;

}



#sidenav-overlay {

    z-index: 995;

}



.dropdown-content.mega-dropdown {

    /* top: 64px !important; */

    /* width: auto !important; */

    width: 92% !important;

    left: 0px !important;

    /* box-sizing: border-box; */

    margin-left: 50px !important;

    overflow: hidden;

    box-shadow: 0 16px 32px rgba(0,0,0,0.20) !important;

}

.dropdown-content .row {

    margin-top: 12px !important;

    margin-bottom: 16px !important;

}



.dropdown-content .col {

    border-right: 1px solid #DEDEDE;

}



.dropdown-content a {

    background-image: none !important;

    white-space: nowrap;

    padding: 5px 22px !important;

    font-size: 11pt !important;

    color: #2e2e2e !important;

}



.dropdown-content li {

    min-height: initial !important;

}

.dropdown-content.mega-dropdown li {

    min-height: initial !important;

}

.dropdown-content .dd-header a {

    text-transform: uppercase;

    color: #EF5350 !important;

    font-family: Gotham;

    font-weight: 500;

    padding: 5px 12px !important;

    /* border-left: 4px solid #EF5350; */

}

.dropdown-content.normal-dropdown a {

    background-image: none !important;

    white-space: nowrap;

    padding: 8px 22px !important;

    font-size: 11pt !important;

    color: #2e2e2e !important;

}

.dropdown-content.normal-dropdown li {

    min-height: initial !important;

}

.dropdown-content.normal-dropdown {

    /* top: 64px !important; */

    width: auto !important;

    /* width: 92% !important; */

    /* left: 0px !important; */

    box-sizing: border-box;

    /* margin-left: 50px !important; */

    overflow: hidden;

    box-shadow: 0 16px 32px rgba(0,0,0,0.20) !important;

}

.dd-col {

    height: 100% !important;

    width: 100% !important;

    display: inline-block;

}

/* ~~~~~~~~~~~~~LANDING~~~~~~~~~~~~~ */



#landing-section {

    padding-top: 0 !important;

    padding-bottom: 0 !important;

}



.landing-image {
    /*height: calc(100vh - 64px);*/
    height: 600px;
    width: 100%;
    background-color: transparent;
}



.landing-container {

    width: 90%;

    /* z-index: 999; */

}



.banner-phones {

    /* z-index: 999; */

    transform: translateY(60px);

    width: 91%;

   

}
.banner-phones1 {



    /* z-index: 999; */



    transform: translateY(60px);



    width: 45%;

    margin-bottom: 20px;



   



}



#landing-card {

    position: relative;

    /* z-index: 999; */

    padding: 22px 0;

    /* margin-top: -80px; */

    /* box-shadow: -30px 30px 72px 13px rgba(0,0,0,0.19); */

}



.landing-strip {

    width: 60px;

    background-color: #43A047;

    height: 3px;

    position: absolute;

    top: 0;

    stroke-linecap: round;

    

}



#landing-heading {

    font-size: 30pt;

    line-height: 1.3;

    width: 100%;

    color: white;

    margin-top: 0;

    margin-bottom: 9px;

    font-weight: 400;

    /*max-width: 620px;*/

}



/* .landing-subtitle {

    font-size: 15pt;

    

    color: #5d5d5d;

    line-height: 25px;

    width: 90%;

    margin-top: 0;

    margin-bottom: 0;

    font-weight: 300;

    

} */



.landing-button {

    /* display: none; */

    background-color: #00ACC1;

    border: none;

    color: white;

    margin-top: 20px;

    font-size: 13pt;

    text-transform: uppercase;

    padding: 6px 17px 6px 17px;

    box-shadow: 0 14px 28px rgba(0,0,0,0.40);

    transition: box-shadow 200ms ease;

    font-weight: 500;

    background : -moz-linear-gradient(0% 50% 0deg,rgba(124, 179, 66, 1) 0%,rgba(0, 121, 107, 1) 100%);

    background : -webkit-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%);

    background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(124, 179, 66, 1) ),color-stop(1,rgba(0, 121, 107, 1) ));

    background : -o-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%);

    background : -ms-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%);

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342', endColorstr='#00796B' ,GradientType=0)";

    background : linear-gradient(90deg, rgb(123, 179, 66) 0%, rgba(0, 121, 107, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342',endColorstr='#00796B' , GradientType=1);

    border-radius : 2px;

    -moz-border-radius : 2px;

    -webkit-border-radius : 2px;

    z-index: 999;

    margin-right: 14px;

    transition: all 200ms ease;

    

}



.landing-button:hover {

    box-shadow: 0 10px 20px rgba(0,0,0,0.50);

    transition: box-shadow 200ms ease;

}



.landing-button:focus {

    background-color: rgb(1, 168, 184);

}



.landing-button-outline {

    background: transparent !important;

    border: 2px solid white;

    padding: 4px 17px 4px 17px;

    transition: all 200ms ease;

    /* box-shadow: none; */

}



.landing-button-outline:hover {

    

   /* background: white !important;*/

    color: #2e2e2e !important;

    box-shadow: 0 10px 20px rgba(0,0,0,0.50);

    transition: all 200ms ease;

}













/* ~~~~~~~~~~~~~ABOUT~~~~~~~~~~~~~ */



#about-section {

    /* z-index: 999; */

    /*margin-top: 50px;*/

    margin-top: 90px;

}



.about-left-bg {

    position: absolute;

    left: 0;

    transform: translateY(-80px);

    z-index: -999;

    width: 30%;

}

.left-bg1{

    margin-top: -51px;

}

.left-bg2{

    margin-top: 20px;

}

.about-cont {

    width: 90%;

}



.about-img {

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;



    background-image: url("../res/about-image.jpg");

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;



}

 .wordpress-img {

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;

    background-image: url(../res/wordpress-development-about.png);

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20);

}

.seo-img {

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;



    background-image: url("../res/seo-about.png");

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;



}

.mobile-development-img {

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;



    background-image: url("../res/mobile-development-about.png");

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;



}

.social-media-img {

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;

    background-image: url(../res/social-media-services-about.png);

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20);

}

.food-img {

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;



    background-image: url("../res/food-ordering-img.png");

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;



}

.grocery-img {

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;



    background-image: url("../res/grocery-app-development-about.png");

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;



}

.about-img-grocery {

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;



    background-image: url("../res/mobile-mockup1.png");

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;



}
.cannabis-banner-img {



    /* height: 100vh; */



    /* width: 100vw; */



    position: absolute;



    height: 100vh;



    width: 100%;



    /*background-image: url("../res/cannabis-bnner-img.png");*/
background-image: url("../res/marijuana-delivery-app-development-provider.png");


    /* z-index: 99; */



    background-size: cover;



    /* background-position-y: -100px; */



    /* pointer-events: none; */



    



    clip-path: url(#bannerclip) ;  



}
.about-img-support{

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;

    background-image: url(../res/support-img.png);

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20);

    margin-top: 55px;

}

.about-img-integrate{

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;

    background-image: url(../res/magento-inte.png);

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20);

    margin-top: 55px;

}

.about-img-ror{

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;

    background-image: url(../res/ror-img.png);

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20);

    margin-top: 55px;

}

.joomla-development-img {

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;

    background-image: url(../res/joomla-second.png);

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20);

    margin-top: 26px;

}

.about-img-ebay{

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;



    background-image: url("../res/ebay-text1.png");

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;

    margin-top: 95px;

}

.about-img-ruby{

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;



    background-image: url("../res/ruby-on-rails.png");

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;

    /*margin-top: 95px;*/

}

.about-img-res-magento{

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;



    background-image: url("../res/res-magento-new.png");

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;

    /*margin-top: 95px;*/

}

.about-img-florist {

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;



    background-image: url("../res/florist-about-img.png");

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;



}

.about-img-psd{

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;



    background-image: url("../res/text-1-psd-img.png");

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;

    /*margin-top: 95px;*/

}

.about-img-about-us{

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;



    background-image: url("../res/about-page.png");

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;

    /*margin-top: 95px;*/

}

.about-img-laravel{

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;



    background-image: url("../res/laravel-2nd-img.png");

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;

}

.about-img-laravel1{

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;



    background-image: url("../res/laravel-3rd-img.png");

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;

}

.about-img-ecom {

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;



    background-image: url("../res/eCommerce-img.png");

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;



}

.about-img-custom{

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;



    background-image: url("../res/cust-magento-img.png");

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;

    /*margin-top: 97px;*/

}

.web-development-img {

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;

    background-image: url("../res/web-development.png");

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20);

    margin-top: 17px;

}

.social-commerce-img{

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;

    background-image: url("../res/social-com-img.png");

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20);

    margin-top: 17px;

}

.about-img-migrate{

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;

    background-image: url(../res/migrate-magento-new.png);

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20);

    margin-top: 55px;

}

.about-img-ecom-1{

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;

    background-image: url(../res/e-commerce-website.png);

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20);

    margin-top: 55px;

}

.about-img-pharma {

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;



    background-image: url("../res/pharma-imgg.png");

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;



}

.about-img-fashion {

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;



    background-image: url("../res/fashion-second-img.png");

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;



}

.about-img-ordering{

     width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;



    background-image: url("../res/ordering-img.png");

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;



}

.ios-app-img {

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;



    background-image: url("../res/ios-app-development-about.png");

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;



}

.android-app-img {

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;



    background-image: url("../res/android-text1-img.png");

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;



}

.about-img-magento{

     width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;



    background-image: url("../res/Magento1.png");

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;



}

.about-img-magento1{

     width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;



    background-image: url("../res/magento3.png");

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;



}

.about-img-magento2{

     width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;



    background-image: url("../res/magento-third.png");

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;

    margin-top: 105px;

}

.graphics-design-img {

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;

    background-image: url(../res/graphics-design-about.png);

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20);

}

.about-title {

    margin-top: 0px;

}

.about-title1 {

    margin-top:30x;

}



.about-text {

   


    color: #040404;
    font-family: Gotham Book;
    font-size: 14pt;
    line-height: 30px;

}

.about-text2 {

    /*color: #757575;*/

    color: #474747;

    font-family: Gotham Book;

    font-size: 14pt;

   

}

/* ~~~~~~~~~~~~~FEATURES~~~~~~~~~~~~~ */



#features-section {

    margin-top: 100px;

}



.features-cont {

    width: 90%;

}



.features-switcher {

    /* width: 30%; */

    /* height: 40px !important; */

    margin-left: auto; 

    margin-right: auto;

    /* transform: translateY(80px); */

}



.features-bg {

    position: absolute;

    width: 90%;

    z-index: -999;

}



.grad-toggle-btn-2 > .grad-toggle-btn {

    width: 49.3% !important;

}



.grad-toggle-btn-3 > .grad-toggle-btn {

    width: 32.5% !important;

}



.grad-toggle-btn-5 > .grad-toggle-btn {

    width: 19.5% !important;

}



.grad-toggle-btn-4 > .grad-toggle-btn {

    width: 24.5% !important;

}





.grad-toggle-btn {

    background: white;

    border: none;

    font-weight: 500;

    font-size: 14pt;

    padding: 0 !important;

    /* padding: 10px 18px; */

    border: 2px solid #E9E9E9;  

    width: inherit;

    min-height: 40px;

    color: #616161;

}







.grad-toggle-btn-left {

    border-radius: 20px 0 0 20px;

    color: white;

    height: inherit;

    box-shadow: none;

    /*color: #616161;*/

    color: #424242;

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

}



.grad-toggle-btn-left:hover {

    box-shadow: 4px 12px 30px rgba(0,0,0,0.30);

    background : -moz-linear-gradient(0% 50% 0deg,rgba(124, 179, 66, 1) 0%,rgba(0, 121, 107, 1) 100%);

    background : -webkit-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%);

    background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(124, 179, 66, 1) ),color-stop(1,rgba(0, 121, 107, 1) ));

    background : -o-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%);

    background : -ms-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%);

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342', endColorstr='#00796B' ,GradientType=0)";

    background : linear-gradient(90deg, rgb(123, 179, 66) 0%, rgba(0, 121, 107, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342',endColorstr='#00796B' , GradientType=1);

    color: white;

    border: transparent;

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

}



.grad-toggle-btn-left:focus {

    box-shadow: 4px 12px 30px rgba(0,0,0,0.30);

    background : -moz-linear-gradient(0% 50% 0deg,rgba(124, 179, 66, 1) 0%,rgba(0, 121, 107, 1) 100%);

    background : -webkit-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%);

    background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(124, 179, 66, 1) ),color-stop(1,rgba(0, 121, 107, 1) ));

    background : -o-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%);

    background : -ms-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%);

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342', endColorstr='#00796B' ,GradientType=0)";

    background : linear-gradient(90deg, rgb(123, 179, 66) 0%, rgba(0, 121, 107, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342',endColorstr='#00796B' , GradientType=1);

    color: white;

    border: transparent;

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

}



.grad-toggle-btn-left-active1 {

    box-shadow: 4px 12px 30px rgba(0,0,0,0.30);

    background : -moz-linear-gradient(0% 50% 0deg,rgba(124, 179, 66, 1) 0%,rgba(0, 121, 107, 1) 100%);

    background : -webkit-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%);

    background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(124, 179, 66, 1) ),color-stop(1,rgba(0, 121, 107, 1) ));

    background : -o-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%);

    background : -ms-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%);

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342', endColorstr='#00796B' ,GradientType=0)";

    background : linear-gradient(90deg, rgb(123, 179, 66) 0%, rgba(0, 121, 107, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342',endColorstr='#00796B' , GradientType=1);

    color: white !important;

    border: transparent;

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

}


.grad-toggle-btn-left-active {

    box-shadow: 4px 12px 30px rgba(0,0,0,0.30);

    background : -moz-linear-gradient(0% 50% 0deg,rgba(124, 179, 66, 1) 0%,rgba(0, 121, 107, 1) 100%);

    background : -webkit-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%);

    background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(124, 179, 66, 1) ),color-stop(1,rgba(0, 121, 107, 1) ));

    background : -o-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%);

    background : -ms-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%);

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342', endColorstr='#00796B' ,GradientType=0)";

    background : linear-gradient(90deg, rgb(123, 179, 66) 0%, rgba(0, 121, 107, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342',endColorstr='#00796B' , GradientType=1);

    color: white !important;

    border: transparent;

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

}





.grad-toggle-btn-center {

    /* border-radius: 20px 0 0 20px; */

    color: white;

    height: inherit;

    box-shadow: none;

   /* color: #616161;*/

   color: #424242;

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

}





.grad-toggle-btn-center:hover, .grad-toggle-btn-center:focus, .grad-toggle-btn-center:active  {

    box-shadow: 0px 12px 30px rgba(0,0,0,0.30);

    background : -moz-linear-gradient(0% 50% 0deg,rgba(124, 179, 66, 1) 0%,rgba(0, 121, 107, 1) 100%);

    background : -webkit-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%);

    background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(124, 179, 66, 1) ),color-stop(1,rgba(0, 121, 107, 1) ));

    background : -o-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%);

    background : -ms-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%);

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342', endColorstr='#00796B' ,GradientType=0)";

    background : linear-gradient(90deg, rgb(123, 179, 66) 0%, rgba(0, 121, 107, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342',endColorstr='#00796B' , GradientType=1);

    color: white;

    border: transparent;

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

}







.grad-toggle-btn-right{

    border-radius: 0 20px 20px 0;

    /*color: #616161;*/

    color: #424242;

    height: inherit;

    box-shadow: none;

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

}



.grad-toggle-btn-right:hover {

    box-shadow: -4px 12px 30px rgba(0,0,0,0.30);

    color: white;

    background : -moz-linear-gradient(0% 50% 0deg,rgba(124, 179, 66, 1) 0%,rgba(0, 121, 107, 1) 100%);

    background : -webkit-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%);

    background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(124, 179, 66, 1) ),color-stop(1,rgba(0, 121, 107, 1) ));

    background : -o-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%);

    background : -ms-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%);

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342', endColorstr='#00796B' ,GradientType=0)";

    background : linear-gradient(90deg, rgb(123, 179, 66) 0%, rgba(0, 121, 107, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342',endColorstr='#00796B' , GradientType=1);

    border: transparent;

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

}



.grad-toggle-btn-right:focus {

    box-shadow: -4px 12px 30px rgba(0,0,0,0.30);

    background : -moz-linear-gradient(0% 50% 0deg,rgba(124, 179, 66, 1) 0%,rgba(0, 121, 107, 1) 100%);

    background : -webkit-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%);

    background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(124, 179, 66, 1) ),color-stop(1,rgba(0, 121, 107, 1) ));

    background : -o-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%);

    background : -ms-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%);

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342', endColorstr='#00796B' ,GradientType=0)";

    background : linear-gradient(90deg, rgb(123, 179, 66) 0%, rgba(0, 121, 107, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342',endColorstr='#00796B' , GradientType=1);

    color: white;

    border: transparent;

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

}



.grad-toggle-btn-right:active {

    box-shadow: -4px 12px 30px rgba(0,0,0,0.30);

    background : -moz-linear-gradient(0% 50% 0deg,rgba(124, 179, 66, 1) 0%,rgba(0, 121, 107, 1) 100%);

    background : -webkit-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%);

    background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(124, 179, 66, 1) ),color-stop(1,rgba(0, 121, 107, 1) ));

    background : -o-linear-gradient(0deg, rgba(124, 179, 66, 1) 0%, rgba(0, 121, 107, 1) 100%);

    background : -ms-linear-gradient(0deg, rgb(123, 179, 66) 0%, rgba(0, 121, 107, 1) 100%);

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342', endColorstr='#00796B' ,GradientType=0)";

    background : linear-gradient(90deg, rgb(123, 179, 66) 0%, rgba(0, 121, 107, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CB342',endColorstr='#00796B' , GradientType=1);

    color: white;

    border: transparent;

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

}



.section-translate {

    transform: translateY(80px);

}





.points-div {

    margin-top: 100px;

}



.features-img {

    



}



.features-points-title {

    color: #66BB6A;

    font-weight: 500;

    font-size: 18pt;

    letter-spacing: 0.5px;

    text-transform: uppercase;

    margin-bottom: 0;

}



.features-points {

    margin-top: 6px;

}



.features-points>li {

    font-family: Gotham Book;

    /*color: #616161;*/

    color: #424242;

    list-style-type: disc !important;

    font-size: 14pt;

    line-height: 2.5;

}





/* ~~~~~~~~~~~~~FEATURES~~~~~~~~~~~~~ */



#delivery-section {

    margin-top: 80px;

}



.deliver-cont {

    width: 90%;

}



.delivery-title {



}



.delivery-text {

    /*color: #757575;*/

    color: #474747;

    font-family: Gotham Book;

    font-size: 14pt;

    text-align: justify;

}



.delivery-button {

    background-color: #00ACC1;

    border: none;

    color: white;

    margin-top: 20px;

    font-size: 13pt;

    text-transform: uppercase;

    padding: 6px 17px 6px 17px;

    box-shadow: 0 14px 24px rgba(0,0,0,0.20);

    transition: box-shadow 200ms ease;

    font-weight: 500;

    background : -moz-linear-gradient(0% 50% 0deg,rgba(240, 98, 146, 1) 0%,rgba(171, 71, 188, 1) 100%);

    background : -webkit-linear-gradient(0deg, rgba(240, 98, 146, 1) 0%, rgba(171, 71, 188, 1) 100%);

    background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(240, 98, 146, 1) ),color-stop(1,rgba(171, 71, 188, 1) ));

    background : -o-linear-gradient(0deg, rgba(240, 98, 146, 1) 0%, rgba(171, 71, 188, 1) 100%);

    background : -ms-linear-gradient(0deg, rgba(240, 98, 146, 1) 0%, rgba(171, 71, 188, 1) 100%);

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F06292', endColorstr='#AB47BC' ,GradientType=0)";

    background : linear-gradient(90deg, rgba(240, 98, 146, 1) 0%, rgba(171, 71, 188, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F06292',endColorstr='#AB47BC' , GradientType=1);

    border-radius : 2px;

    -moz-border-radius : 2px;

    -webkit-border-radius : 2px;

    z-index: 999;

}



.delivery-button:hover {

    box-shadow: 0 10px 16px rgba(0,0,0,0.22);

    transition: box-shadow 200ms ease;

}



.del-right-bg {

    position: absolute;

    right: 0;

    transform: translateY(-80px);

    z-index: -999;

    width: 30%;

}



.del-img {

    width: 45%;

    position: absolute;

    right: 0;

    transform: translateY(-60px);

}

.del-img1 {

    width: 40%;

    position: absolute;

    right: 0;

    transform: translateY(-60px);

}

.custom-model {

    max-height: 90% !important;

    min-height: 70% !important;

    min-width: 65% !important;

    max-width: 90% !important;

}



.custom-model .slider .slides li img {

    background-size: contain;

    background-repeat: no-repeat;

}

/* ~~~~~~~~~~~~~CARD FEATURES~~~~~~~~~~~~~ */



#card-features-1 {

    margin-top: 170px;

}



.card-f-cont {

    width: 90%;

}



.card-div {

    margin-top: 40px;

}



.features-card {

    background-color: transparent;

    box-shadow: none;

    

    /* border-left: 1px solid #DADADA; */

    border-right: 1px solid #EAEAEA;

    padding: 25px;

    margin-bottom: 20px;

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

   /* cursor: default;*/

    min-height: 322px;

}

.services-cards {

   

    min-height: 245px !important;

}

/* .features-card-col:last-child >.features-card {

    border-right: none;

} */



.key-features-card-col >.features-card:hover {

   /* border-bottom: 7px solid #EF5350;*/

}



.key-features-card-col:nth-child(3n+3) >.features-card {

    border-right: none;

}



.features-card-col:nth-child(4n) >.features-card {

    border-right: none;

}

.new-features-card-col:last-child >.features-card {

    border-right: none;

}



.features-card:hover {

    background-color: white;

    border-radius: 4px;

    /* border-left: 1px solid transparent;

    border-right: 1px solid transparent; */

    /* border-left: none; */

    border-right: none;

    box-shadow: 0 16px 50px rgba(0,0,0,0.14);

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

    min-height: 3

}



.features-inner {

    background-color: #cecece;

    width: 100%;

    height: 100%;

}



.features-card-icon {

    /* background-color: #EF5350; */

    width: 64px;

    height: 64px;

}



.icon-search {

    background-image: url("../icons/search.svg");

    background-size : contain;

    background-repeat: no-repeat;

    

}



.icon-user-registration {

    background-image: url("../icons/user-registration.svg");

    background-size : contain;

    background-repeat: no-repeat;

  

}



.icon-inventory-mgmt {

    background-image: url("../icons/inventory-mgmt.svg");

    background-size : contain;

    background-repeat: no-repeat;

   

}



.icon-browse-products {

    background-image: url("../icons/browse-products.svg");

    background-size : contain;

    background-repeat: no-repeat;

  

}



.icon-feedback {

    background-image: url("../icons/feedback.svg");

    background-size : contain;

    background-repeat: no-repeat;

  

}



.icon-payments {

    background-image: url("../icons/payments.svg");

    background-size : contain;

    background-repeat: no-repeat;

    

}



.icon-schedule-delivery {

    background-image: url("../icons/schedule-delivery.svg");

    background-size : contain;

    background-repeat: no-repeat;

    

    

}



.icon-order-tracking {

    background-image: url("../icons/order-tracking.svg");

    background-size : contain;

    background-repeat: no-repeat;

    

}

.icon-map-tracking {



    background-image: url("../icons/map-tracking.svg");



    background-size : contain;



    background-repeat: no-repeat;



    



}
.icon-status {



    background-image: url("../icons/status-update.svg");



    background-size : contain;



    background-repeat: no-repeat;



    



}
.icon-categories{
     background-image: url("../icons/categories-wise-search.svg");



    background-size : contain;



    background-repeat: no-repeat;

}
.icon-find-medicine {



    background-image: url("../icons/find-substitute-of-medicine.svg");



    background-size : contain;



    background-repeat: no-repeat;



    



}
.icon-all-delivery {



    background-image: url("../icons/can-see-all-the-delivery.svg");



    background-size : contain;



    background-repeat: no-repeat;



    



}

.icon-reorder {

    background-image: url("../icons/reorder.svg");

    background-size : contain;

    background-repeat: no-repeat;

   



}



.icon-discounts {

    background-image: url("../icons/discounts.svg");

    background-size : contain;

    background-repeat: no-repeat;

}



.icon-settings {

    background-image: url("../icons/settings.svg");

    background-size : contain;

    background-repeat: no-repeat;

    

}



.icon-ratings {

    background-image: url("../icons/ratings.svg");

    background-size : contain;

    background-repeat: no-repeat;

   

}



.icon-store-locator {

    background-image: url("../icons/store-locator.svg");

    background-size : contain;

    background-repeat: no-repeat;

    

}



.icon-store-pickups {

    background-image: url("../icons/store-pickups.svg");

    background-size : contain;

    background-repeat: no-repeat;

    

}



.icon-website-ordering {

    background-image: url("../icons/website-ordering.svg");

    background-size : contain;

    background-repeat: no-repeat;

    margin:0 auto;

}



.icon-logistics-integration {

    background-image: url("../icons/logistics-integration.svg");

    background-size : contain;

    background-repeat: no-repeat;

    

}



.icon-support {

    background-image: url("../icons/support.svg");

    background-size : contain;

    background-repeat: no-repeat;

  

}



.icon-change-location {

    background-image: url("../icons/change-location.svg");

    background-size : contain;

    background-repeat: no-repeat;

    

}



.icon-inventory-mgmt {

    background-image: url("../icons/inventory-mgmt.svg");

    background-size : contain;

    background-repeat: no-repeat;

    

}



.icon-manage-stores {

    background-image: url("../icons/manage-stores.svg");

    background-size : contain;

    background-repeat: no-repeat;

   

}



.icon-assign-managers {

    background-image: url("../icons/assign-managers.svg");

    background-size : contain;

    background-repeat: no-repeat;

   

}



.icon-dashboard {

    background-image: url("../icons/dashboard.svg");

    background-size : contain;

    background-repeat: no-repeat;

    

}



.icon-manage-listings {

    background-image: url("../icons/manage-listings.svg");

    background-size : contain;

    background-repeat: no-repeat;

   

}



.icon-order-tracking {

    background-image: url("../icons/order-tracking.svg");

    background-size : contain;

    background-repeat: no-repeat;

   

}



.icon-manage-customer {

    background-image: url("../icons/manage-customer.svg");

    background-size : contain;

    background-repeat: no-repeat;

   

}



.icon-discounts {

    background-image: url("../icons/discounts.svg");

    background-size : contain;

    background-repeat: no-repeat;

    

}



.icon-feedback {

    background-image: url("../icons/feedback.svg");

    background-size : contain;

    background-repeat: no-repeat;

    

}



.icon-notification {

    background-image: url("../icons/notification.svg");

    background-size : contain;

    background-repeat: no-repeat;

    

}



.icon-reports {

    background-image: url("../icons/reports.svg");

    background-size : contain;

    background-repeat: no-repeat;

    

}



.icon-dispatch-order {

    background-image: url("../icons/dispatch-order.svg");

    background-size : contain;

    background-repeat: no-repeat;

    

}



.icon-order-notification {

    background-image: url("../icons/order-notification.svg");

    background-size : contain;

    background-repeat: no-repeat;

    

}



.icon-order-tracking {

    background-image: url("../icons/order-tracking.svg");

    background-size : contain;

    background-repeat: no-repeat;

    

}



.icon-dedicated-interface {

    background-image: url("../icons/dedicated-interface.svg");

    background-size : contain;

    background-repeat: no-repeat;

    

}



.icon-dispatch-order {

    background-image: url("../icons/dispatch-order.svg");

    background-size : contain;

    background-repeat: no-repeat;

   

}

.icon-offers-and-discount{

    background-image: url("../icons/offers-and-discount.svg");

    background-size : contain;

    background-repeat: no-repeat;

    

}

.features-card-title {

    font-weight: 500;

    /*color: #616161;*/

    color: #424242;

    font-size: 16pt;

    margin-bottom: 0;

}



.features-card-desc {

    /* font-weight: 300; */

    font-family: Gotham Book;

    /*color: #757575;*/

     color: #474747;

    font-size: 13pt;

    margin-top: 8px;

    /*text-align: justify;*/

    max-width: 323px;

}



  .col.l3 .features-card p.features-card-desc{

    font-family: Gotham Book;

    /*color: #757575;*/

    color: #474747;

    font-size: 13pt;

    margin-top: 8px;

    /*text-align: justify;*/

    min-width: 240px;

}



/* ~~~~~~~~~~~~~KEY FEATURES~~~~~~~~~~~~~ */



.key-features-cont {

    width: 90%;

}



.center-title {

    margin-left: auto;

    margin-right: auto;

}











/* ~~~~~~~~~~~~~TESTIMONIALS~~~~~~~~~~~~~ */



.testi-cont {

    width: 90%;

}



.title-cont {

    width: 100%;

}



.testi-title {



}



.main-testi-row {

    margin-top: 50px;

}



.testi-card-cont {

    /* list-style-type: none; */

    position: relative;

}



.testi-bg-quotes {

    position: absolute;

    color: #EF5350;

    font-size: 32pt;

    left: 0;

    

    

}



.testi-nav {

    /* display: inline-block; */

}



.left-nav-col {

    z-index: 150;

}



.right-nav-col {

    z-index: 150;

}



.left-nav {

    background-image: url("../icons/left-nav.svg");

    background-size: contain;

    background-repeat: no-repeat;

    height: 54px;

    width: 54px;

    /* display: inline-block; */

    cursor: pointer;

}



.right-nav {

    background-image: url("../icons/right-nav.svg");

    background-size: contain;

    background-repeat: no-repeat;

    height: 54px;

    width: 54px;

    cursor: pointer;

    /* display: inline-block; */

}





.testi-main-card {

    width: 57%;

    background-color: white;

    margin-left: auto;

    margin-right: auto;

    padding: 26px 34px;

    box-shadow: 0 10px 50px rgba(0,0,0,0.14);

    position: absolute;

    top: 0;

    left: 0;

}



#testi-main-card-1 {

     

}



.testi-main-card-1 {

    /* transform: translate(-170px, 0px) scale(0.8); */

    -webkit-transition: all 200ms ease-in-out;

    -moz-transition: all 200ms ease-in-out;

    transition: all 200ms ease-in-out;   

}



#testi-main-card-3 {

    

}



.testi-main-card-3 {

    /* transform: translate(170px, -276px) scale(0.8); */

    -webkit-transition: all 200ms ease-in-out;

    -moz-transition: all 200ms ease-in-out;

    transition: all 200ms ease-in-out;

}



#testi-main-card-2 {

    

}



.testi-main-card-2 {

    /* transform: translate(0px, -552px); */

    -webkit-transition: all 200ms ease-in-out;

    -moz-transition: all 200ms ease-in-out;

    transition: all 200ms ease-in-out;

}





.testi-photo {

   background-color: #E3E3E3;

   width: 64px;

   height: 64px;

   border-radius: 40px;

   margin-left: auto;

   margin-right: auto;

   margin-top: -50px;

   background-image: url(".../res/testi-image-1.png");

   background-size: cover;

   box-shadow: 0 3px 6px rgba(0,0,0,0.30);

   

}

.testi-photo1 {

   background-color: #E3E3E3;

   width: 129px;

   height: 64px;

   /*border-radius: 40px;*/

   margin-left: auto;

   margin-right: auto;

   margin-top: -50px;

   background-image: url("../res/testi-1.png");

   background-size: cover;

   box-shadow: 0 3px 6px rgba(0,0,0,0.30);

   

}

.testi-photo2 {

   background-color: #E3E3E3;

   width: 129px;

   height: 64px;

   /*border-radius: 40px;*/

   margin-left: auto;

   margin-right: auto;

   margin-top: -50px;

   background-image: url("../res/testi-2-new.png");

   background-size: cover;

   box-shadow: 0 3px 6px rgba(0,0,0,0.30);

   

}

.testi-photo3 {

   background-color: #E3E3E3;

   width: 129px;

   height: 64px;

   /*border-radius: 40px;*/

   margin-left: auto;

   margin-right: auto;

   margin-top: -50px;

   background-image: url("../res/testi-3.png");

   background-size: cover;

   box-shadow: 0 3px 6px rgba(0,0,0,0.30);

   

}
.testi-photo4 {

   background-color: #E3E3E3;

   width: 129px;

   height: 64px;

   /*border-radius: 40px;*/

   margin-left: auto;

   margin-right: auto;

   margin-top: -50px;

   background-image: url("../res/my24logo.png");

   background-size: cover;

   box-shadow: 0 3px 6px rgba(0,0,0,0.30);

   

}

.testi-name {

    font-weight: 500;

    /*color: #616161;*/

    color: #424242;

    font-size: 16pt;

    margin-top: 6px;

    margin-bottom: 4px;

}



.testi-position {

    font-weight: 500;

    color: #BDBDBD;

    text-transform: uppercase;

    margin-top: 0;

    font-size: 11pt;

}



.testi-text {

    font-family: Gotham Book;

    /*color: #616161;*/

    color: #474747;

    font-size: 12pt;

    margin-bottom: 22px;

}



.testi-cta {

    display: block;

    margin-top: 4px;

    margin-left: auto;

    margin-right: auto;

    background-color: transparent;

    border: 2px solid #EF5350;

    color: #EF5350;

    padding: 6px 16px;

    align-content: center;

    -webkit-transition: all 150ms ease-in-out;

    -moz-transition: all 150ms ease-in-out;

    transition: all 150ms ease-in-out;

}



.testi-cta:hover, .testi-cta:focus, .testi-cta:active {

    background-color: #EF5350;

    border: 2px solid #EF5350;

    color: white;

    -webkit-transition: all 150ms ease-in-out;

    -moz-transition: all 150ms ease-in-out;

    transition: all 150ms ease-in-out;

}





.testi-slider {

    /* height: 500px !important; */

}



.testi-card {

    width: 60% !important;

    /* left: 20px !important; */

    margin-top: 30px;

}



.testi-card-inner {

    margin-top: 10px !important;

    margin-left: auto;

    margin-right: auto;

    /* width: 70% !important; */

    /* height: 200px; */

    background-color: white;

    

    padding: 26px 34px;

    box-shadow: 0 10px 50px rgba(0,0,0,0.14);

}



.testi-card-inner:after {

    content: "" !important;

    display: table !important;

    clear: left !important;

}









/* ~~~~~~~~~~~~~LATEST PROJECTS~~~~~~~~~~~~~ */



.projects-cont {

    width: 90%;

}



.project-card-row {

    margin-top: 90px;

}



.projects-bg {

    transform: translateY(-50px);

    position: absolute;

    width: 90%;

    z-index: -999;

}



.proj-card-cont-col {

   margin-top: 20px;

}



.project-card {

    background-color: white;

    /* height: 360px; */

    width: 100%;

    box-shadow: 0 10px 50px rgba(0,0,0,0.14);

    /* padding: 12px 24px; */

    position: relative;

    cursor: pointer;

    transform: scale(1.0);

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;



    margin-bottom: 30px;

}



.project-card:hover {

    box-shadow: 0 44px 180px rgba(0,0,0,0.20);

    transform: scale(1.04);

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

    

}



.proj-img {

    background-image: url("../res/finisterre-a.png");

    background-size: cover;

    width: 100%;

    height: auto;

    /* padding-bottom: 100%; */

    position: absolute;

    left: 0;

    top: 0;

}



.proj-image {

    /* position: absolute; */

    top: 0;

    left: 0;

    width: 100%;

    /* height: 50%;

    overflow: hidden; */

}



.proj-details {

    padding: 6px 18px;



}





.proj-title {

    margin-top: 0;

    margin-bottom: 10px;

    font-weight: 600;

    color: #424242;

    text-transform: uppercase;

    font-size: 16pt;

}



.card-separator {

    width: 36px;

    height: 3px;

    background-color: #616161;

}



.proj-text {

    font-family: Gotham Book;

    /*color: #757575;*/

    color: #474747;

    font-size: 12pt;

    margin-top: 10px;

    text-align: justify;

    hyphens: auto;

    max-height: 200px;

    overflow: hidden;

    

}



.proj-card-col:nth-child(2n) {

    transform: translateY(-100px);

}





.load-more-projects {

    color: rgb(128, 128, 128) !important;

    font-family: Gotham Book;

    font-size: 14pt;

}



.load-more-projects-link {

    color: rgb(128, 128, 128) !important;

    font-family: Gotham;

    font-weight: 500;

    font-size: 14pt;

    cursor: pointer;

    padding-bottom: 4px;

    background-image: linear-gradient(180deg,transparent 92%,rgb(128, 128, 128) 0);

    /* background-size: 0 100%; */

    background-repeat: no-repeat;

    background-size: 100% 100%;

    background-color: transparent;

    /* transition: background-size .4s ease; */

}





/* ~~~~~~~~~~~~~CONTACT~~~~~~~~~~~~~ */



.contact-section {



}



.contact-cont {

    width: 90%;

}



.contact-right-bg {

    position: absolute;

    right: 0;

    transform: translateY(-200px);

    z-index: -999;

    width: 24%;

}

.contact-cta:focus{
    background-color: #689F38;
    color: white;
}

.contact-cta {

    display: block;

    margin-top: 4px;

    width: 100%;

    /* margin-left: auto; */

    /* margin-right: auto; */

    background-color: transparent;

    border: 2px solid #7CB342;

    color: #689F38;

    padding: 6px 16px;

    align-content: center;

    -webkit-transition: all 150ms ease-in-out;

    -moz-transition: all 150ms ease-in-out;

    transition: all 150ms ease-in-out;

}



.contact-cta:hover, .testi-cta:focus, .testi-cta:active {

    background-color: #7CB342;

    border: 2px solid #7CB342;

    color: white;

    -webkit-transition: all 150ms ease-in-out;

    -moz-transition: all 150ms ease-in-out;

    transition: all 150ms ease-in-out;

}



.contact-form {

    border-radius: 3px;

    padding: 20px 20px 32px 20px;

    box-shadow: -10px 10px 50px rgba(0,0,0,0.24);

}





/* ~~~~~~~~~~~~~FOOTER~~~~~~~~~~~~~ */



.footer-cont {

    width: 90%;

}



.footer-map1 {

    /*position: absolute;

    width: 90%;

    background-image: url("../res/footer-map.svg");

    background-size: contain;

    background-repeat: no-repeat;

    margin-left: auto;

    margin-right: auto;

    height: 600px;

    z-index: -999;*/

}



.footer-logo {

    

    width: 230px;

    

}



#footer-email {

    /* text-align: right; */

    color: #EF5350;

    font-weight: 500;

    font-size: 14pt;

    margin-bottom: 0;

}



#footer-contact {

    color: #757575;

    font-weight: 500;

    font-size: 14pt;

    margin-top: 10px;

}



.mobile-address {

    margin-bottom: 18px;

}



.address-header {

    color: rgb(41, 41, 41);

    font-weight: 500;

    font-size: 14pt;

    margin-bottom: 0;

}



.address {

    color: rgb(97, 97, 97);

    /* font-weight: 500; */

    font-size: 12pt;

    margin-bottom: 0;

}



.footer-links-title {

    font-weight: 600;

    /*color: #616161;*/
    text-align: left;
    color: #ff;


    font-size: 16px;

    margin-bottom: 0;

}



.footer-separator {

    width: 30px;

    height: 2px;

    background-color: #EF5350;

    margin-top: 10px;

    margin-bottom: 16px;

}



.footer-links-list {

    

}



.footer-links {

    line-height: 1.9;
    text-align: left;

}



.footer-links>a {


    color: #fff;

    font-size: 14px;
    text-align: left;

    -webkit-transition: all 200ms ease-out;

    -moz-transition: all 200ms ease-out;

    transition: all 200ms ease-out;

}



.footer-links>a:hover {


    font-weight: 500;

    color: #EF5350;

    -webkit-transition: all 200ms ease-in;

    -moz-transition: all 200ms ease-in;

    transition: all 200ms ease-in;


}



.nl-row-top-border {

    height: 1px;

    width: 100%;

    background-color: #E0E0E0;

    margin-bottom: 30px;

}



.nl-div {

    width: 40%;

}



.nl-title {

    font-weight: 600;

    font-size: 13pt;

    /*color: #757575;*/

    margin-top: 10px;

    color: #474747;

}



.nl-if {

    margin-top: 0;

}



#nl-email {

    margin-bottom: 0 !important;

}



.nl-cta {

    display: block;

    margin-top: 4px;

    /* margin-left: auto;

    margin-right: auto; */

    background-color: transparent;

    border: 2px solid #EF5350;

    color: #EF5350;

    padding: 6px 16px;

    align-content: center;

    -webkit-transition: all 150ms ease-in-out;

    -moz-transition: all 150ms ease-in-out;

    transition: all 150ms ease-in-out;

}



.nl-cta:hover {

    background-color: #EF5350;

    border: 2px solid #EF5350;

    color: white;

    -webkit-transition: all 150ms ease-in-out;

    -moz-transition: all 150ms ease-in-out;

    transition: all 150ms ease-in-out;

}



.nl-cta:focus {

    background-color: #EF5350;

    border: 2px solid #EF5350;

    color: white;

    -webkit-transition: all 150ms ease-in-out;

    -moz-transition: all 150ms ease-in-out;

    transition: all 150ms ease-in-out;

}











/* 

  ##Device = Desktops

  ##Screen = 1281px to higher resolution desktops

*/



@media (min-width: 1281px) {



    



}



/* 

##Device = Laptops, Desktops

##Screen = B/w 1025px to 1280px

*/



@media (min-width: 1025px) and (max-width: 1280px) {



/* CSS */



}



/* 

##Device = Tablets, Ipads (portrait)

##Screen = B/w 768px to 1024px

*/

@media (min-width: 768px){
    .banner-size-mobile{
        display: none;
    }
}
@media (max-width: 767px){
    .banner-display{
        display: none;
    }
    .banner-size-mobile{
       width: 100%;
       height: 100vh;
    }

    .gro-btn{
        width: 100%;
    }
   /* .card-home-blog{
        min-height: 472px !important;
    }*/
    .blog2{
        margin-top: -25px !important;
    }


    /*conatct us page address section*/
    .add-title{
        font-size: 27px !important;
    }

    .add-box1{
        padding: 10px !important;
        margin-top: 39px !important;
    }
    .add-usa{
        margin-top: -84px !important;
    margin-bottom: 35px !important;
    }
    .add-box2{
        padding: 5px !important;

    }
    .add-india{
        height: 450px !important;
    }
}

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



/* CSS */



}



/* 

##Device = Tablets, Ipads (landscape)

##Screen = B/w 768px to 1024px

*/



@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {



/* CSS */



}



/* 

##Device = Low Resolution Tablets, Mobiles (Landscape)

##Screen = B/w 481px to 767px

*/



@media (min-width: 481px) and (max-width: 767px) {



/* CSS */

    #landing-card p.landing-subtitle {

        font-size: 12pt;

    }

    #landing-heading {

    font-size: 20pt;

    }



}



/* 

##Device = Most of the Smartphones Mobiles (Portrait)

##Screen = B/w 320px to 479px

*/

/*about page*/



/*end About page*/



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~HOME~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.landing-about-button {

    background : -moz-linear-gradient(0% 50% 0deg,rgba(255, 118, 106, 1) 0%,rgba(254, 114, 102, 1) 24.32%,rgba(251, 102, 90, 1) 48.86%,rgba(246, 82, 71, 1) 73.51%,rgba(240, 53, 43, 1) 98.11%,rgba(239, 51, 41, 1) 100%);

    background : -webkit-linear-gradient(0deg, rgba(255, 118, 106, 1) 0%, rgba(254, 114, 102, 1) 24.32%, rgba(251, 102, 90, 1) 48.86%, rgba(246, 82, 71, 1) 73.51%, rgba(240, 53, 43, 1) 98.11%, rgba(239, 51, 41, 1) 100%);

    background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(255, 118, 106, 1) ),color-stop(0.2432,rgba(254, 114, 102, 1) ),color-stop(0.4886,rgba(251, 102, 90, 1) ),color-stop(0.7351,rgba(246, 82, 71, 1) ),color-stop(0.9811,rgba(240, 53, 43, 1) ),color-stop(1,rgba(239, 51, 41, 1) ));

    background : -o-linear-gradient(0deg, rgba(255, 118, 106, 1) 0%, rgba(254, 114, 102, 1) 24.32%, rgba(251, 102, 90, 1) 48.86%, rgba(246, 82, 71, 1) 73.51%, rgba(240, 53, 43, 1) 98.11%, rgba(239, 51, 41, 1) 100%);

    background : -ms-linear-gradient(0deg, rgba(255, 118, 106, 1) 0%, rgba(254, 114, 102, 1) 24.32%, rgba(251, 102, 90, 1) 48.86%, rgba(246, 82, 71, 1) 73.51%, rgba(240, 53, 43, 1) 98.11%, rgba(239, 51, 41, 1) 100%);

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF766A', endColorstr='#EF3329' ,GradientType=0)";

    background: linear-gradient(90deg, rgb(242, 141, 27) 0%, rgb(203, 121, 0) 24.32%, rgb(188, 125, 55) 48.86%, rgb(212, 88, 40) 73.51%, rgba(240, 53, 43, 1) 98.11%, rgba(239, 51, 41, 1) 100%);

    

}

/* ~~~~~~~~~~~~~HOME: LANDING~~~~~~~~~~~~~ */



.home-banner {

    background-image: url("../res/home-banner.jpg");    

}



.home-banner:before {

    opacity: 0.50;

}



.landing-home-button {

    background : -moz-linear-gradient(0% 50% 0deg,rgba(255, 118, 106, 1) 0%,rgba(254, 114, 102, 1) 24.32%,rgba(251, 102, 90, 1) 48.86%,rgba(246, 82, 71, 1) 73.51%,rgba(240, 53, 43, 1) 98.11%,rgba(239, 51, 41, 1) 100%);

    background : -webkit-linear-gradient(0deg, rgba(255, 118, 106, 1) 0%, rgba(254, 114, 102, 1) 24.32%, rgba(251, 102, 90, 1) 48.86%, rgba(246, 82, 71, 1) 73.51%, rgba(240, 53, 43, 1) 98.11%, rgba(239, 51, 41, 1) 100%);

    background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(255, 118, 106, 1) ),color-stop(0.2432,rgba(254, 114, 102, 1) ),color-stop(0.4886,rgba(251, 102, 90, 1) ),color-stop(0.7351,rgba(246, 82, 71, 1) ),color-stop(0.9811,rgba(240, 53, 43, 1) ),color-stop(1,rgba(239, 51, 41, 1) ));

    background : -o-linear-gradient(0deg, rgba(255, 118, 106, 1) 0%, rgba(254, 114, 102, 1) 24.32%, rgba(251, 102, 90, 1) 48.86%, rgba(246, 82, 71, 1) 73.51%, rgba(240, 53, 43, 1) 98.11%, rgba(239, 51, 41, 1) 100%);

    background : -ms-linear-gradient(0deg, rgba(255, 118, 106, 1) 0%, rgba(254, 114, 102, 1) 24.32%, rgba(251, 102, 90, 1) 48.86%, rgba(246, 82, 71, 1) 73.51%, rgba(240, 53, 43, 1) 98.11%, rgba(239, 51, 41, 1) 100%);

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF766A', endColorstr='#EF3329' ,GradientType=0)";

    background : linear-gradient(90deg, rgba(255, 118, 106, 1) 0%, rgba(254, 114, 102, 1) 24.32%, rgba(251, 102, 90, 1) 48.86%, rgba(246, 82, 71, 1) 73.51%, rgba(240, 53, 43, 1) 98.11%, rgba(239, 51, 41, 1) 100%);

}



.home-landing-strip {

    background : -moz-linear-gradient(0% 50% 0deg,rgba(255, 118, 106, 1) 0%,rgba(254, 114, 102, 1) 24.32%,rgba(251, 102, 90, 1) 48.86%,rgba(246, 82, 71, 1) 73.51%,rgba(240, 53, 43, 1) 98.11%,rgba(239, 51, 41, 1) 100%);

  background : -webkit-linear-gradient(0deg, rgba(255, 118, 106, 1) 0%, rgba(254, 114, 102, 1) 24.32%, rgba(251, 102, 90, 1) 48.86%, rgba(246, 82, 71, 1) 73.51%, rgba(240, 53, 43, 1) 98.11%, rgba(239, 51, 41, 1) 100%);

  background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(255, 118, 106, 1) ),color-stop(0.2432,rgba(254, 114, 102, 1) ),color-stop(0.4886,rgba(251, 102, 90, 1) ),color-stop(0.7351,rgba(246, 82, 71, 1) ),color-stop(0.9811,rgba(240, 53, 43, 1) ),color-stop(1,rgba(239, 51, 41, 1) ));

  background : -o-linear-gradient(0deg, rgba(255, 118, 106, 1) 0%, rgba(254, 114, 102, 1) 24.32%, rgba(251, 102, 90, 1) 48.86%, rgba(246, 82, 71, 1) 73.51%, rgba(240, 53, 43, 1) 98.11%, rgba(239, 51, 41, 1) 100%);

  background : -ms-linear-gradient(0deg, rgba(255, 118, 106, 1) 0%, rgba(254, 114, 102, 1) 24.32%, rgba(251, 102, 90, 1) 48.86%, rgba(246, 82, 71, 1) 73.51%, rgba(240, 53, 43, 1) 98.11%, rgba(239, 51, 41, 1) 100%);

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF766A', endColorstr='#EF3329' ,GradientType=0)";

  background : linear-gradient(90deg, rgba(255, 118, 106, 1) 0%, rgba(254, 114, 102, 1) 24.32%, rgba(251, 102, 90, 1) 48.86%, rgba(246, 82, 71, 1) 73.51%, rgba(240, 53, 43, 1) 98.11%, rgba(239, 51, 41, 1) 100%);

}



.home-landing-heading {

    font-weight: 600 !important;

   /* font-size: 35pt !important;*/

   

    /* width: 400px !important; */

    /* margin-top: 0; */

}



/* ~~~~~~~~~~~~~HOME: ABOUT~~~~~~~~~~~~~ */



.home-about-cont {

    width: 90%;

}

.

 #landing-card  p {

    /* font-family: Gotham Book; */

    color: white !important;

    font-size: 14pt;

    margin-top: 16px;

    margin-bottom: 10px;

    font-weight: 300;



}

#landing-card  p.landing-subtitle {

    color: white;

    font-size: 14pt;

    /*text-align: justify;*/

    margin-top: 16px;

    margin-bottom: 10px;

    font-weight: 400;

    word-spacing: 0px;

}

.sub-home-title{

     color: white;

    font-size: 14pt;

    text-align: center;

    margin-top: 16px;

    margin-bottom: 10px;

    font-weight: 400;

    

}

#home-about-heading {

    margin-top: 0;

}



.home-about-card {

    /* padding: 4px 27px 6px 27px; */

    padding: 26px 27px;

    box-shadow: 0 30px 72px 13px rgba(0,0,0,0.19);

    transform: scale(1.0);

    margin-top: -100px;

    cursor: default;

    /* border: 4px solid transparent; */

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 400ms;

}



.home-about-card:hover {

    box-shadow: 0px 40px 84px 13px rgba(0,0,0,0.23);

    transform:  scale(1.008);

    /* border: 8px solid #EF5350; */

    -webkit-transition: all;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 400ms;

}





.home-about-text {

    margin-bottom: 0;

}



/* ~~~~~~~~~~~~~HOME: STATS~~~~~~~~~~~~~ */



#stats-section {

    margin-top: 40px;

}



.stats-cont {

    width: 85%;

}



.stats-div {

    margin-bottom: 30px;

}



.stats-icon  {

    background-image: url("../res/search.svg");

    background-size : contain;

    background-repeat: no-repeat;

    width: 64px;

    height: 64px;

    display: inline-block;

}



.years-stats {

    background-image: url("../res/years-stats.svg");

}



.teams-stats {

    background-image: url("../res/teams-stats.svg");

}


.project-stats {



    background-image: url("../res/icon-pro.svg");



}
.sol-stats {

    background-image: url("../res/sol-stats.svg");

}



.clients-stats {

    background-image: url("../res/clients-stats.svg");

}



.stats-num {

    color: #EF5350;

    font-size: 32pt;

    font-family: Gotham Book;

    margin: 0;

    margin-top: 4px;

}



.stats-text {

    /* margin-top: 0; */

    margin-bottom: 0;

    color: #686868;

    /* font-family: Gotham Book; */

    font-size: 16pt;

    margin-top: -8px;

}



/* ~~~~~~~~~~~~~HOME: SERVICES~~~~~~~~~~~~~ */



.services-section {



}



.services-cont {

    width: 90%;

}



.services-headers {

    display: block;

    background: none;

    border: none;

    text-align: left;

    padding: 0;

    color: #BDBDBD;

    /*color: #424242;*/

    font-weight: 500;

    font-size: 18pt;

    margin-top: 10px;

    margin-bottom: 10px;

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

    cursor: pointer;

}



.services-headers:hover  {

    background: none;

    color: #EF5350;

    transform: scale(1.02);

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

}



.services-headers:focus, .services-headers:active {

    background: none;

}



.services-headers-active {

    background: none;

    color: #EF5350;

    transform: scale(1.02);

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

}



.service-detail-div {

  /*  margin-top: -100px;*/

    /* background-color: white;

    box-shadow: -10px 20px 40px rgba(0,0,0,0.22);

    padding: 20px 20px 20px 20px; */

    display: none;

    transform: translateX(0px);

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

    text-align: justify;

}



.service-detail-div-active {

    transform: translateX(0px);

    display: block;

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;



}



#ecommerce-detail{

    display: block;

}

#mobile-serv-detail {

    display: none;

}



#web-serv-detail {

    display: none;

}



#beacon-serv-detail {

    display: none;

}



#iot-serv-detail {

    display: none;

}



#cloud-serv-detail {

    display: none;

}



#data-serv-detail {

    display: none;

}





/*.services-num {

    font-family: 'Playfair Display';

    color: #F5F5F5;

    font-size: 84pt;

}*/



.service-description {

 /*   margin-top: -58px;*/

/* margin-top: 110px;*/

    font-family: Gotham Book;

    /*color: #757575;*/

    font-size: 14pt;

    color: #424242;

}



.tech-div {

    margin-top: 10px;

    margin-bottom: 16px;

}



.tech-circles {

    width: 40px;

    height: 40px;

    border-radius: 80px;

    background-color: rgb(243, 125, 123);

    display: inline-block;

    margin-right: 12px;

    cursor: pointer;

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

}



.tech-circles:hover {

    transform: scale(1.1);

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

}



.tech-img {

    width: 9px;

    padding: 14px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 9px;

}





.services-cta>button {

    display: inline-block;

    margin-top: 4px;

    /* margin-left: auto; */

    /* margin-right: auto; */

    background-color: transparent;

    border: 3px solid #EF5350;

    color: #EF5350;

    padding: 6px 24px;

    margin-right: 20px;

    text-transform: uppercase;

    /* font-family: Gotham Book; */

    align-content: center;

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

}



.services-cta>button:hover, .services-cta>button:focus, .services-cta>button:active {

    background-color: #EF5350;

    border: 3px solid #EF5350;

    color: white;

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

}



.cta-outlined {



    display: inline-block;

    margin-top: 4px;

    /* margin-left: auto; */

    /* margin-right: auto; */

    padding: 6px 24px;

    margin-right: 20px;

    text-transform: uppercase;

    /* font-family: Gotham Book; */

    align-content: center;

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;



    background-color: transparent !important;

    border: 3px solid #EF5350 !important;

    color: #EF5350 !important;

}



.cta-outlined:hover, .cta-outlined:focus, .cta-outlined:active {

    background-color: #EF5350 !important;

    border: 3px solid #EF5350 !important;

    color: white !important;



    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

    

    

}



.cta-filled {

    display: inline-block;

    margin-top: 5px;

    /* margin-left: auto; */

    /* margin-right: auto; */

    padding: 6px 24px;

    margin-right: 20px;

    margin-left: 11px;

    text-transform: uppercase;

    /* font-family: Gotham Book; */

    align-content: center;

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;



    background-color: #EF5350 !important;

    border: 3px solid #EF5350 !important;

    color: white !important;

}



.cta-filled:hover, .cta-filled:focus, .cta-filled:active {

    /* transform: scale(1.02); */

    background-color: #EF5350 !important;

    border: 3px solid #EF5350 !important;

    color: white !important;

    box-shadow: 0 10px 24px rgba(0,0,0,0.24);

}





/* ~~~~~~~~~~~~~HOME: FEATURED~~~~~~~~~~~~~ */



#featured-section {



}



.featured-cont {

    width: 90%;

}



.featured-div {

    /* background-color: transparent;

    box-shadow: 0 1px 1px rgba(0,0,0,0.05); */

    border-right: 1px solid rgb(226, 226, 226);

    margin-bottom: 30px;

}



.featured-div:last-child {

    border: none;

}



/* ~~~~~~~~~~~~~HOME: OFFERINGS~~~~~~~~~~~~~ */



#offerings-section {



}



.offerings-cont {

    width: 90%;

}



.offerings-card {

    background-color: white;

    box-shadow: none;

    box-shadow: 0 16px 50px rgba(0,0,0,0.14);

    padding: 25px;

    border-bottom: 7px solid #EF5350;

    margin-bottom: 20px;

    border-radius: 4px;

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

    cursor: pointer;

}







.offerings-card-col:nth-child(3n+3) >.offerings-card {

    border-right: none;

}



.offerings-card:hover {

    

    box-shadow: 0 26px 50px rgba(0,0,0,0.28);

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

}



.offerings-card-title {

    font-weight: 500;

    /*color: #616161;*/

    color: #424242;

    font-size: 18pt;

    margin-bottom: 0;

    margin-top: 0;

}



.offerings-card-desc {

    /* font-weight: 300; */

    font-family: Gotham Book;

    /*color: #757575;*/

    color: #474747;

    font-size: 13pt;

    margin-top: 8px;

}



/* ~~~~~~~~~~~~~HOME: BLOG~~~~~~~~~~~~~ */



.blog-cont {

    width: 90%;

}



.blog-card {

    background-color: white;

    /* height: 360px; */

    width: 100%;

    box-shadow: 0 10px 50px rgba(0,0,0,0.14);

    /* padding: 12px 24px; */

    position: relative;

    cursor: pointer;

    transform: scale(1.0);

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;



    margin-bottom: 30px;

}



.blog-card:hover {

    box-shadow: 0 44px 180px rgba(0,0,0,0.20);

    transform: scale(1.04);

    -webkit-transition: all ;

    -moz-transition: all ;

    transition: all ;

    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition-duration: 300ms;

    

}



.blog-img {

    background-image: url("../res/finisterre-a.png");

    background-size: cover;

    width: 100%;

    /* height: auto; */

    /* padding-bottom: 100%; */

    position: absolute;

    left: 0;

    top: 0;

}



.blog-image {

    /* position: absolute; */

    top: 0;

    left: 0;

    width: 100%;

    /* padding-bottom: 100%;

    height: 0; */

    /* height: 50%;

    overflow: hidden; */

}



.blog-big-image {

    margin-right: -11.25px;

    overflow: hidden;

    height: auto;

}



.blog-big-image > img {

    height: 100%;

    width: 100%;

}



.blog-new {

    position: absolute;

    top: 20px;

    left: 20px;

    font-size: 12pt;

    color: white;

    text-transform: uppercase;

    font-weight: 500;

}





.blog-details {

    padding: 6px 18px;

}



.blog-details-big {

    /* padding: 0; */

    margin-left: -11.25px;

    padding: 13px 18px;

}



.blog-author {

    font-family: Gotham Book;

    color:#757575;

    margin-right: 6px;

    font-size: 13pt;

}



.blog-time {

    font-weight: 500;

    color: #E0E0E0;

    font-size: 13pt;

}



.blog-title {

    margin-top: 0;

    margin-bottom: 10px;

    font-family: Gotham Book;

    color: #424242;

    /* text-transform: uppercase; */

    font-size: 17pt;

    margin-top: 8px;

    min-height: 103px;

}





.blog-text {

    font-family: Gotham Book;

    color: #757575;

    font-size: 12pt;

    margin-top: 10px;

}



.blog-tags {

    display: inline-block;

    color: #757575;

    text-transform: uppercase;

    background-color: #EEEEEE;

    padding: 4px 8px;

    border-radius: 20px;

    font-size: 11pt;

    font-weight: 500;

    margin-right: 6px;

}



/* ~~~~~~~~~~~~~HOME: INDUSTRIES~~~~~~~~~~~~~ */



#industries-section {



}



.industries-cont {

    width: 90%;

}



.industries-tags-div {

    list-style-type: none;

}



.ind-tag {

    display: inline-block;

    color: white;

    background-color: #EF5350;

    padding: 2px 12px;

    border-radius: 100px;

    margin-right: 8px;

    cursor: pointer;

    opacity: 0.5;

    /* margin-bottom: 8px; */

}



.ind-tag> a {

    color: white;

    font-family: Gotham Book;

    font-size: 12pt;

    padding: 10px;

    font-size: larger;

    /*font-weight: 600;*/

    

}



#health-ind {

    background-color: #EF5350;

    opacity: 1;

}



#logistics-ind {

    background-color: #FFA726;

}



#demand-ind {

    background-color: #AB47BC;

}



#auto-ind {

    background-color: #42A5F5;

}



#retail-ind {

    background-color: #66BB6A;

}





.ind-card-slider {

    height: 600px !important;

    margin-bottom: -110px;

    /* overflow: visible !important;

    overflow-x: hidden !important; */

}



.ind-card {

    width: 60% !important;

    /* left: 20px !important; */

    margin-top: 16px;

}



.ind-card-inner {

    margin-left: auto;

    margin-right: auto;

    /* width: 70% !important; */

    /* height: 200px; */

    background-color: white;

    box-shadow: 0 0px 28px rgba(0,0,0,0.24);

    /* border-top: 4px solid #7CB342; */   

}



.ind-card-inner:after {

    content: "" !important;

    display: table !important;

    clear: left !important;

}



.ind-details {

    padding: 14px 10px;

    position: relative;

    box-sizing: border-box;

}



.ind-card-title {

    color: #424242;

    font-weight: 500;

    text-transform: uppercase;

    font-size: 13pt !important;

    margin-top: 0;

    margin-bottom: 0;

}

.ind-card-text {

    /*color: #757575;*/

    color: #474747;

    font-family: Gotham Book;

    font-size: 12pt;

}

.ind-card-btn {

    padding: 4px 10px;

    /* position: absolute; */

    margin-top: 12px;

    

}



.ind-card-img-col {

    /* position: relative; */

    padding-left: 0 !important;

    padding-right: 0 !important;

}



.ind-img-div {

    width: 100%;

    max-height: 70vh;

    /* height: 300px; */

    overflow: hidden;

    /* background-image: url("../res/finisterre-a.png");

    background-size: cover;

    background-position: center; */

}



.ind-card-img {

    top: 0;

    left: 0;

    height: 100%;

}

.img-size{

    width: 459px;

height: 623px;

}

.ind-details .about-points {

    margin-top: 0 !important;

}



.ind-details .about-point-line {

    margin-bottom: 2px;

}



.ind-details .about-point-div {

    width: 12px;

    height: 12px;

}



.ind-details .about-point-text {

    display: block;

    margin-left: 21px;

    font-size: 15px;

    margin-top: -20px;

}









/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ECOMMERCE~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/* ~~~~~~~~~~~~~ECOMMERCE: LANDING~~~~~~~~~~~~~ */







.ecommerce-banner-img {

    background-image: url("../res/ecommerce-banner.jpg");

}

.ebay-banner-img {

    background-image: url("../res/ebay-back.jpg");

}

.ecommerce-new-banner-img {



    /*background-image: url("../res/eCommerce-website-development.jpg");*/

 background-image: url("../res/eCommerce-website-development.png");

}

.ecommerce-banner-img::before {

    background-image: linear-gradient(90deg,black,black);

    opacity: 0.55; 

}



.ecommerce-button {

    background : -moz-linear-gradient(0% 50% 0deg,rgba(68, 129, 235, 1) 0%,rgba(4, 190, 254, 1) 100%);

    background : -webkit-linear-gradient(0deg, rgba(68, 129, 235, 1) 0%, rgba(4, 190, 254, 1) 100%);

    background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(68, 129, 235, 1) ),color-stop(1,rgba(4, 190, 254, 1) ));

    background : -o-linear-gradient(0deg, rgba(68, 129, 235, 1) 0%, rgba(4, 190, 254, 1) 100%);

    background : -ms-linear-gradient(0deg, rgba(68, 129, 235, 1) 0%, rgba(4, 190, 254, 1) 100%);

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4481EB', endColorstr='#04BEFE' ,GradientType=0)";

    background : linear-gradient(90deg, rgba(68, 129, 235, 1) 0%, rgba(4, 190, 254, 1) 100%);

}



.ecommerce-strip {

    background : -moz-linear-gradient(0% 50% 0deg,rgba(68, 129, 235, 1) 0%,rgba(4, 190, 254, 1) 100%);

    background : -webkit-linear-gradient(0deg, rgba(68, 129, 235, 1) 0%, rgba(4, 190, 254, 1) 100%);

    background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(68, 129, 235, 1) ),color-stop(1,rgba(4, 190, 254, 1) ));

    background : -o-linear-gradient(0deg, rgba(68, 129, 235, 1) 0%, rgba(4, 190, 254, 1) 100%);

    background : -ms-linear-gradient(0deg, rgba(68, 129, 235, 1) 0%, rgba(4, 190, 254, 1) 100%);

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4481EB', endColorstr='#04BEFE' ,GradientType=0)";

    background : linear-gradient(90deg, rgba(68, 129, 235, 1) 0%, rgba(4, 190, 254, 1) 100%);

}



.banner-side-col {

    z-index: 500;

}



.ecommerce-side {

    width: 91%;

}



/* ~~~~~~~~~~~~~ECOMMERCE: ABOUT~~~~~~~~~~~~~ */





.ecommerce-about-img {

    width: 45%;

    position: absolute;

    left: 0;

    transform: translateY(100px);

}

.ruby-about-img {

    width: 40%;

    position: absolute;

    left: 0;

    transform: translateY(100px);

    box-shadow: 0 16px 30px rgba(0,0,0,0.20);

}

.ecommerce-about-img1 {

    width: 40%;

    position: absolute;

    left: 0;

    transform: translateY(100px);

}

.img-ecom{

    margin-top: -114px;

}

.about-subheader {

    color: #BDBDBD;

    font-weight: 500;

    text-transform: uppercase;

    font-size: 12pt;

    margin-bottom: 8px;

}



.about-points {

    margin-top: 24px;

}



.about-point-line {

    margin-bottom: 10px;   

    

}



.about-point-div {

    width: 20px;

    height: 20px;

    display: inline-block;

}



.outer-circle {

    width: inherit;

    height: inherit;

    border-radius: 100px;

}

.outer-circle1 {

    width: inherit;

    height: inherit;

    border-radius: 15px;

}



.inner-circle {

    width: 40%;

    height: 40%;

    /* margin-top: auto; */

    /* margin-bottom: auto; */

    margin-left: auto;

    margin-right: auto;

    border-radius: 100px;

}

.inner-circle1 {

    width: 40%;

    height: 40%;

    /* margin-top: auto; */

    /* margin-bottom: auto; */

    margin-left: auto;

    margin-right: auto;

    border-radius: 100px;

}



.about-point-text {

     display: inline; 

    margin-left: 10px;

    /*color: #424242;*/

    color: #474747;

    font-family: Gotham Book;

    font-size: 14pt;

}

.about-point-text4 {

     display: inline; 

    margin-left: 5px;

    /*color: #424242;*/

    color: #474747;

    font-family: Gotham Book;

    font-size: 14pt;

}

.about-point-text3{

   /* color: #757575;*/

   color: #474747;

    font-family: Gotham Book;

    font-size: 14pt;

}

/*.point-new{

    padding: 0px !important;

    width: 22px !important;

    margin-left: 11px !important;

}*/

.collapsed{

    /*color: #757575;*/

    color: #474747;



}

.about-point-text1 {

    /* display: inline; */

   /* margin-left: 10px;*/

    color: #424242;

    font-family: Gotham Book;

    font-size: 15px;

}

.about-point-text2 {

    /* display: inline; */

   /* margin-left: 10px;*/

    /*color: #757575;*/

    color: #474747;

    font-family: Gotham Book;

    font-size: 14pt;

}



/* ~~~~~~~~~~~~~ECOMMERCE: FEATURES~~~~~~~~~~~~~ */



.icon-web-white {

    background-image: url("../icons/web-white.svg");

    background-size : contain;

    background-repeat: no-repeat;

    background-position: center;

}



.icon-web-grey {

    background-image: url("../icons/web-grey.svg");

    background-size : contain;

    background-repeat: no-repeat;

    background-position: center;

}



.icon-mob-grey {

    background-image: url("../icons/mob-grey.svg");

    background-size : contain;

    background-repeat: no-repeat;

    background-position: center;

}



.icon-mob-white {

    background-image: url("../icons/mob-white.svg");

    background-size : contain;

    background-repeat: no-repeat;

    background-position: center;

}



.icon-mob-grey {

    background-image: url("../icons/mob-grey.svg");

    background-size : contain;

    background-repeat: no-repeat;

    background-position: center;

}



.icon-social-white {

    background-image: url("../icons/social-white.svg");

    background-size : contain;

    background-repeat: no-repeat;

}



.icon-social-grey {

    background-image: url("../icons/social-grey.svg");

    background-size : contain;

    background-repeat: no-repeat;

    background-position: center;

}



.icon-del-white {

    background-image: url("../icons/del-white.svg");

    background-size : contain;

    background-repeat: no-repeat;

    background-position: center;

}



.icon-del-grey {

    background-image: url("../icons/del-grey.svg");

    background-size : contain;

    background-repeat: no-repeat;

    background-position: center;

}



.features-btn-icon {

    width: 64px;

    height: 64px;

    margin-left: auto;

    margin-right: auto;

}



.features-img-btn {

    padding: 16px 18px 12px 18px !important;   

}



.features-img-btn:hover .icon-web-grey  {

    background-image: url("../icons/web-white.svg");

}



.features-img-btn:hover .icon-mob-grey  {

    background-image: url("../icons/mob-white.svg");

}



.features-img-btn:hover .icon-social-grey  {

    background-image: url("../icons/social-white.svg");

}



.features-img-btn:hover .icon-del-grey  {

    background-image: url("../icons/del-white.svg");

}



.grad-toggle-btn-left-active .icon-web-grey  {

    background-image: url("../icons/web-white.svg");

}



.grad-toggle-btn-left-active .icon-mob-grey  {

    background-image: url("../icons/mob-white.svg");

}



.grad-toggle-btn-left-active .icon-social-grey  {

    background-image: url("../icons/social-white.svg");

}



.grad-toggle-btn-left-active .icon-del-grey  {

    background-image: url("../icons/del-white.svg");

}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~MAGENTO~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/* ~~~~~~~~~~~~~MAGENTO: READ MORE~~~~~~~~~~~~~ */





.read-more-text {

    display: block;

    font-family: Gotham Book;

    font-size: 14pt;



    color: #757575;



}



.truncate-200 {

    height: 200px;

    white-space: pre-line;

    overflow: hidden;

    text-overflow: ellipsis;

}



.morecontent span {

    display: none;

}



.morelink {

    display: block;

}



.magento-side {

    width: 60%;

    margin-left: 66px;

    /* margin-right: auto; */

}








.text-contact{
    font-size: 60pt !important;
}

.res-about-img {
    margin-top: -100px;
    width: 43%;
    position: absolute;
    left: 0;
    transform: translateY(100px);
}

@media (min-width: 320px) and (max-width: 480px) {



    .text-contact{
        font-size: 30pt !important;
    }

     .cs-bg{
        width: 100% !important;
    }

        .cs-section-title
        {
            font-size: 15pt !important;
        }

 .cs-section-content{
                width: 100% !important;
            }
    /* ~~~~~~~~~~~~~PORTFOLIO ITEM: MOTOCROSSWORLD~~~~~~~~~~~~~ */



    .cs-num-div {

        width: 100% !important;

    }

    

    .cs-section-title-m {

        margin-left: 16px;

    }



    .cs-section-content {

        padding-left: 0.75rem !important;

    }



    .cs-role-col {

        padding-left: 1.5rem !important;

    }

    /*end of portfolio*/



    h2.serv-heading{

        margin-top: 30px !important;

    }



    /* ~~~~~~~~~~~~~ECOMMERCE: ABOUT~~~~~~~~~~~~~ */



    .ecommerce-about-img {

        width: 80%;

        position: absolute;

        left: 0;

        transform: translateY(-70px);

    }
.res-about-img {



        width: 100% !important;



        position: relative;
    left: 0;
    transform: none;
    margin-top: 0px !important;
    }


    .res-text{
        margin-left: 0px !important;
    }

    .head-acco{
        margin-top: 0px !important;
    }








    /* ~~~~~~~~~~~~~SERVICES~~~~~~~~~~~~~ */



    .service-detail-div {

        margin-top: -20px;

    }

    #landing-card p.landing-subtitle {

        font-size: 12pt;

    }

    #landing-heading {

    font-size: 20pt;

    }





    /* ~~~~~~~~~~~~~DELIVERY~~~~~~~~~~~~~ */



    .del-img {

        margin-left: auto;

        margin-right: auto;

        width: 80%;

        position: absolute;

        right: 0;

        transform: none;

    }



    .del-right-bg {

        position: absolute;

        right: 0;

        transform: translateY(-80px);

        z-index: -999;

        width: 60%;

    }



    .banner-phones {

        display: none;

    }



    .about-title {

        margin-top: 1.78rem;

    }



    .landing-button {

        font-size: 12pt;

    }

    



    /* ~~~~~~~~~~~~~FEATURES~~~~~~~~~~~~~ */





    .grad-toggle-btn-5 > .grad-toggle-btn {

        width: 100% !important;

        border-radius: 0;

        height: 40px;

    }

    

    .grad-toggle-btn-4 > .grad-toggle-btn {

        width: 100% !important;

        border-radius: 0;

        /* height: 40px; */

    }



    .grad-toggle-btn-4 .features-btn-icon {

        display: none;

    }





    



    .features-cont {

        width: 90%;

    }



    .features-switcher {

        width: 90%;

        min-height: 40px !important;

        margin-left: auto; 

        margin-right: auto;

        /* transform: translateY(80px); */

    }



    .features-bg {

        position: absolute;

        width: 90%;

        z-index: -999;

        /* transform: rotateX(90deg); */

    }



    .grad-toggle-btn-3 > .grad-toggle-btn {

        font-size: 11pt;

    }



    .section-translate {

        transform: initial;

    }



    .points-div {

        margin-top: 0;

    }



    /* ~~~~~~~~~~~~~TESTIMONIALS~~~~~~~~~~~~~ */





    .testi-cont {

        width: 90%;

        overflow: hidden

    }

    

    .title-cont {

        width: 90%;

        margin-left: auto;

        margin-right: auto;

    }



    .left-nav {

        height: 30px;

        width: 30px; 

        margin-left: -11.25px;

    }

    

    .right-nav {

        height: 30px;

        width: 30px; 

        margin-left: -11.25px;

    }

    

    .testi-slider {

        height: 600px !important;

        overflow: visible !important;

    }





    /* .testi-main-card {

        width: 100%;

        background-color: white;

        margin-left: auto;

        margin-right: auto;

        padding: 26px 34px;

        box-shadow: 0 10px 50px rgba(0,0,0,0.14);

    }





    #testi-main-card-1 {

        transform: none;

        display: none;

        

    }

    

    #testi-main-card-3 {

        transform: none;

        display: none;

        

    }

    

    #testi-main-card-2 {

        transform: none;

    } */





    .testi-card {

        width: 90% !important;

        /* left: 20px !important; */

        margin-top: 30px;

    }





    /* ~~~~~~~~~~~~~LATEST PROJECTS~~~~~~~~~~~~~ */



    .projects-cont {

        width: 90%;

    }



    .project-card-row {

        margin-top: 90px;

    }



    .projects-bg {

        transform: translateY(-50px);

        position: absolute;

        width: 90%;

        z-index: -999;

    }



    .proj-card-cont-col {

        /* height: 800px; */

    }



    



    .project-card:hover {

        /* box-shadow: 0 44px 180px rgba(0,0,0,0.20);

        transform: scale(1.04);

        -webkit-transition: all ;

        -moz-transition: all ;

        transition: all ;

        transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

        transition-duration: 300ms; */

        box-shadow: 0 10px 50px rgba(0,0,0,0.14);

        transform: none;

        -webkit-transition: none;

        -moz-transition: none;

        transition: none;

        

    }









    .proj-title {

        margin-top: 0;

        margin-bottom: 10px;

        font-weight: 600;

        color: #424242;

        text-transform: uppercase;

        font-size: 16pt;

    }



    .card-separator {

        width: 36px;

        height: 3px;

        background-color: #616161;

    }



    .proj-text {

        font-family: Gotham Book;

        color: #757575;

        font-size: 12pt;

        margin-top: 10px;

    }



    .proj-card-col:nth-child(2n) {

        /* transform: translateY(-100px); */

        transform: none;

    }



    /* ~~~~~~~~~~~~~HOME: INDUSTRIES~~~~~~~~~~~~~ */



    .ind-card-slider {

        height: 700px !important;

        /* overflow: visible !important;

        overflow-x: hidden !important; */

    }





    .ind-card {

        width: 90% !important;

        /* left: 20px !important; */

        margin-top: 16px;

    }





    .ind-tag {

        

        margin-bottom: 8px;

    }

    

    /* ~~~~~~~~~~~~~HOME: SERVICES~~~~~~~~~~~~~ */



    .services-headers {

        font-size: 16pt;

    }



}

/*rajendra css start*/

 /*fashion page*/

.fashion-banner-img {

    /* height: 100vh; */

    /* width: 100vw; */

    position: absolute;

    height: 100vh;

    width: 100%;

    background-image: url("../res/fashion-app-developer.png");

    /* z-index: 99; */

    background-size: cover;

    /* background-position-y: -100px; */

    /* pointer-events: none; */

    

    clip-path: url(#bannerclip) ;  

}

 /*fashion end*/

.clients{

    width: 100%;

    max-width:200px;

}



.contact-description{

    font-family: Gotham Book;

    color: #757575;

    font-size: 14pt;

    text-align: justify;

}

.filled-in {

    margin: 12px;

    pointer-events: visible !important;

}

.form-check

{

    padding-right: 3em;

}



h2.serv-heading {

    text-transform: none;

        margin-top: 12px;

}

p.landing-subtitle.white-text {

    font-size: 21px;

    font-weight: 600;

}

/*rajendra css end*/



.ecom-build{

        margin-top: 62px;

    }

.cust-build{

    margin-top: -43px;

}

.mage-text{

    margin-top: 43px;

}

.img-left{

    margin-top: -117px;

}

.about-content{

    margin-top: 126px;

}

.about-spree{

 margin-top: 22px;

 min-height: 482px !important;

}

/*.about-text1 {

    color: #757575;

    font-family: Gotham Book;

    font-size: 12pt;

    list-style-type: disc;

}

*/

.sec-text{

    margin-top: 106px;

    min-height: 482px !important;

}

.sec-text4{

    margin-top: 95px;

    min-height: 482px !important;

}

.seo-text2{

    margin-top: 10px;

}

.sec-text1{

    margin-top: 106px;

    min-height: 400px !important;

}

.sec-text5{

    margin-top: 55px;

    min-height: 400px !important;

}

.sec-text2{

    margin-top: 105px;

min-height: 457px !important;

}

.overtext{

    overflow: auto;

}

.overtext1{

    overflow: auto;

    margin-top: 15px;

}

.space-div{

    min-height: 420px !important;

}



/*services icon*/



.services-laravel {

    background-image: url("../icons/services-laravel.svg");

    background-size : contain;

    background-repeat: no-repeat;

    

}





.services-woo {

    background-image: url("../icons/services-new-woo3.svg");

    background-size : contain;

    background-repeat: no-repeat;

    margin-top: 13px;



}

.services-opencart {

    background-image: url("../icons/services-opencart.svg");

    background-size : contain;

    background-repeat: no-repeat;

    margin-left: 8px;

    margin-top: 6px;

}



.services-mysql {

    background-image: url("../icons/services-mysql.svg");

    background-size : contain;

    background-repeat: no-repeat;

}





.services-php {

    background-image: url("../icons/services-php.svg");

    background-size : contain;

    background-repeat: no-repeat;

    margin-top: 13px;

}



.services-zend {

    background-image: url("../icons/services-zend.svg");

    background-size : contain;

    background-repeat: no-repeat;

    margin-top: 13px;

}



.services-codeignitor {

    background-image: url("../icons/services-codeignitor.svg");

    background-size : contain;

    background-repeat: no-repeat;

    margin-top: 4px;

    margin-left: 8px;

}



.services-magento {

    background-image: url("../icons/services-magento.svg");

    background-size : contain;

    background-repeat: no-repeat;

    margin-left: 8px;

    margin-top: 6px;

}



.services-android {

    background-image: url("../icons/services-android.svg");

    background-size : contain;

    background-repeat: no-repeat;

    margin-top: 6px;

    margin-left: 8px;

}



.services-apple {

    background-image: url("../icons/services-apple.svg");

    background-size : contain;

    background-repeat: no-repeat;

    margin-top: 4px;

    margin-left: 8px;

}

.services-appengine {

    background-image: url("../icons/services-appengine.svg");

    background-size : contain;

    background-repeat: no-repeat;

    /*margin-top: 4px;

    margin-left: 8px;*/

}

.services-azure {

    background-image: url("../icons/services-azure.svg");

    background-size : contain;

    background-repeat: no-repeat;

   /* margin-top: 4px;

    margin-left: 8px;*/

}

.services-salesforce {

    background-image: url("../icons/services-salesforce.svg");

    background-size : contain;

    background-repeat: no-repeat;

    /*margin-top: 4px;

    margin-left: 8px;*/

}

.services-aws {

    background-image: url("../icons/services-aws.svg");

    background-size : contain;

    background-repeat: no-repeat;

    /*margin-top: 4px;

    margin-left: 8px;*/

}

.services-yii {

    background-image: url("../icons/services-yii.svg");

    background-size : contain;

    background-repeat: no-repeat;

}

.input-field label{

    color: #474747 ;

}

.mobile-commerce-3-img {

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;

    background-image: url(../res/mobile-commerce-development-3.png);

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20);

    margin-top: 95px;

}

.mobile-commerce-2-img {

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;

    background-image: url(../res/mobile-commerce-development-2.png);

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20);

}

.mobile-commerce-img {

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;

    background-image: url(../res/mobile-commerce-development-about.png);

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20);

}

.spree-commerce-img {

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;

    background-image: url(../res/spree-commerce-about.png);

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20);

}

.digital-img {

    width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;

    background-image: url(../res/digital-market-imgg.png);

    background-size: cover;

    height: 100%;

    box-shadow: 0 16px 30px rgba(0,0,0,0.20);

}

.mobile-com-img{

    padding-left: 40px !important;

}

.mobile-com-img1{

    padding-right: 40px !important;

}

#magento-inti-section{

            position: relative;

            margin-top: 90px;

        }

    .line-btn{

        background-image: none;

    }

    .thnk-msg h1 {

    text-align: center;

    color: #fff;

    border: 1px solid #bf4544;

    padding: 20px;

    letter-spacing: 1px;

    background: #bf4544;

    border-radius: 2px;

    width: 550px;

    margin: 0 auto;

}

#bannerclip{

    display: none;

}



/* ~~~~~~~~~~~~~PORTFOLIO ITEM: MOTOCROSSWORLD~~~~~~~~~~~~~ */



.motocross-cs-banner {

    background-image: url("../res/motocross.png");    

}

.addison-saw-cs-banner {

    background-image: url("../res/saws.png");    

}

.sew-wardrobe-cs-banner {

    background-image: url("../res/sew-banner.png");    

}
.magtec-cs-banner {



    background-image: url("../res/magtec-banner.png");    



}
.my24-cs-banner {



    background-image: url("../res/banner-my24.png");    



}

.sweet-cs-banner {



    background-image: url("../res/sweet-banner-img.png");    



}
.fini-cs-banner {



    background-image: url("../res/fini-banner-img.png");    



}
.clever-cs-banner {



    background-image: url("../res/clever-cultures-banner.png");    



}


.cs-landing-card {

    /* width: 50%; */

    padding: 0 !important;

}



.cs-bg {

    width: 40%;

    margin-left: auto;

    margin-right: auto;

    padding: 28px 10px;

}



.cs-bg p {

    margin-top: 0;

    margin-bottom: 0;

}





.cs-landing-strip {

    position: relative;

    margin-left: auto;

    margin-right: auto;

    background-color: #AB47BC;

    margin-top: 12px;

    margin-bottom: 12px;

}



.cs-title {

    text-transform: uppercase;

    font-size: 18pt;

    display: inline-block;

    margin-top: 0;

    margin-bottom: 0;

}



.cs-ind {

    font-family: Gotham Book;

    font-size: 13pt;

    color: #616161;

}



.cs-desc {

    font-size: 13pt;

    margin-top: 2px !important;

}



#main-cs-section {

    background-color: #EEEEEE !important;

    padding-top: 0;

    padding-bottom: 0;

}



.main-cs-cont {

    width: 90%;

    background-color: white;

    /* height: 500px;    */

}



.inner-cs {



}



.inner-cs-cont {

    width: 90%

}



#client-biz-section {

    padding-top: 50px;

}



.cs-section-div {



}



.cs-num-div {

    width: 94px !important;

}



.cs-num {

    font-size: 30pt;

    font-weight: 300;

    color: #BDBDBD;

}





.cs-title-separator {

    height: 40px;

    width: 2px;

    background-color: #616161;

    display: inline-block;

    margin-left: 16px;

    /* margin-right: 16px; */

}



.cs-section-content {

    padding-top: 11px !important;

    padding-left: 0 !important;

}



.cs-section-title {

    font-weight: 500;

    font-size: 18pt;

    text-transform: uppercase;

    color: #424242;

}



.cs-section-text {

    font-family: Gotham Book;

    color: #757575;

    font-size: 13pt;

    margin-top: 10px;

}



.cs-section-vert {

    height: 270px;

    width: 1px;

    background-color: #BDBDBD;

    display: inline-block;

    float: right;

}



.cs-role-col {



}



.cs-role-title {

    text-transform: uppercase;

    font-size: 14pt;

    color: #424242;

    margin-bottom: -2px;

}



.cs-role-text {

    font-family: Gotham Book;

    color: #424242;

    font-size: 12pt;

    margin-top: 12px;

}



.cs-role-text li {

    margin-bottom: 5px;

}



.cs-role-separator {

    width: 56px;

    height: 2px;

    background-color: #757575;

}



#portfolio-inner-image-section {



}



.port-inner-img {

    /* position: absolute; */

    width: 100%;

    /* left: 5%; */

    

}



.logo-title{

    font-size: 12px;

    margin-top: -4px;

    color: #E72A2A;

}



/* ~~~~~~~~~~~~~PORTFOLIO PAGE: FILTER~~~~~~~~~~~~~ */



#portfolio-filter-section {

    /* padding-top: 0 !important; */

    display: inline-block;

    background : -moz-linear-gradient(0% 50% 0deg,rgba(223, 117, 229, 1) 0%,rgba(227, 135, 194, 1) 25.75%,rgba(231, 153, 158, 1) 57.66%,rgba(234, 165, 135, 1) 83.55%,rgba(235, 169, 127, 1) 100%);

  background : -webkit-linear-gradient(0deg, rgba(223, 117, 229, 1) 0%, rgba(227, 135, 194, 1) 25.75%, rgba(231, 153, 158, 1) 57.66%, rgba(234, 165, 135, 1) 83.55%, rgba(235, 169, 127, 1) 100%);

  background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(223, 117, 229, 1) ),color-stop(0.2575,rgba(227, 135, 194, 1) ),color-stop(0.5766,rgba(231, 153, 158, 1) ),color-stop(0.8355,rgba(234, 165, 135, 1) ),color-stop(1,rgba(235, 169, 127, 1) ));

  background : -o-linear-gradient(0deg, rgba(223, 117, 229, 1) 0%, rgba(227, 135, 194, 1) 25.75%, rgba(231, 153, 158, 1) 57.66%, rgba(234, 165, 135, 1) 83.55%, rgba(235, 169, 127, 1) 100%);

  background : -ms-linear-gradient(0deg, rgba(223, 117, 229, 1) 0%, rgba(227, 135, 194, 1) 25.75%, rgba(231, 153, 158, 1) 57.66%, rgba(234, 165, 135, 1) 83.55%, rgba(235, 169, 127, 1) 100%);

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#DF75E5', endColorstr='#EBA97F' ,GradientType=0)";

  background : linear-gradient(90deg, rgba(223, 117, 229, 1) 0%, rgba(227, 135, 194, 1) 25.75%, rgba(231, 153, 158, 1) 57.66%, rgba(234, 165, 135, 1) 83.55%, rgba(235, 169, 127, 1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DF75E5',endColorstr='#EBA97F' , GradientType=1);

    width: 100%;

    /* height: 200px; */

}



.filter-cont {

    width: 90%;

    padding-top: 30px;

    padding-bottom: 30px;

}



.filter-cont > .row {

    margin-bottom: 0;

}





.filter-type-text {

    /* font-family: Gotham Book; */

    font-weight: 500;

    font-size: 13pt;

    color: white;

    text-transform: uppercase;

    margin-top: 0;

    /* margin-bottom: 0; */

}



.filter-button {

    border: 2px solid white !important;

    color: white !important;

    position: relative;

    padding: 6px 18px !important;

    text-transform: none;

    width: 100%;

}



.filter-button:hover, .filter-button:focus, .filter-button:active  {

    border: 2px solid white !important;

    color: #2e2e2e !important;

    background-color: white !important;

}



.filter-button:hover img, .filter-button:focus img, .filter-button:active img  {

    content: url("../icons/magento-black.svg");

}



.filter-button-img {

    /* display: inline-block; */

    /* position: absolute; */

    width: 20px;

    height: 20px;

    margin-right: 10px;

    margin-left: 0;

}



.f-btn-magento {

    background-image: url("../icons/services-magento.svg");

    background-size : contain;

    background-repeat: no-repeat;

    

}



/* ~~~~~~~~~~~~~PORTFOLIO PAGE: ITEMS~~~~~~~~~~~~~ */



.portfolio-items-cont {

    width: 90%;

}



/* ~~~~~~~~~~~~~PORTFOLIO PAGE: PORTFOLIO ITEMS~~~~~~~~~~~~~ */



.proj-techs {

    width: 20px;

    height: 20px;

    background-color: #AB47BC;

}



.no-top-margin {

    margin-top: 0;

}



.port-titles{
    margin: 0px auto;
}
/*blog post css*/
.blog-banner-img {

    position: absolute;

    height: 100vh;

    width: 100%;
    background-size: cover;

    clip-path: url(#bannerclip) ;}
.blog-about-card{
    padding: 26px 27px;
    box-shadow: 0 30px 80px -10px rgba(0,0,0,0.19);
    position: relative;
    margin-top: -100px;
}
#blog-landing-card {
    position: relative;
    padding: 22px 0;
    margin-top: 10%;
    box-shadow: -30px 30px 72px 13px rgba(0,0,0,0.19);
    background: white;
    border-top: 5px solid #f85353;
}
#blog-landing-heading {
    font-size: 28pt;
    line-height: 1.3;
    width: 100%;
    margin-top: 0;
    margin-bottom: 9px;
    font-weight: 400;
    padding: 8px;
 }
img.blog-post-img {
    max-width: 100%;
    box-shadow: 0 30px 72px 13px rgba(0,0,0,0.19);
    margin-top: 1em;
    margin-bottom: 1em;
}
h2.blog-sec-heading {
    font-size: 20pt;
    text-transform: capitalize;
}
.blog-h3 {
    font-weight: 600;
    font-size: 1.5rem;
}
.blog-cat a {
    color: #4d4747;
}
.blog-list li{
font-family: gotham book;
font-size: 14pt;
padding-bottom: 15px;
}
.blog-list li strong{
    font-weight: 600;
    padding-bottom: 20px;
}
.blog-img-dis {
    /* text-align: center !important; */
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.blog-img-dis a {
    font-weight: 600;
}
p.about-text > a{ font-weight: bold; }
/*blog post end*/

/*banner changes*/

.migration-banner-img{

    position: absolute;

    height: 100vh;

    width: 100%;

    /*background-image: url("../res/magento-banner-img.png");*/

    background-size: cover;

    clip-path: url(#bannerclip) ;

}

.custom-banner-img{

    position: absolute;

    height: 100vh;

    width: 100%;

    /*background-image: url("../res/magento-banner-img.png");*/

    background-size: cover;

    clip-path: url(#bannerclip) ;

}

.banner-size{

    width: 100%;

    height: 100vh;

}

/*end*/

.common-about-img {

    /*width: 45%;*/

    /*position: absolute;*/

    /*left: 0;*/

    width: 100%;

    margin-top: -105px;

    transform: translateY(100px);

}

.about-custom{

     width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-color: #DEDEDE;



    /*background-image: url("../res/Magento1.png");*/

    background-size: cover;

    /*height: 100%;*/

    box-shadow: 0 16px 30px rgba(0,0,0,0.20) ;



}

/*new css for header */
nav.fixed-white-nav ul a {
    color: #2e2e2e;
}

.side-nav li>a {
    padding: 0 16px !important;
}

.collapsible-header {
    color: rgba(0,0,0,0.87);
    padding-left: 16px !important;
}

.collapsible-body {
    
    padding-left: 12px !important;
}


.no-padding {
    padding: 0 !important;
}

/*for arrow*/
.header-arrow{
    margin-left: auto !important;
}
.drag-target{
    display: none;
}

video{max-width:100%;}

.ul-blog{
	margin-left: 40px;
}


.gro-btn{
   /* background-color: #43A047;*/
    border: 2px solid #43A047;
    color: white;
    padding: 11px 18px;
    align-content: center;  
    transition: all 150ms ease-in-out;
    width: 59%;
    background: linear-gradient(90deg, rgb(123, 179, 66) 0%, rgba(0, 121, 107, 1) 100%);
}

.blog1 {

   background-color: #E3E3E3;

   max-width: 124px;

   height: 50px;

   margin-top: -39px;
 margin-left: auto;
 margin-right: 10px;

   background-image: url("../res/semrush-fea.png");

   background-size: cover;

  

}
.blog2 {

   background-color: #E3E3E3;

   max-width: 124px;

   height: 58px;

   

   background-image: url("../res/the-huffington.png");

   background-size: cover;

  margin-top: -48px;

margin-left: auto;
 margin-right: 10px;

}
.blog3 {

   background-color: #E3E3E3;

   max-width: 124px;

   height: 56px;

    margin-top: -46px;
 margin-left: auto;
 margin-right: 10px;

   background-image: url("../res/your-story.png");

   background-size: cover;



}

.card-home-blog{
    max-height: 544px;
}


.gro-img2-new{
        width: 38%;
    position: absolute;
    left: 0;
    transform: translateY(100px);
    margin-top: -94px;
}

.img-size-2{
    position: absolute;
    
    margin-left: 290px;
    margin-top: 71px;
}


/*portfolio-link-css*/
.cs-icon{
    position: absolute;
    top: 0;
    bottom: 0;
        left: 0;
    
    right: 0;
    text-align: center;
    opacity: 0;
    transition: .5s ease;

}
.cs-icon i {
    font-size: 46px;
    margin-top: 40%;
    margin-right: 3%;
    margin-left: 3%;
}

.cs-icon:hover{
    opacity: 0.8;
    background-color: #191919;
    
}


/*cannabis-page-css*/

.cn-desc{
    max-width: 100%;
text-align: center;
margin: 0 auto;
padding: 25px;
}

.cn-card{
min-height: 50px !important;

margin-bottom: 12px;
text-align: center;
}

.text-capitalize{
    text-transform: capitalize;
}


/*contact-page-address section*/

.add-usa{
    width: 100%; 
    border-radius: 5px; 
    height: 400px; 
    position: relative; 
    overflow: hidden;
    background-image: url('../res/usa.png');
    background-repeat: no-repeat;box-shadow: -10px 10px 50px rgba(0,0,0,0.24);
}

.add-title{
    text-align: center; 
    color: white;
    font-size: 36pt; 
    margin-top: 30px;
}

.add-india{
    width: 100%; 
    border-radius: 5px;
     height: 400px; 
    position: relative; 
    overflow: hidden;
    background-image: url('../res/india.png');
     background-repeat: no-repeat;box-shadow: -10px 10px 50px rgba(0,0,0,0.24);
}

.add-box1{
    width: 80%;
     background: white;
     margin: 0px auto;
     padding: 32px;
     margin-top: 27px;
    min-height: 250px;
     opacity: 0.7;
}

.add-box2{
    width: 80%;
     background: white; 
     margin: 0px auto; 
    padding: 19px; 
    margin-top: 27px; 
    min-height: 250px;
    opacity: 0.7;
}

.add-text-desc{
text-align: center;
font-weight: 600; 
color: #282828;
}

.add-text-desc1{
text-align: center;
font-weight: 600;
}


.desc1-1{
color: #282828;
font-weight: 600;
}
.blog-about-card p{
    color: rgba(0,0,0,.84);
    font-family: Gotham Book;
    font-size: 14pt;
    line-height: 1.7;
    text-rendering: optimizeLegibility;
}

.blog-about-card h3 {
    font-size: 20px;
    line-height: 1.1em;
    margin-bottom: 8px;
}

.blog-about-card ul li {
    color: rgba(0,0,0,.84);
    font-family: Gotham Book;
    font-size: 14pt;
    list-style: circle;
    /*padding-left: 6px;*/
    padding: 0px 0px 13px 6px;
    line-height: 1.5;
}
.blog-about-card ol li {
    color: rgba(0,0,0,.84);
    font-family: Gotham Book;
    font-size: 14pt;
    padding: 0px 0px 17px 6px;
}
 .blog-about-card ul,.blog-about-card ol{
        padding: 0px 40px;
 }

 .cta {
    background-color: #4d9de0;
    padding: 20px;
}
.cta-title {
    font-size: 30px;
    color: #ffffff;
    padding-bottom: 20px;
}
.cta-button {
    color: #fff;
    text-align: center;
    margin: 0 auto;
    border: 2px solid;
    padding: 10px;
    /* margin-top: 72px; */
}
a.cta-button:hover {
    background: #ea4747;
    border: 2px solid #ed4a4a;
}
.cta-button-main{
    margin: 0 auto;
    max-width: 200px;
}