@charset "utf-8";
/* CSS Document */
/*======================================================================================================================== 
                                          Sattar Mulla CSS
=======================================================================================================================*/
.mt-4 {
	margin-top: 1rem;
}
.mt-5 {
	margin-top: 1.5rem;
}
.mb-15 {
	margin-bottom: 15px;
}
.header .logo h1.Sattar_Code_UBI_Logo img.ubi_logo_90 {
  max-height: 100% !important;
}
.ms-md-4 {
	margin-left: 0 !important;
}
.header.header_ubi24_smm .btn-getstarted,
.header.header_ubi24_smm .btn-getstarted:focus {
  color: var(--contrast-color);
  background: #0670bc;
  font-size: 15px;
  padding: 8px 25px;
  margin: 0 0 0 30px;
  border-radius: 4px;
  transition: 0.3s;
  font-weight: 500;
}
.header.header_ubi24_smm .download_centre_btn_mobile_view_on .btn-getstarted,
.header.header_ubi24_smm .download_centre_btn_mobile_view_on .btn-getstarted:focus {
  color: var(--contrast-color);
  background: #0670bc;
  font-size: 15px;
  padding: 8px 25px;
  margin: 0 10px 0 10px;
  border-radius: 4px;
  transition: 0.3s;
  font-weight: 500;
}

.header.header_ubi24_smm .btn-getstarted:hover,
.header.header_ubi24_smm .btn-getstarted:focus:hover {
  color: var(--contrast-color);
  background: color-mix(in srgb, #0670bc, transparent 15%);
}


.navmenu li:hover>a,
  .navmenu.sattar_Nav_UBI24 .active,
  .navmenu.sattar_Nav_UBI24 .active:focus {
    color: #E31D25;
  }
.navmenu.sattar_Nav_UBI24 .dropdown ul a:hover,
  .navmenu.sattar_Nav_UBI24 .dropdown ul .active:hover,
  .navmenu.sattar_Nav_UBI24 .dropdown ul li:hover>a {
    color: #E31D25;
  }
.navmenu.sattar_Nav_UBI24 a,
  .navmenu.sattar_Nav_UBI24 a:focus {
    color: var(--nav-color);
}
 .navmenu.sattar_Nav_UBI24 .dropdown .dropdown:hover>ul {
    opacity: 1;
    top: 0;
    left: 100%;
	 box-shadow: 0px 0px 3px 0px #000;
    visibility: visible;
  }
 .navmenu.sattar_Nav_UBI24 .dropdown .dropdown:hover>ul.ubi24_cap_ul_smm {
    opacity: 1;
    top: 0;
    left: -139%;
	 box-shadow: 0px 0px 3px 0px #000;
    visibility: visible;
  }
 .navmenu.sattar_Nav_UBI24 .dropdown .dropdown:hover>ul.ubi24_cap_ul2_smm {
    opacity: 1;
    top: 0;
    left: -47%;
	 box-shadow: 0px 0px 3px 0px #000;
    visibility: visible;
  }
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero.hero_smm_ubi24 {
  width: 100%;
  min-height: 100vh;
  position: relative;
  padding: 80px 0 60px 0;
  display: flex;
  align-items: center;
  background: url("../UBI-Img24/Hero_Back2.jpg") top center no-repeat;
  background-size: cover;
}
/*------------------------------------------------------------------------------------------------------*/
.box_shadow_ubi24_hm_smm {
	box-shadow: 0px 0 30px color-mix(in srgb, var(--default-color), transparent 88%);
	border: 1px solid;
}
.about_ubi24_hm .content h2.h2_ubi_hm_hd {
	color: #fff;
	font-size: 32px;
}
.about_ubi24_hm .content h2.h2_ubi_hm_hd span {
	color: #000;
}
.about.about_ubi24_hm .content {
  background:url("../UBI-Img24/bod/Theme-background.jpg");
  padding: 40px;
}
.about_ubi24_hm_para {
	color: #fff;
}

.section-title.section-title_ubi_smm h2.title_smm_ubi24_hm {
  font-size: 13px;
  letter-spacing: 1px;
  font-weight: 700;
  padding: 8px 20px;
  margin: 0;
  background: color-mix(in srgb, var(--title-ubi-color), transparent 90%);
  color: red;
  display: inline-block;
  text-transform: uppercase;
  border-radius: 50px;
  font-family: var(--default-font);
}

.section-title.section-title_ubi_smm p.hd_sab_hm_smm {
  color: var(--heading-ubi-color);
  margin: 10px 0 0 0;
  font-size: 37px;
  font-weight: 500;
  font-family: var(--heading-font);
}
.red_color {
	color: red;
}
.hero .animated.ubi24_smm_hero {
  animation: up-down 2s ease-in-out infinite alternate-reverse both;
  border: 1px solid #42669D;
  box-shadow: 0px 0px 24px 1px #42669D;
}

.chair_md_contain_box_hm .h3_chai_md_hm {
  font-weight: 600;
	margin-bottom: 1.5rem;
}
.chair_md_contain_box_hm p.chair_md_para_hm {
	/*font-weight: 600;*/
  font-size: 21px;
  line-height: 32px;
  word-spacing: 1px;
}
.padding_left_right_img {
	padding: 0 10px;
}
.readmore_btn .btn-read-more  {
	color: var(--contrast-color);
  background: var(--accent-color);
  line-height: 0;
  padding: 15px 40px;
  border-radius: 4px;
  transition: 0.5s;
  box-shadow: 0px 5px 25px color-mix(in srgb, var(--accent-color), transparent 90%);
}
.readmore_btn .btn-read-more span {
	font-family: var(--default-font);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 1px;
}
.readmore_btn .btn-read-more  i {
	margin-left: 5px;
  font-size: 18px;
  transition: 0.3s;
}
.readmore_btn .btn-read-more:hover i {
  transform: translateX(5px);
}

section, .section.bod_group_sec {
  color: var(--default-color);
  background-color: var(--background-bod-group-color);
  padding-top: 10px;
	padding-bottom: 0;
  scroll-margin-top: 98px;
  overflow: clip;
}
.natural_social_humancapi_section_para_digit {
  font-size: 55px;
  margin-bottom: 2px;
}
.natu_soc_huma_box_singal_smm_hm {
  background-image: url("../UBI-Img24/box.png");
  background-size: 100% 100%;
  padding: 20px 0;
	text-align: right;
  padding-right: 30px;
	padding-left: 30px;
	min-height: 252px;
}
.natu_soc_huma_box_singal_smm_hm.opposite_box {
  background-image: url("../UBI-Img24/opposit_box.png");
  background-size: 100% 100%;
  padding: 20px 0;
	text-align: left;
  padding-right: 30px;
	padding-left: 30px;
	min-height: 180px;
	position: relative;
	margin-bottom: 10px;
}
.natu_soc_huma_box_singal_smm_hm.opposite_box .natural_social_humancapi_section_para_digit {
	margin-top: 10px;
}

/*.na_so_hu_contn_hm {
	transform: scale(1.0);
	transition: 0.5s;
}
.na_so_hu_contn_hm:hover {
	transform: scale(0.9);
}*/
.sub_hm_smm {
  font-size: 20px;
}
.na_so_hu_contn_hm p.line_height_20 {
	line-height: 20px;
	margin-bottom: 0.5rem;
}
.border_test_tp_hm_manf_capt {
  position: absolute;
  top: -11px;
  left: 75px;
	color: #0670bc;
  font-weight: 500;
}
section, .section.corporate_economic_profile_hm {
  color: var(--default-color);
  background-color: var(--background-corp_eco_profile-color);
  padding: 60px 0;
  scroll-margin-top: 98px;
  overflow: clip;
	padding-top: 30px;
}
.cor_eco_pro_hm_para {
	font-size: 1rem;
}
.cor_eco_pro_hm_para {
  font-size: 1.3rem;
  padding-right: 5px;
}
.font_size_1_2rem {
	font-size: 1.2rem;
}
.navigating_growth_hm img {
	box-shadow: 0px 0px 3px #000;
  border: 1px solid #000;
}
.ubi_long_box_code .only_title_box {
  background-color: #F4F7F9;
  position: relative;
  padding: 10px;
  margin-bottom: 20px;
  box-shadow: 0px 0px 3px 0px #000;
  min-height: 154px;
	transition: 0.3s;
	
}
.ubi_long_box_code .only_title_box:hover {
	background-color: #fff;
	box-shadow: 0px 0px 3px 0px #000;
	border: 1px solid grey;
}

/*.ubi_long_box_code .only_title_box:hover {
    transform: scale(1.1);
    box-shadow: 0px 0 30px color-mix(in srgb, var(--default-color), transparent 85%);
  }
*/
.mb-0 {
	margin-bottom: 0;
}
.pt-3 {
  padding-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.ubi_long_box_code .index_bottom_title_h3.fs-24.mt-4 {
  font-size: 1.35rem;
  position: relative;
  bottom: 0px;
  left: 1px;
  width: 90%;
}

span.red_index_btm_title_big_txt {
  color: red;
  font-weight: 600;
  font-size: 1.60rem;
}
.ubi_long_box_code .index_bottom_title_view_more_btn {
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.ubi_long_box_code .index_bottom_title_view_more_btn a.cta-btn.smm_btn {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 2px 15px;
  border-radius: 4px;
  transition: 0.5s;
  margin: 10px;
  color: #fff;
  background: #00569B;
  text-align: center;
}
.small_title_long_box.red_color {
  font-size: 17px;
  font-weight: 500;
  line-height: 30px;
}
.small_hd_capital_hm {
	color: red;
  margin: 10px 0 1px 0 !important;
}
.big_hd_capital_hm {
	color: var(--heading-ubi-color);
	margin: 1px 0 0 0 !important;
}
.readmore_btn.capital_sec .btn-read-more {
	padding: 8px 18px;
	margin-top: 15px;
}
.readmore_btn.capital_sec .btn-read-more span {
	font-size: 12px;
}
.section.capital_section_hm_smm {
	color: var(--default-color);
  background-color: color-mix(in srgb, var(--accent-color), transparent 98%);
	 border-top: 1px solid color-mix(in srgb, var(--accent-color), transparent 85%);
  border-bottom: 1px solid color-mix(in srgb, var(--accent-color), transparent 85%);
  padding: 60px 0;
  scroll-margin-top: 98px;
  overflow: clip;
	padding-top: 30px;
}
.testimonials.capital_section_hm_smm .testimonial-item {
	background-color: var(--background-color);
}
.section-title.padding_btm_20 {
	padding-bottom: 25px;
}
.footer.footer_ubi24_sattar_mulla h4.followus_ubi24_footer_smm {
  color: var(--heading-ubi-color);
  font-size: 1.5rem;
}
.footer_follow_us_padding_hm {
	padding: 0 20px;
}
.footer.footer_ubi24_sattar_mulla .social-links a:hover {
  color: var(--contrast-color);
  background-color: var(--accent-color);
}
.footer.footer_ubi24_sattar_mulla .social-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 4px;
  background-color: color-mix(in srgb, var(--accent-color), transparent 97%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 85%);
  font-size: 22px;
  color: var(--accent-color);
  margin-right: 10px;
  transition: 0.3s;
}
.footer.footer_ubi24_sattar_mulla {
	padding-bottom: 0;
	border: 1px solid color-mix(in srgb, var(--accent-color), transparent 85%);
}
.footer .copyright.copyright_ubi24 p {
	font-size: 15px;
}
.footer.footer_ubi24_sattar_mulla .copyright.copyright_ubi24 {
  padding-top: 25px;
  padding-bottom: 25px;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
/***********============================================================================================================
------------------------   Customer Centricity with Innovative Technology  Page ----------------------------
==================================================================================================================****/
.breadcum_sec_ubi24_smm.col-lg-4 {
  text-align: right;
}
.page-title nav .breadcum_sec_ubi24_smm ol {
	display: ruby-base-container;
}
.page-title .heading.heading_page_smm_inside {
  padding: 50px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.service-details.smm_inside_page p.para_inside_pg {
  font-size: 1rem;
}
section, .section.storypage_back_color {
	color: var(--default-color);
  /*background-color: var(--background-color);*/
  padding: 60px 0;
  scroll-margin-top: 98px;
  overflow: clip;
  /*background: linear-gradient( to left, red 50%, blue), transparent 60%;*/
  opacity: 1;
}
section, .section.corp_infor_pg_smm {
	background: var( --background-corporate-info-color);
}
.page-title nav.smm_breadcum {
	border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}
.cor_info_tabe_main_div .table th.table_hd_smm {
	background: red;
	color: var(--contrast-color);
}/*
.cor_info_tabe_main_div .table th.table_hd_smm.one {
	width: 40%
}

.cor_info_tabe_main_div .table th.table_hd_smm.two {
	width: 60%
}*/
.cor_info_tabe_main_div .table th.table_hd_smm.one {
	border-right: 8px solid var( --background-corporate-info-color);
}
.cor_info_tabe_main_div .table tr td.one_td {
	border-right: 8px solid var( --background-corporate-info-color);
	font-weight: 500;
}
.cor_info_tabe_main_div .table tr td {
	background: transparent;
	border-bottom: 1px solid #000;
}
.font_bold_500_table_corp_info_smm {
	font-weight: 500;
}
.page_name_inside_main_smm {
	color: var(--heading-ubi-color);
	line-height: 28px;
}
.sub_title_pg_smm_ubi24 {
  font-size: 1rem;
  color: gray;
}
.circle_img_bod_smm img.img-fluid.img_circle_radius {
  /*border-radius: 50%;
  border: 4px solid #fff;*/
	max-width: 90%;
	position: relative;
  top: 10px;
	left: 7px;
}/*
.circle_img_bod_smm img.img-fluid.img_circle_radius {
  border-radius: 50%;
  border: 4px solid #fff;
	max-width: 40%;
	position: relative;
  top: 10px;
	left: 7px;
}*/
.top_img_name_sec_bod .name_designation_div_bod_pg_smm {
	background: #e82327;
	padding: 20px 15px;
}
.top_img_name_sec_bod .name_designation_div_bod_pg_smm.right_bod_smm {
	background: #076db5;
	padding: 20px 15px;
}
.name_designation_div_bod_pg_smm h4.bod_below_img_name {
	color: var(--contrast-color);
	margin-bottom: 0;
}
.name_designation_div_bod_pg_smm p.designation_bod_ubii {
	color: var(--contrast-color);
	margin-bottom: 0;
}
.bod_details_btm_pg_smm {
	background: #eceef5;
	padding: 20px 15px;
	min-height: 644px;
}
.bod_row {
	margin-bottom: 40px;
}
.chair_md_content_box .h3_chai_md_hm {
  font-weight: 600;
  margin-bottom: 1.5rem;
  color: var(--title-ubi-sub_hd_blk_color);
}
.service-details h3.md_hd_h3_details_pg {
  font-size: 26px;
	color: var(--title-ubi-sub_hd_blk_color);
	font-weight: 600;
}
.chair_md_content_box p.hd_sab_hm_smm {
  color: var(--heading-ubi-color);
  margin: 0 0 20px 0;
  font-size: 37px;
  font-weight: 500;
  font-family: var(--heading-font);
	line-height: 40px;
}
.service-details .chair_md_content_box p.para_chair_md {
  font-size: 1.1rem;
}
.service-details .content_full_width_chair_md_details_smm_pg p.para_chair_md {
  font-size: 1.1rem;
}
.bod_row.chair_md_details_row {
  margin-bottom: 1rem;
}
section, .section.cor_eco_pro_pg {
	background-color: var(--background-corp_eco_profile-color);
}
.bor_img_line {
	margin-bottom: .5rem;
	position: relative;
  top: -4px;
}

/*-------------------Download PDF Css------------------------*/
.download_pdf_pg24 .faq.download_pdf_faq_main {
  padding: 5px 0;
}
.download_pdf_pg24 .faq.download_pdf_faq_main .faq-list .collapsed.donload_pdf_faq_title_hd {
  color: #0670bc;
  font-weight: 700;
}
.download_pdf_pg24 .faq.download_pdf_faq_main .faq-list .collapsed.donload_pdf_faq_title_hd:hover {

    color: red;

}
.download_pdf_pg24 .download_pdf_content_link_ulli_main ul {
  list-style-image: url("../UBI-Img24/pdf-icon-2.png");
	margin: 12px 0 0 0;
}
.download_pdf_pg24 .faq .faq-list li .download_pdf_content_link_ulli_main ul li {
	margin-bottom: 0;
    padding: 5px 0 5px 4px;
	border-bottom: none;
}
.download_pdf_pg24 .download_pdf_content_link_ulli_main ul li a {
	color: #444444;
}
.download_pdf_pg24 .download_pdf_content_link_ulli_main ul li a:hover {
	color: #007ab7;
	font-weight: 600;
}
.download_pdf_pg24 .smm_class_for_tab_css {
	box-shadow: 0 0 7px rgba(0,0,0,0.1) inset;
	padding: 20px !important;
}
.download_pdf_pg24 .nav-tabs.smm_nav_tabs .nav-link.nav_link_smm:hover {
	color: red;
  font-size: 1.1rem;
}
.download_pdf_pg24 .nav-tabs.smm_nav_tabs .nav-link.nav_link_smm.active {
  color: #0670bc !important;
  background-color: #fff !important;
  border-color: #7D7D7D #7D7D7D #fff !important;
  font-weight: 700;
  font-size: 1.1rem;
}
.download_pdf_pg24 .nav-link.nav_link_smm {
  display: block;
  padding: .5rem 1rem;
  color: #444444;
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
	font-size: 1.1rem;
}

.download_pdf_pg24 .faq {
  padding: 60px 0;
}
.download_pdf_pg24 .faq .faq-list {
  padding: 0;
  list-style: none;
}
.download_pdf_pg24 .faq .faq-list li {
  border-bottom: 1px solid #e3e7e9;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.download_pdf_pg24 .faq .faq-list .question {
  display: block;
  position: relative;
  font-family: #009cea;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  padding-left: 25px;
  cursor: pointer;
  color: #007ab7;
  transition: 0.3s;
}
.download_pdf_pg24 .faq .faq-list i {
  font-size: 16px;
  position: absolute;
  left: 0;
  top: -2px;
}
.download_pdf_pg24 .faq .faq-list p {
  margin-bottom: 0;
  padding: 10px 0 0 25px;
}
.download_pdf_pg24 .faq .faq-list .icon-show {
  display: none;
}
.download_pdf_pg24 .faq .faq-list .collapsed {
  color: black;
}
.download_pdf_pg24 .faq .faq-list .collapsed:hover {
  color: #009cea;
}
.download_pdf_pg24 .faq .faq-list .collapsed .icon-show {
  display: inline-block;
  transition: 0.6s;
}
.download_pdf_pg24 .faq .faq-list .collapsed .icon-close {
  display: none;
  transition: 0.6s;
}
/*-------------------End Download PDF Css------------------------*/

.font_size_low_red_title.red_color {
  font-size: 1.3rem;
}
.gri_navi_grow_gradient {
	background-image: linear-gradient(to left, rgba(239,240,246,0), rgba(239,240,246,1));
	padding: 20px;
	max-width: 60%;
	margin-bottom: 1rem;
}
.bor_btm_gri {
	border-bottom: 1px solid #000;
}
.gri_navi_grow_gradient p {
	margin-bottom: 5px;
}
.service-details.inside_page_navigating h3.md_hd_h3_details_pg.inside_pg_hd_h3 {
  font-size: 26px;
  color: var(--title-ubi-sub_hd_blk_color);
  font-weight: 600;
	border-bottom: 1px solid #000;
  padding-bottom: 5px;
}
.service-details.inside_page_navigating p.para_chair_md {
  font-size: 1.1rem;
}
.sub_hd_navigating_growth {
	color: var(--heading-ubi-color);
}
.service-details.inside_page_navigating .ul_li_navi_growth_pg ul.ul_smm_navi_grwth {
	list-style-type: circle;
	font-size: 1.1rem;
	padding-left: 16px;
}
.service-details.inside_page_navigating .ul_li_navi_growth_pg ul.ul_smm_navi_grwth li ul.inside_ul_smm {
	list-style-type: circle;
	font-size: 1.1rem;
	padding-left: 25px;
	
}
.service-details.inside_page_navigating .ul_li_navi_growth_pg ul.ul_smm_navi_grwth li {
	display: inline flow-root list-item;
}
.navi_growth_ol_li ol li {
	font-size: 1.1rem;
	margin-bottom: 1rem;
}