@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
html body{font-family: "Roboto", sans-serif !important;}
.container h1, .container h2, .container h3, .heading3, .container h4, .container h5, .container h5, .container h6, .container p, li{font-family: "Roboto", sans-serif !important;}
h1 {font-size: 54px;line-height: 1.10 !important;}
h2 {font-size: 40px;line-height: 46px !important;font-weight: 700;margin-bottom: 20px;}
h3, .heading3 {font-size: 35px !important;line-height: 42px !important;font-weight: 400;margin-bottom: 20px;}
.fs-22{font-size: 22px;line-height: 1.6;}
.pagebtn {font-weight: 500;padding: 15px 15px 15px 50px;}

.hdng-box { width:70%;}  
.hdng-box .smallfont {font-size: 24px;display: block;margin-bottom: 15px;font-weight: 500;}
.inner-banner.updated-new-banner {min-height: 630px;background-position: top right !important;background-size: auto !important;background-color: black !important;}
.inner-banner.banner-form-hero.hero-level-2:before{display: none;}
.banner-form-hero p{font-size: 20px;line-height: 1.6;}
.mobapp-stats.new-stats {background: linear-gradient(90deg, rgba(13, 68, 89, 0.7) 40.59%, rgba(2, 24, 37, 0.7) 77.63%);padding: 24px 0;z-index: 1;}
.mobapp-stats.new-stats .container {overflow: hidden;display: flex;justify-content: center;}
.mobapp-stats.new-stats ul {display: flex;justify-content: center;width: 100%;margin: 0;}
.mobapp-stats.new-stats ul li {line-height: normal;color: #fff;width: 20%;display: flex;align-items: center;position: relative;justify-content: center;text-align: center;padding: 0 50px;margin: 0;}
.mobapp-stats.new-stats ul li img{height: auto;}
.mobapp-stats.new-stats ul li:first-child{padding-left: 0;}
.mobapp-stats.new-stats ul li:last-child{padding-right: 0;}
.discicons li{margin-bottom: 15px;}
.discicons li::marker{font-size: 14px;color: #242A2E;}



.talkto {background-image: url(https://www.suntecindia.com/img/talkbgjkc.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;overflow: hidden;border-radius: 10px;padding:50px 30px;position: relative;z-index: 1;}
.talkto *{color: #fff !important;}
.talkto p{margin-bottom:5px;}
.talkto h2, .mobapp-faqs .talkto h2{font-size: 30px;font-weight: 700;line-height: 38px !important;margin-bottom: 30px !important;}
.pagebtn:after, .pagebtn:before{background-image: url(https://www.suntecindia.com/img/usrbtn-new-jkc.svg);left: -5px;}

.inline-disc {display: flex;justify-content: space-between;margin: 0;padding: 0;}
.inline-disc li{margin-left: 20px;}
.inline-disc li::marker{font-size: 22px;}

a.solidbtn {background-color: #fff;border: solid 1px #A7623A;font-weight: 400;border-radius: 25px;min-width: 145px;text-align: left;padding: 3px 18px;display: inline-flex !important;justify-content: space-between;font-size: 16px !important;right: 30px;bottom: 30px;position: absolute;}
.srvcbox:hover a.solidbtn{color: #fff !important;background-color: #A7623A;}
.srvcbox a.solidbtn svg{fill: #A7623A;}
.srvcbox:hover a.solidbtn svg{fill: #fff;}
a.solidbtn.alink::after, .arrow-link:before{display: none;}

.mobapp-portfolio .inners:before{opacity: 1;}
.mobapp-portfolio .porfolio-content h5{font-size: 28px;line-height: 1.35;font-weight: 700;}

.dlist-mb li{margin-bottom: 5px !important;}
.swpicon{padding: 15px 30px;font-weight: 400;}
.swpicon:before, .swpicon:after{display: none;}

.faqswap.mobapp-faqs .faq-sz{font-weight: 500;}
.faqswap.mobapp-faqs::before {position: absolute;top: -70px;left: 0;content: "";width: 890px;height: 600px;background-image: url('https://www.suntecindia.com/img/blurnew-jkc.svg');background-size: cover;filter: blur(10px); }
.mobapp-faqs .heading3{color: #212529;}
.mobapp-faqs .talkto{padding: 30px;}
.mobapp-faqs .accordion-header{color: #263238;font-weight: 600;}
.mobapp-faqs .accordion-header h2{font-weight: 600;}
.faqswap.mobapp-faqs .talkto{background-image: url("https://www.suntecindia.com/img/faqtalk-jkc1.jpg");}


.mobapp-portfolio .porfolio-content h4 {font-size: 24px;margin-bottom: 10px;font-weight: 600;}

.customtabs.tabswap ul.nav li a {border: none; border-radius: 0px;padding:0 20px;line-height: normal; text-align: center;font-size: 16px;font-weight: 400;color: #000;cursor: pointer;display: flex;align-items: center;flex-direction: column;letter-spacing: normal; min-height: 55px;justify-content: center;}
.customtabs.tabswap .tabs-nav{border-bottom-color: #C1C1C1;padding: 0 0 8px 0;}
.customtabs.tabswap .tabs-nav li a.active:before {bottom: -10px;border-radius: 0px;}
.customtabs.tabswap ul.nav li a.active{background-color: rgb(167, 98, 58);  color: #fff;font-weight: 700;}
.customtabs.tabswap  .tabs-nav li a.active:after{display: none;}

.customtabs.tabswap .tab-content{padding: 40px 0 0px 0;}
.customtabs.tabswap .card {background-color: transparent;border: none;}

ul.techlogo {display: flex;flex-wrap: wrap;justify-content: center;align-items: start;list-style: none;margin: 0;padding: 0;}
ul.techlogo li {text-align: center;margin: 10px 20px;display: flex;flex-wrap: wrap;flex-direction: column;align-content: center;align-items: center;transition: all linear .3s;}
ul.techlogo li:hover .techblk {box-shadow: 0 24px 24px 0 rgb(0 0 0 / 7%);transition: all linear .3s;}
ul.techlogo li .techblk{padding:20px 10px;background: #fff;border-radius: 15px;width: 140px;height: 100px;display: flex;align-items: center;justify-content: center;}
ul.techlogo li h6 {margin-top: 15px;color: #000;font-size: 14px;font-family: "Roboto", sans-serif !important;font-weight: 500;}

.pltfrmlogo {max-width: 870px;margin: auto;}
.counter-increment-num{height: 50px;width: 50px;display: inline-block;background: #e2dedc;color: #a7623a;line-height: 50px;font-size: 20px;/* margin-bottom: 10px; */font-weight: 600;border-radius: 50%;text-align: center;position: absolute;top: -48px;left: 32%;transform: translate(50%, 50%);}
.counter-increment-num+h6{padding-top:26px}

.hero-level-2 .hdng-box {padding-bottom: 0;}
.inner-banner.updated-new-banner {min-height: 500px;padding: 30px 0 !important;}


/*--Global Font styling--*/
.banner-stats ul{padding:0;}
.content-area p, .content-area li {line-height: 25px;color: #282828;font-size: 16px;}
.content-area p{margin-bottom: 20px;}
.srvcbox h3{font-size: 22px !important;line-height: 28px !important;margin-bottom: 30px;}
.lh-base {line-height: 24px !important;}
h6 {font-size: 17px;font-weight: 700;}
h1.banner-heading {margin-bottom: 20px !important;font-size:55px;}
ul li::marker {font-size: 20px;color: #a7623a;}
.mobapp-faqs .bg-clr {padding: 10px 30px;}
.accordion-button:not(.collapsed)::after, .mobapp-faqs .accordion-button.collapsed::after{top: 22px;}
.mobapp-faqs .accordion-button::before {top: 16px;}
.accordion-button:not(.collapsed)::after{top: 25px;}
.faqswap.mobapp-faqs::before{background-image: none;}
.faqswap.mobapp-faqs{background: #f0ebe7;}
.banner-form-hero p {font-size: 20px;line-height: 28px;}
.mobapp-portfolio .porfolio-content h4 {font-size: 22px;margin-bottom: 20px;font-weight: 600;line-height: 24px;}
.dlist-mb{margin-bottom:0;}
.faqswap.mobapp-faqs .faq-sz{font-size: 16px !important;}
/*--Global Font styling--*/


@media (max-width:1280px){
.mobapp-portfolio .porfolio-content h5 {font-size: 20px;line-height: 1.2;}
.mobapp-portfolio .col .short-desc {font-size: 15px;}
.mobapp-portfolio .inners:before {background: linear-gradient(360deg, #000 0%, rgb(0 0 0 / 58%) 100%);}
.mobapp-portfolio .col:hover .short-desc {height: 100px;overflow: scroll;}
.mobapp-stats.new-stats ul li:after {right: 0;}
.mobapp-stats.new-stats ul li img {height: 32px;}
}
@media (max-width:1180px){
.talkto, .mobapp-faqs .talkto {padding: 20px;}
.talkto h2, .mobapp-faqs .talkto h2 {font-size: 25px;}
.pagebtn {font-size: 15px;padding: 15px 20px 15px 50px;}
.mobapp-portfolio .col .short-desc {display: block;}
.mobapp-faqs .pagebtn {font-size: 15px;padding: 15px 15px 15px 50px;}
}
@media (max-width:991px){
.hdng-box {width: 100%;}
.talkto h2 {font-size: 35px;}
.mobapp-portfolio .porfolio-content {padding: 20px;}
.mobapp-portfolio .inners:before{background:linear-gradient(360deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);}
.mobapp-stats.new-stats ul li {padding: 0 30px;}
.mobapp-stats.new-stats ul li:after{display: block;}
.mobapp-stats.new-stats ul li:last-child::after{display: none;}
}
@media (max-width:840px){
.inner-banner.updated-new-banner::after {background: linear-gradient(15deg, rgb(0 0 0) 34.99%, rgb(0 0 0 / 34%) 75.35%) !important;}
.mobapp-stats.new-stats ul li {padding: 0 20px;}
}
@media (max-width:767px){
h2 {font-size: 24px;line-height: 1.4 !important;}
h3, .heading3 {font-size: 22px;line-height: 1.44 !important;}
.inner-banner.updated-new-banner {min-height: 400px;justify-content: flex-end !important;padding: 60px 0 0 !important;background-position: 90% 0 !important;}
.mobapp-stats.new-stats ul li {padding: 0 10px;}
.mobapp-stats.new-stats ul li img {height: auto;width: 130px;}

.discicons li, .dlist-mb li {margin-bottom: 5px;}
.inner-banner.updated-new-banner {justify-content: center !important;padding: 30px 0 !important;}
.mobapp-stats.new-stats{position: absolute;}
.talkto {min-height: 360px;}
.talkto h2, .mobapp-faqs .talkto h2  {font-size: 27px;}
.mobapp-portfolio .col .short-desc {max-height: max-content;font-size: 17px;line-height: 1.6 !important;}
.mobapp-portfolio .inners .porfolio-img {overflow: hidden;}
.mobapp-portfolio .inners:before{display: none;}
.mobapp-portfolio .porfolio-content {padding: 30px;position: static;background-color: var(--theme-secondary-bgcolor);}
.mobapp-portfolio .porfolio-content h5 {font-size: 22px;line-height: 1.25;margin-bottom: 10px;margin-top: 0;}
.mobapp-portfolio .porfolio-content *{color: #191919 !important;}
.mobapp-portfolio .col:hover .short-desc {height: auto;overflow: hidden;}

.tabswap ul.nav li {margin-right: 15px;}
.tabswap ul.nav li a {padding: 0 20px;height: 50px;font-size: 16px;}
}
@media (max-width:580px){
.inner-banner.updated-new-banner {background-position: 77% 0 !important;}
.mobapp-stats.new-stats {padding: 10px 0;}
.mobapp-stats.new-stats ul li {width: 33.33%;margin: 5px 0;}
.mobapp-stats.new-stats ul li:after{display: none;}
}