body { font-family: 'Poppins', sans-serif; }
.main-slider { background: #3A405A; }
.pricing-section { background: #FF214F; }
.tagged .inner-box .table-header { background: #00A5F0 !important; border-radius: 0 !important; }

.ds-content{
    font-size:22px;
}
.btn-whatsapp-chat {
   background: linear-gradient(176deg, rgb(104, 197, 166) 0%, rgb(32, 91, 71) 100%) !important;
   color:#fff !important;
   border:none !important;
}
/* common */
.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    z-index: 1;
}
.ribbon::before,
.ribbon::after { position: absolute; z-index: -1; content: ''; display: block; border: 5px solid #2980b9; }
.ribbon span { position: absolute; display: block; width: 244px; padding: 15px 0; background-color: #00A5F0; box-shadow: 0 5px 10px rgba(0,0,0,.1); color: #fff; font: 700 12px/1 'Lato', sans-serif; text-shadow: 0 1px 1px rgba(0,0,0,.2); text-transform: uppercase; text-align: center; }
/* comboinn*/
.pricing-table .table-content ul li, .comboinn ul li { border-bottom: 0; padding: 2px 25px; font-size: 15px; }
.comboinn ul li:before { content: '\f109'; font-family: 'flaticon'; display: inline-block; vertical-align: middle; font-size: 12px; position: relative; top: -2px; left: -25px; margin-right: -12px; }
/* top left*/
.ribbon-top-left { top: -22px; left: -22px; }
.ribbon-top-left::before,
.ribbon-top-left::after { border-top-color: transparent; border-left-color: transparent; }
.ribbon-top-left::before { top: 0; right: 0; }
.ribbon-top-left::after { bottom: 0; left: 0; }
.ribbon-top-left span { right: -25px; top: 30px; transform: rotate(-45deg); }
a.theme-btn.icon-btn-two { background: #fca700 !important; }
.row.comboinn { background: #10bb50 }
/* comboinn*/
.row.comboinn .col-md-4 > .pkgbig { box-shadow: #9c989863 0 0 20px; padding: 20px; text-align: center; border-radius: 15px; padding-top: 50px; position: relative; margin-top: -50px; background: #1e1854; }
.row.comboinn { padding: 20px 20px 0; border-radius: 14px; box-sizing: border-box; text-align: left; background: #ff214f; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -ms-transition: all .2s ease-in; transition: all .2s ease-in; float: right; position: relative; margin-top: -10px; margin-bottom: 10px; padding-bottom: 20px; padding-left: 5%; padding-bottom: 0; color: #fff; }
.pkgbig .theme-btn { margin-bottom: 10px; }
.row.comboinn .col-md-4 > .pkgbig strike { color: #b7b6b6; font-size: 28px; font-weight: 600; display: inline-block; position: relative; top: -10px; }
.row.comboinn .col-md-4 > .pkgbig sup { font-size: 30px; color: #fff; font-weight: 700; display: inline-block; }
.row.comboinn .col-md-4 > .pkgbig small { display: block; color: #fff; font-size: 12px; font-weight: 600; }
.row.combobox .titlebox h4 + p { font-weight: bold; color: #ffffff; font-size: 22px; margin-top: 23px; }
.row.combobox .titlebox h4 { font-size: 40px; text-align: left; padding-left: 50px; line-height: 31px; font-weight: 700; color: #000; }
.row.combobox .titlebox { background: #fff; float: left; width: 100%; }
.row.comboinn h5 { margin-top: 15px; margin-bottom: 12px; background: #1e1854; padding: 10px; border-radius: 10px; }
.row.comboinn .col-md-4 > .pkgbig h3 { display: inline-block; font-size: 75px; color: #ff214f; font-weight: 700; margin: 0; }
.row.comboinn .col-md-4 > .pkgbig h4 { margin: 0; background: #ff214f; font-size: 21px; color: #fff; padding: 10px 0; font-weight: 700; margin: 10px 0; }
.pricing-table .table-content ul li, .comboinn ul li { border-bottom: 1px solid #ffffff70; padding: 5px 25px; font-size: 13px; }
.comboinn ul li:before { content: '\f109'; font-family: 'flaticon'; display: inline-block; vertical-align: middle; font-size: 12px; position: relative; top: -2px; left: -25px; margin-right: -12px; }
span.theme { color: #ff214f;line-height:1.4 }
.color-scheme-red .sec-title .text:before { background: white; }
.upper-menu ul { display: flex; }
.color-scheme-red .pricing-table .table-content ul li:before, .addnotes p, a:hover { color: #000000; }
.chat-call { display:block; padding: 0px 45px 20px; text-align: center; }
.modal-header h4 { color: #000; }.phone-number { display: none; }
a.chat-btn.btn-fixed, .btn-gradient { box-shadow: 2px 2px 2px #21212147; }
/*Fixed Buttons */
.process-block .icon-box .count { background: #65afe7; }
.btn-fixed-group { z-index: 9999; position: fixed; top: 25vh; }
.btn-fixed { font-size: 16px; line-height: 1.5; display: flex; justify-content: space-between; align-items: center; color: #fff; width: fit-content; z-index: 9999; padding: 0.5rem 0.5rem; border-radius: 0 6px 6px 0; transition: 0.5s all ease; margin-bottom: 0.5rem; }
.btn-fixed * { color: #fff; }
.btn-fixed span { border-right: 1px solid transparent; display: none; }
.btn-fixed i { font-size: 30px; line-height: 1.5; /*animation: scrollDownAnimation .5s ease infinite alternate; -webkit-animation: scrollDownAnimation .5s ease infinite alternate;*/ }
.color-scheme-red .pricing-table.tagged .table-header { text-transform: capitalize; }
.btn-gradient { text-transform: uppercase; background: #ff214f; }

.slider-highlighted { background: #65afe7; }.ty-header { background: url(../images/bg-1.jpg) !important; padding-top: 111px !important; }
.left-reviews { display: none; }.right-reviews { display: flex; }
.verticle-btn { margin-right: 0px; padding: 1rem; width: 335px; transform: rotate( -90deg ); position: fixed; display: block; right: -90px; top: 44vh; border-radius: 20px 20px 0px 0px; box-shadow: -1px -1px 2px #21212147; margin: 0; height: 57px; text-align: center;line-height:1 }
.verticle-btn span { display: block; border: 0; font-size: 20px; font-weight: bold; /*animation: scrollDownAnimation .5s ease infinite alternate; -webkit-animation: scrollDownAnimation .5s ease infinite alternate;*/ }
.request-form{background:transparent;}
.form-bg { position: absolute; }
.color-scheme-red .main-footer .social-link a { color: #fca700; }
.color-scheme-red .main-footer .social-link a:hover { color: #fff; }
.menu-box .logo img { max-height: none; }
.header-style-two { position: absolute; background: transparent; }
section.main-slider { padding-top: 140px; padding-bottom: 140px; }
.main-header .logo{ position: relative; z-index: 9; padding: 0; }
.bg-process, .main-slider { background: url(../images/background/bg-header.jpg) }
.portfolio-bg { background-image: url('../images/background/rectangle 2525.jpg') !important; background-repeat: no-repeat; background-size: 100% 100%; }
.sec-title .text { color: #fff; }
.portfolio-bg .sec-title h3 { color: #FFD133;font-size:34px; }
section.portfolio-bg .sec-title .text:before { background: #BC0808; width: 92%; margin-left: auto; right: 0; }
.form-bg { position: absolute; }
.request-form .form-group input[type="text"], .request-form .form-group input[type="email"], .request-form .form-group input[type="url"], .request-form .form-group textarea,
.request-form .form-group select { height: 48px; background: rgb(241,201,48); background: linear-gradient(176deg, rgba(241,201,48,1) 0%, rgba(227,160,48,1) 100%); border: 0; border-radius: 30px; }

button.close { z-index: 3333; position: relative; }
form.base-form span { padding: 10px; display: block; font-size: 14px; color: #000; margin-top:10px; }
button.btn-green, .btn-gradient { background: rgb(104,197,166); background: linear-gradient(176deg, rgba(104,197,166,1) 0%, rgba(32,91,71,1) 100%) !important; }
form.base-form { padding: 20px 60px; }
.form-group input::-webkit-input-placeholder, .form-group input::-webkit-input-placeholder, .form-group input::-ms-input-placeholder, .form-group input::placeholder { color: red !important; }
.request-form .form-group { position: relative; padding: 0 10px; margin-bottom: 8px; }
span.theme {font-weight: 300; font-size: 24px; display: block; }
span.discount { color: #FFC51F }
.form-column h3, .form-column h4, #leadFormModal h4 {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;
}
p.pkg-description {font-weight: 500;}
.form-column {
    color: #ffffff;
}
.close{ color: #fff; font-size: 36px; opacity: 1 !important; }
.pricing-section a.nav-link.active { background: linear-gradient(176deg, rgb(192 13 14) 0%, rgb(227 67 70) 100%) !important; }
.pricing-section a.nav-link:hover { background: #bd0909; }
.phone-number a { color: #fff; }

.form-column .title, #leadFormModal .title { text-align: center !important; transform: rotate( 2deg ); }
.upper-menu ul li { display: flex; justify-content: center; align-items: center; padding: 0 0 0 3rem; }
.upper-menu ul li i { margin-right: 0.5rem; font-size: 28px; }
.upper-menu { border: 1px solid #fff; border-radius: 40px; padding: 10px 0 8px; }
.upper-menu ul li:first-child{ padding: 0 0 0 2rem;}
.upper-menu ul li:last-child { padding:0; }
.upper-menu ul li div span { display: block; line-height: 0.5; font-weight: 600; }
.upper-menu ul li div { padding-right: 40px; }
.upper-menu a { font-weight: 300; }
.upper-menu a:hover { color: #FFC51F }
span.theme, .upper-menu ul li i, .form-column h4, #leadFormModal h4, .upper-menu ul li div span, .upper-menu a { color: #ffffff; }
.upper-menu.chat { border: 0px; color: #000; margin-left: 15px; padding-right: 1rem !important; padding-left: 1rem; }
.upper-menu.chat ul li i, .upper-menu.chat ul li a, .upper-menu.chat ul li span { color: #000; }
.upper-menu.chat div{padding:0px;}
h1.process-block span, h2.process-block span {
    display: block;
}
h1.process-block, h2.process-block, h1.process-block span.custom, h2.process-block span.custom {
    font-weight: 800;
    font-size: 45px;
    margin: 0;
    text-transform: uppercase;
}
h1.process-block span.web, h2.process-block span.web {
    font-weight: 800;
    font-size: 4rem;
    line-height: 1;
}
span.development { font-size: 65px; letter-spacing: 5px; font-weight: 800; line-height: 1.2; }
span.development, span.web { background: #FFD301; background: linear-gradient(180deg, rgb(255 198 1) 44%, rgb(255 104 15) 95%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.slider-highlighted { background: transparent; color: #FF7A04; font-weight: 600 !important; font-size: 35px; padding: 0; text-transform: uppercase; margin: 0 !important; }
.banner-text .content {
    font-weight: 300;
    font-size: 24px;
    width: 70%;
    margin-top: 15px;
    margin-bottom: 16px;
}
.form-column{ margin-top: 40px; }
.popupform { margin-top: 30px; padding: 0 10px 0 40px; }

.header-btns { display: flex; margin-top: 18px; }
button:focus { border: 0px; }
.header-btns button { height: 40px; font-weight: 300; color: #000; line-height: 0.8; font-size: 16px !important; }
.header-btns button:last-child{margin-left:20px;}
section.pricing-section.dot-bg { background: url(../images/background/bg-package.jpg); }
section#combo-Package { background-size:cover !important; background: url(../images/background/bg-combo.png); color: #fff; }
section.call-to-action { background-size: contain !important; background: url(../images/background/cta-bg.jpg); color: #000; }
section#combo-Package h3, section#combo-Package h4 { color: #FFD133; }
section#combo-Package .sec-title .text:before { background: #fff; }
section#combo-Package li { line-height: 1.4; font-size: 14px; }
section#combo-Package, section.portfolio-bg { padding: 35px 0 40px; }
section, section.pricing-section { padding: 60px 0 90px; }
.pricing-section .sec-title h3 { font-size: 50px; font-weight: bold; color: #BD0909; line-height: 1;}

.sec-title h3 { text-transform: uppercase; }
.pricing-section .sec-title .text {
    color: #000;
    padding-top: 30px;
    padding-bottom: 30px;
}
.color-scheme-red .sec-title .text:before { background: #262626; height: 6px; width: 60%; box-shadow: none; }
p, .text {font-size: 18px;}
.pricing-table .table-content { background-size: 100.2% 300px; background-color: transparent; background-repeat: no-repeat; position: relative; padding: 80px 25px 35px; }
.pricing-table .table-content ul { width: 100%; margin-top: 20px; margin-bottom: 30px; }
.pricing-table .packOne .table-content{ background-image: url(../images/background/pkg-bg-blue.png); }
.pricing-table .packTwo .table-content{ background-image: url(../images/background/pkg-bg-green.png); }
.pricing-table .packThree .table-content{ background-image: url(../images/background/pkg-bg-red.png); }
.pricing-table { position: relative; }
.pricing-table .inner-box { background: #fff; border-radius: 16px; }
.inner-box { overflow: unset !important; }
.pricing-table .table-header { position: absolute; width: 140px; padding:0px; height: 140px; z-index: 3; border-radius: 110px; left: 33%; top: -10%; display: flex; align-items: center; }
.pricing-table .packOne .table-header { background: linear-gradient( 0deg, rgb(38 122 222) 0%, rgb(16 54 99) 100%) !important; border: 10px solid #205ba2; }
.pricing-table .packTwo .table-header { background: linear-gradient( 0deg, rgb(101 192 161) 0%, rgb(36 97 76) 100%) !important; border: 10px solid #49977d; }
.pricing-table .packThree .table-header { background: linear-gradient( 0deg, rgb(232 75 78) 0%, rgb(189 9 9) 100%) !important; border: 10px solid #d42c2e; }
.pricing-table .table-header .title h4 { font-size: 16px; text-align: center; color: white; text-transform: uppercase; line-height: 1; }
.pricing-table circle{  color: white; text-align: center; }
.pricing-table .price_wrapper > p { position: static; font-size: 16px; color: #fff; padding: 0px; line-height: 1.2; margin-bottom: 15px;min-height:57px; }
.pricing-table .price_wrapper { border: 0px; padding: 0px; display: block; color: #fff; }
.price-container { display: flex;justify-content: space-between; }
.pricing-table a.theme-btn.icon-btn-two { text-transform:uppercase; background: #ffffff !important; border: 4px solid #184e8e; border-radius: 40px; color: #184e8e; }
.pricing-table .packOne a.theme-btn.icon-btn-two { border-color:#184e8e; color: #184e8e; }
.pricing-table .packTwo a.theme-btn.icon-btn-two { border-color: #319986; color: #319986; }
.pricing-table .packThree a.theme-btn.icon-btn-two { border-color: #c61718; color: #e03f40; }

.price-sale-cut { font-size: 24px; font-weight: 500; }
.pricing-table .table-info-wrapper { border: 0px; padding: 0px; margin-bottom: 100px; }
div#pills-tabContent { position: relative; top: 60px; }
.menu-container{display:flex;}
.price-sale { font-size: 32px; font-weight: 700; line-height: 1; }
.pricing-table .title{margin:auto;}
/*scroller*/
.pricing-table ul::-webkit-scrollbar { width: 8px; }
/* Track */
.pricing-table ul::-webkit-scrollbar-track { background: #f1f1f1; }
/* Handle */
.pricing-table ul::-webkit-scrollbar-thumb { background: #c1c1c1c1; }
/* Handle on hover */
.pricing-table ul::-webkit-scrollbar-thumb:hover { background: #555; }

.modal-content{background:transparent;border:0px;}
section#combo-Package h4 { margin-bottom: 6px; margin-top: 10px; }
.row.combobox li { line-height: 1.4; }
.row.combo-chat a { font-size: 18px; margin: 0 15px; height: 40px; margin-top: 10px; margin-bottom: 18px;  font-weight: 300; color: white; }
.row.combo-chat a span{ color: #FF7A04; font-weight:400}
.pricing-section a.nav-link { border-radius: 30px; }
.call-to-action .content{display:block;color:#000;}

.call-to-action .sec-title-two h3 { color: #000000; text-transform: uppercase; margin-bottom:20px;}
.call-to-action .sec-title-two{padding:0px;}
.footer-column a:hover { color: #fca700; }
.packOne .title span{display:block}
button.close { border: 2px solid #ecbc30; border-radius: 30px; width: 40px; height: 40px; font-size: 30px; color: #ecbc30; }
.carousel { position: relative; border: 2px dashed #fff; padding: 20px; border-radius: 20px; }
.screen:hover { background-position: 0 100%; }
.screen { background-size: 100% auto !important; cursor: pointer; float: left; margin: 0; min-height: 70vh; padding: 0; position: relative; transition: all 5s ease-in 0s; width: 100%; z-index: 9999999; border-radius: 20px; box-shadow: -5px -2px 11px -2px rgb(227 218 227); }
.screen-1 { background: rgba(0, 0, 0, 0) url("../images/mockups/mockup-1.jpg") no-repeat scroll 0 0; }
.screen-2 { background: rgba(0, 0, 0, 0) url("../images/mockups/mockup-2.jpg") no-repeat scroll 0 0; }
.screen-3 { background: rgba(0, 0, 0, 0) url("../images/mockups/mockup-3.jpg") no-repeat scroll 0 0; }
.screen-4 { background: rgba(0, 0, 0, 0) url("../images/mockups/mockup-4.jpg") no-repeat scroll 0 0; }
.portfolio-bg .container-fluid{padding:0 5rem !important;}
/*testimonials*/
.testimonial-section { background-image: url('../../Marketing/images/background/bg-testimonials.jpg'); }
.testimonial-section .card { background: none; border: 0; }
.testimonial-section .card-body { background: #00000059; border: 1px solid; color: #fff; border-radius: 12px; position: relative; }
.testimonial-section .card-body * { color: #fff;font-size:16px; }
.testimonial-section .card-body h4 { font-size: 20px; }
.testimonail-head { display: flex; justify-content: space-between; }
.testimonial-section .testimonail-head i { color: #ffc402; }
.testimonial-section .card-footer { display: flex; margin-top: 2rem; border: 0; }
.testimonial-section .card-footer .icon { margin-right: 1.5rem; }
.testimonial-info-wrapper * { color: #fff; }
.testimonial-info-wrapper .position { font-size: 14px; }
.testimonial-section .card-footer .icon .img-circle { border-radius: 100%;  }
.testimonial-section .card-body:before { content: "\f0d7"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; bottom: -17px; font-size: 50px; color: #000000eb; z-index: 1; text-shadow: 0.1px 1.5px 1px #ffffffa6; }
.testimonial-section .star-rating { display: flex; align-items: center; }
.testimonial-section .star-rating * { color: #ffc402; }
.testimonial-section .sec-title h3 { color: #fff; }
.testimonial-section .sec-title .text:before { width: 40%; background: #FFD133 !important }
.testimonial-section .sec-title .text:before { background: #fff; }
a.carousel-control-prev, a.carousel-control-next { opacity: 1; }
.c-arrow { color: #FFD133 }
#carouselExampleSlidesOnly { display: flex; align-items: center; }
.arrows-wrapper { display: flex; justify-content: space-between; align-items: center; position: absolute; left: 101%; flex-direction: column; margin-bottom: 0; }
.arrows-wrapper .c-arrow { width: 48px; height: 48px; position: unset; }
/*end Testimonial*/
/*buttons*/
.orange, .upper-menu.chat, a.chat-btn.btn-fixed.btn-gradient { background: rgb(255,211,1); background: linear-gradient( 176deg, rgba(255,211,1,1) 0%, rgba(255,112,4,1) 100%) !important; color: #fff; }
.btn-c { height: 40px; border: 0px; border-radius: 50px; font-size: 16px !important; padding-left: 10px; padding-right: 10px; }
.btn-outline-secondary { border: 1px solid #000; color: #000; }
.btn-orange, .orange { background: linear-gradient(176deg, rgba(255,211,1,1) 0%, rgba(255,112,4,1) 100%) !important }
.btn-black { background: linear-gradient(176deg, rgb(88 88 88) 0%, rgb(0 0 0) 100%) !important; color: #fff; }
.btn-red { background: linear-gradient(176deg, rgb(192 13 14) 0%, rgb(227 67 70) 100%) !important; color: #fff; border: 0; }
.request-form .form-group button { line-height: 0.5; }
.header-btns .btn { font-weight: 500; }
.btn-orange:hover, .btn-outline-secondary:hover, .btn-black:hover, .btn-red:hover, .request-form .form-group button:hover { background: linear-gradient( 176deg, rgba(104,197,166,1) 0%, rgba(32,91,71,1) 100%) !important; color: #fff; }
.icon-btn-two span:after { font-family: 'Font Awesome 5 Free'; content: "\f061";  font-weight: 600; }
.pricing-table .table-content ul li:before { font-family: 'Font Awesome 5 Free'; content: "\f00c"; font-weight: 600; }
/* End buttons*/
.sbt-btn-wrapper { flex: 0 0 60%; }
div#divLoginLoading, #divPopupLoading { width: auto; flex: 0 0 40%; padding: 0; }
#divLoginLoading img, #divPopupLoading img { transform: scale(1.5); }
.close:hover { color: #fff; }
@media (min-width: 320px) and (max-width: 1200px)
{
    
    .price-sale{
        font-size:25px;
    }
    .row.combobox .titlebox h4 {
        width: 100%;
        text-align: center;
        font-size: 25px;
        padding: 0;
    }

        .upper-menu { display: none; }
        .row.combobox .titlebox h4 { width: 100%; text-align: center; font-size: 25px; padding: 0; }
        .btn-fixed i { font-size: 20px; }
    span.process-block, h1.process-block, h2.process-block, .banner-text h2 {
        font-size: 16px;
    }.pricing-section .sec-title .text {
   
    padding-bottom: 0;
}.owl-nav .owl-prev{left: 0;}.owl-nav .owl-prev{left: 0;}.owl-nav .owl-next {
    right: 0;
}    .pricing-section .sec-title .text {
               padding-bottom: 20px;
    }    form.base-form {
        padding: 5px 35px 90px !important;
    }
        .banner-text h2 { color: #ffffff; font-size: 26px; }
        .col-lg-7.col-md-12.col-sm-12.margin-top-50 { margin-top: 0px; }
        .banner-text { text-align: center; padding: 0 30px; }
        .main-slider .content, .main-slider li { font-size: 15px; }
        .call-back-section .form-column, .popupform { margin-top: 20px; }
        .mt-4.mb-4 a { display: block; margin: auto; text-align: center; }
        .service-container { display: block; text-align: center; }
        .main-header .menu-box { display: block; text-align: center; }
        .copyright-text.col-md-6 { padding: 30px; }
        .main-footer .footer-column { text-align: center !important; }
        .whatapp { left: 10px; }
        .ribbon span { width: 256px; padding: 10px 0; }
        .request-form { border-radius: 0px; padding: 40px 40px 20px 40px; }
        .phone-number { display: inline-block; }
        .main-header .menu-box { display: flex; }
        .right-reviews { display: none; }
        .left-reviews { display: block; }
        .verticle-btn { right: -139px; margin-right: 0px; padding: 20px 20px 10px 10px }
        .verticle-btn span { display: block; border: 0; font-size: 16px; }
        .row.comboinn { text-align: center; width: auto; }
        .row.comboinn .col-md-4 > .pkgbig { margin-top: 30px; padding-top: 10px; }
        .row.comboinn .col-md-4 > .pkgbig h2 { font-size: 20px; color: #fff; }
    h1.process-block span.web, h2.process-block span.web {
        font-size: 2rem;
    }a.btn.btn-c.btn-orange.btn-whatsapp {
    line-height: 2.3;
}
        h2 .process-block span.web, span.development { font-size: 38px; }
    h1.process-block, h2.process-block, h1.process-block span.custom, h2.process-block span.custom {
        font-weight: 800;
        font-size: 25px;
    }
        .slider-highlighted { font-size: 25px; }
        .banner-text .content { width: 100%; }
        .header-btns { display: block; }
        .header-btns button { font-size: 14px !important; font-weight: 600; }
        span.development { letter-spacing: 0px; }
        section.main-slider { padding-top: 50px; padding-bottom: 50px; }
        .logo a img { width: 122px; }
        .banner-text { padding: 10px; }
        .slider-des { margin-bottom: 0; padding: 0px !important; }
        .slider-des > div { display: flex; }
        .verticle-btn { width: 308px; height: 48px; }
        .request-form:after, .modal .modal-dialog .modal-content:after { content: ""; }
        .pricing-table { margin-bottom: 130px; }
        .pricing-table:last-child { margin-bottom: 30px; }
        .main-slider .col-md-7, .main-slider .col-md-5 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
        .menu-container { display: none; }
        .chat-call { padding: 0px 25px 20px; }
        .chat-call a { font-size: 16px !important; }
    }
@media (min-width: 320px) and (max-width: 767px) {
        /* price tags */
        .default-form { display: flex; justify-content: center; }
        .contact-form:after, .modal .modal-dialog .modal-content .request-form:after { top: -193px; left: unset; right: unset; display: none; }
/*        .request-form:after, .modal .modal-dialog .modal-content:after { content: ""; position: absolute; display: block; background: url(../images/199-.png) no-repeat scroll left top; max-width: 140px; background-size: contain; animation: double-jump infinite alternate .5s; left: unset; right: 35%; height: 100px; top: -52px; width: 140px; }
*/        .modal .modal-dialog .modal-content:after { bottom: 95%; top: unset; }
        .banner-text h2:after { }
        .margin-top-50 { margin-top: 20px; }
        form.base-form span { font-size: 12px; }
        form.base-form { padding: 5px 50px 90px }
        .request-form:after { background: none }
        .combobox ul li, .combobox h5 { text-align: left; }
        .row.combobox { padding-left: 30px; }
        .row.combo-chat a { display: block }
        .sep { display: none; }
        .combobox ul li, section#combo-Package h4 { text-align: center; }
        .error { color: red; font-size: 11px; }
        .header-btns, .slider-des { margin-top: 0px !important; }
    .pricing-section .sec-title h3, .testimonial-section .sec-title h3 { font-size: 20px; }
        .pricing-section .sec-title .text { padding-top: 20px; margin-bottom: 0; }
        section#combo-Package { padding-top: 40px; }
        .call-to-action .sec-title-two { padding: 0px; }
        .call-to-action .sec-title-two h3 { font-size: 20px; color: #000000; font-weight: 700; margin-bottom: 20px; }
        /*porfolio*/
        .portfolio-bg .container-fluid { padding: 0 2rem !important; }
        .container-fluid img.img-fluid { display: none; }
        section.portfolio-bg .sec-title h3 { margin-top: 2rem; }
    section.portfolio-bg .sec-title .text:before { background: #BC0808; width: 60%; left: 0 !important; right: 0 !important; margin: auto; }
        .portfolio-bg .sec-title h3 { font-size: 20px; text-align: center; }
        .portfolio-bg .sec-title .text { text-align: center !important; }
        #divLoginLoading img { transform: scale(1.5); margin-top: -15px; }
        /*end porfolio*/
        #divLoginLoading img, #divPopupLoading img { transform: scale(1.0); }
        div#divLoginLoading, #divPopupLoading { flex: 0 0 20%; }
        p, .text { font-size: 15px;line-height:1.5; }

        .price-sale-cut { font-size: 20px; }
		.btn-c {
    height: 40px;
    border: 0px;
    border-radius: 50px;
    font-size: 14px !important;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 2;
}
.header-btns .btn {
    font-weight: 500;
    font-size: 12px !important;
    line-height: 2;
}
    .uae-lp .fa.fa-envelope-open {
        display:none;
    }
  
}
.uae-lp .menu-box .logo img {
    width: 80%;
}
@media (min-width: 768px) and (max-width: 1248px) {
    a .btn.btn-c.btn-orange.btn-whatsapp {
        line-height: 2;

    }
    .text-hidden {
        visibility: hidden !important;
    }
    .btn-c{
        font-size:15px !important;
    }
        .request-form { padding: 20px; }.banner-text h2 { margin-top: 0px !important; }section.main-slider.call-back-section.background .margin-top-50 { margin-top: 25px; }
        .contact-form:after { content: ""; position: absolute; display: block; width: 100%; left: -65px; right: 0; top: -154px; max-width: 100px; }
   /*portfolio*/

        .portfolio-bg .sec-title .text:before { height: 6px; width: 60% !important; box-shadow: none; left: 0; right: 0; margin:auto !important; }
        }
    @media (min-width: 480px) and (max-width: 1200px) {
        .form-bg { position: absolute; top: 120px; left: 0; right: 0; bottom: 0; margin: auto; height: 90%; }
        form.base-form { width: 400px; margin: auto; }
        .col-md-5, .col-md-7 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
        #leadFormModal .form-bg { top: 140px; }
    }
    @media (min-width: 768px) and (max-width: 1200px) {
        #leadFormModal form.base-form { padding: 20px 80px 20px 40px; }
        .form-column .form-bg { height: 94%; }
        /*porfolio*/
        .container-fluid img.img-fluid { display: none; }
        section.portfolio-bg .sec-title h3 { margin-top: 2rem; }
        .portfolio-bg .sec-title h3 { font-size: 30px; text-align: center; }
        .portfolio-bg .sec-title .text {text-align: center; }

        /*end porfolio*/
    }
    @keyframes double-jump {
        0% { transform: rotate(-2deg); transform-origin: bottom right; }
        100% { transform: rotate(0deg); transform-origin: bottom right; }
    } 
    @media (min-width: 1280px) {
        .verticle-btn { right: -138px; }
        .verticle-btn span { font-size: 30px; }
        section.pricing-section.dot-bg { background: url(../images/background/bg-package.jpg); padding: 35px 0 100px; }
     
    }
    @media (min-width: 1200px) and (max-width: 1440px) {
        .verticle-btn span { font-size: 22px; }
        .verticle-btn { right: -145px; height: 46px; width: 330px; }
        span.development { font-size: 52px; }
        h1.process-block span.web, h2.process-block span.web {
            font-size: 4rem;
        }
        /*porfolio*/
        section.portfolio-bg .sec-title h3 { margin-top: 2rem; }
        .portfolio-bg .sec-title h3 { font-size: 30px;}
        /*end porfolio*/
    }
    @media (min-width: 320px) and (max-width: 425px) {
        .ds-content {
            font-size: 16px !important;
        }
        .form-column h3{
            padding:0 10px;
        }
        .request-form .form-group input[type="text"], .request-form .form-group input[type="email"] {
            height: 38px
        }

        .request-form .form-group button { padding-left: 20px; padding-right: 20px; margin-top: 1px; padding: 10px; }
        h1 .process-block span.web, h2 .process-block span.web, span.development {
            font-size: 28px;
        }
        h1.process-block span.web, h2.process-block span.web {
            font-size: 1.5rem;
        }
        #leadFormModal form.base-form span { font-size: 9px; padding: 10px;line-height:2.5; }
        #leadFormModal form.base-form { padding: 1px 10px 10px; }
        .request-form .form-group button { padding: 8px; }
        .form-column h4, #leadFormModal h4 { font-weight: 600; font-size: 25px; line-height: 1.2; }
        .error { color: red; font-size: 10px; }
        .pricing-table .table-header { right: 0; left: 0; top: -9%; margin: auto; display: flex; align-items: center; }
    }
    @media (min-width: 320px) and (max-width: 375px) {
        .main-slider .form-bg {
            height: 90%;
            width: 95%;
            margin-left: 2%;
        }
        .main-slider form.base-form span { font-size: 13px; padding: 20px; }
        .main-slider form.base-form { padding: 8px 30px 90px; }
        #leadFormModal .form-bg { height: auto; }
        #leadFormModal .form-group input[type="text"], #leadFormModal .form-group input[type="email"] { height: 30px; }
        .pricing-table .table-header { top: -7%; }
    }
    @media (min-width: 375px) and (max-width: 425px) {
        #leadFormModal form.base-form { padding: 20px 20px 30px; }
        #leadFormModal.form-group input[type="text"], #leadFormModal.form-group input[type="email"] { height: 30px; }
        h1.process-block span.web, h2.process-block span.web {
            font-size: 2.0rem;
        }
    }
    @media(max-width:992px) 
    {
        .testimonial-section .card { padding: 2.5rem; }
        .arrows-wrapper { justify-content: center; align-items: center; position: absolute; left: 0; flex-direction: revert; top: 101%; right: 0; }
        #carouselExampleSlidesOnly { margin-bottom: 2.5rem; }
    }
@media(min-width:993px) and (max-width:1279px) {
    /*portfolio*/
    #carouselExampleSlidesOnly {
    margin: 0 150px;
}}

@media (max-width: 1279px){
    a.combo-package-btn.btn-fixed.verticle-btn.btn-gradient { display: none; }
}
.error {
    font-size: 12px;
    line-height: 1;
}
.left-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
}
@media (min-width: 1920px) {
    .left-banner .content {
        font-size:34px;
    }
}
.modal-backdrop.show {
    opacity: 1 !important;
}