body{
	font-family: 'Lato', sans-serif;
}

.breadcrumb {
    border: 1px solid #e0e0ef;
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0.56rem 1.13rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: transparent;
    border-radius: 0.25rem;
    margin-top:12px;
}


.align-items-center{
	align-items: center!important;
}

.text-white{
	color: #fff!important;
}


.sty_abroad:after{
    width: 600px;
    height:189px;
    content: " ";
    position:absolute;
      opacity: 0.1;
	 right:0px;
    background-image: url("../img/study_abroad.svg");
	bottom: -224px;
    background-repeat: no-repeat;

}


.services-one {
    position: relative;
    background-color: #f4f6f7;
    padding-top: 120px;
    padding-bottom: 120px;
}

 
.bg-soft-success {
    background-color: #e0faee!important;
}
.text-success {
    color: #62e6ac!important;
}

.rounded-circle {
    border-radius: 50%!important;
}
.badge-count {
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0!important;
    width: 20px;
    height: 20px;
    vertical-align: middle;     
    font-weight: 600;
}

 .bg_


.bg-warning {
    background-color: #fe805c!important;
}

.bg-info {
    background-color: #4dd9cb!important;
}

.bg-primary {
    background-color: #5956e9!important;
}
.bg-success {
    background-color: #62e6ac!important;
}

.bg-yellow {
    background-color: #ffc933!important;
	}

.bg-blue {
    background-color: #0589ff!important;
	}

.bg-purple {
    background-color: #7952b3!important;
	}

.bg-lightblue{
background-color: #91cbfb!important;
	
}

.bg-lightbrown{
background-color: #c5b091!important;
	
}

.bg_dark{
	background-color: #2a2a2a;
}


.text_white{
	color:#c2c2c2;
}

.icon-shape{
	display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
    border-radius: .375rem;
    width: 3rem;
    height: 3rem;
    font-size: 1.2rem;
	padding:20px;
}












.head_right{
	display: block;
}
.head_mobile{
	display: none;
}

.text {
      /*background-color: #00a2c8;*/
    color: #fff;
    font-size: 20px;
    /*width: 375px;*/
    height: 216px;
    padding: 10px;
}

.text22 {
     /* background-color: #00a2c8;*/
    color: #fff;
    font-size: 20px;
    /*width: 375px;*/
    height: 216px;
    padding: 10px;
}

#demo{
    margin-top:33px;
}



.top-menu .clr_blue a{
	color:#00a2c8;
}

.text2 {
	color: #00a2c8;
    font-weight: 600;
	padding-top: 35px;
	padding-bottom: 8px;
	font-family:'Dax-Medium';
	font-weight:normal;
}
.para {
	color: #858585;
	font-family: 'Lato', sans-serif;
}

.text4 {
	    padding-top: 13px;
    padding-bottom: 30px;
}


.pattern {
	      position: absolute;
    left: 230px;
    top: 930px;
}


.sms_style {
	    color: #fff;
    font-size: 16px;
}
.border_style1 {
	border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
	    padding: 15px;
}





.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.bg_pattern:hover .image {
  opacity: 0.3;
}

.bg_pattern:hover .middle {
  opacity: 1;
}

/*.text {
      background-color: #00a2c8;
    color: #fff;
    font-size: 20px;
    width: 224px;
    height: 252px;
    padding: 10px;

}*/
.btn-bg-red {
    background-color: #ffffff;
    color: #ff9f41;
    border-color: #ffffff;
    border-radius: 0px !important;
}


.middle1 {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.text1 {
      background-color: #00a2c8;
    color: #fff;
    font-size: 20px;
    width: 224px;
    height: 252px;
    padding: 10px;

}

.bg2 {
	background-image: url(../img/bg2.jpg);
	height: 130px;
    background-repeat: no-repeat;
}
.read_style {
	border-radius: 25px;
	background-color: #2f89fc;
    border-color: #2f89fc;
    padding: 0 28px; 
}

.text5 {
	font-size: 30px;
	font-weight: bold;
	color:#163b6c;
	    line-height: 32px;
}
.text6 {
	font-size: 40px;
	font-weight: bold;
	color:#c50000;
	line-height: 46px;
}



.bg3 {
    background-image: url(../img/bg3.jpg);
	height: 415px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	padding: 60px;
	
}


.img_style {
	border-bottom: 1px solid #ccc;
    /* border-right: 1px solid #ccc; */
    padding: 13px;
    width: 322px;
}
.para2 {
	color: #3a3a3a;
    font-family: lato;
    padding-top: 20px;

}
.call_style {
	color:#17447d;
         font-size: 24px;
    /* font-family: daxo-medium; */
    font-weight: 600;    
    margin-top: 13px;
}
.mash-menu.separator{
    margin-top: 24px;
}
.us_style {
	color:#ffa755;
	    font-size: 24px;
    /* font-family: daxo-medium; */
    font-weight: 600;
}
.no_style {
	color: #1b2b5d;
    font-size: 40px;
    font-weight: bold;
}
.icon_style li {
	background-image: url(../img/right.png);
	background-repeat: no-repeat;
    background-position: left center;
    padding-left: 23px;
    line-height: 2.2;
}

.icon_style li a{
   /* font-family:'Dax-Medium';*/
    font-weight:normal;
}

.clr_style {
	    background-color: #ffffe3;
    }
.pad_style1 {
	background-color: #1ccfbc;
    border-radius: 1px 28px 28px 1px;
    padding: 13px;
}

.social_style1 {
	    margin: auto;
}
.social_style2 {
	   margin: auto;
    border-right: 1px solid #fff;
    padding-right: 10px;
}
.pad_style2 {
	background-color: #00a2c8;
    border-radius: 28px 1px 1px 28px;
    padding: 13px;
	color:#fff;
}
.display_style {
	list-style-type:none;
	display: flex;
}

.display_style li a{
    border-right: 1px solid #fff;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 15px;
    color: #fff;
    font-family:'Dax-Light';
    font-weight:normal;
}



.bodd_right{
    border-right: none !important;
}

.social_style2 {
	   margin: auto;
    border-right: 1px solid #fff;
    padding-right: 10px;
}
.icon_style2 {
	list-style-type:none;
	padding: 30px;
}
.bg_pattern {
	background-image: url("../img/sms456.jpg");
	/*height: 418px;*/
    background-position: bottom;
    background-size: cover;
	text-align: center;
}

.bg2 {
	background-image: url(../img/bg2.jpg);
	height: 130px;
    background-repeat: no-repeat;
}

.top_style {

	text-align: center;
}


.text8 {
	color: #fff;
    font-size: 45px;
    text-align: center;
}
.para1 {
    color: #fff;
    font-size: 20px;
    text-align: center;
}
.bg_style {
	background-color: #f5f8fb;
	padding: 70px;
}
.pattern {
	      position: absolute;
    left: 230px;
    top: 930px;
}
.pattern1 {
	float: right;
    position: relative;
    top: -64px;
}
.pattern2 {
	position: absolute;
    top: 240px;
    left: -120px;
}

.main_heads{
	color: #00a2c8;
	font-size: 55px;
    line-height: 1.2;
}






.bg_footer {
	    padding: 12px;
    background-color: #edf9fc;
}
.footer1 {
	font-weight:bold;
}
.footer2 {
	float:right;
	font-weight:bold;
}

.border_style2 {
	border-right: 1px solid #ccc;
}
.border_style3 {
	border-right:1px solid #ccc;
	padding: 30px;
}


/*.overlay {*/
/*  position: absolute;*/
/*  top: 0;*/
/*  bottom: 0;*/
/*  left: 0;*/
/*  right: 0;*/
/*  height: 100%;*/
/*  width: 100%;*/
/*  opacity: 0;*/
/*  transition: .5s ease;*/
/*  background-color: #008CBA;*/
/*}*/

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


.text22 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.box1{
    position: relative;
    width: 50%;
}

.box1:hover .overlay {
  opacity: 1;
}

.box2{
    position: relative;
    width: 50%;
}

.box2:hover .overlay {
  opacity: 1;
}


.box3{
    position: relative;
    width: 50%;
}

.box3:hover .overlay {
  opacity: 1;
}

.box4{
    position: relative;
    width: 50%;
}

.box4:hover .overlay {
  opacity: 1;
}


.box5{
    position: relative;
    width: 50%;
}

.box5:hover .overlay {
  opacity: 1;
}

.box6{
    position: relative;
    width: 50%;
}

.box6:hover .overlay {
  opacity: 1;
}

.box7{
    position: relative;
    width: 50%;
}

.box7:hover .overlay {
  opacity: 1;
}

.box8{
    position: relative;
    width: 50%;
}

.box8:hover .overlay {
  opacity: 1;
}

.box9{
    position: relative;
    width: 50%;
}

.box9:hover .overlay {
  opacity: 1;
}

.box10{
    position: relative;
    width: 50%;
}

.box10:hover .overlay {
  opacity: 1;
}

.box11{
    position: relative;
    width: 50%;
}

.box11:hover .overlay {
  opacity: 1;
}

.box12{
    position: relative;
    width: 50%;
}

.box12:hover .overlay {
  opacity: 1;
}


/*Inner Page Style*/

.inner_page_heading{
    font-size: 40px;
    color: #fff;
    padding-top:10px;
    font-weight:300;
}

.inner_clr{
    color: #fff;
    font-size:22px;
    margin-bottom: 15px;
    font-weight:300;
}

.inner_line{
line-height: 1.2;
}

.inner_content{
    padding-top:30px;
    padding-bottom:40px;
}

.inner_para{
    text-align: justify;
}

.inner_sub_heading{
    color: #2f89fc;
}

.bg_round{
    border-radius: 50%;
    width: 45px;
    height: 45px;
    text-align: center;
    padding-top: 6px;
    margin-top: 6px;
}
.bg_phone{
    background-color: #fde5ef;
}

.bg_one_go{
    background-color: #caffeb;
}
.bg_manage_group{
    background-color: #eaeafb;
}

.bg_schedule_sms{
   background-color: #ffefe9;
   ;
}
.bg_message_template{
   background-color: #d6efdb;
   
}

.bg_message_excel{
    background-color: #ffebe4;
}

.bg_bulk{
    background-color: #d7f6ff;
    
}
.bg_filter{
    background-color:#fbe5ff;
}

.bg_lang{
   background-color:#dcf4ff; 
}

.bg_flash_msg{
   background-color:#fff3e0;
}

.bg_sender{
  background-color:#eaf7dc;  
}

.bg_api{
   background-color:#e8ebff; 
}

.bg_delivery_reports{
  background-color:#fff4d2;
}

.bg_mis{
  background-color:#ffe7e8;  
}
.inner_pad_left{
    padding-left:0px;
}

.inner_pad_bt{
    padding-bottom: 15px;
    color: #0075f6;
}

.inner_row{
    margin-bottom: 15px;
}

.inner_sub_mis{
    color:#e51c23;
}
.inner_sub_reports{
    color:#ffc107;
}
.inner_sub_api{
    color:#3f51b5;
}
.inner_sub_sender{
    color:#8bc34a;
}
.inner_sub_flash{
    color:#ff9800;
}
.inner_sub_lang{
    color:#607d8b;
}
.inner_sub_filter{
    color:#9c27b0;
}
.inner_sub_bulk{
    color:#41a4c3;
}
.inner_sub_excel{
    color:#bb5a5a;
}
.inner_sub_msg{
    color:#00ad7c;
}
.inner_sub_schedule{
    color:#f47645;
}
.inner_sub_manage{
    color:#6b76ff;
}
.inner_sub_phone{
    color:#bf9fee;
}
.inner_sub_one_go{
    color:#5c8d89;
}
.header_bg{
    background-image:url("../img/inner_banner.jpg");
    height:220px;
    text-align: center;
    padding-top: 30px;
    box-shadow: -1px -1px 20px 0px rgba(38, 59, 94, 0.1);
}
.header_circle{
    text-align: center;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    background-color: #03a9f47a;
    padding-top: 16px;
    margin: auto;
}
.breadcum_style{
    background-color:#e88a1a;
}
.feature-bg {
    background: url("../img/feature-bg.png") left center;
}

.feature-bg1 {
    padding-top:30px;
    padding-bottom:30px;
}

.feature-media {
    padding: 20px;
    background: #fff;
    margin-bottom: 15px;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    margin-right: 0px; 
    margin-left: 0px;
    height: 227px;
    box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.2);
    border-radius:5px;
}

.feature-media:hover {
    box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.1);
}

.bg_one_go::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 98px;
    height: 60px;
    background: url("../img/feature-icon-bg.png") left center no-repeat;
    background-size: 100% 100%;
    z-index: -1;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    -o-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

.bg_phone::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 98px;
    height: 60px;
    background: url("../img/feature-icon-bg.png") left center no-repeat;
    background-size: 100% 100%;
    z-index: -1;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    -o-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

.bg_manage_group::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 98px;
    height: 60px;
    background: url("../img/feature-icon-bg.png") left center no-repeat;
    background-size: 100% 100%;
    z-index: -1;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    -o-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

.bg_schedule_sms::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 98px;
    height: 60px;
    background: url("../img/feature-icon-bg.png") left center no-repeat;
    background-size: 100% 100%;
    z-index: -1;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    -o-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

.bg_message_template::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 98px;
    height: 60px;
    background: url("../img/feature-icon-bg.png") left center no-repeat;
    background-size: 100% 100%;
    z-index: -1;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    -o-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

.bg_message_excel::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 98px;
    height: 60px;
    background: url("../img/feature-icon-bg.png") left center no-repeat;
    background-size: 100% 100%;
    z-index: -1;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    -o-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

.bg_bulk::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 98px;
    height: 60px;
    background: url("../img/feature-icon-bg.png") left center no-repeat;
    background-size: 100% 100%;
    z-index: -1;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    -o-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

.bg_filter::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 98px;
    height: 60px;
    background: url("../img/feature-icon-bg.png") left center no-repeat;
    background-size: 100% 100%;
    z-index: -1;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    -o-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

.bg_lang::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 98px;
    height: 60px;
    background: url("../img/feature-icon-bg.png") left center no-repeat;
    background-size: 100% 100%;
    z-index: -1;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    -o-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

.bg_flash_msg::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 98px;
    height: 60px;
    background: url("../img/feature-icon-bg.png") left center no-repeat;
    background-size: 100% 100%;
    z-index: -1;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    -o-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

.bg_sender::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 98px;
    height: 60px;
    background: url("../img/feature-icon-bg.png") left center no-repeat;
    background-size: 100% 100%;
    z-index: -1;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    -o-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}


.bg_api::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 98px;
    height: 60px;
    background: url("../img/feature-icon-bg.png") left center no-repeat;
    background-size: 100% 100%;
    z-index: -1;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    -o-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

.bg_delivery_reports::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 98px;
    height: 60px;
    background: url("../img/feature-icon-bg.png") left center no-repeat;
    background-size: 100% 100%;
    z-index: -1;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    -o-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

.bg_mis::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 98px;
    height: 60px;
    background: url("../img/feature-icon-bg.png") left center no-repeat;
    background-size: 100% 100%;
    z-index: -1;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    -o-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

.what_is_sms li {
    background: url(../img/check-mark.png);
    background-repeat: no-repeat;
    padding-left: 30px;
    background-position: left;
    padding-top:10px;
}

.what_is_sms li {
    line-height: 1.4;
}

.blog_banner_bg {
    display: block;
    overflow: hidden;
    /*background: url("../img/blog-banner.jpg") no-repeat center;*/
    position: relative;
    height: 243px;
    /*padding: 102px 0;*/
}

.inner_breadcum h2{
    font-size: 16px;
    color: #000;
}

.blog_banner_bg h2 a:hover, .blog_banner_bg h2 a:focus {
    color: #ff9728;
}

.blog_banner_bg .contact_info li a i {
    padding: 25px;
    display: block;
}

.contact_info {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
}
.contact_info li a {
    display: block;
    width: 81px;
    line-height: 80px;
    text-align: center;
    background: #1d80d3;
    border-bottom: 1px solid #3494e5;
}
.contact_info li .phone_details {
    padding: 74px 25px 64px;
    width: 250px;
}
.contact_info li .phone_details {
    text-align: center;
    padding: 65px 25px 65px;
    position: absolute;
    top: 0;
    right: 81px;
    display: block;
    overflow: hidden;
    width: 300px;
    background: #ff761b;
    transform: scaleX(0);
    transform-origin: 100% 50%;
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
}

.contact_info li:hover .phone_details, .contact_info li:focus .phone_details {
    transform: scaleX(1);
}

.contact_info li a i {
    font-size: 30px;
    color: #ffffff;
}

.contact_info li .phone_details a {
    font-size: 18px;
    line-height: 25px;
}
.contact_info li .phone_details a {
    color: #fff;
    background-color: transparent;
    border: 0;
    width: 100%;
}
.contact_info li .phone_details img {
    max-width: 20%;
    margin-bottom: 15px;
}

.contact_info li .phone_details {
    padding: 74px 25px 64px;
    width: 250px;
}
.contact_info li .pd_2 {
    top: 0;
}
.contact_info li .phone_details {
    text-align: center;
    padding: 65px 25px 65px;
    position: absolute;
    top: 0;
    right: 81px;
    display: block;
    overflow: hidden;
    width: 300px;
    background: #ff9728;
    transform: scaleX(0);
    transform-origin: 100% 50%;
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
}

.inner_breadcum h2 a {
    color: #2f89fc;
    margin-right: 6px;
}
.inner_breadcum h2 b {
    color: #15131d;
    font-weight: normal;
    margin-left: 6px;
    margin-right: 6px;
}


#cssmenu {
  /*width: 250px;*/
  font-family: 'Lato', sans-serif;
  margin: 3px;
}
#cssmenu i {
  margin-right: 5px;
}
#cssmenu ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1;
}
#cssmenu ul li {
  position: relative;
  display: block;
}
#cssmenu ul li a {
  display: block;
  text-decoration: none;
  position: relative;
}
#cssmenu > ul {
  background: #fff;
}
#cssmenu > ul > li:first-child > a {
  /*border-radius: 3px 3px 0 0;*/
}
#cssmenu > ul > li:last-child > a {
 /* border-radius: 0 0 3px 3px;*/
}
#cssmenu > ul > li:not(:last-child) {
  border-bottom: 1px solid #ccc;
}
#cssmenu > ul > li.active > a {
  color: #777;
  background-color: #e6e6e6;
}
#cssmenu > ul > li.has-sub > a::after {
  content: '';
  position: absolute;
  display: block;
  border: 5px solid transparent;
  border-top-color: #fff;
  right: 15px;
  top: 17px;
  transition: all .25s ease;
  transform-origin: 0 25%;
}
#cssmenu > ul > li.has-sub.active > a::after {
  transform: rotateX(180deg);
  border-top-color: #777;
}
#cssmenu > ul > li:hover > a::after {
  border-top-color: #777;
}
#cssmenu > ul > li > a {
 /* padding: 12px 15px;*/
    color: #fff;
    transition: all 0.3s ease-out;
    font-size: 13px;
    padding: 15px 15px 15px 20px;
    background-color: #03a9f4;
}
#cssmenu > ul > li > a:hover {
  color: #fff;
  background-color: #ff9728;
}
#cssmenu ul ul li.active > a {
  background-color: #f2f2f2;
  color: #777;
}
#cssmenu ul ul li.has-sub > a::after {
  content: '';
  position: absolute;
  display: block;
  border: 5px solid transparent;
  border-top-color: #888;
  right: 15px;
  top: 15px;
  transition: all .25s ease;
  transform-origin: 0 25%;
}
#cssmenu ul ul li.has-sub.active > a::after {
  transform: rotateX(180deg);
  border-top-color: #777;
}
#cssmenu ul ul li:hover > a::after {
  border-top-color: #777;
}
#cssmenu ul ul li a {
    font-size: 14px;
    color: #000;
    transition: all 0.3s ease-out;
    padding: 10px 15px 10px 31px;
    background-color: #c3ebfd;
    border-bottom: 1px solid #71d3ff;

}
#cssmenu ul ul li a:hover {
  background-color: #ff9728;
  color: #fff;
}
#cssmenu ul ul ul li a {
  padding-left: 25px;
}



.bg_bulk2 {
    padding-top: 35px !important;
    padding-bottom: 40px !important;
    background-image: url(../img/bg3.jpg);
    background-size: cover;
}
.btn_contact {
    background-color: #000;
    color: #ffffff;
    /* border-width: 2px; */
    /* border-style: solid; */
    border-color: #000;
    padding: 0px 30px 0px 30px;
    /* height: 44px; */
    /* line-height: 40px; */
    border-radius: 25px;
    /* padding: 1px; */
    margin-top: 15px;
}
.text_service {
    
    font-weight: 500;
    font-size: 28px;
    
    color:#fff;
}
.para5 {
   
    font-weight: 400;
    font-size: 14px;
   
    color:#fff;
}
.icon_style3 {
        color: #fff;
    font-size: 20px;
    border-radius: 50%;
    margin-left: 60px;
    width: 60px;
    height: 60px;
    border: 1px solid;
    text-align: center;
    padding-top: 10px;
    margin-top: 10px;
}



.t-features-icon {
   /* float: left;*/
    display: block;
    text-align:center;
}

.mb-65 {
    margin-bottom: 15px;
}

.mb-45 {
    margin-bottom: 20px;
}


.features_pad {
    padding-left:0px;
}

.inner_breadcum{
    background-color:#cbeaef;
}



.best_service {
    font-size: 26px;
    margin-bottom: 10px;
}
.icon_style5 {
    border-radius: 50%;
    background-color: #fff;
    box-shadow: -1px -1px 20px 0px rgba(38, 59, 94, 0.1);
    height: 80px;
    width: 80px;
    text-align: center;
    line-height:80px;
}
.text_1 {
    font-size: 18px;
    font-weight: 700;
    color: #333;
}
.para_1 {
    line-height: 1.6;
    font-weight: 400;
    color: #888;
    padding-top: 8px;
    font-size:14px;
}
.best_price {
      padding-top: 100px;
}
.best_service_pad {
    margin-top: -80px;
}
.best_support_pad {
    padding-top:40px;
}
.best_brand_pad {
    padding-top:90px;
}
.para_2 {
    line-height: 2.8;
    font-weight: 400;
    color: #888;
    padding-top: 8px;
    font-size:14px;
    list-style-type:none;
}
.best_support_pad2 {
    padding-top: 40px;
}
.best_access_pad {
    padding-top: 155px;
}
.best_comfort_pad {
   padding-top: 50px;
}
.pad_top2 {
    padding-top: 15px;
}



.process_icon {
 background-image:url("../img/feature_bg.png");
 width: 110px;
 height: 96px;
 text-align: center;
 padding-top: 22px;
 background-size: 100% 100%;
 margin: auto;
}
.sms_style1 {
    color: #252525;
    font-weight: 600;
    font-size: 19px;
    padding-top: 12px;
        padding-bottom: 6px;
        text-align: center;
}
/*.promote_style {
    color: #6e6e6e;
    line-height: 1.8;
}*/
.top_pad {
    padding-top: 30px;
}
.benefits_pad{
    padding-top:15px;
}



.panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.panel-default>.panel-heading a {
  display: block;
  padding: 10px 12px;
}

.panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #fff;
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.accordion-option {
  width: 100%;
  float: left;
  clear: both;
  margin: 15px 0;
}

.accordion-option .title {
  font-size: 20px;
  font-weight: bold;
  float: left;
  padding: 0;
  margin: 0;
}

.accordion-option .toggle-accordion {
  float: right;
  font-size: 16px;
  color: #6a6c6f;
}

.accordion-option .toggle-accordion:before {
  content: "Expand All";
}

.accordion-option .toggle-accordion.active:before {
  content: "Collapse All";
}

.panel_bot{
   margin-bottom:5px; 
}
.panel_pad{
    background-color:#fff;
    border-top:1px solid #ccc;
    padding:12px;
}
.panel-title{
   font-size: 16px !important; 
}
.marketing_pad{
   padding-top: 77px; 
}

.promotional_sms_bg{
    background-color:#f1f5f9;
}

.features_list li {
			padding-left: 20px;
			position: relative;
			margin-bottom: .5rem;
		}
		
.features_list li:before {
			content: "";
			width: 8px;
			height: 8px;
			position: absolute;
			left: 0;
			top: calc(50% - 4px);
			background: #5387ed;
			border-radius: 50%;
			border: 2px solid #fff;
			box-shadow: 0 0 0 2px #5387ed;
		}
		
.features_list1 li {
    padding-left: 20px;
    position: relative;
    margin-bottom: 2.0rem;
    line-height: 1.4;
}

.features_list1 li:before {
			content: "";
			width: 8px;
			height: 8px;
			position: absolute;
			left: 0;
			top: calc(50% - 3px);
			background: #5387ed;
			border-radius: 50%;
			border: 2px solid #fff;
			box-shadow: 0 0 0 2px #5387ed;
		}
.features_transaction {
    margin-bottom:15px;
}
.dnd {
    color:#e72061;
}
.ntl {
    color:#9c28b1;
}
.sid {
    color:#673bb7;
}
.tb {
    color:#4cb050;
}
.tbs {
    color:#009788;
}
.tss {
    color:#fe5722;
}
.gateway {
    color:#607d8b;
}
.inner_para3 {
        padding: 15px;
    background: #fff;
    -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,0.09);
}


.pad_top5 {
    padding-top:15px;
}

.airlines_bg{
    background-image:url("../img/airlines_bg.png");
    background-repeat: no-repeat;
    background-position: bottom;
    
}
.bg_advertising{
    background-image:url("../img/Advertising.jpg");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: inherit;
}


.professional_head {
    font-size: 20px;
    font-weight: bold;
}

.auto_dealer_bg{
    background-image:url("../img/auto-dealers.png");
    background-repeat: no-repeat;
    background-position: bottom;
}
.pad_color li i{
    padding-right:10px;
    color: #3c90fc;
    font-size: 13px;
}
.pad_account {
    padding-top:15px;
}
.hospital_bg{
    background-image:url("../img/hospital_bg.png");
    background-repeat: no-repeat;
    background-position: bottom; 
}
.hotel_bg{
    background-image:url("../img/hotel_bg.png");
    background-repeat: no-repeat;
    background-position: bottom; 
}
.govt_bg{
    background-image:url("../img/govt.png");
    background-repeat: no-repeat;
    background-position: bottom; 
}
.bank_bg{
    background-image:url("../img/bank_bg.jpg");
    background-repeat: no-repeat;
    background-position: right bottom; 
}

.consumer_bg{
    background-image:url("../img/Consumer-durable_bg.png");
    background-repeat: no-repeat;
    background-position: right bottom; 
}

.pd_data{
    padding: 40px;
}
.para-cnt{
    padding-left: 43px;
}
.send-data{
    height:100%;
}
.explore-btn{
    display:none;
}
.box-cnt:hover{
    background:#008CBA;
}
.box-cnt:hover .explore-btn{
    display:block;
}

.box-cnt{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    height:200px;
}
.list-items-group a:hover .list-group-heading{
    color:#ff9f41;
}
/*.header__middle{*/
/*    padding:25px 0 0;*/
/*}*/
/*.mash-menu section.mash-menu-inner-container{*/
/*    float:none;*/
/*    min-height:58px;*/
/*}*/


/* defines the animation */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%);
    transform: translate3d(0, 100%);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%);
    /*transform: translate3d(0, 100%);*/
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
      opacity: 0;
      transform: translateX(-100%);
   }
   100% {
      opacity: 1;
      transform: translateX(0);
   }
}
@keyframes fadeInLeft {
  0% {
      opacity: 0;
      transform: translateX(-100%);
   }
   100% {
      opacity: 1;
      transform: translateX(0);
   }
}
.banner-icons {
     position:absolute;
  opacity: 0;
  -webkit-animation: fadeIn 1s ease-in-out 0s forwards;
          animation: fadeIn 1s ease-in-out 0s forwards;
}
.banner-icon1 {
     left: 172px;
    top: 49px;
  -webkit-animation-delay: -0.2s;
          animation-delay:-0.2s;
}
.banner-icon2 {
     left: 235px;
    top: 75px;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.banner-icon3 {
    left: 322px;
   top: 71px;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.banner-icon4 {
    left: 385px;
   top: 30px;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.banner-icon5 {
    left: 465px;
   top: 55px;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.banner-icon6 {
    left: 560px;
   top: 0;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.banner-icon7 {
    left: 660px;
   top: -38px;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.banner-icon8 {
    left: 953px;
   top: -74px;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.banner-icon9 {
    left: 1050px;
   top: -44px;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.banner-icon10 {
    left: 1110px;
   top: 28px;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.banner-icon11 {
    left: 1104px;
   top: 117px;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.banner-icon12 {
    left: 1020px;
   top: 173px;
  -webkit-animation-delay: 1.0s;
          animation-delay: 1.0s;
}
.banner-icon13 {
    left: 924px;
   top: 183px;
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.banner-icon14 {
    left: 845px;
   top: 140px;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.banner-icon15 {
    left: 770px;
   top: 41px;
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}
.banner-icon16 {
    left: 857px;
   top: -50px;
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.banner-icon17 {
    left: 940px;
   top: 31px;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

/*.banner{*/
/*    background:url('../assets/img/slide1.jpg') no-repeat;*/
/*    width:100%;*/
/*    height:200px;*/
/*}*/

.banner{
position:relative;
    
}
.banner-main{
    position:absolute;
    width: 100%;
   margin-left: 80px;
    left:0;
    bottom:0;
    
}
.banner-cnt{
    position: absolute;
    top: -90px;
    left: 140px;
}
.banner-cnt2{
    top: 5px;
    left: 260px;
}
.banner-cnt .main_heads{
    font-size:30px;
    color:#0089eb;
}
.banner-cnt .main_heads {
    -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
          opacity: 0;
  -webkit-animation: fadeIn 1s ease-in-out 0s forwards;
          animation: fadeIn 1s ease-in-out 0s forwards;
}
.banner-cnt .main_heads b{
    font-size:32px;
    font-weight:700
}

.carousel-control-next, .carousel-control-prev{
    width: 6%;
}
.banner-icons22{
   max-width: 600px;
    position: absolute;
    left: 160px;
    top: 200px;
}
.voice-cal {
    opacity:0;
    -webkit-animation: fadeInLeft 1s ease-in-out 0s forwards;
          animation: fadeInLeft 1s ease-in-out 0s forwards;
}
.voice-cal  a{
    display:flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
}
.voice-cal1{
     -webkit-animation-delay: 0s;
          animation-delay:0s;
}
.voice-cal2{
     -webkit-animation-delay: 0.5s;
          animation-delay:0.5s;
}
.voice-cal3{
     -webkit-animation-delay: 1s;
          animation-delay:1s;
}
.voice-cal4{
     -webkit-animation-delay: 1.5s;
          animation-delay:1.5s;
}
.voice-cal5{
     -webkit-animation-delay: 2s;
          animation-delay:2s;
}
.voice-cal6{
     -webkit-animation-delay: 2.5s;
          animation-delay:2.5s;
}

.box_style3 {
    border: 2px solid darkorange;
    border-radius: 25px;
    padding: 15px 30px;
    margin-bottom: 20px;
}
.features_list_sms li {
    padding: 0px 0px 0px 30px;
    list-style: none;
    background-image: url(../img/list-style-image.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 23px;
    margin-top: 8px;
}
.event_style {
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 15px;
    box-shadow: 1px 1px 10px rgba(0,0,0,.25);
    background: #fff;
}
.fmcg_style {
    border: 1px solid #ccc;
    padding: 25px;
    margin-bottom: 15px;
    border-radius: 5px;
}
.govt_style {
    width: 100%;
    margin-top: -114px;
}
.multi_style {
    background-color: #19addb;
    border-radius: 20px;
}
.inner_para4 {
    padding: 40px;
    color: #fff;
    border-radius: 20px;
    line-height: 1.9;
}
.pro_style {
    padding-top:35px;
    margin-left:-18px;
}
.bd_style {
    border-bottom: 3px solid #045cb4;
    margin: auto;
    padding-top: 10px;
    margin-bottom: 8px;
    width: 100px;
}
.auto_style {
    color: #5f23d7;
    font-size: 17px;
}
.retail_style {
    border: 2px solid #ccc;
    border-radius: 20px;
    padding: 25px 30px 5px;
}
.political_style {
    border: 1px solid #ccc;
    padding: 25px 30px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
}
.dnd_style {
    width: 50%;
    margin-top: 10px;
    margin-bottom: 15px;
}
.support_box {
    box-shadow: 1px 1px 10px rgba(0,0,0,.25);
    background: #fff;
    border-radius: 20px;
    padding: 20px;
}
.ref {
    text-align:center;
    padding-top:20px;
    font-size: 18px;
}
.hosp_data{
    position:relative;
}
.hosp_data .img_data{
    position:absolute;
    bottom:0;
z-index:-1;
right:0;
}
.hosp_data .img_data.img_data2{
    right: -221px;
    bottom: -58px;
}
.table tbody td{
    padding:15px;
    border-right:1px solid #dee2e6!important;
    border-bottom:1px solid #dee2e6!important;
}

.table thead th, .table th{
    background:#03a9f4 !important;
}
/*.table td .btn-success{*/
/*    background:#1c7430 !important;*/
/*    border-color:#1c7430 !important;*/
/*}*/

.round_style2 {
    text-align:center;
    border: 2px solid #ccc;
    border-radius: 5px;
    padding: 25px;
}
.round_style3 {
    background-color: #fff;
    padding: 15px 20px;
    border-radius: 15px;
}
.coverage_style {
    background-color: #ccffff;
    font-weight: 600;
}
.real_img {
    width: 415px;
    height: 230px;
    margin-left: -40px;
}
.text-shadow {
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    background-color: #ffffff;
    border-left: 4px solid #db2a2a;
    padding: 20px;
    margin-top: 15px;
    
}
.bg_cnt{
    position:relative;
}
.bg_cnt:before{
    content: "";
    background: url(../img/ellipse-right.svg) no-repeat;
    width: 100%;
    height: 1000px;
    right: -568px;
    top: -210px;
    position: absolute;
    /* left: 100%; */
    z-index: -1;
    
}
.receive_style {
    border: 2px solid #ccc;
    padding: 10px;
    border-radius: 5px;
    width: 50%;
    margin: auto;
    margin-bottom: 20px;
}
.track_style {
    border: 2px solid #ccc;
    padding: 23px;
    border-radius: 5px;
}
.reseller_style {
    box-shadow: 0px 5px 20px #e7e7e7;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.pricing_style {
    text-align: center;
    border: 2px solid #ccc;
    padding: 12px;
    border-radius: 10px;
}
.tp_style {
    padding-top:10px;
    padding-bottom:3px;
}
.line_style li {
    line-height: 2.8;
}
.way {
    border: 2px solid #ccc;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 20px;
}
.text-shadow1 {
    
    height:100%;
}
.dynamic_dt li img{
    margin-right:10px;
}
.color-cnt{
    color:#f3962c;
}

.table-data.table thead th, .table-data.table th{
    width:50%;
}
.img-border{
    width: 90px;
    height: 90px;
    margin: 0 auto;
    border: 2px solid #f3962c;
    line-height: 90px;
    border-radius: 100%;
}
.pull_style {
    padding-top: 25px;
    padding-bottom: 28px;
}
.box_style{
    width: 100px;
    height: 100px;
    margin:0 auto;
    line-height: 100px;
    border: 2px solid #f3962c;
    border-radius: 100%;
    text-align:center;
}  
.square_style{
        height: 200px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    padding: 20px;
}

.inner_content22{
    background: #f4fbfb8c;
    margin: 0 -15px;
    padding-bottom: 120px;
    padding-top:50px;
}
.inner_content22 .icon_style5{
  border-radius: 20px;
    margin-bottom: 20px !important;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    line-height: 100px;
    
}
.box_data{
    background: #fff;
    margin-top: -125px;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.how_cnt{
      width: 200px;
    height: 200px;
    border: 5px solid #ff9d35;
    background: #fff;
    margin: 0 auto;
    text-align: center;
    border-radius: 100%;
    box-shadow: 0 0 35px rgba(0,0,0,0.2);
    padding: 15px;
    
}
.how_main .icon_style5{
    margin:0 auto;
}
/*.how_cnt h3{*/
/*    color:#fff;*/
/*}*/
.how_main{
    position:relative;
    width:500px;
    margin: 200px auto;
}
.how_main h4{
    color:#03a9f4;
}
.pos_cnt1{
    position:absolute;
    right: 170px;
    top: -150px;
}
.pos_cnt2{
    position:absolute;
    right: -47px;
    top: -13px;
}
.pos_cnt3{
    position:absolute;
    right: -30px;
    bottom: 0px;
}
.pos_cnt4{
    position:absolute;
    right: 170px;
    bottom: -80px;
}
.pos_cnt6{
    position:absolute;
    left: -65px;
    top: -35px;
}
.pos_cnt5{
    position:absolute;
    left: -46px;
    bottom: 0;
}
.square_cnt22{
    width: 100px; 
    height: 100px;
     margin:0 auto 20px; 
    line-height: 100px;
    border:2px solid #f3962c;
    border-radius: 25px;
    text-align:center;
}

.pos_cnt1:before{
        content: "";
        position: absolute;
        left: 84px;
        top: 110px;
        background: #ff9d35;
        height: 100px;
        width: 2px;
        z-index: -1;
}

.pos_cnt2:before{
        content: "";
        position: absolute;
        left: -16px;
        top: 24px;
        background: #ff9d35;
        height: 100px;
        width: 2px;
        z-index: -1;
        transform: rotate(76deg);
}
.pos_cnt3:before{
        content: "";
        position: absolute;
        left: -41px;
        top: -53px;
        background: #ff9d35;
        height: 100px;
        width: 2px;
        z-index: -1;
        transform: rotate(117deg);
}
.pos_cnt4:before{
        content: "";
        position: absolute;
        left: 70px;
        top: -110px;
        background: #ff9d35;
        height: 100px;
        width: 2px;
        z-index: -1;
}
.pos_cnt5:before{
        content: "";
        position: absolute;
        left: 181px;
        top: -64px;
        background: #ff9d35;
        height: 100px;
        width: 2px;
        z-index: -1;
        transform: rotate(45deg);
}
.pos_cnt6:before{
        content: "";
        position: absolute;
        left: 213px;
        top: 23px;
        background: #ff9d35;
        height: 100px;
        width: 2px;
        z-index: -1;
        transform: rotate(-61deg);
}

.dyn_bg{
    background:#ebf7f561;
}
.dyn_img img{
    border:2px solid #30bb78;
    border-radius:10px;
    background:#fff;
    box-shadow:0 0 15px rgba(48, 187, 120, 0.5);
}

.dyn_bg .inner_para{
    line-height:30px;
}
.alert_img{
   position: relative;
    background: #fff;
    border: 5px solid #75c043;
    box-shadow:-10px 10px 0 #fdc303;
    padding: 10px;
}
.diamond{
    position:relative;
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin:0 auto 30px;
    text-align: center;
}

.diamond:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    border: 2px solid #fdc303;
    border-radius: 10px;
    transform: rotateZ(45deg);
    box-shadow:0 0 10px rgba(0,0,0,0.1);
    z-index:-1;
}

.call_mt{
        width: 100%;
    height: 100%;
    border-radius: 100%;
    /*border: 2px solid #cbce14;*/
    text-align: center;
    margin: 0 auto;
    line-height: 282px;
    padding: 15px;
    /*background: #45ffc3b3;*/
}
.talkbubble{
    position:relative;
        width: 100px;
    height: 100px;
    margin: 0 auto 29px;
     border: 2px solid #0093ba; 
    line-height: 100px;
    text-align: center;
    border-radius: 100%;
    /*background: #f9e7b7;*/
}
 /*.talkbubble:before {*/
 /*    content: "";*/
 /*   position: absolute;*/
 /*   right: 0;*/
 /*   bottom: -11px;*/
 /*   width: 0;*/
 /*   height: 0;*/
 /*   border-top: 13px solid transparent;*/
 /*   border-right: 26px solid #f9e7b7;*/
 /*   border-bottom: 13px solid transparent;*/
 /*   transform: rotateZ(227deg);*/
 /*   }*/
  
  .diamond-main .diamond:after{
      border-color:#36c712;
  }
  .color-green{
      color:#36c712;
  }

.dnd_bg{
    background:#b1e8bb;
    margin-bottom: 60px;
}
.dnd_img{
        margin-bottom: -90px;
        /*background: #fff;*/
        padding: 20px;
        /*box-shadow: 10px 10px 20px rgba(243, 150, 44, 0.3);*/
        border-radius: 10px;
        width: 100%;
        height: 300px;
        /*border: 2px solid #f3962c;*/
}
.square_data{
    width: 100px; 
    height: 100px;
     margin:0 auto 20px; 
    line-height: 100px;
    box-shadow:0 0 10px rgba(0,0,0,0.1);
    border-radius: 25px;
    text-align:center;
    background:#fff;
}
.bg_orange{
    background:#fdbb1c47;
    margin-bottom: 30px;
}
.voicecalls_cnt{
       
    position: relative;
   
    width: 250px;
    height: 250px;
    line-height: 250px;
    text-align: center;
    margin: -10px auto -30px;
}

.voicecalls_cnt img{
    width: 210px;
    position: relative;
    z-index: 9;
    overflow: hidden;
    border-radius: 100%;
}

.voicecalls_cnt:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    border-radius: 15px;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    border: 10px solid #3cc7e8;
    transform: rotate(45deg);
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
}

.square_style33{
        width: 250px;
    text-align: center;
    height: 250px;
    border-radius: 20px;
    margin: -61px auto 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    padding: 20px;
}
.icon_style55{
    margin: 0 auto 20px;
    width:100px;
    height:100px;
    line-height:100px;
}


.alert_img2{
    border: 5px solid #7ed7ff;
    box-shadow: 10px 10px 0 #e95297;
}
.square_bord{
    width:100%;
    height:420px;
    box-shadow:0 0 10px rgba(0,0,0,0.2);
    border-radius:20px;
    background:#fff;
    padding:20px;
}
.square_bord2{
    height:100%;
}
.square_bord3{
    height: 330px;
    line-height: 330px;
    border: 2px solid #6ab7bf;
}
.alert_img3{
    border: 5px solid #5619cb;
    box-shadow: -15px 15px 0 #ffa725;
}
.alert_img4{
    border: 5px solid #b6bd4b;
    box-shadow: 15px 15px 0 #f8107e;
}
.smsindia_cnt{
    position:relative;
}
.smsindia_cnt:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
}
.line-cnt{
        width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #50c8ec;
    color: #fff;
    display: inline-block;
    border-radius: 10px;
}
.line-cnt2{
    background: #ffcf39;
}
.mar-left{
    margin-left:20px;
}
.bg_grey{
    background: #f7f7f7;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    padding: 20px;
    border-radius: 20px;

}
.bg_grey p{
    line-height:30px;
}
.bg_grey22{
    background:#e2ddf773;
}
.bg_grey33{
    background:#c4e7f1;
}
.square_bord4{
        height: 330px;
    line-height: normal;
    border: 2px solid #6ab7bf;
     background:#f7f7f7;
}

.square_bord4 img{
    height:100%;
    object-fit:contain;
}
.voting_img{
    border: 2px solid #fe9c96;
    border-radius: 20px;
    padding: 20px;
    background: #fff;
}
.inner_para2{
    line-height:30px;
}
.voting_img2{
    background:#f7f7f7;
}
.alert_img5{
        border: 5px solid #92baee;
    box-shadow: 10px 10px 0 #fe503b;
        height: 250px;
    line-height: 230px;
}
.alert_img6{
    border: 5px solid #7ec0a4;
    box-shadow: -10px 10px 0 #ffdc82;
    height: 290px;
    line-height:290px;
}
.bg-corporate{
    background:#2a2a2a;
    padding:35px 0;
    position:relative;
}
.bg-corporate h2{
    padding-bottom:20px;
}
.bg-corporate p{
    padding-bottom:20px;
}
.bg-corporate p img{
    width:20px;
    height:20px;
    object-fit:contain;
    margin-right:10px;
    margin-top:4px;
}
.bg-corporate:after{
    content:"";
    position:absolute;
    right: 0;
    bottom: 0;
    background: url(../../assets/img/corporate-img.png) no-repeat;
    width: 540px;
    height: 180px;
    background-size: contain;
    opacity: 0.3;
}
.bg-corporate2{
    position:relative;
    
}
.bg-corporate2:after{
          content: "";
    position: absolute;
    right: 10px;
    bottom: -31px;
    background: url(../../assets/img/corporate-img3.png) no-repeat;
    width: 800PX;
    height: 410PX;
    background-size: contain;
    opacity: 0.1;
}
.otp-services{
    position:relative;
}
.otp-services:after{
       content: "";
    position: absolute;
    right: -135px;
    background: url(../../assets/img/shape2.png) no-repeat;
    width: 700px;
    height: 830px;
    background-size: contain;
    z-index: -1;
    top: -190px;
}
.card-shape{
        position: absolute;
    display: block;
    width: 170px;
    height: 170px;
    border-radius: 50%;
}
.card-shape-light{
    background: #e0fae7;
    top: -100%;
    right: -100%;
    z-index: 1;
    -webkit-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
}
.card-shape-dark{
    top: -100%;
    right: -100%;
    background: #d3f6dd;
    z-index: 2;
    -webkit-transition: ease-in-out 0.8s;
    -o-transition: ease-in-out 0.8s;
    transition: ease-in-out 0.8s;
}
.grid-item .feature-card{
    position: relative;
    overflow: hidden;
    padding:30px;
    border-radius: 6px;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    height:350px;
        margin-bottom: 20px;
}
.grid-item .feature-card:hover .card-shape-dark, .grid-item .feature-card.active .card-shape-dark{
        top: -65px;
    right: -55px;
}
.grid-item .feature-card.bg-light:hover, .grid-item .feature-card.bg-light.active{
    background-color: #f0fff4 !important;
    -webkit-box-shadow: 0px 16px 27px 0px rgb(0 0 0 / 8%);
    box-shadow: 0px 16px 27px 0px rgb(0 0 0 / 8%);
}
/*.card-mt-75 {*/
/*    margin-top: 80px;*/
/*}*/
 .grid-item .feature-card:hover .card-shape-light, .grid-item .feature-card.active .card-shape-light{
         top: -50px;
    right: -50px;
 }
 .grid-item .feature-card:hover .card-shape-dark, .grid-item .feature-card.active .card-shape-dark{
     top: -65px;
    right: -55px;
 }
 .grid-item .feature-card:hover .card-shape-light, .grid-item .feature-card.active .card-shape-light{
     top: -50px;
    right: -50px;
 }
 .feature-card img{
     width:80px;
     margin-bottom:20px;
 }
 .bg-voiceotp{
     position:relative;
 }
.bg-voiceotp:after{
     background: url(../../assets/img/figure14.png) no-repeat;
    width: 570px;
    height: 980px;
    background-size: contain;
    content: "";
    right: -210px;
    bottom: 0;
    position: absolute;
    z-index: -1;
}
.service-media{
    border-bottom:1px solid #ccc;
}
.service-media img{
    width:50px;
    height:50px;
    object-fit:contain;
    margin-bottom:10px;
}
.service-media p{
    font-size:14px;
    /*text-align:justify;*/
    margin-bottom:20px;
    height:100px;
}
.service-media2{
    border:0;
}
.service-media2 p{
    height:auto;
}
.bg-grey{
     background: url(../../assets/img/figure16.png) no-repeat; 
     width:100%;
     height:auto;
}
.allert-dtls img{
        width: 100%;
    height: auto;
    object-fit: contain;
}
.allert-dtls h3 span{
    color:#c00;
    font-size:30px;
}
.bg-blue{
    background:#b3d3f7;
}
.media-ocation{
    border-radius:20px;
    padding:20px;
}
.media-ocation img{
    width:80px;
    height:80px;
    
}
.media-ocation2{
    position:relative;
     padding:30px;
    padding-left:50px;
    z-index: 2;
   height:280px;
  
}
.media-ocation-img{
    background:#fff;
    box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
    border-radius:100%;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: -10px;
    top: -40px;
}
.media-ocation-img img{
    width:40px;
    height:40px;
    margin:0 auto;
}
.media-ocation2:after{
   background: #fff;
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    z-index: -1;
    transform: perspective(700px) rotateY(-8deg);
    
    width: 100%;
    box-shadow: 0 0px 20px #ccc;
}

.media-ocation2 .media-body{
   
    padding-top: 20px;
}
.media-ocation2 p{
    line-height:23px;
}
.ocation-bg{
    background:url('../../assets/img/ocation-bg.jpg') no-repeat;
width:100%;
height:auto;
   background-repeat-y: repeat;
}
.seo-list li{
        padding-left: 85px;
            position: relative;
                margin-bottom: 15px;
}

.seo-list li .icon:after{
    position: absolute;
    content: '';
    left: -5px;
    top: -5px;
    right: -5px;
    bottom: -5px;
    border-radius: 50px;
    border: 1px solid #FFE6B9;
}

.seo-list li .icon{
    position: absolute;
    left: 8px;
    top: 5px;
    width: 45px;
    height: 45px;
    color: #ffffff;
    border-radius: 50px;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    display: inline-block;
    background-image: -ms-linear-gradient(top, #FFE6B9 0%, #FFA507 100%);
    background-image: -moz-linear-gradient(top, #FFE6B9 0%, #FFA507 100%);
    background-image: -o-linear-gradient(top, #FFE6B9 0%, #FFA507 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFE6B9), color-stop(100, #FFA507));
    background-image: -webkit-linear-gradient(top, #FFE6B9 0%, #FFA507 100%);
    background-image: linear-gradient(to bottom, #FFE6B9 0%, #FFA507 100%);
}


.seo-list li:nth-child(2) .icon{
    background-image: -ms-linear-gradient(top, #ABDBFF 0%, #0492ff 100%);
    background-image: -moz-linear-gradient(top, #ABDBFF 0%, #0492ff 100%);
    background-image: -o-linear-gradient(top, #ABDBFF 0%, #0492ff 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ABDBFF), color-stop(100, #0492ff));
    background-image: -webkit-linear-gradient(top, #ABDBFF 0%, #0492ff 100%);
    background-image: linear-gradient(to bottom, #ABDBFF 0%, #0492ff 100%);
}


.seo-list li:nth-child(2) .icon:after {
    border: 1px solid #0a94ff;
}

.seo-list li:nth-child(3) .icon {
    background-image: -ms-linear-gradient(top, #AFFFA5 0%, #21ff04 100%);
    background-image: -moz-linear-gradient(top, #AFFFA5 0%, #21ff04 100%);
    background-image: -o-linear-gradient(top, #AFFFA5 0%, #21ff04 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #AFFFA5), color-stop(100, #21ff04));
    background-image: -webkit-linear-gradient(top, #AFFFA5 0%, #21ff04 100%);
    background-image: linear-gradient(to bottom, #AFFFA5 0%, #21ff04 100%);
}
.seo-list li:nth-child(3) .icon:after {
    border: 1px solid #21ff04;
}
.upcoming-bg{
    margin-bottom: 250px;
    /*background:#fffae4;*/
}
.upcoming-alerts{
    position:relative;
        padding: 70px 160px;
    margin-bottom: -110px;
    background:#fffae4;
    
}
.upcoming-alerts:before{
    content:"";
    position:absolute;
   left: -120px;
   bottom: -160px;
    background:url('../../assets/img/home-2_slider-3.png') no-repeat;
        width: 210px;
    height: 410px;
    background-size: contain;
}
.upcoming-alerts:after{
    content:"";
    position:absolute;
        right: -260px;
       bottom: -140px;
    background:url('../../assets/img/home-2_slider-4_02.png') no-repeat;
        width: 500px;
    height: 410px;
    background-size: contain;
}
.upcoming-alerts-overlay{
background:url('../../assets/img/alert-img-bg.png') no-repeat;
width:100%;
height:100%;
position:absolute;
bottom:0;
left:0;
background-position:center bottom;
    opacity: 0.1;
}
.sms-cinema-bg{
    position:relative;
}
.sms-cinema-bg:before{
     content:"";
    position:absolute;
    left:0;
    bottom:0;
   background:url('../../assets/img/sms-cinema-bg.png') no-repeat;
width:100%;
height:100%; 
background-position:center bottom;
background-repeat-x: repeat;
     opacity: 0.2;

}

.fee-sms{
    position:relative;
    overflow:hidden;
   background: #FFF;
    height: 170px;
    padding-right: 150px;
}
.fee-sms img{
    margin-bottom:20px;
}

.upcoming-fee-overlay{
    background:url('../../assets/img/icons/sms-money.svg') no-repeat;
    left:auto;
    right:0;
       width: 130px;
    height: 140px;
    background-size: contain;
    opacity: 0.5;
}
.upcoming-fee-overlay1{
     background:url('../../assets/img/icons/sms-shedule.svg') no-repeat;
     left:auto;
    right:0;
       width: 130px;
    height: 140px;
    background-size: contain;
    opacity: 0.5;
}
/*.bg-fee-sms:after{*/
/*    background: url(../../assets/img/background_home2.png) no-repeat;*/
/*        background-size: contain;*/
/*}*/

.bg-light-img img{
    width:100%;
    height:150px;
     margin:0;
}

.grid-item .feature-card.bg-light-img {
    height:auto;
    padding:20px;
}
.grid-item .feature-card.bg-light-img.active{
    background:#c4e4ff !important;
}
.grid-item .feature-card.bg-light-img:hover{
    background:#3c77a7 !important;
    cursor:pointer;
}
.grid-item .feature-card.bg-light-img:hover h4{
    color:#fff;
}
.grid-item .feature-card.bg-light-img:hover p{
     color:#fff;
     text-align:justify;
}
.meals-dtls{
    background:#fff;
    border-radius:20px;
      width: 990px;
     
      display:flex;
      align-items:center;
     
}