@media print {
	
	body, html {
          width: 100%;
		  
      }
body {-webkit-print-color-adjust: exact;}
* {
    color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

@page {
	margin-bottom:0mm !important;
	margin-left:0mm !important;
	margin-right:0mm !important;
	margin-top:0mm !important;
	size:A4;
    /*size:auto;*/
	/*page-break-after: always;*/
	orphans:4; widows:2;
	/*page-break-before: auto | always | avoid | left | right | inherit;
    page-break-after:  auto | always | avoid | left | right | inherit;*/
	
}

@font-face {
    font-family: 'poppinsbold';
    src: url('../fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('../fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinslight';
    src: url('../fonts/poppins-light-webfont.woff2') format('woff2'),
         url('../fonts/poppins-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinsmedium';
    src: url('../fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('../fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinsregular';
    src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('../fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinssemibold';
    src: url('../fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('../fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


.pb-4, .py-4{padding-top:0px !important; padding-bottom:0px !important; padding-left:0px !important; padding-right:0px !important; }

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
  float: left!important;
}
.col-sm-12 {
  width: 100%;
}
.col-sm-11 {
  width: 91.66666666666666%;
}
.col-sm-10 {
  width: 83.33333333333334%;
}
.col-sm-9 {
  width: 75%;
}
.col-sm-8 {
  width: 66.66666666666666%;
}
.col-sm-7 {
  width: 58.333333333333336%;
}
.col-sm-6 {
  width: 50%;
}
.col-sm-5 {
  width: 41.66666666666667%;
}
.col-sm-4 {
  width: 33.33333333333333%;
}
.col-sm-3 {
  width: 25%;
}
.col-sm-2 {
  width: 16.666666666666664%;
}
.col-sm-1 {
  width: 8.333333333333332%;
}


.col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}


.form-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center;
}

.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }




.nomarpad{margin:0px; padding:0px;}

.main_container{margin:0px; padding:0px; background:url(../images/indexbg.jpg) no-repeat; position:absolute; width:100%; height:100%;}
.top_tdc_logo{padding:10px 0px 10px 20px; font-size:11px; text-align:left;}
.top_suc_logo{padding:10px 0px 10px 0px; font-size:11px; text-align:right;}
.home_top_suc_logo{padding:10px 0px 10px 0px; font-size:11px; text-align:right;}
.welcome_txt{text-align:center; width:79%; color:#fff; margin:0px; padding:0px; text-transform:uppercase; letter-spacing:3px;}
.get_start_text{text-align:center; width:100%; font-size:54px; line-height:65px; font-family:'poppinsbold'; color:#fff; margin:0px; padding:130px 0px 0px 0px; letter-spacing:1px;}
.top_links select{background:none; border:none; color:#00D69E;}


.top_links ul{display:table; width:100%; margin:0px; padding:0px; text-align:right;}
.top_links ul li{display:inline-block; color:#fff; text-decoration:none; padding:0px 10px;}
.top_links ul li a{color:#fff; text-decoration:none;}
.top_links ul .active a{color:#00D69E; border-bottom:1px solid #00D69E; padding-bottom:10px;}

.body_container{background:#fff; width:100%;}
.thumbnails img{width:100%;}

.title_headings{margin:10px 0px 20px; text-transform:none; font-size:28px;}
.gradienttxt{font-family: 'poppinssemibold'; text-transform:uppercase; font-weight:bold; font-size:24px; background: #D73281; background: linear-gradient(to right, #D73281 0%, #00D69E 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height:30px;}
/*.title_headings span{font-family: 'poppinssemibold'; text-transform:uppercase; font-weight:bold; font-size:24px; background: #D73281; background: linear-gradient(to right, #D73281 0%, #00D69E 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}*/

.para_txt ul li {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 10px;
}

.group .active {
  display:block !important;
}

.item {
  display:none;
}

.prev{background:#ccc; color:#fff; font-size:18px; border:none; margin-top:35px; padding:8px 20px;}
.next{background:#00D69E; color:#fff; font-size:18px; border:none; margin-top:35px; padding:8px 20px;}

.para_txt{font-size:16px; line-height:30px;}





.carousel {
  padding: 0;
}
.carousel h2 {
  margin: 0;
}
.carousel a {
  text-decoration: none;
  color: #fff;
}
.carousel img {
  /*aspect-ratio: 1/1;
  width: 175px;
  height: 175px;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;*/
  margin-bottom: 16px;
  border-radius: clamp(0px, ((100vw - 4px) - 100%) * 9999, 4px);
  width:100%;
}
.carousel h3 {
  font-size: 16px;
  margin: 0;
  padding:30px 0px 0px 30px;
  color:#fff;
}
.carousel h3 strong {
  font-size: 20px;
  margin: 0;
  margin-bottom: 4px;
}
/*.carousel span {
  color: #a7a7a7;
  font-size: 14px;
}*/
.carousel .dragging a {
  pointer-events: none;
}
.carousel .carousel__wrapper {
  position: relative;
  margin-bottom: 24px;
  padding:0px 45px;
}

.carousel .carousel__header {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0px;
}
.carousel__item{width:350px; position:relative;}
.carousel__subtitle {
  position: absolute;
  bottom: 40px;
  right: 44px;
}
.carousel__subtitle .bi{font-size:36px; color:#fff;}
.carousel .carousel__content {
  overflow-y: hidden;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  display: grid;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
  padding: 0;
  margin: 0;
  grid-gap: 24px;
  grid-auto-flow: column;
  list-style: none;
}
.carousel .carousel__content::-webkit-scrollbar {
  display: none;
}
.carousel .carousel__item .carousel__description {
  width: 100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
}
.carousel .carousel__item a {
  display: flex;
  justify-content: center;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  position: relative;
  user-select: none;
  margin: 10px 0px;
  /*padding: 16px;*/
  <!--background: #181818;-->
  border-radius: clamp(0px, ((100vw - 4px) - 100%) * 9999, 8px);
  cursor: pointer;
}
.carousel .carousel__controls {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 24px;
  margin-top:0px;
}
.carousel .carousel__arrow {
  padding: 9px 13px;
  background: #E8FCF6;
  box-shadow: none;
  border:1px solid #00D69E;
  border-radius:100px;
}
.carousel .arrow-prev {
  padding: 9px 13px;
  background: #F8F8F8;
  box-shadow: none;
  border:1px solid #B5B5B5;
  border-radius:100px;
}
.carousel .carousel__arrow .bi{font-weight:bold;}
/*.carousel .carousel__arrow:before {
  content: "";
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTUgOSI+Cgk8cGF0aCBmaWxsPSIjMzMzMzMzIiBkPSJNNy44NjcgOC41NzRsLTcuMjItNy4yMi43MDctLjcwOEw3Ljg2NyA3LjE2IDE0LjA1Ljk4bC43MDYuNzA3Ii8+Cjwvc3ZnPgo=");
  background-size: contain;
  filter: brightness(5);
  display: block;
  width: 18px;
  height: 12px;
  cursor: pointer;
}
.carousel .carousel__arrow.arrow-prev:before {
  transform: rotate(90deg);
}
.carousel .carousel__arrow.arrow-next:before {
  transform: rotate(-90deg);
}
.carousel .carousel__arrow.disabled::before {
  filter: brightness(2);
}*/

.disclaimer a {
  color: #fff;
}

.about_company .aboutus{margin-top:160px;}
.about_company .aboutus1{margin-top:120px;}
.about_company .aboutus2{margin-top:0px;}


.modal-title{font-size:20px; padding:15px; font-family: 'poppinsmedium';}
.modal-title strong{font-size:38px; background: linear-gradient(to right, #D73281 0%, #00D69E 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'poppinsbold';}
.modal-content{border-radius:0px; border:none; }
.modal-dialog{margin:0px auto;}
.modal-header .close{margin:0px; opacity:1; padding:20px; color:#00D69E; display:none;}

.div_one{padding:15px; border-radius:10px; background:#f7f7f7; border:1px solid #eee; margin:0px 0px 30px 0px;}
.thumbimg{/*background:#fff; border-radius:15px;*/ margin:0px; padding:0px;}
.thumbimg img{width:100%;}

.div_one, .div_two, .div_three p{font-size:18px;} 
.div_one strong {background: linear-gradient(to right, #D73281 0%, #00D69E 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'poppinsbold';}
.div_two strong {background: linear-gradient(to right, #D73281 0%, #00D69E 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'poppinsbold';}
.div_three strong {background: linear-gradient(to right, #D73281 0%, #00D69E 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'poppinsbold';}

.gradient_headings{background: linear-gradient(to right, #D73281 0%, #00D69E 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.div_one .badge{width:30%; padding:10px 0px; margin-bottom:10px; font-size:12px; font-weight:normal; background:#fff; border:1px solid #00D69E; color:#000; text-decoration:none; border-radius:5px;}
.div_one .badge a{color:#000; text-decoration:none;}
.div_one h5{padding:10px 0px 0px 0px; font-family: 'poppinsbold'; font-size:28px;}
.div_one h5 strong{background: linear-gradient(to right, #D73281 0%, #00D69E 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size:30px; text-align:left;}

.div_one ul{list-style:none inside; display:table; width:100%; margin:20px 0px 0px 0px; padding:0px;}
.div_one ul li{display:inline-block; font-size:14px; font-weight:600; line-height:18px; margin:0px 10px 20px 10px;}
.div_one ul li .material-symbols-outlined{background:#272F51; color:#fff; padding:20px; border-radius:100px; font-size:34px; margin-bottom:10px;}

.div_two{padding:15px; border-radius:10px; background:#f7f7f7; border:1px solid #eee; margin:0px 0px 30px 0px;}
.div_two h5{padding:10px 0px 0px 20px; font-family: 'poppinsbold'; font-size:28px;}
.div_two h5 strong{background: linear-gradient(to right, #D73281 0%, #00D69E 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size:30px;}

.div_two ul{list-style:none inside; display:table; width:100%; margin:20px 0px 0px 0px; padding:0px; text-align:center;}
.div_two ul li{display:inline-block; font-size:14px; line-height:18px; margin:0px 15px 20px 0px; width:30%; font-weight:normal; background: #fff;padding: 25px;border-radius: 10px;text-align: left;height: auto;}

.div_three{padding:15px; border-radius:10px; background:#f7f7f7; border:1px solid #eee; margin:0px 0px 30px 0px;}
.div_three h5{padding:10px 0px 0px 0px; font-family: 'poppinsbold'; font-size:28px;}
.div_three h5 strong{background: linear-gradient(to right, #D73281 0%, #00D69E 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size:30px;}

.div_three ul{list-style:none inside; display:table; width:100%; margin:20px 0px 0px 0px; padding:0px; text-align:left;}
.div_three ul li{display:inline-block; font-size:14px; line-height:18px; margin:0px 20px 20px 0px; font-weight:normal; width:22%;}
.div_three ul li .material-symbols-outlined{background:#272F51; color:#fff; padding:20px; border-radius:100px; font-size:34px; margin-bottom:10px;}

.contactus{padding:15px 0px; background:linear-gradient(94deg, rgb(121, 66, 211) 3.61%, rgb(218, 114, 156) 100.95%) right center / contain no-repeat; color:#fff;}
.round_circle{background:#00D69E; padding:28px 15px; border-radius:100px; position:relative; top:-8px;}
.round_circle img{width:40px; margin-bottom:5px;}
.contactus strong{background:none; -webkit-text-fill-color:white; font-family: 'poppinsmedium';}

.modal-xl{max-width:100%;}


.modal-page-overlay:not(.modal-scrim-no-blur) {
-webkit-backdrop-filter:none;
backdrop-filter:none;
}



.modal-header{padding:50px 50px 0px 50px;}
.modal-body{padding:0 10px 50px 10px;}
.top_tagline{font-weight:bold; color:#272F51; text-align:center; padding:25px 0px;}

.thedigital_logo{/*-ms-transform: translate(-50%, -50%); transform: translate(-00%, 60%);*/ padding-top:10px;}
.modal-footer{display:ruby;}
.sucmobile{text-align:right;}
.sucmobile h5{text-align:right; font-size:18px;}
.playstore_img{text-align:center;}
.playstore_img img{width:100px;}
.modal-backdrop{display:none !important;}
.modal-dialog-scrollable .modal-body {overflow-y:inherit !important;}
.modal-dialog-scrollable .modal-content {
  max-height: 100% !important;
   height:100% !important;
   overflow:inherit !important;
}
.modal-dialog-scrollable{max-height: 100% !important; height:100% !important;}
.printdiv{display:none;}

/*.group{position:relative;}
#content_2, #content_3, #content_4, #content_5, #content_6, #content_7, #content_8{position:absolute; top:0px; width:100%; height:100%; background:#fff;}
*/

.start_button a{border-radius:10px; background: rgb(215,50,129); background: linear-gradient(90deg, rgba(215,50,129,1) 0%, rgba(8,60,151,1) 100%);  font-size:24px; font-weight:600; border:1px solid #FF8CC3; margin-top:35px; padding:8px 50px;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,29,81,1); -moz-box-shadow: 0px 5px 5px 0px rgba(0,29,81,1); box-shadow: 0px 5px 5px 0px rgba(0,29,81,1);}

.get_everything{font-size:20px; color:#fff; line-height:28px; margin-top:15px;}

.contact_sales{color:#fff; border:2px solid #fff; font-size:14px; margin:30px 20px 0px 0px; padding:10px; border-radius:8px; cursor:pointer; position:relative; top:8px;}

.contact_sales_popup .modal-title{font-size:30px;}
.contact_sales_popup .modal-header{padding:15px 15px 0px 15px;}

.contact_sales_popup .form-control{border-radius:8px;}
.contact_sales_popup .form-group{margin-bottom:25px; padding-left:100px;}
.contact_sales_popup .modal-body{margin-top:25px;}
.tusted_logo ul{display:table; width:100%; text-align:center; }
.tusted_logo ul li{display:inline-block; text-align:center; background:#fff; border-radius:10px; margin:0px 10px; vertical-align:top; height:100px;}

.tusted_logo ul li img{background:#fff; border-radius:10px; height:100%;}
.class_connect_keyfeatures ul li{width:45%;}

/*.mobilehide{display:block;}*/
.webhide{display:none;}
.modal-open .modal{overflow-x:visible !important; overflow-y:visible !important;}

.printtable{display:none;}
.modal-xl{width:100%;}
.modal{position:inherit;}

}