@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');
@import url('../dist/bootstrap/css/bootstrap.min.css');
@import url('../dist/font-awesome/css/all.min.css');
:root { --primary-font: 'Calibri', sans-serif, Arial, Helvetica;
--secondary-font: "Poppins", sans-serif;
--gray: #333333;
--light-gray: #f5f3f3;
--blue: #0a4871;
--orange: #f68028;
}
body { color: var(--gray); font-family: var(--primary-font); font-weight: 400; line-height: normal; overflow-x: hidden; position: relative; }
a { color: var(--bs-blue); }
a,
a:hover { text-decoration: none; }
a:focus { outline: none; }
*:focus { outline: none; }
button:active,
button:focus,
.btn:active,
.btn:focus { box-shadow: none !important; outline: none !important; }
.img-responsive,
.navbar-brand > img { display: inline-block; }
img { display: inline-block; height: auto; max-width: 100%; }
h1,
h2,
h3,
h4,
h5,
h6 { color: var(--bs-white); font-family: var(--secondary-font); font-weight: 700; /*--text-transform: capitalize; */ }
h1 { font-size: 71px; }
h2 { font-size: 35px; }
p { color: var(--gray); font: 500 16px/1.5 var(--primary-font); overflow-wrap: break-word; word-wrap: break-word; }
.clearfix { clear: both; margin: 0px; padding: 0px; }
.header { background: rgb(8,8,8); background: linear-gradient(0deg, rgba(8,8,8,0) 0%, rgba(8,8,8,1) 100%); height: 105px; position: absolute; left: 0; right: 0; top: 0; z-index: 9; padding: 0 4% }
.mobile-view { display: none }
.header .navbar-brand { max-width: 110px; }
.smaller { background: #0a4871; padding-bottom: 0.5rem; position: fixed; z-index: 999; height: 85px; }
.smaller .navbar-brand { max-width: 95px; }
.navbar-nav .nav-link { color: var(--bs-white); font-size: 15px; text-transform: uppercase; }
.navbar-nav .nav-link:hover { color: var(--orange); }
.navbar-nav .nav-link.active { color: var(--orange); }
.navbar-nav .nav-link.show { color: var(--orange); }
.dropdown-toggle::after { opacity: 0; }
.dropdown-menu { background-color: transparent; border: inherit; border-radius: inherit; box-shadow: inherit; padding: 0px; }
.dropdown-menu .container { background-color: var(--gray); padding: 24px 24px; }
.dropdown-menu h3 { color: var(--bs-white); font-size: 20px; font-weight: 500; text-transform: uppercase; }
.dropdown-menu h3 a { color: var(--orange); }
.dropdown-menu h3 a:hover { color: var(--bs-white); }
.dropdown-menu p { color: var(--bs-white); font-size: 15px; }
.dropdown-menu ul { list-style: none; margin: 0; padding: 0px 6px; }
.dropdown-menu ul li { background: url("../images/menu-icon.png") no-repeat left 4px; color: var(--bs-white); font-size: 14px; padding-left: 18px; margin-bottom: 4px; }
.dropdown-menu ul li a { color: var(--bs-white); }
.dropdown-menu ul li a:hover { color: var(--orange); }
.btn-primary { background-color: var(--orange); border: inherit; color: var(--bs-white); font: 600 14px "Poppins", sans-serif; line-height: 32px; text-transform: uppercase; border-radius: 10px !important; width: auto !important; border: none !important; }
.btn-primary:hover,
.btn-primary:focus { background-color: var(--orange) !important; }
.banner { clear: both; position: relative; width: 100%; height: 100vh; }
.banner .overlay { height: 100%; position: absolute; left: 0; top: 0; width: 100%; z-index: 2; }
.caption-banner { position: absolute; top: 28%; }
.banner h1 { font-size: 44px; font-weight: 900; text-transform: uppercase; }
.banner h1 span { font-size: 31px; }
.banner h2 { font-size: 23px; font-weight: 200; text-transform: uppercase; }
.banner .btn-light { background: url("../images/btn_arw.png") no-repeat center right var(--bs-white); border: inherit; border-radius: 10px; box-shadow: 0px 5px 5px rgba(0, 0, 0, 9%); font-size: 17px; line-height: 32px; text-align: left; text-indent: 20px; text-transform: capitalize; width: 187px; }
.banner .curve { background: url("../images/scroll.png") no-repeat top center; bottom: 0; left: 0; position: absolute; z-index: 1; }
.banner video { height: 100%; object-fit: fill; width: 100vw; }
.our { clear: both; margin-top: -40px; padding-bottom: 5%; position: relative; text-align: center; width: 100%; z-index: 2; }
.our h2 { color: var(--orange); }
.our p { margin: 0px auto 1rem; max-width: 70%; }
.feature { background: url("../images/sre_bg.jpg") no-repeat center center / cover; clear: both; padding: 7% 0px; text-align: center; width: 100%; background-attachment: fixed }
.feature .box { border-radius: 20px; padding: 8% 12% 18%; transition: all ease-in-out 0.5s; width: 100%; }
.feature .box img { filter: brightness(0) invert(1); margin-bottom: 1rem; transition: all ease-in-out 0.5s; }
.feature .box h4 { font-size: 22px; transition: all ease-in-out 0.5s; }
.feature .box p { color: var(--bs-white); font-size: 17px; transition: all ease-in-out 0.5s; }
.feature .box:hover img { filter: inherit; transition: all ease-in-out 0.5s; }
.feature .box:hover { background-color: var(--bs-white); transition: all ease-in-out 0.5s; }
.feature .box:hover h4 { color: var(--gray); transition: all ease-in-out 0.5s; }
.feature .box:hover p { color: #555555; transition: all ease-in-out 0.5s; }
.business { clear: both; padding: 7% 0px; text-align: center; width: 100%; }
.business h2,
.business h4 { color: var(--gray); }
.business h4 { font-size: 20px; font-weight: 600; margin: 20px 0px; }
.business .box { align-content: center; border-radius: 20px; box-shadow: 0px 9px 18px rgba(0, 0, 0, 9%); clear: both; display: grid; justify-items: center; min-height: 275px; padding: 10% 10%; width: 100%; }
.business .box p { display: none; transition: all ease-in-out 0.5s; }
.business .box:hover { background-color: var(--orange); transition: all ease-in-out 0.5s; }
.business .box:hover img { display: none; transition: all ease-in-out 0.5s; }
.business .box:hover h4,
.business .box:hover p { color: var(--bs-white); display: inline-block; }
.business .box:hover p { transition: all ease-in-out 0.5s; }
.our-solutions { background: url("../images/our_sln_bg.jpg") no-repeat top center / cover; clear: both; padding: 7% 0px; width: 100%; }
.our-solutions h4 { font-size: 20px; font-weight: 600; }
.our-solutions p { color: var(--bs-white); }
.our-solutions .panel { clear: both; border-radius: 20px; position: relative; overflow: hidden; width: 100%; }
.our-solutions .panel img { border-radius: 20px; width: 100% }
.our-solutions .overlay { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.our-solutions .overlay h4 { bottom: 10px; left: 25px; position: absolute; z-index: 1; transition: all 0.25s ease-in-out; }
.our-solutions .panel:hover h4 { bottom: 15px }
.our-solutions .overlay.grdnt { background: rgb(39,76,153); background: linear-gradient(0deg, rgba(39,76,153,1) 10%, rgba(0,0,0,0.2) 100%); }
.merchant { clear: both; padding: 7% 0px; width: 100%; }
.merchant h2,
.merchant p { color: var(--gray); }
.merchant p { margin: 0px; line-height: normal; text-transform: capitalize; }
.merchant img,
.merchant p { transition: all ease-in-out 0.5s; }
.merchant .col { flex: auto; max-width: 20%; }
.merchant .box { border-radius: 15px; box-shadow: 0px 4px 40px rgba(0, 0, 0, 11%); clear: both; padding: 10% 10%; transition: all ease-in-out 0.5s; width: 100%; }
.merchant .box:hover { background-color: var(--orange); transition: all ease-in-out 0.5s; }
.merchant .box:hover img { filter: brightness(0) invert(1); transition: all ease-in-out 0.5s; }
.merchant .box:hover p { color: var(--bs-white); transition: all ease-in-out 0.5s; }
.why { background: url("../images/why_bg.jpg") no-repeat top center / cover; clear: both; padding: 7% 0px; text-align: center; width: 100%; position: relative; background-attachment: fixed !important }
.why p { color: var(--bs-white); font-size: 18px; margin-top: 20px; }
.why .btn-light { background: url(../images/btn_arw.png) no-repeat center right var(--bs-white); border: inherit; border-radius: 10px; box-shadow: 0px 5px 5px rgba(0, 0, 0, 9%); font-size: 17px; line-height: 32px; text-align: left; text-indent: 20px; text-transform: capitalize; width: 310px; position: absolute; left: 0; right: 0; bottom: -20px; margin: 0 auto; display: block; } /* ===== Stats, charts section ==== */
.fl-number-circle-container { display: inline-block; position: relative; z-index: 10; text-align: center; width: 250px; height: 250px; }
.fl-string-text { line-height: normal; font-size: 20px; position: absolute; top: 25%; left: 15%; width: 70%; text-align: center; }
.fl-number-text { position: absolute; top: 45%; width: 100%; text-align: center; /*-webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);*/ }
.fl-number-string { font: 600 45px var(--secondary-font); color: #ff6600; line-height: 1; white-space: nowrap; overflow: hidden; }
.svg-container { }
.svg circle { stroke-width: 8px; }
.fl-bar-bg { stroke: #d9d5d5; }
.fl-bar { stroke: var(--orange); stroke-dasharray: 570; stroke-dashoffset: 570; transition: stroke-dashoffset 4s; }
.testimonial { clear: both; padding: 7% 0px; width: 100%; }
.testimonial h2 { color: var(--orange); font-weight: 500; }
.testimonial h4 { color: var(--gray); font-size: 16px; font-weight: 500; }
.testimonial p { color: #555555; font-size: 15px; }
.testimonial span { color: #122e49; font-size: 500 15px var(--secondary-font); font-style: italic; display: inline-block; margin-top: 10%; }
.testimonial .box { background-color: var(--light-gray); border-radius: 20px; clear: both; min-height: 320px; padding: 45px 25px; }
.testimonial .box img { border: 1px solid #d8dbdb; border-radius: 100%; }
.testimonial .carousel-indicators { margin-bottom: -2.5rem; }
.carousel-indicators [data-bs-target] { background-color: var(--orange); border-radius: 100%; height: 15px; width: 15px; }
.newsletter { background: url("../images/sgn_bg.jpg") no-repeat top center / cover; clear: both; padding: 4% 0px; width: 100%; background-attachment: fixed; }
.newsletter h2,
.newsletter h4 { margin-bottom: 35px; }
.newsletter h2 { font-size: 30px; }
.newsletter h4 { font-size: 26px; }
.newsletter p { color: var(--bs-white); font-size: 17px; }
.newsletter a { border: 1px dashed var(--bs-white); border-radius: 100%; color: var(--bs-white); font-size: 17px; display: inline-block; height: 42px; line-height: 28px; margin: 0px 5px; padding: 8px 0; text-align: center; width: 42px; }
.newsletter .fab { color: var(--bs-white); }
.newsletter a:hover { background-color: var(--orange); }
footer { background-color: var(--blue); clear: both; padding: 3% 0px; width: 100%; }
footer h5 { color: var(--bs-white); font-family: var(--primary-font); font-size: 22px; font-weight: bold; margin-bottom: 20px; text-transform: uppercase; }
footer p { color: var(--bs-white); font-size: 14px; font-weight: 300; font-family: 'Poppins'; }
footer ul { list-style: none; margin: 0px; padding: 0px; }
footer ul li { color: var(--bs-white); font-size: 14px; font-weight: 300; margin-bottom: 10px; font-family: 'Poppins'; }
footer ul li a { color: var(--bs-white); display: inline-block; transition: all ease-in-out 0.5s; }
footer ul li a:hover { color: var(--orange); padding-left: 5px; transition: all ease-in-out 0.5s; }
.copy { color: var(--gray); font-size: 14px; padding: 18px 12px; text-align: center; }
.bannerSub { clear: both; position: relative; overflow: hidden; width: 100%; }
.bannerSub img { height: 100%; }
.bannerSub h1 { color: #ffffff; font-size: 36px; line-height: 40px; position: absolute; left: 12px; top: 0; margin-top: 16%; text-transform: uppercase; z-index: 1; }
.bannerSub p { color: #ffffff; font-size: 16px; }
.bannerSub .topspc { margin-top: 15%; }
.main-sub { background: url("../images/bbl_bg.png") no-repeat top center; clear: both; padding: 0px 0px 4%; width: 100%; }
.main-sub h2 { margin-bottom: 15px }
.main-sub h2,
.main-sub h5 a { color: var(--orange); }
.main-sub h5 { color: var(--gray); font: 700 18px var(--secondary-font); margin-bottom: 20px; max-width: 100%; }
.main-sub .align-items-center h5 { font-weight: 700 }
.main-sub picture,
.inner-content-area picture { background: url("../images/dot_ptn.png") no-repeat bottom right; display: inline-block; padding: 0px 7.5% 7.5% 0px; }
.main-sub picture img,
.inner-content-area picture img { border-radius: 20px; }
.main-sub .breadcrumb { margin-bottom: 35px; }
.breadcrumb { color: var(--gray); font: 400 14px var(--secondary-font); }
.breadcrumb a { color: var(--gray); font: 400 14px var(--secondary-font); }
.breadcrumb-item.active { color: var(--gray); }
.breadcrumb.border-bottom { border-color: #b7b7b8 !important; }
.ben-cir { background: url("../images/dot_ptn_01.png") no-repeat center / contain; clear: both; margin: 8% 0px; width: 100%; }
.ben-cir .num { align-content: center; background-color: var(--orange); border-radius: 100%; display: grid; color: var(--bs-white); font: 700 36px var(--secondary-font); height: 75px; justify-items: center; position: absolute; right: 10px; top: 10px; width: 75px; }
.ben-cir .circle { align-content: center; border-radius: 100px; display: grid; height: 370px; justify-items: center; padding: 5% 5%; position: relative; max-width: 370px; width: 100%; }
.ben-cir .circle h3 { font: 700 22px var(--secondary-font); text-align: center; color: #fff }
.ben-cir .circle p { color: var(--bs-white); text-align: center; }
.one { background: url("../images/bft_cle_01.png") no-repeat Left top / contain; }
.two { background: url("../images/bft_cle_02.png") no-repeat Left top / contain; }
.three { background: url("../images/bft_cle_02.png") no-repeat Left top / contain; }
.inter { align-items: center; background-color: #105585; border-radius: 25px; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; color: var(--bs-white); display: grid; font: 500 16px var(--secondary-font); line-height: normal; min-height: 126px; padding: 25px 20px; }
.pay-vault { background: rgb(228,243,246); background: linear-gradient(0deg, rgba(228,243,246,1) 0%, rgba(255,255,255,1) 100%); clear: both; width: 100%; }
.valt { background: url("../images/pay_vlt.png") no-repeat bottom right; clear: both; padding: 0% 0 6% 0px; width: 100%; }
.party { clear: both; padding: 5% 0px 20px; text-align: center; width: 100%; }
.party h2 { color: var(--gray); margin-bottom: 4%; }
.schedule { background: url("../images/sdl_cst_ng.jpg") no-repeat top center / cover; clear: both; padding: 5% 0px; text-align: center; width: 100%; }
.schedule h2,
.schedule h3 { color: var(--gray); font-size: 30px; font-weight: 600; margin-bottom: 15px; }
.schedule p { font: 400 20px var(--secondary-font); margin: 0px auto 25px; max-width: 87%; }
.process { background-color: var(--bs-white); border-radius: 20px; box-shadow: 0px 9px 18px rgba(0, 0, 0, 9%); clear: both; min-height: 646px; width: 100%; }
.process img { border-radius: 20px 20px 0px 0px; }
.process h3 { color: var(--orange); font-size: 22px; }
.modal-dialog { max-width: 700px; }
.modal-header { border: 0px; background: #0a4871; color: var(--bs-white); padding: 20px }
.modal-header .btn-close { filter: brightness(0) invert(1); }
.modal-header h3 { font: 500 24px var(--secondary-font); margin-bottom: 0; color: var(--bs-white); }
.modal-body h4 { color: var(--gray); font: 500 20px var(--secondary-font); margin-bottom: 15px; }
.modal-body .form-control { border-color: #ab9b9b; line-height: 32px; border: 0; border-bottom: 1px solid #ab9b9b; border-radius: 0; resize: none; padding-left: 0; font-size: 17px; }
.modal-footer { justify-content: inherit; padding: 20px 10px; border: 0; padding-top: 0; }
.modal-footer .btn-primary { border-radius: 10px !important; line-height: 40px; }
.modal-body input::-webkit-input-placeholder {
color: #333;
}
.modal-body input:-moz-placeholder {
color: #333;
}
.trans { background: url("../images/trns_bg.png") no-repeat center right / 750px; clear: both; padding: 7% 0px; width: 100%; }
a.try-butt { background: #f68028; color: #fff; padding: 6px 15px; border-radius: 15px; }
.how-list ul li { display: block; width: 20%; padding: 15px 25px; min-height: 260px; text-align: center; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }
.how-list ul li .list-number { width: 70px; height: 70px; margin: 0 auto; border-radius: 50px; font-size: 24px; line-height: 70px; color: #fff; background: #fa6b02; margin-bottom: 20px; margin-top: 15px; text-align: center; }
.how-list h3 { color: #fa6b02; font-size: 22px; }
.how-list { padding: 30px 0 }
.blockBoxDiv { padding: 30px 30px 30px 0 }
.mobile-view .call-text { font-size: 15px; color: #125480; font-weight: 500; }
.mobile-view .call-text a { font-size: 16px; font-weight: 600; color: #12547d; margin-left: 5px; } /* Owl Carousel v2.2.0 */
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1 }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px) }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none }
.owl-carousel .owl-item img { display: block; width: 100% }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled { display: none }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-loaded { display: block }
.owl-carousel.owl-loading { opacity: 0; display: block }
.owl-carousel.owl-hidden { opacity: 0 }
.owl-carousel.owl-refresh .owl-item { visibility: hidden }
.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-grab { cursor: move; cursor: grab }
.owl-carousel.owl-rtl { direction: rtl }
.owl-carousel.owl-rtl .owl-item { float: right }
.no-js .owl-carousel { display: block }
.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.owl-carousel .owl-animated-in { z-index: 0 }
.owl-carousel .owl-animated-out { z-index: 1 }
.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut }
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height { transition: height 500ms ease-in-out }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease }
.owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: -webkit-transform 100ms ease; transition: transform 100ms ease }
.owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon { display: none }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% }
#testimonial-slider { padding-top: 20px }
#testimonial-slider .owl-dots { position: absolute; right: 0; bottom: -40px; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; width: 100%; }
#testimonial-slider.owl-carousel .owl-dots .owl-dot { border-radius: 100%; height: 15px; width: 15px; background-color: var(--orange); margin: 0 4px; opacity: 0.5; }
#testimonial-slider.owl-carousel .owl-dots .owl-dot.active { opacity: 1 }
.modal-content { border-radius: 25px; overflow: hidden; border: 0; }
.modal-body { padding: 25px }
.w-img-box { margin-bottom: 20px }
.box-w-termi h3 { font-size: 24px !important }
.listing-para h4 { color: #333 } /*------------------- Media Query ---------------------------*/

@media only screen and (max-width: 767px) {
h1 { font-size: 50px; }
h2 { font-size: 22px; }
.col { flex-basis: auto; }
.header { background: var(--bs-white); height: 70px; position: relative; }
.header .navbar-brand { max-width: 60px; }
.dropdown-menu ul { margin-bottom: 15px }
.smaller { position: relative; height:70px }
.navbar-toggler { border: inherit; border-radius: inherit; }
.navbar-nav { background-color: var(--gray); margin-top: 7px; }
.navbar-nav .nav-link { border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 0.5rem 12px; }
.dropdown-menu .container { border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.dropdown-toggle::after { display: inline-block; opacity: 1; position: absolute; right: 40px; margin-top: 10px; }
.banner { height: 80vh }
.banner h1 { font-size: 32px; }
.banner h1 span { font-size: 20px; }
.banner h2 { font-size: 18px; }
.banner .curve { background-image: inherit; }
.our { margin: 0px; }
.our p { max-width: 100%; font-size: 14px; }
.merchant .col { max-width: 50%; }
.merchant .box { min-height: auto; }
.merchant p { font-size: 15px; }
.testimonial { padding-top: 50px; }
.testimonial .carousel-indicators { margin-bottom: -1.5rem }
footer h5 { margin: 10px 0px; font-size: 18px; }
footer ul li { margin-bottom: 3px; }
footer .text-end { text-align: left !important; }
footer .text-end img { margin: 8px 8px !important; }
.copy { padding: 15px 12px; font-size: 12px }
.bannerSub img { height: 180px }
.bannerSub h1 { font-size: 20px; margin-top: 20%; line-height: 1.3 }
.bannerSub .topspc { margin-top: 20%; }
.breadcrumb a,
.breadcrumb-item,
.sub-page-contr .breadcrumb li { font-size: 12px !important; }
.main-sub h5 br,
.party br { display: none; }
.valt,
.trans { background-image: inherit; }
.party .col { max-width: 50%; }
.process { min-height: 450px; }
.dropdown-menu h3 { font-size: 17px }
.mt-5 { margin-top: 0rem !important; }
.main-sub h5 { font-size: 15px }
.process h3 { font-size: 20px; }
.schedule p { font-size: 16px }
.schedule h2,
.schedule h3 { font-size: 20px }
.inter { min-height: auto; font-size: 15px; }
.main-sub h2,
.main-sub h5 a { font-size: 20px }
.banner { height: 350px; }
.banner h2 { font-size: 16px; }
.banner h1 { font-size: 20px; }
.banner .btn-light { font-size: 13px; line-height: 22px; text-indent: 5px; width: 137px; background-size: contain; }
.btn-primary { font: 600 12px "Poppins", sans-serif; line-height: 23px; color: #F9F9F9 !important; }
.mt-3 { margin-top: 0rem!important; }
.mb-5 { margin-bottom: 1rem!important; }
.feature .box { border-radius: 20px; padding: 5% 3% 6% 3%; margin-bottom: 15px }
.feature .box h4 { font-size: 18px; transition: all ease-in-out 0.5s; }
.feature .box p { color: var(--bs-white); font-size: 14px; transition: all ease-in-out 0.5s; }
.business .box { align-content: center; border-radius: 20px; box-shadow: 0px 9px 18px rgba(0, 0, 0, 9%); clear: both; display: grid; justify-items: center; min-height: 0px; padding: 2% 10%; width: 100%; margin: -20px 0 20px 0; }
.business h4 { font-size: 18px; font-weight: 600; margin: 5px 0px; }
.business .box:hover p { transition: all ease-in-out 0.5s; font-size: 14px; }
.our-solutions p { color: var(--bs-white); font-size: 14px; }
.our-solutions h4 { font-size: 18px; font-weight: 600; }
.mb-4 { margin-bottom: -0.5rem!important; }
.why p { color: var(--bs-white); font-size: 14px; margin-top: 0; }
.fl-number-circle-container { display: inline-block; position: relative; z-index: 10; text-align: center; width: 224px; height: 224px; }
.fl-number-string { font: 600 35px var(--secondary-font); color: #ff6600; line-height: 1; white-space: nowrap; overflow: hidden; }
.why .btn-light { font-size: 15px; }
.container { padding: 0 25px }
.our-solutions .panel { max-height: 250px }
.mobile-view { display: block; width: auto }
#testimonial-slider .owl-dots { bottom: 5px }
.inner-content-area { padding-top: 15px !important }
section .section-topic { padding: 0 }
.newsletter { padding: 30px 0 }
.newsletter h2 { font-size: 22px; margin-bottom: 15px }
.newsletter p { font-size: 15px; line-height: 1.3; }
.newsletter a { font-size: 14px }
.newsletter h4 { font-size: 22px; margin-top: 20px; margin-bottom: 25px; }
img.img-responsive_awrads { margin: 0 auto; margin-top: 0px; margin-bottom: 0px; display: table; margin-top: 25px !important; margin-bottom: 25px !important; }
.d-flex { display: none !important; }
.modal-header{padding: 10px 20px;}
.modal-header h3 {font: 500 20px var(--secondary-font);}
.modal-body {padding: 20px;}
.modal-footer { padding: 10px 0px;}
.g-recaptcha{ margin-bottom:15px}


}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.mobile-view { display: block }
h1 { font-size: 50px; }
h2 { font-size: 28px; }
.header { background: var(--bs-white); height: 55px; position: relative; }
.header .navbar-brand { max-width: 60px; }
.smaller { position: relative; }
.navbar-toggler { border: inherit; border-radius: inherit; }
.navbar-nav { background-color: var(--gray); margin-top: 7px; }
.navbar-nav .nav-link { border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 0.5rem 12px; }
.dropdown-menu .container { border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.dropdown-toggle::after { display: inline-block; opacity: 1; position: absolute; right: 30px; margin-top: 10px; }
.banner { height: 55vh }
.banner h1 { font-size: 32px; }
.banner h1 span { font-size: 20px; }
.banner h2 { font-size: 18px; }
.banner .curve { background-size: 19px; }
.feature .box,
.business .box { padding: 12px; }
.our-solutions .overlay h4 { font-size: 12px; left: 12px; }
.merchant .col { max-width: 25%; }
.merchant .box { min-height: auto }
.merchant .box p { font-size: 15px; }
.newsletter h2 { font-size: 28px; }
footer .text-end img { margin: 8px 8px !important; }
.main-sub h5 br { display: none; }
.ben-cir .num { font-size: 24px; height: 45px; width: 45px; }
.ben-cir .circle { height: 216px; max-width: 216px; }
.ben-cir .circle h3 { font-size: 16px; }
.ben-cir .circle p { font-size: 13px; line-height: normal; }
.inter { font-size: 15px; }
.valt { background-size: 300px; }
.trans { background-size: 400px; }
.process { min-height: 450px; }
.bannerSub .topspc { margin-top: 5%; } /*--salih--*/
.banner h2 { font-size: 23px; font-weight: 200; text-transform: uppercase; } /*--salih--*/
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header { height: 90px; padding: 0 5px }
.smaller { height: 60px; }
.header .navbar-brand { max-width: 60px; }
.navbar-nav .nav-link { font-size: 11px; padding: 0.5rem 5px !important; }
.navbar .btn-primary { font-size: 10px; line-height: 22px; }
.banner { height: auto; }
.banner h1 { font-size: 35px; }
.banner h1 span { font-size: 35px; }
.banner h2 { font-size: 25px; }
.our-solutions h4 { font-size: 15px; }
.ben-cir .num { font-size: 24px; height: 45px; width: 45px; }
.ben-cir .circle { height: 296px; max-width: 296px; }
.ben-cir .circle h3 { font-size: 20px; }
.ben-cir .circle p { font-size: 16px; line-height: normal; }
.main-sub h2 br { display: none; }
.inter { font-size: 14px; padding: 15px 15px; }
.valt { background-size: 300px; }
.trans { background-size: 500px; }
.bannerSub .topspc { margin-top: 10%; }
}

@media only screen and (min-width: 1200px) and (max-width: 1380px) {
h2 { font-size: 31px; }
.navbar-nav .nav-link { font-size: 13px; }
.inter { font-size: 14px; }
.trans { background-size: 600px; }
}

@media (min-width: 1600px) {
.navbar .container-fluid { max-width: 1580px; }
.bannerSub h1 { margin-top: 20%; }
}
.list-pci ul li a h4 { color: #000; } /*--03/july/24--*/
section.award_col h2 { color: #000; }
section.award_col { margin-top: 100px; }
img.img-responsive_awrads { margin: 0 auto; display: table; } /*--03/july/24--*/ /*--08/july/24--*/
h5.wirless_banner_txt { color: #000; text-align: center; padding: 0 0 63px 0; } /*--08/july/24--*/ /*--09/july/24--*/
.circle.one_01 { align-content: center; display: grid; height: 370px; justify-items: center; padding: 5% 5%; position: relative; max-width: 370px; width: 100%; background: #f68028; border-radius: 50%; margin: 0 auto; }
.circle.two_02 { align-content: center; display: grid; height: 370px; justify-items: center; padding: 5% 5%; position: relative; max-width: 370px; width: 100%; background: #d65b02; border-radius: 50%; margin: 0 auto; }
.circle.three_03 { align-content: center; display: grid; height: 370px; justify-items: center; padding: 5% 5%; position: relative; max-width: 370px; width: 100%; background: #bd4f00; border-radius: 50%; margin: 0 auto; }
.circle.one_01 p { font-size: 20px; }
.circle.two_02 p { font-size: 20px; }
.circle.three_03 p { font-size: 20px; }
.text-center h5 { color: #000; line-height: 33px; }
section.inner-content-area01 { padding-bottom: 60px; }
.payment_img_sec img { height: auto; max-width: 80%; margin: 0 auto; display: table; }
h2.payment_sec_hdr { text-align: center; }
section.shopping_cart { background: #dbdbdb; }
.virtual-block-0001 { padding: 70px 0 50px; } /*--18july24--*/ /* .embed-container { position: relative; padding-bottom: 51.25%; height:400px; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; }
.embed-container iframe,
.embed-container object,
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*--18july24--*/
h3.dejavoo_hdr { text-align: center; }
video#bgvid_abt-us-sec { width: 100%; border-radius: 4%; }
.rulesandcompliance { margin: -63px 0 0 10px !important; position: absolute; }
.table-block010 { margin-top: 50px; font-size: 19px; text-align: center; padding: 0; } /*--06/nov/2025--*/
a.visa-url-merchantsurcharging { color: #f68028 !important; }

.mail-id-txt{margin:0px !important; padding:0px !important;}
span.slogan-testi-mail {
    margin: 0;
    font-weight: 600;
}





 /* ── TOP ADDRESS BAR ── */
 
  .row.address-area {
    margin: 0 0 74px 0;
}
 
    .address-bar {
      background: #fff;
      border-bottom: 2px solid var(--orange-border);
      padding: 18px 0;
    }

    .address-card {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      padding: 16px 20px;
      border: 1.5px solid var(--orange-border);
      border-radius: 10px;
      background: var(--orange-light);
      height: 100%;
      transition: box-shadow 0.2s, transform 0.2s;
    }

    .address-card:hover {
      box-shadow: 0 6px 20px rgba(244,122,32,0.18);
      transform: translateY(-2px);
    }

    .address-icon {
      flex-shrink: 0;
      width: 42px;
      height: 42px;
      background: var(--orange);
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 1.2rem;
    }

    .address-card h6 {
      font-size: 0.85rem;
      font-weight: 800;
      color: var(--orange);
      text-transform: uppercase;
      letter-spacing: 0.06em;
      margin-bottom: 4px;
    }

    .address-card p {
      font-size: 14px !important;
      color: var(--gray-text);
      margin: 0;
      line-height: 1.55;
    }

    .address-card .phone {
      font-weight: 700;
      color: var(--orange);
      font-size: 16px;
      margin-top: 6px;
      display: block;
    }

    /* divider between cards on md+ */
    @media (min-width: 768px) {
      .address-col:not(:last-child) .address-card {
        border-right: none;
        border-radius: 10px 0 0 10px;
      }
      .address-col:not(:first-child):not(:last-child) .address-card {
        border-radius: 0;
      }
      .address-col:last-child .address-card {
        border-radius: 0 10px 10px 0;
      }
    }




