@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
section { position: relative }
.page-wrapper { position: relative; margin: 0 auto; width: 100%; min-width: 300px; overflow: hidden; z-index: 99; background-color: #fff; }
.text, p { font-size: 15px; line-height: 27px; color: #4c4c4d; margin: 0 }
::-webkit-input-placeholder { color: inherit; opacity: .5 }
::-moz-input-placeholder { color: inherit; opacity: .5 }
::-ms-input-placeholder { color: inherit; opacity: .5 }
.pull-right { float: right !important }
.pull-left { float: left !important }
textarea { overflow: hidden; resize: none }
button { background-color: transparent; outline: 0 !important; cursor: pointer; min-width: auto }
.auto-container { position: static; max-width: 1200px; padding: 0 15px; margin: 0 auto }
.small-container { position: static; max-width: 1000px; padding: 0 15px; margin: 0 auto }
.page-wrapper { position: relative; margin: 0 auto; width: 100%; min-width: 300px; overflow: hidden; z-index: 99; background-color: #fff }
li, ul { list-style: none; padding: 0; margin: 0 }
* { margin: 0; padding: 0; border: none; outline: 0; font-size: 100%; box-sizing: border-box; }
li, ul { list-style: none; padding: 0; margin: 0; }
.auto-container { position: static; max-width: 1200px; padding: 0 15px; margin: 0 auto; }
/*header*/
.main-header .menu-box { position: static; display: flex; justify-content: space-between; align-items: center; }
.menu-box a { color: #fff }
.header-style-two { position: relative; background: #fff; }
.main-header { position: absolute; left: 0; top: 0; width: 100%; height: auto; z-index: 99; background: rgba(0,0,0,.2) }
.header-span { height: 120px }
.main-header .logo { position: relative; z-index: 9; padding: 15px 0; }
.main-header .menu-box { position: static; display: flex; justify-content: space-between; align-items: center; }
.hero-logo { display: flex; justify-content: flex-start; width: 100%; }
.hero-logo img:first-child { margin-left: 0; }
.mobile-menu .nav-logo { position: relative; padding: 20px 25px; text-align: left; border-bottom: 1px solid #e5e5e5; }
.mobile-menu { position: fixed; right: 0; left: 0; top: 0; max-width: 100%; height: 100%; margin: 0 auto; overflow-y: auto; opacity: 0; visibility: hidden; z-index: 9999; transition: all .3s ease; }
.header-style-two { position: relative; background: #fff; background: rgb(223,46,98); background: linear-gradient( 180deg, rgba(223,46,98,1) 0%, rgba(129,0,38,1) 100%); background: none; position: fixed; color: white; }
.upper-menu { border: 1px solid #fff; border-radius: 40px; padding: 8px 0 5px; }
.upper-menu ul li { display: flex; justify-content: center; align-items: center; padding: 0 0 0 3rem; padding: 0 1.5rem; border-right: 1px solid; }
.upper-menu ul li i { color: #fca700; margin-right: 0.5rem; margin-right: 0.5rem; font-size: 28px; }
.upper-menu ul li a { margin-right: 0.5rem; font-weight: 300; font-size: 13px; }
.upper-menu ul li:last-child { border-right: 0px; padding: 0 0 0 0.5rem; }
.upper-menu ul li div span { display: block; line-height: 0.5; font-weight: 600; font-size: 13px; }
.upper-menu ul li div { padding-right: 40px; }
.upper-menu a:hover { opacity: 0.8; color: #fff; text-decoration: none; }
.upper-menu ul { display: flex; }
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 div { padding: 0px; }
.upper-menu ul li div { padding-right: 40px; }
.upper-menu ul li div span { display: block; line-height: 0.5; font-weight: 600; }
.upper-menu a { font-weight: 300; }
.menu-container { display: flex; }

/* endheader*/
@media (max-width:769px) {
    .hero-right img { width: 28%; }
    img.hero-img { width: 34vh; margin-bottom: 20px; margin-top: 20px; }
    .hero-right, portfolio-banner { text-align: center }
    .portfolio-image { width: 93%; margin: 20px auto; }
}
/*icons*/
.icon { width: 30px; height: 30px; background-repeat: no-repeat; }
.icon-phone { background-image: url(../images/icons/icon-phone.svg); filter: brightness(0) invert(1); }
.icon-email { background-image: url(../images/icons/icon-email.svg); filter: brightness(0) invert(1); }
.icon-chat { background-image: url(../images/icons/icon-chat.svg); }
/*hero section*/
.hero-right { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 0 0 0; }
.hero-right h1 { font-size: 30px; color: #e81051; font-weight: 800; text-transform: uppercase; margin: 0px; width: 100%; }
.hero-right p { font-size: 18px; font-weight: 600; text-align: left; padding: 20px 0px 0px; }
.hero-right p span { color: #c62652; font-weight: bold; }
.hero-right img { margin: 10px; margin-bottom: 26px; display: block; }
img.hero-img { width: 48vh; padding: 20px 0px; }
.hero-right h1 span { color: #000; }
.hero-btns { width: 100%; text-align: left; padding: 20px 0px 0px; }
h6.any-confused a { color: #d2295a; }

h6.any-confused { width: 100%; font-size: 18px; z-index: 233; padding: 30px 0px 0px; }
h6.any-confused { width: 100%; font-size: 18px; padding: 30px 0px 0px; }



.frame { animation: zoom-in-zoom-out 2s ease-out infinite; }

@keyframes zoom-in-zoom-out {
    0% { transform: scale(1, 1); }

    50% { transform: scale(1.1); }

    100% { transform: scale(1, 1); }
}


/*end hero section*/
/*Button*/
.pricing-table .table-info-wrapper .theme-btn, btn-primary { background: rgba(223,46,98,1); }
.btn { border-radius: 40px; }
.btn-primary { background: linear-gradient( 180deg, rgba(223,46,98,1) 0%, rgba(129,0,38,1) 100%); border-color: rgba(129,0,38,1) }
.btn-secondary, .chat-header, .upper-menu.chat, a.chat-btn.btn-fixed.btn-gradient, .bg-st-1 { color: #ffffff; background: rgb(38,57,133); background: linear-gradient(180deg, rgba(38,57,133,1) 0%, rgba(23,35,88,1) 100%); }
.btn-primary:hover { background: rgb(38,57,133); background: linear-gradient(180deg, rgba(38,57,133,1) 0%, rgba(23,35,88,1) 100%); }
.btn-secondary:hover { background: linear-gradient( 180deg, rgba(223,46,98,1) 0%, rgba(129,0,38,1) 100%); border-color: rgba(129,0,38,1) }
/* { background: rgb(255,211,1); background: linear-gradient( 176deg, rgba(255,211,1,1) 0%, rgba(255,112,4,1) 100%) !important; color: #fff; }*/
/*combo*/
/*animation*/
/* 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); }
/*end*/
/* 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*/
.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; }
.pricing-table .table-content ul li { border-bottom: 1px solid #b5b3b370; }
.row.comboinn { background: #10bb50 }
.row.comboinn .col-md-4 > .pkgbig h3 { color: #ff214f !important }

@media (min-width: 320px) and (max-width: 768px) {
    .row.combobox .titlebox h4 { width: 100%; text-align: center; font-size: 25px; padding: 0; }
    .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; }
    .pricing-table .inner-box, .row.comboinn, .row.comboinn .col-md-4 > .pkgbig, .modal-content, .row.comboinn h5 { border-radius: 0px; }
    .right-reviews { display: none; }
    .left-reviews { display: block; }
}
/* end comboinn*/

#page { position: relative; padding: 85px 0 }
.content-elements { position: relative }
.content-elements .row.content { margin-top: 50px }
hr.divider-one { margin-top: 70px !important; margin-bottom: 70px !important }
.theme-btn { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; min-width: 160px }
.theme-btn i { margin-right: 3px }
/*.btn-style-one { position: relative; display: inline-block; text-align: center; white-space: nowrap; font-size: 15px; color: #fff; font-weight: 500; padding: 16px 35px; line-height: 15px; border-radius: 7px; background-color: #0154f7; border: 2px solid #0154f7 }
.btn-style-one:hover { color: #0154f7; background-color: #fff; border-color: #fff }
.btn-style-two { position: relative; display: inline-block; text-align: center; white-space: nowrap; font-size: 15px; font-weight: 600; padding: 16px 25px; line-height: 15px; border-radius: 7px; color: #000; background-color: #fff; border-color: #fff }
.btn-style-two:hover { color: #fff; background-color: #0154f7; border-color: #0154f7 }
.btn-style-two i { margin-right: 10px; margin-top: 1px; display: inline-block; font-size: 18px }
.btn-style-three { position: relative; display: inline-block; text-align: center; white-space: nowrap; font-size: 15px; color: #fff; font-weight: 500; padding: 15px 35px; line-height: 20px; border-radius: 7px; background-color: #0154f7 }
.btn-style-three:hover { color: #fff; background-color: #0154f7 }
.btn-style-four { position: relative; display: inline-block; text-align: center; white-space: nowrap; font-size: 15px; color: #fff; font-weight: 500; padding: 15px 35px; line-height: 20px; border-radius: 7px; background-color: #3b7eff }
.btn-style-four:hover { color: #fff; background-color: #3b7eff }
.btn-style-five { position: relative; display: inline-block; text-align: center; white-space: nowrap; font-size: 15px; color: #000; font-weight: 500; padding: 16px 35px; line-height: 15px; border-radius: 7px; background-color: #fff; border: 1px solid #3b7eff }
.btn-style-five:hover { color: #fff; background-color: #3b7eff; border-color: #3b7eff }
.btn-style-five .icon { margin-right: 10px; font-size: 120% }*/
.icon-btn-one { position: relative; min-height: 50px; padding: 0 25px; font-size: 15px; font-weight: 600; color: #000; white-space: normal; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-border-radius: 7px; border-radius: 7px; -webkit-transition: all .3s ease; transition: all .3s ease }
.icon-btn-one:hover { background: #0150ec; border-color: #0150ec; color: #fff }
.icon-btn-one span { position: relative; padding: 0 12px; white-space: nowrap; -webkit-transition: padding .3s ease; transition: padding .3s ease }
.icon-btn-one:hover span { padding-right: 24px; padding-left: 0 }
.icon-btn-one span:after { opacity: 0; right: 6px; content: '\f121'; font-family: flaticon; font-weight: 400; font-size: 16px; position: absolute; margin-top: 1px; -webkit-transition: right .3s ease,opacity .15s ease; transition: right .3s ease,opacity .15s ease }
.icon-btn-one:hover span:after { right: 0; opacity: 1 }
.icon-btn-two { position: relative; min-height: 50px; padding: 0 25px; font-size: 15px; font-weight: 600; color: #fff; background-color: #0154f7; white-space: normal; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-border-radius: 7px; border-radius: 7px; -webkit-transition: all .3s ease; transition: all .3s ease }
.icon-btn-two:hover { background: #0150ec; border-color: #0150ec; color: #fff }
.icon-btn-two span { position: relative; padding-right: 24px; white-space: nowrap; -webkit-transition: padding .3s ease; transition: padding .3s ease }
.icon-btn-two:hover span { padding: 0 12px }
/*.icon-btn-two span:after { right: 0; opacity: 1; content: '\f121'; font-family: flaticon; font-weight: 400; font-size: 16px; position: absolute; margin-top: 1px; -webkit-transition: right .3s ease,opacity .15s ease; transition: right .3s ease,opacity .15s ease }*/
.icon-btn-two:hover span:after { right: -24px; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; color: #fff }

.preloader { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: #fff; z-index: 9999; background-image: url(../images/icons/loader.gif); background-repeat: no-repeat; background-position: center }
img { display: inline-block; max-width: 100%; height: auto }
hr { -webkit-appearance: none; position: relative; height: 1px; margin: 30px auto; background: #dddfdc; border-style: none; outline-style: none }
.tabs-box { position: relative }
.tabs-box .tab { display: none }
.tabs-box .active-tab { display: block }
.mb-0 { margin-bottom: 0 }
.default-form { position: relative }
.default-form .form-group { position: relative; margin-bottom: 18px }
.default-form .form-group input[type=email], .default-form .form-group input[type=text], .default-form .form-group input[type=url], .default-form .form-group select, .default-form .form-group textarea { position: relative; display: block; width: 100%; height: 45px; font-size: 14px; color: #333; line-height: 25px; padding: 10px 20px; border: 1px solid #ccc; background-color: #fff; border-radius: 5px; font-weight: 400; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.default-form .form-group textarea { height: 220px; resize: none }
.default-form .form-group button, .default-form .form-group input[type=submit] { position: relative; display: inline-block; min-width: 160px; background: #3b7eff; padding-left: 25px; padding-right: 25px; margin-top: 10px }
#email-form .response { position: relative; text-align: center }
#email-form .response .success { background: #59ab66; color: #fff; padding: 0 10px; margin-bottom: 10px }
#email-form .response .failed { background-color: #f74848; color: #fff; padding: 0 10px; margin-bottom: 10px }
#email-form .response .text-info { background-color: #ffcd66; color: #222 !important; padding: 0 10px; margin-bottom: 10px }
.scroll-to-top { position: fixed; right: 15px; bottom: 16px; width: 40px; height: 40px; display: none; z-index: 9999; cursor: pointer; text-align: center; line-height: 40px; color: #3b7eff; font-size: 20px; border-radius: 7px; background-color: #fff; transition: all .3s ease; -webkit-box-shadow: 0 0 35px 0 rgba(0,0,0,.07); -moz-box-shadow: 0 0 35px 0 rgba(0,0,0,.07); box-shadow: 0 0 35px 0 rgba(0,0,0,.07) }
.scroll-to-top:hover { color: #fff; background-color: #3b7eff }


.pricing-section { position: relative; padding: 113px 0 60px }
.pricing-table { position: relative; margin-bottom: 40px }
.pricing-table .inner-box { position: relative; border-radius: 7px; overflow: hidden; -webkit-box-shadow: 0 0 35px 0 rgba(0,0,0,.07); -moz-box-shadow: 0 0 35px 0 rgba(0,0,0,.07); box-shadow: 0 0 35px 0 rgba(0,0,0,.07); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease }
.pricing-table .inner-box:hover { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px) }
.pricing-table .table-header { position: relative; padding: 20px 30px; border-bottom: 1px solid #dedede; color: #000; background: #fff }
.pricing-table .title { position: relative; display: block; font-size: 16px; font-weight: 500; line-height: 27px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.pricing-table .table-content { position: relative; padding: 0; text-align: center }
.pricing-table .table-content ul { position: relative; text-align: left }
.pricing-table .table-content ul li { position: relative; padding-left: 25px; font-size: 15px; line-height: 27px; color: #000; font-weight: 400 }

.pricing-table .table-info-wrapper { position: relative; padding: 30px 30px 30px; border-radius: 7px }
.pricing-table .price_wrapper { position: relative; display: flex; justify-content: left; align-items: flex-start; color: #000 }
.pricing-table .price_wrapper i { position: relative; font-size: 28px; top: 30px; left: -10px; font-style: normal }
.pricing-table .price_wrapper > span { font-size: 64px; font-weight: 500; line-height: 64px; position: relative; display: inline-block }
.pricing-table .price_wrapper > span span { font-size: 24px; line-height: 36px; font-weight: 600; position: absolute; margin-left: 10px; top: 0 }
.pricing-table .price_wrapper > p { position: absolute; top: 60px }
.pricing-table .table-info-wrapper .theme-btn { margin-top: 27px; width: 100% }
.pricing-table.tagged .table-header { background: #3b7eff; color: #fff }
.pricing-table.tagged .table-info-wrapper { background: #eef3f9; border-color: transparent }
.pricing-table.tagged .theme-btn { background: #3b7eff }
.packOne .table-header { background: linear-gradient( 180deg, rgba(223,46,98,1) 0%, rgba(129,0,38,1) 100%); color: white; }
.request-form { background: #fff }

.bg-process { background-color: rgba(223,46,98,1) }
.color-white { color: #fff !important }
/*.bg-st-1 { background: rgb(38,57,133); color:#ffffff;}*/
.pricing-section a.nav-link { border-radius: 7px; background: #343434; /* border: 1px solid rgba(223,46,98,1); */ color: rgb(255 255 255); margin-right: .75rem; padding: .5rem 2.5rem; font-weight: bold; border-radius: 30px; }
.pricing-section a.nav-link.active { background: rgba(223,46,98,1) }
.pricing-section a.nav-link:hover { background: rgba(223,46,98,1); color: #fff }
.our-expertise-row a { display: flex; align-items: center; justify-content: flex-start }
.our-expertise-row a .icon { float: left; background: #eef3f9 !important; width: 40px; height: 40px; padding: 6px; margin-right: 1rem }
.our-expertise-row .icon-description h3 { font-size: 20px; padding: 10px 0; font-weight: 400; color: #000 }
.our-expertise-row .icon i.svg, .our-expertise-row .icon svg { width: 25px !important; fill: rgba(223,46,98,1) !important; stroke: rgba(223,46,98,1) }
.service-container { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 30px; min-height: 70px }
.service-container .icon { margin-right: 10px }
section.testimonials-section-two { background: #efefef }
.pricing-table ul { height: 250px; overflow-y: auto; width: 90%; margin: auto; }
.addnotes { padding: 0 35px 35px; text-align: center; display: none }
.chat-call { display: flex; justify-content: space-between; padding: 0 35px 15px }
.chat-call a { font-size: 15px; font-weight: 600; color: #000 }
.addnotes p { color: #f4564b }
.pricing-table .table-info-wrapper .theme-btn { background: rgba(223,46,98,1) }
.copyright-text.policy a { color: rgba(255,255,255,.5) !important }
a.lightbox-image img { display: block !important }
.portfolio-block-two .image img { display: block !important; width: 100% }
button#submit:hover { background: rgba(223,46,98,1); color: #fff }
a:hover { color: rgba(223,46,98,1) }
.slider-highlighted { background: #fff; color: rgba(223,46,98,1); font-size: 40px; padding: 5px 15px; display: inline-block }
.slider-des { font-size: 24px }
.default-form label { margin-bottom: 0 }

input.error, select.error, textarea.error { border: 1px solid red !important }
button#btnSubmit { color: #fff; border-color: rgba(129,0,38,1); background: linear-gradient( 180deg, rgba(223,46,98,1) 0%, rgba(129,0,38,1) 100%); border-color: rgba(129,0,38,1); }
.form-top-text { line-height: 1.2; border-bottom: 1px solid rgba(223,46,98,1); padding-bottom: 8px; display: block }
ul#pills-tab { justify-content: center }
.service-cont p { font-size: 16px; margin-top: 15px; margin-bottom: 30px; line-height: 32px }
.thank-you { background: #e7e7e7 }
.thank-you a { color: rgba(223,46,98,1) }
* { box-sizing: border-box }
.columns { float: left; width: 33.3%; padding: 8px }
.price { list-style-type: none; border: 1px solid #eee; margin: 0; padding: 0; -webkit-transition: .3s; transition: .3s }
.price:hover { box-shadow: 0 8px 12px 0 rgba(0,0,0,.2) }
.price .header { background-color: #111; color: #fff; font-size: 25px }
.price li { border-bottom: 1px solid #eee; padding: 20px; text-align: center }
.price .grey { background-color: #eee; font-size: 20px }
i.fa.fa-phone { transform: rotate(104deg) }
.button { background-color: #4caf50; border: none; color: #fff; padding: 10px 25px; text-align: center; text-decoration: none; font-size: 18px }
.banner-main { float: left; width: 100%; background: #b80000; background: -moz-linear-gradient(left,#b80000 1%,#ff4800 54%,#b80000 100%); background: -webkit-linear-gradient(left,#b80000 1%,#ff4800 54%,#b80000 100%); background: linear-gradient(to right,#b80000 1%,#ff4800 54%,#b80000 100%); margin: 50px 0; border-radius: 12px; position: relative; z-index: 999 }
.packaging-lists ul li { color: #fff; font-family: Poppins,sans-serif; font-size: 14px; padding-left: 10px; line-height: 24px }
.packaging-lists ul li { color: #fff; font-family: Poppins,sans-serif; font-size: 14px; padding-left: 10px; line-height: 24px }
.off-percent h2 { color: #fff; font-weight: 800; font-size: 90px; font-family: Poppins,sans-serif }
.off-percent a, .off-percent button { background-color: #000; padding: 10px 36px; display: inline-block; margin: 20px 0; border-radius: 20px; color: #fff; font-weight: 600; font-size: 20px; font-family: Poppins,sans-serif; text-transform: uppercase }
.banner-footer p { color: #fff; font-size: 12px; padding: 10px 0; margin: 0; letter-spacing: 1px }
li.heading { color: #000 !important; font-weight: 800; font-size: 24px !important; border: 1px solid #000; font-family: Poppins,sans-serif; text-align: center; border-radius: 10px; padding: 4px 2px !important; margin-bottom: 10px }
button#btnSubmit:disabled, button#btnSubmitPopUp:disabled { background-color: #ccc; cursor: default }
ul#pills-tab li { margin-top: 10px !important }
.call-back-section { position: relative; padding: 50px 0 50px }

.slider-highlighted { background: #fca700; color: #fff; font-weight: 600 !important; font-size: 38px }
#pills-video ul { height: 200px }
p.imglist { display: flex; width: 100%; margin-bottom: 50px }
.imglist a { width: 285px; margin-right: 30px; display: flex }
.owl-item { float: left; padding: 20px }
.owl-nav { display: none }
footer .text, footer a, footer h4, footer p { color: #fff }

@media only screen and (max-width:768px) {
    .fluid-section-three { padding: 50px 0 }
    .process-block .icon-box { margin: 0 }
    .process-block h4 { margin: 20px 0 0 }
    .main-footer .copyright-text { padding-bottom: 10px; text-align: center }
    .main-footer .links-widget { text-align: center }
    .pricing-section a.nav-link { margin-right: .25rem; padding: .5rem; margin-bottom: .25rem }
    .pricing-table .inner-box { border: 1px solid rgba(223,46,98,1) }
    .header-style-two .header-top { display: none }
    .header-style-two .outer-box { margin-left: 0 }
    .main-box { padding: 0 !important }
    .sec-title h1 { font-size: 32px }
    .main-slider { padding: 0 }
    .slider-highlighted { font-size: 20px }
    .slider-des { font-size: 25px; margin-bottom: 30px }
    h2.process-block, span.process-block { line-height: 40px; font-size: 32px; display: inline-block; margin: 0 }
    .fluid-section-three .image-column { margin: 0; text-align: center }
    .fluid-section-three .sec-title { margin-bottom: 0; text-align: center }
    .sec-title .text:before { text-align: center; left: 50% }
    .inner-column { text-align: center }
    .pricing-section { padding: 50px 0 60px }
    .sec-title { margin-bottom: 0 }
    .sec-title h3 { font-size: 28px }
    .pricing-table ul { width: 94% }
    .process-block .icon-box .roadmap-divider { display: none }
    .process-block .icon-box { display: inline-block }
    .process-block .inner-box { text-align: center }
    .our-expertise-row .icon-description h3 { font-size: 16px }
    .service-container { margin-bottom: 10px }
    .sec-title .text { width: 100% !important; margin-bottom: 20px }
    .portfolio-section, .process-section { padding: 50px 0 70px }
    .main-header .main-box { padding: 0 10px !important }
    .partner-logo { margin-bottom: 20px }
    .policy-link { display: block !important }
    .service_wrapper span.icon { display: none }
    .slider-image { display: none !important }
    p.imglist a img { max-width: 184px; margin-bottom: 17px; margin-left: 5px }
    .owl-item { float: left; padding: 5px }
    .owl-nav { display: block }
}

@media only screen and (min-width:320px) and (max-width:375px) {
    span.icon.flaticon-whatsapp { display: none }
    .main-header .service_wrapper { position: relative; padding-left: 10px }
    .pricing-table ul { height: auto !important; overflow-y: auto }
    .pricing-table .table-content ul li { font-size: 14px }
    .pricing-table .table-content { padding: 40px 10px 35px }
    .chat-call a { display: block; width: 100%; font-size: 18px !important; padding-bottom: 10px; text-align: center }
    .addnotes { padding: 0 10px 15px; text-align: center }
    .addnotes p { font-size: 13px }
    .chat-call { display: block; padding: 0 35px 15px }
    .request-form { padding: 40px 20px 20px }
    .logo a img { width: 95px }
}

@media only screen and (min-width:767px) and (max-width:1100px) {
    .pricing-table .price_wrapper > span { font-size: 32px }
    .pricing-table h4 { font-size: 18px }
    .chat-call a { font-size: 13px }
    .addnotes { padding: 0 10px 35px }
    .pricing-table .table-content { padding: 15px 25px 25px }
}

@media only screen and (min-width:767px) and (max-width:1930px) {
    .call-back-section { padding: 50px 0 0 }
    .sec-title { margin-bottom: 25px }
    .fluid-section-three, .main-footer .widgets-section, .portfolio-section, .pricing-section, .process-section { padding: 35px 0 40px }
    .main-footer .widgets-section, .process-section { padding-bottom: 0 }
    .main-footer .footer-column { margin-bottom: 0 }
}

@media (min-width:990px) and (max-width:1200px) {
    .slider-highlighted { font-size: 30px; text-align: center }
}






/*new-add-css*/


@media (min-width:320px) and (max-width:767px) {
    /*   section.main-slider.call-back-section.background { background-image: url(../images/mob-bg-lp.jpg); }*/
    .main-footer { background-image: url(../images/mob-footer-bg.jpg); }
}

@media (min-width:768px) {
    /*  section.main-slider.call-back-section.background { background-image: url(../images/bg-lp.png); }*/
    .main-footer { background-image: url(../images/background/footer-bg.png); }
}

.portfolio-banner { padding: 60px 0px 0px; }



.phone-number { display: none; }
.hero-btns a:hover { transform: translateY(-0.625rem); -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; transition: .4s; }

.hero-btns a { padding: 10px 40px; margin: 0 0 0 10px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; font-weight: bold; }

/*second-sec-css*/

section.section-two-wrapper { padding: 90px 0px; background: #141F4E; position: relative; }



section.section-two-wrapper h1 { margin: 0; color: #fff; }

.inner-sec-wrap-two h1 span { font-size: 40px; color: #c62652; }

.inner-sec-wrap-two p { padding: 20px 0px; color: #fff; }

.inner-sec-wrap-two a:hover { transform: translateY(-0.625rem); -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; transition: .4s; }

.inner-sec-wrap-two a { padding: 10px 40px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

.inner-right-sec-wrap img { position: absolute; top: -125px; }

.inner-right-sec-wrap { position: relative; }






/*second-sec-css-end*/
.heading-mid-wrap-inner i { font-size: 25px; margin: 0 10px 0 0; color: #263677; }

/*second-third-css*/
.main-wrap-boxex { display: flex; text-align: center; margin: 40px 0px; }

.main-wrap-boxex .box-down { border: 1px solid red; /* border-left: none; */ border-bottom: none; position: relative; }

.main-wrap-boxex .box-down-up { border: 1px solid red; border-top: none; border-left: none; position: relative; border-right: none; }

.main-wrap-boxex .box-down img { width: 100px; position: absolute; top: -50px; left: 0; right: 0; margin: auto; }

.main-wrap-boxex .box-down-up img { width: 100px; position: absolute; bottom: -50px; left: 0; right: 0; margin: auto; }

.main-wrap-boxex .box-down h2 { font-size: 26px; padding: 80px 0px 0px; }

.main-wrap-boxex .box-down p { /* font-size: 14px; */ padding: 10px 0px 20px; width: 80%; margin: auto; }

.main-wrap-boxex .box-down-up h2 { font-size: 26px; /* padding: 80px 0px 0px; */ }

.main-wrap-boxex .box-down-up p { /* font-size: 14px; */ padding: 10px 0px; width: 80%; margin: auto; }

.inner-thrd-wrap-head { text-align: center; width: 100%; padding: 20px 0px 70px; }

.inner-thrd-wrap-head h1 span { color: #c62652; }

.inner-thrd-wrap-head p { width: 55%; margin: auto; }

section.sec-third-wrapper { padding: 90px 0px; }




/*second-third-css-end*/




/*portfolio-fourth-sec*/
section.fourth-wrapper-portfolio { padding: 90px 0px; background: #141F4E; }

.heading-wrapper-port { text-align: center; width: 100% }

.heading-wrapper-port p { width: 80%; margin: auto; color: #fff; }

.heading-wrapper-port h1 span { color: #c62652; }

.tabbing-portfolio { width: 100%; }

.tabbing-portfolio > ul.nav.nav-tabs { margin: auto; width: 80%; padding: 40px 0px; border: none; justify-content: center; }

.tabbing-portfolio > ul.nav.nav-tabs li a.active { background: linear-gradient( 180deg, rgba(223,46,98,1) 0%, rgba(129,0,38,1) 100%); border-color: rgba(129,0,38,1); color: #fff; }

.heading-wrapper-port h1 { color: #fff; }

.tabbing-portfolio > ul.nav.nav-tabs li a { border: 1px solid #fff; border-radius: 30px; color: #c92754; background: #fff; padding: 10px 25px; display: block; text-align: center; font-weight: bold; }
.tabbing-portfolio > ul.nav.nav-tabs li a:hover { cursor: pointer; background: #c92754; color: #fff; border-color: #c92754; }

.tabbing-portfolio > ul.nav.nav-tabs li { margin: 0 18px 0 0; }

.inner-tabbing-port-wrap ul.nav.nav-tabs li { display: inline-block; width: 45%; margin: 0 10px 10px 0; border: 0; }

.inner-tabbing-port-wrap ul.nav.nav-tabs { border: none; }

.inner-tabbing-port-wrap ul.nav.nav-tabs li a.active { background: none; border: 4px solid #df2e62; margin: 0; }

.inner-tabbing-port-wrap ul.nav.nav-tabs li a { padding: 0; border: 4px solid #ffffff; }

.port-btn-view { width: 100%; text-align: center; padding: 50px 0px 0px; }

.port-btn-view a:hover { transform: translateY(-0.625rem); -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; transition: .4s; }

.port-btn-view a { padding: 10px 50px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.nav-tabs { border: 0px; }
input.error { border: 1px solid red !important }
label.error { color: red !important }
input.error, select.error, textarea.error { border: 1px solid red !important }

.tabbing-portfolio .owl-item.active { padding: 0; }

.tabcontent { display: none; }




div#openPopup { height: 500px; overflow: hidden; }

div#openPopup:hover .tab-pane.web a img { margin-top: -805px; -webkit-transition: margin 7s; -moz-transition: margin 7s; transition: margin 5s; }



/*portfolio-fourth-sec-end*/






/*
packages-five-sec-css*/

.price_wrapper h2 { background-image: url(../images/icons/pkg-red.png); height: 130px; width: 130px; color: #fff; padding: 40px 0px 0px; }
.price_wrapper h2 span { font-size: 22px; display: block; color: slategrey; text-decoration: line-through; }
.inner-box a { padding: 10px 40px; border-radius: 30px; }
.inner-box.packOne a.theme-btn.icon-btn-two { background: linear-gradient( 180deg, rgba(223,46,98,1) 0%, rgba(129,0,38,1) 100%); border-color: rgba(129,0,38,1); margin: 40px; }

.inner-box.packOne { border: 2px solid #cf2958; }


/* width */
ul.bg-color-scroll::-webkit-scrollbar { width: 3px; }

/* Track */
ul.bg-color-scroll::-webkit-scrollbar-track { background: #f1f1f1; }

/* Handle */
ul.bg-color-scroll::-webkit-scrollbar-thumb { background: #921930; }

/* Handle on hover */
ul.bg-color-scroll::-webkit-scrollbar-thumb:hover { background: #555; }




.inner-box.packtwo a.theme-btn.icon-btn-two { background: linear-gradient( 180deg, rgb(46 69 165) 0%, rgb(48 53 72) 100%); border-color: rgba(129,0,38,1); margin: 40px; }


.inner-box.packtwo .price_wrapper h2 { background-image: url(../images/icons/pkg-blue.png); height: 130px; width: 130px; color: #fff; padding: 40px 0px 0px; }
.inner-box.packtwo .table-header { background: linear-gradient( 180deg, rgb(46 69 165) 0%, rgb(48 53 72) 100%); color: #fff !important; }
.inner-box.packtwo { border: 2px solid #162255; }


/* width */
ul.bg-color-scroll2::-webkit-scrollbar { width: 3px; }

/* Track */
ul.bg-color-scroll2::-webkit-scrollbar-track { background: #f1f1f1; }

/* Handle */
ul.bg-color-scroll2::-webkit-scrollbar-thumb { background: #162255; }

/* Handle on hover */
ul.bg-color-scroll2::-webkit-scrollbar-thumb:hover { background: #555; }





.inner-box.packthree a.theme-btn.icon-btn-two { background: linear-gradient( 180deg, rgb(140 90 189) 0%, rgb(44 3 83) 100%); border-color: rgba(129,0,38,1); margin: 40px; }


.inner-box.packthree .price_wrapper h2 { background-image: url(../images/icons/pkg-purple.png); height: 130px; width: 130px; color: #fff; padding: 40px 0px 0px; }

.inner-box.packthree .table-header { color: #fff !important; background: linear-gradient( 180deg, rgb(140 90 189) 0%, rgb(44 3 83) 100%); }

.inner-box.packthree { border: 2px solid #40057b; }


/* width */
ul.bg-color-scroll3::-webkit-scrollbar { width: 3px; }

/* Track */
ul.bg-color-scroll3::-webkit-scrollbar-track { background: #f1f1f1; }

/* Handle */
ul.bg-color-scroll3::-webkit-scrollbar-thumb { background: #162255; }

/* Handle on hover */
ul.bg-color-scroll3::-webkit-scrollbar-thumb:hover { background: #555; }

section.pricing-section .sec-title h1 span { color: #c62652; }
section.pricing-section .sec-title p { width: 80%; margin: auto; color: #000; font-size: 16px; }

section.pricing-section.dot-bg { padding: 90px 0px; }
.sec-title h1 { font-weight: bold; }




/*
packages-five-sec-css-end*/




/*combo-
packages-six-sec-css*/


section.combo-pkg-wrapper.for-website { height: 850px; }
.flip-card-inner { position: relative; width: 100%; height: 100%; transition: transform 0.6s; transform-style: preserve-3d; }

/*.flip-card:hover .flip-card-inner,*/
.fliped { transform: rotateY(180deg) !important; }

.flip-card-front,
.flip-card-back { position: absolute; width: 100%; backface-visibility: hidden; margin: auto; left: 0; right: 0; text-align: center; }

/*.flip-card-front {
    background-color: #bbb;
    color: black;
}*/

.flip-card-back { transform: rotateY(180deg); z-index: 1; }
.flip-card-front { z-index: 0; }



section.combo-pkg-wrapper { background: #141F4E; padding: 90px 0px; }

.inner-first-wrapper-combo { background: linear-gradient( 180deg, rgba(223,46,98,1) 0%, rgba(129,0,38,1) 100%); padding: 40px 0px; border-radius: 20px 0px 0px 20px; }

.heading-wrap-combo { text-align: center; background: linear-gradient( 180deg, rgb(46 69 165) 0%, rgb(48 53 72) 100%); }

.heading-wrap-combo h1 { color: #fff; padding: 20px 0px; line-height: 1; font-weight: bold; }

.heading-mid-wrap-combo h1 { background-image: url(../images/icons/pkg-blue.png); height: 130px; width: 130px; color: #fff; padding: 40px 0px 0px; background-repeat: no-repeat; background-position: center; }

.heading-mid-wrap-combo h1 span { display: block; font-size: 20px; text-decoration: line-through; color: #b3b7ac; }

.heading-mid-wrap-combo h1 { font-size: 32px; width: 100%; }

.heading-mid-wrap-combo { text-align: center; padding: 25px 0px; }

.heading-btm-wrap-comb { text-align: center; }

.heading-btm-wrap-comb p { color: #fff; padding: 0 0 30px; }

.heading-btm-wrap-comb a:hover { transform: translateY(-0.625rem); -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; transition: .4s; }

.heading-btm-wrap-comb a { display: block; width: 80%; margin: auto; margin-bottom: 10px; font-weight: bold; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

.heading-btm-wrap-comb a.btn.btn-primary { background: #fff; color: #1e2c6b; }

.mid-sec-wrap-comb { background: #fff; padding: 40px 20px; position: relative; }

.mid-sec-wrap-comb a { padding: 5px 40px; }
.mid-sec-wrap-comb ul { padding: 30px 0 0 0; }
.inner-mid-sec { min-height: 166px }

.inner-mid-sec-2 { min-height: 140px; }
.mid-sec-wrap-comb ul li { position: relative; font-size: 13px; text-align: left; }


.mid-sec-wrap-comb:before { content: ""; position: absolute; white-space: 2px inherit; width: 2px; height: 540px; background: #d7dad0; left: 0; bottom: 20px; }

.mid-sec-wrap-comb.last { border-radius: 0 20px 20px 0; }
section.combo-pkg-wrapper.for-mobile { display: none; }

.pricing-section #tabs .tab { display: inline-block; padding: 5px 10px; cursor: pointer; position: relative; z-index: 5; }

.pricing-section #tabs .whiteborder { border: 1px solid #707070; border-bottom: 1px solid #fff; border-radius: 3px 3px 0 0; }

.pricing-section #tabs .tabContent { width: 100%; position: relative; top: -1px; z-index: 1; padding: 10px; border-radius: 0 0 3px 3px }

.pricing-section #tabs .hide { display: none; }

.pricing-section #tabs .show { display: block; width: 100%; }
.pricing-section #tabs a.tab { border: 1px solid; background: #343434; color: #fff; padding: 10px 29px; display: block; }
.pricing-section #tabs a.tab.whiteborder { background: #df2e62; border-radius: 30px; }

.pricing-section #tabs a.tab:hover { background: #df2e62; color: #fff; }
.pricing-section .owl-nav { display: none; }

.flip-card-front a { position: relative; }
.flip-card-front a:before { content: ""; position: absolute; background-image: url(../images/clickhere.png); height: 99px; width: 100px; background-size: contain; background-repeat: no-repeat; right: 0; bottom: -272px; }
.flip-card-front a img { max-height: -webkit-fill-available; }

.flip-card-front a p { color: #ffc107; font-size: 34px; position: absolute; animation: blinker 2s linear infinite; right: 37px; bottom: -249px; }

@keyframes blinker {
    50% { opacity: 0; }
}

/*combo-
packages-six-sec-css-end*/

/*testimonial-seven-sec-css*/

.testimonial-wrapper-inner .head-test-wap img { width: 150px; }

.testimonial-wrapper-inner .head-test-wap img { width: 100px !important; }

.testimonial-wrapper-inner .item { text-align: -webkit-center; padding: 90px 0px; border-top: 2px solid #c22550; border-bottom: 2px solid #c22550; position: relative; margin: 50px 0px; }
}

.head-test-wap { padding: 0px 0px 40px; }

.innerhead-wrap-testimonial { text-align: center; padding: 20px 0px; }

.innerhead-wrap-testimonial { text-align: center; padding: 20px 0px; }

.innerhead-wrap-testimonial h1 span { color: #c22550; }

section.slider-testimonial { padding: 90px 0px; }

.testimonial-wrapper-inner .item:before { content: ""; position: absolute; background-image: url(../images/icons/left-arrow.png); width: 130px; height: 115px; background-repeat: no-repeat; left: 50px; top: -40px; }

.testimonial-wrapper-inner .item:after { content: ""; position: absolute; background-image: url(../images/icons/right-arrow.png); width: 145px; height: 115px; background-repeat: no-repeat; right: 50px; bottom: -73px; }

.innerhead-wrap-testimonial h1 { font-weight: bold; }

.testimonial-wrapper-inner .item p { padding: 20px 0px; }

.head-test-wap h4 { margin: 0; }

.head-test-wap p { padding: 0px !important; }




/*testimonial-seven-sec-css-end*/






/*footer-sec-css*/

.main-footer { background-image: url(../images/background/footer-bg.png); position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 50px 0px 0px; }
.footer-column h4 { color: #df2e62; text-align: left; padding: 0 0 20px; }
.footer-bottom { padding: 20px 0px; color: #fff; }
.footer-column { padding: 0 0 70px; }
.widgets-section { border-bottom: 1px solid #e6e6e6; }
.footer-widget:before { content: ""; position: absolute; width: 1px; height: 200px; background: #8f9485; right: 60px; }

.footer-widget { position: relative; }
.footer-widget.last:before { display: none; }

p.copyright-text.policy a { color: #fff !important; }

.footer-widget p i { color: #df2e62; margin: 0 10px 0 0px; }

.footer-widget p a { display: block; margin: 10px 0 7px 0px; }
.widget-content ul li { margin: 0 0 4px 0; }







/*footer-sec-css-end*/






/*header-sec-css*/

.upper-menu span { color: #213277 !important; }

.upper-menu a { color: #23357e; font-weight: bold; }

.upper-menu i { filter: url(); }

.upper-menu.chat span { color: #fff !important; }

.upper-menu.chat a { color: #fff !important; }

.upper-menu { border: 1px solid rgb(34 52 122); border-radius: 40px; padding: 8px 0px 5px; color: #213277; }

.mid-wrap-header { display: flex; width: 70%; margin: auto; justify-content: space-around; padding: 10px 0px; border-radius: 60px; border: 1px solid; }

.heading-mid-wrap-inner { display: flex; align-items: center; }

.heading-mid-wrap-inner h2 { font-size: 14px; margin: 0; }
as

.heading-mid-wrap-inner i { font-size: 25px; margin: 0 10px 0 0px; color: #203174; }
header { position: fixed; width: 100%; z-index: 99999; padding: 10px 0px; background: #e7e7e7f5; }
.icon-call-header h2 { color: #203174; }

.icon-call-header a { color: #213277; }
.btn-header .heading-mid-wrap-inner { width: 100%; justify-content: center; padding: 10px 0px; border-radius: 30px; background: linear-gradient( 180deg, rgb(46 69 165) 0%, rgb(48 53 72) 100%); }

.btn-header .heading-mid-wrap-inner i { color: #fff; }

.btn-header .heading-mid-wrap-inner .icon-call-header h2 { color: #fff; }

.btn-header .heading-mid-wrap-inner .icon-call-header a { color: #fff; }

img.logo-white-mob { display: none; }

.call-us-btn-mobie { display: none; }

.main-wrap-boxex a:hover { transform: translateY(-0.625rem); -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; transition: .4s; }

.main-wrap-boxex a { border: none; padding: 10px 40px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }








/*header-sec-css-end*/



/*media-query for mobile*/

@media only screen and (max-width: 768px) {

    .hero-right { padding: 0; }
    .inner-box a { padding: 10px 40px; border-radius: 30px; display: block; text-align: center; }


    .logo-warp-header a img { display: none; }
    .logo-warp-header img.logo-white-mob { display: block; }
    .mid-wrap-header { display: none; }
    header { position: relative; background: linear-gradient( 180deg, rgba(223,46,98,1) 0%, rgba(129,0,38,1) 100%); }
    .btn-header .heading-mid-wrap-inner { display: none; }
    .portfolio-banner { padding: 10px 0px 0px; }
    .hero-btns a { margin: 0 0px 0px 10px; padding: 10px 25px; }
    .inner-right-sec-wrap img { position: relative; top: 25px; }
    .inner-thrd-wrap-head p { width: 90%; }
    section.sec-third-wrapper { padding: 50px 0px; }

    .inner-thrd-wrap-head h1 { font-weight: bold; font-size: 38px; }
    .inner-thrd-wrap-head h1 span { }
    .inner-sec-wrap-two { text-align: center; }
    .main-wrap-boxex { display: block; width: 80%; margin: auto; }

    .main-wrap-boxex .box-down-up img { width: 100px; position: absolute; /* bottom: -50px; */ top: -115%; left: 0; right: 0; margin: auto; }
    .main-wrap-boxex .box-down { border: 1px solid red; position: relative; border-right: none; padding: 0px 0px 70px; }
    .main-wrap-boxex .box-down h2 { padding: 70px 0px 0px; }
    .main-wrap-boxex .box-down-up { border-right: 1px solid red; padding: 70px 0px; }

    .heading-wrapper-port p { width: 90%; }
    .heading-wrapper-port { }
    .heading-wrapper-port h1 { color: #fff; width: 90%; margin: auto; padding: 0 0 30px; font-weight: bold; font-size: 36px; }

    .tabbing-portfolio > ul.nav.nav-tabs li { width: 48%; padding: 0; margin: 0; margin-bottom: 10px; display: inline-block; margin: 0 5px 10px 0; }

    .tabbing-portfolio > ul.nav.nav-tabs { width: 100%; }
    .inner-tabbing-port-wrap ul.nav.nav-tabs { border: none; text-align: center; display: block; margin: 0 0 30px 0; }
    .tabbing-portfolio > ul.nav.nav-tabs { padding: 40px 20px 0px; justify-content: center; }

    .call-us-btn-mobie { display: block; position: absolute; top: -40px; right: 20px; }

    .call-us-btn-mobie a { border: 1px solid #fff; padding: 12px 20px; border-radius: 30px; color: #fff; }

    .hero-btns { display: flex; }

    /*    section.main-slider.call-back-section.background { height: 800px; }*/
    section.section-two-wrapper { padding: 50px 0px 60px; }
    .tabbing-portfolio > ul.nav.nav-tabs li a { font-size: 14px; font-weight: bold; padding: 10px 0px; text-align: center; }

    .tabbing-slider button.owl-prev { display: none; }


    .tabbing-slider button.owl-next { position: absolute; top: 25px; right: -20px; margin: auto; }
    .tabbing-slider button.owl-next span { font-size: 50px; color: #fff; position: absolute; right: 0; }
    .inner-tabbing-port-wrap ul.nav.nav-tabs li { width: 100%; margin: 0; display: contents; }

    .inner-tabbing-port-wrap ul.nav.nav-tabs li a { display: inline-block; width: 30%; margin: 0 0 10px 0; }

    .inner-tabbing-port-wrap ul.nav.nav-tabs .owl-nav { display: none; }

    .inner-first-wrapper-combo { margin: auto; width: 80%; }
    .mid-sec-wrap-comb { width: 80%; margin: auto; }
    section.slider-testimonial .owl-nav { display: none; }
    .testimonial-wrapper-inner .item { margin: 70px 0px; }
    .footer-column h4 { text-align: center; }
    img.hero-img { width: 45vh; padding: 20px 0px 0px; }

    section.combo-pkg-wrapper.for-mobile { display: block; padding: 0; }
    section.combo-pkg-wrapper.for-website { display: none; }
    .for-mobile .inner-first-wrapper-combo { background: none; }
    .for-mobile .heading-mid-wrap-combo h1 { background-image: url(../images/icons/pkg-red.png); }
    .for-mobile .heading-wrap-combo { background: none; }
    .for-mobile .heading-wrap-combo h1 { font-size: 36px; }
    .for-mobile .heading-wrap-combo h1 span { color: #c62652; }
    .for-mobile .heading-mid-wrap-combo { text-align: center; padding: 5px 0px; }


    .for-mobile #main { margin: 50px 0; margin: 5px 0; width: 100%; }

    .for-mobile #main #faq .card { margin-bottom: 30px; border: 0; background: #141f4e; }
    .for-mobile .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding: 1.25rem; background: white; width: 80%; margin: auto; }

    .for-mobile #main #faq .card .card-header { border: 0; -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5); box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5); border-radius: 2px; padding: 0; }

    .for-mobile #main #faq .card .card-header .btn-header-link { color: #fff; display: block; text-align: left; background: linear-gradient( 180deg, rgba(223,46,98,1) 0%, rgba(129,0,38,1) 100%); color: #fff; padding: 20px; width: 80%; margin: AUTO; border-radius: 15px 15px 0 0; }

    .for-mobile #main #faq .card .card-header .btn-header-link:after { content: "\f107"; font-family: 'Font Awesome 5 Free'; font-weight: 900; float: right; }

    .for-mobile #main #faq .card .card-header .btn-header-link.collapsed { background: linear-gradient( 180deg, rgba(223,46,98,1) 0%, rgba(129,0,38,1) 100%); color: #fff; border-radius: 50px; }

    .for-mobile #main #faq .card .card-header .btn-header-link.collapsed:after { content: "\f106"; }

    .for-mobile #main #faq .card .collapsing { background: #141f4e; line-height: 30px; }

    .for-mobile #main #faq .card .collapse { border: 0; }

    .for-mobile #main #faq .card .collapse.show { background: #141f4e; line-height: 30px; color: #222; }


    .pricing-section #tabs a.tab { border: 1px solid; background: #343434; color: #fff; padding: 10px 17px; font-size: 12px; }
    .pricing-section #tabs .owl-item.active a { display: block; width: 100%; }
    .testimonial-wrapper-inner .item:before { content: ""; position: absolute; background-image: url(../images/icons/left-arrow.png); width: 80px; height: 80px; background-repeat: no-repeat; left: 50px; top: -30px; background-size: contain; }
    .testimonial-wrapper-inner .item:after { content: ""; position: absolute; background-image: url(../images/icons/right-arrow.png); width: 80px; height: 80px; background-repeat: no-repeat; right: 50px; bottom: -55px; background-size: contain; }
    .testimonial-wrapper-inner .item { text-align: -webkit-center; padding: 40px 0px; }
    section.slider-testimonial { padding: 40px 0px; }
    .footer-widget:before { display: none; }
    .footer-widget.last img { width: 180px; }
}


@media (min-width:700px) and (max-width:1200px) {
    .inner-right-sec-wrap img { }
    section.main-slider.call-back-section.background { height: 600px; }
    .tabbing-portfolio > ul.nav.nav-tabs { padding: 40px 0px 0px; margin: 0 0 40px; }
    .call-us-btn-mobie a { font-size: 10px; padding: 10px; }
    .call-us-btn-mobie { display: block; position: absolute; top: 0; right: 0; }
    .tabbing-portfolio > ul.nav.nav-tabs { width: 100%; }
    .hero-right img { width: 28%; }
}

/*media-query for mobile end*/






/*modal-css-start*/
.modal-backdrop.show { opacity: .5; z-index: 9; }
div#basicModal { background: #00000057; }
.modal-dialog { max-width: 500px; margin: 6.75rem auto; }
.modal-body.web input { width: 100%; border: 1px solid #b5acac; border-radius: 6px; height: 40px; padding: 0 10px; }
.modal-body.web textarea { border-radius: 6px; width: 100%; border: 1px solid #b5acac; padding: 10px; height: 100px; }
.modal-body.web a { background: #182554; display: block; text-align: center; padding: 10px; border-radius: 30px; width: 30%; margin: auto; margin-top: 25px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.modal-body.web a:hover { text-decoration: none; color: #fff; transform: translateY(-0.625rem); -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; transition: .4s; }
.modal-header.web p { text-align: center; width: 70%; margin: auto; color: #000; font-size: 20px; }


.modal-body.web { padding: 0 30px 60px; }
.modal-header.web h5 { text-align: center; width: 100%; font-size: 42px; }

.modal-header.web { border: none; display: block; }
.modal-content { border: 2px solid #2f3f84; }

@media (min-width:1200px) and (max-width:1500px) {
    section.main-slider.call-back-section.background { height: 750px; }
}

.owl-dots { display: flex; justify-content: center; height: 30px; }
.owl-dot { width: 10px; height: 10px; border-radius: 50%; background: #d6d6d6; margin: 0 3px; }
.owl-dot.active { background-color: black; }
.modal-header { border: 0; }
.modal-header h4 { color: black; }
/*new-add-css-end*/