@charset "utf-8";
/* CSS Document */



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

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

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

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

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

}
@font-face {
    font-family: 'robotothin';
    src: url('../fonts/roboto-thin-webfont.woff2') format('woff2'),
         url('../fonts/roboto-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/********************************COMMON CSS**********************************************/
html,body{width: 100%;}
body{font-family: 'robotoregular'; font-size: 14px;position: relative; color: #000000;}
.custom_contaner_with_sidebar{padding-left: 240px; padding-top: 53px;}
a,
a:hover,
a:focus{text-decoration: none}
.gray_saprator{width: 100%; border-bottom: 1px solid #e5e5e5; display: block; margin: 5px 0;}

.section_inner { padding:0 25px 0; max-width: 1280px;}
/******************************************************************************/


/*****************************THEME ONE*************************************************/

.custom-nav{ background: #000;}
.theme_1 .custom-nav {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2bb57a+0,2b73a5+100 */
background: #2bb57a; /* Old browsers */
background: -moz-linear-gradient(left,  #2bb57a 0%, #2b73a5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #2bb57a 0%,#2b73a5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #2bb57a 0%,#2b73a5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bb57a', endColorstr='#2b73a5',GradientType=1 ); /* IE6-9 */}
.theme_1 .sidebar_navigation li a:hover,
.theme_1 .sidebar_navigation li.active a{ background: #deebe7; border-color: #2bb47b;color: #000;}
.theme_1 .section_2_listing li span.circle_bg {  background: #2bab81;}
.theme_1 .dotted_line_saparator{border-bottom-color:#2bb57a }
.bg_color { background: #e9f6f3;}



/*****************************NAV BAR*************************************************/

.navbar-brand,
.navbar-brand:hover,
.navbar-brand:focus{color: #fff; font-family: 'robotobold'; font-size: 18px;}
.dropdown_navbar li>a { color: #fff;}
.dropdown_navbar .dropdown-menu{font-size: 14px;}
.navbar{ padding: 0.3rem 1rem;}
.dropdown_navbar.nav-pills .nav-link.active, 
.dropdown_navbar.nav-pills .show > .nav-link{ background: none;}
.menu_icon {  width: 33px; cursor: pointer; display: none}
.menu_icon img{width: 100%;}

/*****************************Sidebar BAR*************************************************/

.sidebar_fixed { position: fixed; height: calc(100vh - 53px); background: #f3f3f3; width: 18%; left: 0; top: 53px; overflow: auto; max-width: 240px; min-width: 240px; transition: all 0.3s ease;}
.sidebar_navigation{margin: 0; padding: 0; list-style: none;}
.sidebar_navigation li { margin: 2px 0;}
.sidebar_navigation li a { color: #5b5b5b; width: 100%; display: block; border-right: 4px solid #f3f3f3; padding: 10px; font-size: 14px;}


.sidebar_fixed.show_sidebar {
    margin-left: 0; transition: all 0.3s ease;
    z-index: 99;
    box-shadow: 8px 8px 15px rgba(0,0,0,0.2);
}

/******************************Standard Slide 1**********************************************/

.section_title {font-family: 'robotobold'; font-size: 20px; color: #000;}
.section_text{ font-family: 'robotoregular'; font-size: 14px;}
.section_listing { padding: 0; margin: 0; list-style: none; font-size: 14px;}
.section_listing li { padding: 5px 10px 5px 25px; font-size: 14px;font-family: 'robotoregular'; position: relative;}
.section_listing li:before { content: " "; width: 0; height: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent; border-left: 8px solid #999999;    position: absolute; left: 0; top: 9px;}


/******************************Standard Slide 2**********************************************/

.section_2_listing{list-style: none; padding: 0;}
.section_2_listing li span.circle_bg { width: 18px;display: inline-block;height: 18px; border-radius: 19px; text-align: center; color: #fff; margin-right: 5px; font-size: 12px;    line-height: 16px;}
.section_2_listing table { margin-left: 30px;}
.section_2_listing table td{ font-size: 13px;}
.section_2_listing table td strong a{ font-size: 13px; color: #333333;}
.color_heading { font-family: 'robotobold'; font-size: 15px; color: #2bab81;}
.section_2_listing p { font-size: 14px;  margin-bottom: 10px;line-height: 20px;}
.dotted_line_saparator { width: 100%; border-bottom: 2px dashed #000; margin: 40px 0;}
.contaner_pl3{padding-left: 30px;}
.section2_img_box { float: left;  width: 50px;}
.section2_text_box { float: left; font-size: 13px;}
.inner_2_list { padding: 0;}
.inner_2_list li { list-style: disc; list-style-position: inside;}
.dashed_border_box { padding: 15px;border: 2px dashed #ccc; border-radius: 10px;}
ul.flow_provider { padding: 0;list-style: none; overflow: hidden;}
ul.flow_provider li{ width: 100%; float: left;}
span.number_box { float: left; width: 20px; height: 20px; background: #dfdcdc; line-height: 20px; text-align: center; border-radius: 45px; font-size: 12px; color: #000000; font-family: 'robotomedium';position: relative; top: 8px; }
.color_box { float: left; background: #CCC;  width: 40%; margin-left: 20px; min-width: 220px; padding: 5px 0 5px 10px; border-radius: 5px; font-family: 'robotomedium';    color: #fff; margin-right: 20px;}
p.color_text { float: left; width: 48%; font-size: 13px;font-family: 'robotomedium';}
.color_red{color: #f00;}

.blue_box{background: #58a2ec;}
.blue_color{color: #58a2ec;}

.green_box{background: #5fc776;}
.green_color{color: #5fc776;}

.orange_box{background: #db9145;}
.orange_color{color: #db9145;}


/******************************Standard Slide 3**********************************************/

ul.Section_3_listing { padding: 0;  list-style: none; overflow: hidden}
ul.Section_3_listing li{display: inline-block}
ul.Section_3_listing li {display: inline-block;float: left; width: 26%;text-align: center;border: 1px solid #ccc;min-height: 210px; border-radius: 15px; padding: 15px;}
ul.Section_3_listing li:nth-child(2) { margin: 0 11%;}
.sec_3_text { padding: 15px 15px 0; color: #000;}
.icon_img img { width: 65px;}

/******************************Standard Slide 4**********************************************/


ul.section_4_listing { padding: 0; list-style: none; text-align: center; overflow: hidden;}
.section_4_listing li { width: 29%; float: left; margin: 0 2%; padding: 0 3%;  margin-top: 15px;}
.section_4_listing li:nth-child(2), 
.section_4_listing li:nth-child(5) { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.sec_4_img { margin: 10px auto; width: 70px;}
.sec_4_img img{ width: 100%}
.sec_4_heading { font-size: 14px;font-family: 'robotomedium'; width: 80%; margin: 5px auto; line-height: 18px;}
.sec_4_text { font-size: 13px; width: 85%; margin: 10px auto;}

ul.mobile { padding: 0; list-style: none;  text-align: center;}
ul.mobile li { display: inline-block; padding:40px 30px;position: relative;}
ul.mobile.custom_3 li{ padding:40px 20px;}
ul.mobile li h3{ font-size: 14px;font-family: 'robotomedium'; margin-bottom: 20px}
ul.mobile li:after { content: ""; background: url(../images/arrow_green.png)no-repeat center; width: 25px; height: 35px; position: absolute; right: -15px;  top: 50%;}
ul.mobile li:last-child:after { display: none;}


/******************************Standard Slide 5**********************************************/
.section_title span{font-family: 'robotolight';}
.imtool_step{padding: 0; list-style: none;overflow: hidden;}
.imtool_step li { float: left; width: 29.3%; margin: 2%;min-height: 350px;}
.imtool_step h4 { font-size: 13px; font-family: 'robotobold';}
.imtool_step h4 span.blue_bg { background: #2bab81; color: #fff; line-height: 19px; width: 18px; height: 18px; display: inline-block; text-align: center; border-radius: 32px;    font-size: 12px;}
ul.imtool_step li p { min-height: 62px; font-size: 13px;width: 80%;}
.img_box_sec5 img {  width: 73%;}

ul.mobile.text-left.mobile_with_text li { float: left; width: 350px;}
ul.mobile.text-left.mobile_with_text li p{ min-height: 80px; font-size: 13px; margin-bottom: 5px; }
.mobile_with_text h3,
.mobile_with_text p {  padding-left: 17px;}
.mobile{overflow: hidden}


/******************************Standard Slide 5**********************************************/

ul.listing_new { list-style: none; padding: 0;  overflow: hidden; }
.listing_new li p { font-size: 13px; margin-left: 20px; min-height: 70px}
.listing_new li h3 { font-size: 14px;font-family: 'robotobold'; margin-left: 20px}
.listing_new li { float: left; width: 23%; margin: 0px 3%;position: relative;}

.listing_new li:last-child { margin-right: 0; margin-left: 6%;}
.listing_new li:last-child:before {content: ""; background: url(../images/arrow_green.png)no-repeat center; width: 25px; height: 35px; position: absolute;    left: -55px;  top: 50%;}

/************************************************************************/

.listing_2 li h3 {
    font-size: 14px;
    font-family: 'robotobold';
    margin-left: 20px;
}
.listing_2 li p {
    font-size: 13px;
    margin-left: 20px;
    min-height: 100px;
}

ul.listing_2 {
    padding: 0;
    list-style: none; overflow: hidden;
}


ul.listing_2 li {
    float: left;
    width: 28%;
    min-width: 340px;
  margin-right: 15%; position: relative;
}
ul.listing_2 li:last-child{ width: 40%; margin-right: 0;}


ul.listing_2 li:after { content: ""; background: url(../images/arrow_green.png)no-repeat center; width: 25px; height: 35px; position: absolute; right: -45px;  top: 50%;}
ul.listing_2 li:last-child:after { display: none;}


.mobile.text-left h3{text-align: center;}




/* menakshi Section8  page css*/
.section_small_heading{font-family: 'robotobold';font-size: 16px; margin: 30px 0px 5px 0px;}
.section_listing2 { padding: 0; margin: 0; list-style: none; font-size: 14px;}
.section_listing2 li { padding: 3px 10px 3px 20px; font-size: 14px;font-family: 'robotoregular'; position: relative;}
.section_listing2 li:before {content: " ";width: 7px; height: 7px;position: absolute; left: 0; top: 10px; background: #707070;border-radius: 50%;}
.flow_image_container{margin: 30px 0px;}
.flow_image_container img{max-width: 100%;}
/* Meenakshu Section8  page css*/




.mobile.text-left p {   text-align: center}
.mobile.text-left .mob_con{text-align: center}
.inner_list_text {  width: 80%;}

.listing_last_dots {  padding: 0;}
.listing_last_dots li {list-style-position: outside; list-style: none; padding-left: 20px; margin-bottom: 10px; position: relative;}
.listing_last_dots li:before { content: ""; position: absolute; width: 8px; height: 8px; background: #828182; left: 5px; top: 5px; border-radius: 7px;}
.inner_list_text strong { margin: 15px 0; display: block;}
.bg_color { display: block; width: 100%; padding: 16px; font-size: 14px;}