@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');

@font-face {font-family: 'MANDALA_REGULAR';src: url('../Fonts/Mandala/MANDALA_REGULAR.OTF') format('opentype');}

body {font-family: 'Poppins',sans-serif;background: #f5f7fa;overflow-x:hidden;}

::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
::-webkit-scrollbar{width: 5px;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb{background-color: #F90;background-image: -webkit-linear-gradient(90deg,rgba(255, 255, 255, .2) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, .2) 50%,rgba(255, 255, 255, .2) 75%,transparent 75%,transparent)}

.container {max-width: 90%;}
p {font-size: 15px;text-align: justify;}
b {font-weight: 600;}
.h2, h2 {font-size: 26px;font-weight: 600;}

/* Navbar */
.navbar {padding: 10px 0;background: #f4f8fe;}
.navbar-brand {font-weight: 600;font-size: 22px;}
.navbar-brand span {color: #ff5a1f;}
.navbar-brand img.clsLogoImg{width:150px;}

.btn-orange {padding: 20px 20px;padding-right: 60px;color: #fff;border-radius: 10px;background-color: #ff5a1f;font-size: 14px;font-weight: 600;text-decoration: none;position: relative;z-index: 1;letter-spacing: 1.8px;overflow: hidden;display: inline-block;transition: all ease 0.5s;}
.btn-orange:hover {padding-left: 66px;padding-right: 30px;color: #fff;background-color: #37d4d9;}
.btn-orange .clsRightArrow {width: 36px;height: 36px;font-size: 16px;top: 50%;transform: translateY(-50%);line-height: 1;position: absolute;right: 10px;transition: all ease 0.5s;margin-left: 100%;background-color: #fff;color: #23272e;border-radius: 50%;}
.btn-orange:hover .clsRightArrow {right: auto;left: 10px;margin-left: 0;margin-right: 100%;}
.btn-orange .clsRightArrow i {position:relative;top:10px;}
.btn-outline-custom {padding: 20px 20px;padding-right: 40px;color: #fff;border-radius: 10px;background-color: #37d4d9;font-size: 14px;font-weight: 600;text-decoration: none;position: relative;z-index: 1;letter-spacing: 1.8px;overflow: hidden;display: inline-block;transition: all ease 0.5s;}
.btn-outline-custom:hover {padding-left: 50px;padding-right: 30px;color: #fff;background-color: #ff5a1f;}
.btn-outline-custom .clsKnowArrow {font-size: 16px;transform: translateY(-50%);line-height: 1;position: absolute;right: 10px;transition: all ease 0.5s;margin-left: 100%;color: #ffffff;border-radius: 50%;top: 36%;}
.btn-outline-custom:hover .clsKnowArrow {right: auto;left: 10px;margin-left: 0;margin-right: 100%;}
.btn-outline-custom .clsKnowArrow i {position: relative;top: 10px;}

.title-line {margin-bottom: 30px;}
.tl-1 {width: 80px;height: 1px;display: inline-block;background: #cbcbcb;}
.tl-2 {display: inline-block;height: 12px;margin: 0 5px;position: relative;top: 5px;width: 12px;border: 1px solid #ff5a1f;border-radius: 50px;}
.tl-3 {width: 80px;height: 1px;display: inline-block;background: #cbcbcb;}

/* Common */
.clsSection {padding: 100px 0px;}
.clsSection p {line-height: 30px;}
.clsSection h2 {font-size: 35px;line-height: 1.6;margin-bottom:5px;}
.clsSection ul li {padding-bottom: 20px;}
.clsSection ul {padding: 0px;list-style: none;}
.clsSection span.clsTickImg img {position: relative;top: -3px;margin-right: 10px;}  

/* Hero */
.hero {background-image: url(../Images/bg-image.png);background-position: center;background-size: cover;padding: 50px 0px;height: calc(100vh - 83px);display: flex;align-items: center;}
.hero h1 span {color: #ff681a;}
.hero h1 span em {font-style: normal;color: #37d4d9;}
.hero .clsBtns {padding: 25px 0px;}
.hero .Head_tag h1 { font-size: 38px;font-weight: 700;text-align: left;margin-bottom:25px;line-height:1.5;}
.hero .clsHeaderCont h5 {padding-bottom: 10px;font-size: 16px;font-weight: 600;margin: 16px 0px;}
.hero .clsHeaderCont h5 i {font-size: 22px;color: #ff5a1f;position: relative;top: 3px;margin-right: 8px;}

/* Capture Every Transaction */
.clsCapture{background:#fff;}
.clsCapture .clsTransactionImg{padding:10px 30px;}
.clsCapture .clsFromEnquiry{margin-bottom:30px;}

/* Go Live Faster */
.clsLiveFaster{background:#fff8f2;}
.clsLiveFaster .clsIndustryStandardImg{padding:10px 30px;}

/* Scale the Way */
.clsScaleWay{background:#fff;background-image: url(../Images/bg-map.png);background-repeat: no-repeat;background-size: cover;border: none !important;background-position: left top;}
.clsScaleWay h2.clsScaleWayHead{text-align:center;}
.clsScaleWay p.clsActivateOnly{text-align:center;}
.clsScaleWay .clsglobalstyleSection .icon-box-item {background-color: #ffffff;border-radius: 60px;padding: 15px 20px;font-size: 16px;font-weight: 500;letter-spacing: -0.2px;color: rgb(25, 25, 27);cursor: pointer;margin-bottom: 30px;margin-right: 30px;box-shadow: rgb(239 92 48 / 18%) 0px 4px 12px;border: 1px solid #faddd780;display: inline-block;transition:background-color 0.4s;cursor:pointer;}
.clsScaleWay .clsglobalstyleSection .icon-box-item a {color:rgb(25, 25, 27);}
.clsScaleWay .clsglobalstyleSection .icon-box-item a:hover {text-decoration:none;}
.clsScaleWay .clsglobalstyleSection .icon-box-item:hover {background:#ffe6e4;}

.clsScaleWay .clsglobalstyleSection{padding: 0;margin: 0;text-align: center;}
.clsScaleWay .clsglobalstyleSection i {color: #ffffff;background: linear-gradient(135deg, #ff681a, #7b04dc);padding: 5px;border-radius: 40px;font-size: 22px;margin-right: 10px;}

/* Mobile Friendly Across */
.clsMobileFriendly{background:linear-gradient(180deg, #FFEFE1 0%, #FFF 100%);float:left;width:100%;padding:80px 0px;}
.clsMobileFriendly .clsMobileFriendlyImg{padding:10px 30px;}
.clsMobileFriendly p.clsRightContent{font-size:22px;color: #202942;text-align:left;line-height:2;}

/* Footer */
.__footer {padding: 0px;background: linear-gradient(135deg, #ff681a, #7b04dc);color: #fff;text-align: center;float:left;width:100%;}
.__footer p{margin:0px;font-size:14px;}
.__footer .copyright {font-size: 14px;position: relative;z-index: 1;padding: 30px 0;border-top: 1px solid #ffffff2e;}
        
.tesepr {font-family: 'MANDALA_REGULAR', sans-serif !important;font-size: 16px;font-weight: 600;background: #454B9E;background: linear-gradient(to right, #454B9E 0%, #3F86C7 50%, #4FC0AD 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

/*Scrolls*/
#scrolls {position: fixed;right: 15px;bottom: 15px;cursor: pointer;width: 50px;height: 50px;background-color: #ff5a1f;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);display: none;z-index: 10;border-radius: 60px;text-align:center;}
#scrolls:hover {background-color: #ff5a1f;}
#scrolls i {color: #fff;font-size: 26px;position: relative;top: 12px;}

/*Responsive*/
@media(max-width: 767px) {
    .dis-none {display:none;}
    .container {max-width: 95%;}
    .navbar-brand img.clsLogoImg {width:130px;}
    #navbarNav {float: right;width: auto;flex-basis: auto;text-align: right;}
    .hero {padding:30px 0px;}
    .hero .Head_tag h1 {font-size: 22px;font-weight: 600;text-align: center;line-height: 1.5;}
    p {font-size: 13px;}
    .hero .clsHeaderCont h5 {font-size: 13px;margin: 5px 0px;display: flex;line-height: 1.8;}
    .clsSection {padding: 30px 0px;}
    .clsSection h2 {font-size: 20px;margin-bottom: 5px;text-align:center;}
    .title-line {text-align: center;}
    .clsSection ul li {font-size: 13px;font-weight: 500;padding-bottom:15px;display: flex;}
    .clsSection span.clsTickImg img {top:0px;}
    .clsMobileFriendly p.clsRightContent {font-size:13px;margin-bottom:0px;text-align:center;}
    .__footer .copyright {padding:10px;}
    .clsScaleWay .clsglobalstyleSection .icon-box-item {font-size: 13px;font-weight: 500;margin-bottom: 15px;width: 100%;text-align:left;display: flex;align-items: center;}
    .clsScaleWay .clsglobalstyleSection i {padding: 5px;border-radius: 40px;font-size: 15px;margin-right: 10px;width: 25px;height: 25px;}
    .clsSection p {line-height: 1.8;}
    .clsBtns {text-align:center;}
    .btn-orange, .btn-outline-custom {padding: 12px 12px;padding-right: 15px;font-size: 13px;letter-spacing: 0px;border-radius: 5px;}
}