.bg-white{background-color: #fff !important;}
.bg-black{background-color: #000 !important;}
.bg-gray{background-color: #808080 !important;}
.bg-red{background-color: #da2436 !important;}
.bg-orange{background-color: #f6851f !important;}
.bg-yellow{color: #fece26 !important;}
.text-white{color: #fff !important;}
.text-black{color: #000 !important;}
.text-gray{color: #808080 !important;}
.text-red{color: #da2436 !important;}
.text-orange{color: #f6851f !important;}
.text-yellow{color: #fece26 !important;}
.text-blue{color: #297fdd !important;}

.o-visible{overflow: visible;}
.o-hidden{overflow: hidden;}
.z-index1{z-index: 1;}
.z-index2{z-index: 2;}
.z-index3{z-index: 3;}
.z-index4{z-index: 4;}
.z-index5{z-index: 5;}
.z-index6{z-index: 6;}
.z-index7{z-index: 7;}
.z-index8{z-index: 8;}
.z-index9{z-index: 9;}
.z-index10{z-index: 10;}
.po-absolute{position: absolute;}
.po-ab{position: absolute;}
.po-relative{position: relative;}
.po-re{position: relative;}
.w-auto{width: auto !important;}
.w-100{width: 100% !important;}

/********************************************************
                Taxi App Solution
*******************************************************/
.solution_app_popup{width:100%;float:left;position:fixed;top:0;height:100%;overflow:auto;z-index:99999999;background:#f3f3f3;transform:scale(0);transition:all 0.5s ease;visibility:hidden;opacity:0;}
.solution_banner{width:100%;float:left;position:relative;min-height:800px;}
.solution_banner>img{width:100%;height:100%;object-fit:cover;min-height:800px;}
.solution_banner_deveploment_text{width:50%;float:left;height:100vh;display:flex;align-content:center;flex-wrap:wrap;text-align:left;}
.solutions-app-banner{width:50%;float:left;height:100vh;min-height:800px;display:flex;text-align:left;align-items:flex-end;position:relative;}
.solution_banner_deveploment_text h1{font-size:42px;color:#f6851f;font-weight:900;position:relative;padding-bottom:20px;}
.solution_banner_deveploment_text h1 strong{display:block;font-size:48px;font-weight:900;margin-bottom:10px;}
.solution_banner_deveploment_text h1:before{content:'';width:200px;height:2px;background:#fece26;position:absolute;bottom:0;left:0;opacity:0.5;}
.solution_banner_deveploment_text p{text-align:left;max-width:100%;border-radius:0;padding:0 !important;font-size:18px;line-height:24px;}
.solution_banner_deveploment_text .banner_links{text-align:left;}
.solutions-features{background:#fafafa;padding:60px 0;}
.solutions-features-tabs{width:100%;float:left;margin-top:20px;}
.solutions-nav-tabs{width:100%;float:left;text-align:center;}
.solutions-nav-tabs li{display:inline-block;}
.solutions-nav-tabs li span{width:100px;height:100px;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.2);border-radius:50%;padding:15px;position:relative;margin-bottom:30px;z-index:9;}
.solutions-nav-tabs li svg{fill-opacity:1;}
.solutions-nav-tabs li a{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;}
.solutions-nav-tabs li a{color:#222222;font-size:24px;font-weight:500;width:100px;margin:0 15px;}
.solutions-nav-tabs li.active a{color:#d91e37;}
.solutions-nav-tabs li.active span{background:#d91e37;}
.solutions-nav-tabs li.active svg *{fill:#fff;}
.solutions-nav-tabs li span:before{content:'';position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);border-top:20px solid #d91e37;border-left:10px solid transparent;border-right:10px solid transparent;z-index:-1;opacity:0;}
.solutions-nav-tabs li.active span:before{opacity:1;}
.solutions-features-box-icon{background-image:url(../image/app-solution/taxiapp/features-icons.png);background-repeat:no-repeat;width:60px;background-position-y:-32px;height:60px;margin:0 auto;}
.solutions-features-lists{width:100%;float:left;margin-top:55px;padding-top:5px;overflow:hidden;height:565px;margin-bottom:10px;transition:all 0.3s ease;}
.solutions-features-lists.solutions-features-lists-show{height:auto;}
.solutions-features-box{width:100%;background:#fff;float:left;border-top:5px solid #d91d38;text-align:center;border-radius:5px;padding:10px 10px;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.1);margin-bottom:20px;min-height:260px;}
.solutions-features-box h3{font-size:18px;color:#222222;position:relative;padding-bottom:15px;margin:15px 0 15px;}
.solutions-features-box h3:before, .solutions-features-box h3:after{content:'';width:60px;height:1px;background:#d91d38;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.solutions-features-box h3:after{bottom:-4px;width:40px;}
.solutions-features-box p{font-size:12px;}
.solutions-features-box:hover{box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2);transform:translateY(-2px);}
 .solutions-features-more-btn{background:#da1e3a;padding:10px 20px;font-size:16px;text-align:center;text-transform:uppercase;border-radius:5px;display:inline-block;font-weight:500;color:#fff !important;}
.solutions-features-more-btn:hover{background:#fece26;}
.taxiapp-help{position:relative;padding:60px 0;background-image:url(../image/app-solution/taxiapp/help-bg.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:center;background-size:cover;}
.getintouch-white{position:relative;z-index:9;background:#fff;color:#dc334b;font-size:18px;font-weight:bold;padding:12px 25px;display:inline-block;text-transform:uppercase;border-radius:5px;}
.getintouch-white:hover{background:#fece26;}
.solutions-why-choose{padding:60px 0;}
.solutions-why-choose-item{border-right:1px solid rgba(0, 0, 0, 0.1);border-bottom:1px solid rgba(0, 0, 0, 0.1);position:relative;transition:all 0.5s ease;}
.solutions-why-choose-box{width:100%;float:left;padding:30px 30px;min-height: 250px;}
.solutions-why-choose-box-icon{width:100%;max-width:60px;}
.solutions-why-choose-box-icon svg{fill-opacity:1;}
.solutions-why-choose-box h3{color:#222;font-size:18px;margin-bottom:15px;transition:all 0.5s ease;}
.solutions-why-choose-box p{line-height:22px;font-weight:500;opacity:0.8;margin:0;transition:all 0.5s ease;}
.solutions-why-choose-item:hover{background:#fafafa;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.15);border-color:#fafafa;}
.solutions-why-choose-item:hover svg *{fill:#da2436;}
.solutions-why-choose-box-icon svg *{transition:all 0.5s ease;}
.solutions-why-choose-item:hover h3{color:#da2436;}
.solutions-why-choose-item:hover p{opacity:1;}
.solutions-why-choose-item:nth-of-type(3), .solutions-why-choose-item:nth-of-type(6){border-right:none;}
.solutions-why-choose-item:nth-of-type(n+4){border-bottom:none;}
.taxiapp-use-case{padding:60px 0;}
.taxiapp-use-case-box{width:100%;float:left;text-align:center;padding:50px 20px 20px;border:1px solid #f0f0f0;position:relative;transition:all 0.5s ease;margin-top:80px;margin-bottom:20px;min-height: 220px;}
.taxiapp-use-case-box-icon{width:100px;height:100px;position:absolute;top:0;left:50%;transform:translate(-50%, -50%);background:#fff;border-radius:50%;border:1px solid #f0f0f0;padding:23px;transition:all 0.5s ease;}
.taxiapp-use-case-box-icon svg{fill-opacity:1;}
.taxiapp-use-case-box h3{color:#222;font-size:18px;margin-bottom:15px;transition:all 0.5s ease;}
.taxiapp-use-case-box p{font-weight:500;opacity:0.8;}
.taxiapp-use-case-box-icon svg *{transition:all 0.5s ease;}
.taxiapp-use-case-box:hover{background:#fff;box-shadow:0px 2px 13px 0px rgba(0, 0, 0, 0.1);}
.taxiapp-use-case-box:hover .taxiapp-use-case-box-icon{background:#da2436;border-color:#da2436;}
.taxiapp-use-case-box:hover .taxiapp-use-case-box-icon svg *{fill:#fff;}
.taxiapp-use-case-box:hover h3{color:#da2436;}
.faq-accordion-section .panel-default > .panel-heading{border:0;background:#fafafa;padding:0;}
.faq-accordion-section .panel-default .panel-title a{display:block;font-size:18px;color:#222222;font-weight:bold;padding:20px;background:#e7e7e7;border:1px solid rgb(231, 231, 231);border-radius:5px;}
.faq-accordion-section .panel-default .panel-title a:after{font-family:'FontAwesome';font-style:normal;font-size:3rem;content:"\f0d7";color:#222;float:right;margin-top:-12px;}
.faq-accordion-section .panel-default .panel-title a.collapsed:after{content:"\f0da";}
.faq-accordion-section .panel-default .panel-body{font-size:16px;line-height:24px;color:#222;opacity:0.7;padding:20px;border:1px solid #e7e7e7;border-radius:0 0 15px 15px;border-top:none !important;}
.taxiapp-faq{padding:60px 0;background:#fafafa;}
.faq-accordion-section{width:100%;float:left;}
.faq-accordion-section .panel-default{box-shadow:none;margin-bottom:30px;border-radius:5px;border:none;}
.faq-accordion-section .panel-default .panel-title a.collapsed{background:transparent;}
@media (min-width:1200px)
{
    .solutions-features-lists .col-lg-2{width:20%;}
}
@media (max-width:1450px)
{
    .solutions-features-lists .col-lg-2{padding:0 5px;}
    .solutions-features-lists .row{margin:0 -5px;}
    .solutions-features-box h3{font-size:16px;}
    .taxiapp-use-case-box {min-height: 230px;}
}
@media (max-width:991px)
{
    .solution_banner_deveploment_text, .solutions-app-banner{height:auto;min-height:800px;}
    .solutions-why-choose-item:nth-of-type(n+4){border-bottom:1px solid rgba(0, 0, 0, 0.1);}
    .solutions-why-choose-item:nth-of-type(3), .solutions-why-choose-item:nth-of-type(6){border-right:1px solid rgba(0, 0, 0, 0.1);}
    .solutions-why-choose-item:nth-of-type(n+5){border-bottom:none;}
 }
@media (max-width:767px)
{
    .solution_banner{height:100%;position:absolute;top:0;left:0;}
    .solution_banner_deveploment_text, .solutions-app-banner{width:100%;min-height:auto;}
    .solution_banner_deveploment_text h1 strong{font-size:28px;margin-bottom:5px;}
    .solution_banner_deveploment_text h1{margin:5px 0 10px;padding-bottom:10px;}
    .solution_banner_deveploment_text .banner_links{justify-content:flex-start;}
    .solution_banner_deveploment_text p{line-height:18px;}
    .solution_banner + .banner_deveploment_main{padding:50px 10px 0px;}
    .solutions-app-banner{padding-top:30px;}
    .solutions-nav-tabs li a{width:70px;margin:0 5px;font-size:14px;}
    .solutions-nav-tabs li span{width:70px;height:70px;}
    .solutions-features{padding:30px 0 !important;}
    .taxiapp-help{padding:30px 0 !important;}
    .solutions-why-choose{padding:30px 0 !important;}
    .solutions-why-choose-item{border-right:none !important;border-bottom:1px solid rgba(0, 0, 0, 0.1) !important;}
    .solutions-why-choose-item:last-child{border-bottom:none !important;}
    .taxiapp-use-case{padding:30px 0 !important;}
    .taxiapp-use-case-box{margin-top:60px;    min-height: auto;}
    .faq-accordion-section .panel-default .panel-title a{font-size:16px;line-height:22px;padding:10px 20px 10px 10px;position:relative;}
    .faq-accordion-section .panel-default .panel-title a:after{position:absolute;right:10px;top:50%;}
    .faq-accordion-section .panel-default .panel-body{font-size:14px;padding:10px;line-height:20px;}
    .faq-accordion-section .panel-default{margin-bottom:15px;}
    .taxiapp-faq{padding:30px 0 !important;}
}

/********************************************************
                Food App Solution
*******************************************************/

.foodapp-features-tabs{width:100%;float:left;margin-top:20px;text-align:center;}
.foodapp-nav-tabs{background:#fff;text-align:center;display:inline-block;border-radius:10px;box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.15);margin-bottom:60px;}
.foodapp-nav-tabs li{display:inline-block;}
.foodapp-nav-tabs li a{color:#222222;font-size:22px;font-weight:500;width:200px;padding:15px 10px;overflow:hidden;display:inline-flex;align-items:flex-start;flex-wrap:wrap;justify-content:center;border-radius:10px;}
.foodapp-nav-tabs li a svg{fill-opacity:1;width:75px;}
.foodapp-nav-tabs li a span{width:100%;margin-top:15px;}
.foodapp-nav-tabs li.active a{background:#da2436;color:#fff;}
.foodapp-nav-tabs li.active a svg *{fill:#fff;}
.foodapp-features-lists{width:100%;float:left;padding-top:10px;overflow:hidden;height:650px;margin-bottom:10px;transition:all 0.3s ease;}
.foodapp-features-lists.solutions-features-lists-show{height:auto;}
.foodapp-features-box{width:100%;float:left;text-align:left;box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.1);border:1px solid #e5e5e5;position:relative;padding:120px 10px 20px;border-radius:10px;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;margin-bottom:30px;overflow:hidden;min-height: 300px;}
.foodapp-features-box h3{font-size:16px;color:#222;position:relative;margin:0 0 15px;padding-bottom:15px;transition:all 0.3s ease;}
.foodapp-features-box h3:before{content:'';width:70px;height:1px;background:#222;position:absolute;bottom:0;left:0;opacity:0.5;transition:all 0.3s ease;}
.foodapp-features-box p{font-size:14px;margin:0;opacity:0.8;font-weight:500;transition:all 0.3s ease;}
.foodapp-features-box-icon{width:135px;height:135px;border-radius:50%;box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.1);position:absolute;top:-35px;left:-20px;filter:grayscale(1);transition:all 0.3s ease;}
.foodapp-features-box-icon span{background-image:url(../image/app-solution/foodapp/features-icons.png);background-repeat:no-repeat;width:60px;background-position-y:-15px;height:60px;margin:0 auto;position:absolute;bottom:25px;right:35px;}
.foodapp-features-box:hover{background:#fff;box-shadow:0px 5px 9px 0px rgba(0, 0, 0, 0.1);}
.foodapp-features-box:hover h3:before{background:#da2436;opacity:1;}
.foodapp-features-box:hover .foodapp-features-box-icon{filter:grayscale(0);}
.foodapp-features-box:hover h3{color:#da2436;}
.foodapp-features-box:hover p{opacity:1;}
.foodapp-why-choose-box{width:100%;float:left;box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.2);margin-bottom:30px;padding:20px;transition:all 0.5s ease;min-height: 265px}
.foodapp-why-choose-box-icon{width:100px;height:100px;background:rgba(34, 34, 34, 0.04);border-radius:10px;margin-bottom:25px;padding:15px;transition:all 0.3s ease;}
.foodapp-why-choose-box-icon svg{fill-opacity:1;}
.foodapp-why-choose-box h3{color:#222;font-size:18px;margin-bottom:15px;transition:all 0.5s ease;}
.foodapp-why-choose-box p{line-height:22px;font-weight:500;opacity:0.8;margin:0;transition:all 0.5s ease;}
.foodapp-why-choose-box:hover{background:#da2436;}
.foodapp-why-choose-box:hover .foodapp-why-choose-box-icon{background:#fff;}
.foodapp-why-choose-box:hover .foodapp-why-choose-box-icon svg *{fill:#da2436;}
.foodapp-why-choose-box-icon svg *{transition:all 0.3s ease;}
.foodapp-why-choose-box:hover h3, .foodapp-why-choose-box:hover p{color:#fff;opacity:1;}
.foodapp-use-case-box{width:100%;float:left;text-align:center;padding:70px 20px 20px;position:relative;transition:all 0.5s ease;margin-bottom:20px;margin-top:80px;border-radius:10px;box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.1);border:1px solid #f1f1f1;}
.foodapp-use-case-box-icon{width:130px;height:130px;position:absolute;top:0;left:50%;transform:translate(-50%, -50%);background:#fafafa;border-radius:50%;border:12px solid #fff;padding:20px;transition:all 0.5s ease;z-index:99;}
.foodapp-use-case-box-icon svg{fill-opacity:1;}
.foodapp-use-case-box-icon:before{content:'';width:130%;height:130%;position:absolute;bottom:-17px;left:-15px;border-radius:50%;border:1px solid rgba(0, 0, 0, 0.1);z-index:-1;}
.foodapp-use-case-box-icon:after{content:'';width:130%;height:73px;position:absolute;top:-20px;left:-15px;z-index:-1;border:10px solid #fff;border-radius:100px 100px 0% 0%;border-bottom:none;}
.foodapp-use-case-box h3{color:#222;font-size:18px;margin-bottom:15px;transition:all 0.5s ease;}
.foodapp-use-case-box p{font-weight:500;opacity:0.8;}
.foodapp-use-case-box-icon svg *{transition:all 0.5s ease;}
.foodapp-use-case-box:hover{background:#fff;box-shadow:0px 5px 9px 0px rgba(0, 0, 0, 0.1);border-color:#e5e5e5;}
.foodapp-use-case-box:hover h3{color:#da2436;}
.foodapp-use-case-box:hover p{opacity:1;}
.foodapp-use-case-box:hover .foodapp-use-case-box-icon{background:#da2436;}
.foodapp-use-case-box:hover svg *{fill:#fff;}
.fooapp-faq-accordion-section .panel-default > .panel-heading{border:0;background:#fafafa;padding:0;}
.fooapp-faq-accordion-section .panel-default .panel-title a{display:block;font-size:18px;color:#222222;font-weight:bold;padding:20px;background:#fff;border:1px solid #e1e1e1;border-radius:0;border-left:5px solid #222222;}
.fooapp-faq-accordion-section .panel-default .panel-title a:after{font-family:'LineAwesome';font-style:normal;font-size:3rem;content:"\f28f";color:#222;float:right;margin-top:-12px;}
.fooapp-faq-accordion-section .panel-default .panel-title a.collapsed:after{content:"\f2c3";}
.fooapp-faq-accordion-section .panel-default .panel-body{font-size:16px;line-height:24px;color:#222;opacity:0.7;padding:20px;border:1px solid #e1e1e1;border-radius:0;box-shadow:0px 2px 13px 0px rgba(0, 0, 0, 0.1);background:#fafafa;}
.fooapp-faq-accordion-section{width:100%;float:left;}
.fooapp-faq-accordion-section .panel-default{box-shadow:none;margin-bottom:30px;border-radius:5px;border:none;}
.fooapp-faq-accordion-section .panel-default .panel-title a.collapsed{background:#fff;}
@media (min-width:1200px)
{
    .foodapp-features-lists .col-lg-2{width:20%;}
}
@media (max-width:1400px)
{
    .foodapp-features-lists .col-lg-2{padding:0 5px;}
    .foodapp-features-lists .row{margin:0 -5px;}
    .foodapp-features-box{min-height:290px;}
    .foodapp-features-lists{height:650px;}
}
@media (max-width:991px)
{
    .foodapp-nav-tabs li a{width:170px;}
}
@media (max-width:767px)
{
    .foodapp-nav-tabs li a{width:100%;padding:10px 0px;font-size:11px;white-space:nowrap;}
    .foodapp-nav-tabs li{width:25%;float:left;}
    .foodapp-nav-tabs li a svg{width:40px;}
    .fooapp-faq-accordion-section .panel-default .panel-title a{font-size:16px;padding:10px 45px 10px 10px;position:relative;}
    .fooapp-faq-accordion-section .panel-default .panel-title a:after{position:absolute;right:10px;top:50%;transform:translateY(-50%);margin:0;}
    .fooapp-faq-accordion-section .panel-default .panel-body{font-size:14px;line-height:22px;opacity:1;}
}