body {
  font-family: Arial, Helvetica, sans-serif;
}

p {
  font-family:  Arial, Helvetica, sans-serif;
}

select {
	background: #2625af;
	font-size: 14px;
	color: #ffffff !important;
	font-family: "Ebrima";
	height: 50px;
	padding: 0 35px 0 15px;
	font-weight: normal;
	border: none;
	width: 100%;
}

select:active, 
select:focus{ border-radius:0;}
z
select option{-webkit-box-shadow: inset 0px 0px 0px 200px rgba(217,63,135,1);
-moz-box-shadow: inset 0px 0px 0px 200px rgba(217,63,135,1);
box-shadow: inset 0px 0px 0px 200px rgba(217,63,135,1); 
background-color: #4500bb; padding: 5px 15px; -moz-padding:5px 15px; -webkit-padding:5px 15px; color:#fff !important;}

select option:hover{-webkit-box-shadow: inset 0px 0px 0px 200px rgba(68,49,141,1);
-moz-box-shadow: inset 0px 0px 0px 200px rgba(68,49,141,1);
box-shadow: inset 0px 0px 0px 200px rgba(68,49,141,1); background:#5b3010;}

.custombtn {
  padding: 13px 50px;
  background-color: #ab0808;
  color: #fff;
  transition: 0.6s;
}

.custombtn:hover {
  border: 1px solid #ab0808;
  background-color: #fff;
  color: #444;
  transition: 0.6s;
}

#mynavbar li .badrop {
  font-size: 16px;
  font-family: Archivo;
  color: #444;
  transition: 0.5s;
}

#mynavbar li .badrop:hover {
  font-size: 16px;
  font-family: Archivo;
  color: #ab0808;
  text-indent: 8px;
  transition: 0.5s;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #87714a;
  min-width: max-content;
    z-index: 1;
    padding: 10px;
}
/* Links inside the dropdown */

.dropdown-content a {
  color: #005188;
  padding: 12px 16px;
  text-decoration: none;
  font-family: Blinker;
  display: block;
  font-size: 16px;
  margin-top: 3px;
}

.dropdown-item {
  font-size: 14px;
  margin-top: 3px;
}


/* Change color of dropdown links on hover */

/* Change color of dropdown links on hover */
.dropdown-content a:hover {color: #87714a;}

/* Change color of dropdown links on hover */
.dropdown-menu a:hover {color: #87714a;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: inline-block;}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  overflow-x: hidden;
  transition: 1s;
  padding-top: 60px;
}

.sidenav a {
  color: white;
  display: block;
  font-size: 40px;
  transition: 0.3s;
}

.sidenav a:hover {
  color: yellow;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 120px;
  margin-right: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 10px;}
}


#header-pc {
  background-image: url('../image/header_bg.png'); 
  background-size: cover; 
  background-repeat: no-repeat; 
  background-position: center;
  height: auto;
  color: #f1e2d8;
  border-bottom: 1px solid #ab0808;
}

#header-pc .curve {
  border-radius: 0 100em 100em 0;
  border-right: 17px solid rgba(0, 0, 0, 0.486);
}

#header-pc .bg_img {
  background-color: #fff;
  border-radius: 0 100em 100em 0;
}

#header-pc .bg_img .card {
  background-color: #ab0808;
}

#header-pc .bg_img .card .h41 {
  color: #fff;
  font-family: 'Archivo Black';
}


#header-pc .bg_img .card .btn_bg {
  background-color: #c59a1a;
  color: #fff;
  transition: 0.6s;
}
 
#header-pc .bg_img .card .btn_bg:hover {
  border: 1px solid #ab0808;
  background-color: #fff;
  color: #ab0808;
  transition: 0.6s;
}

#header-pc  .curve .bg_text {
  padding-top: 50px;
  color: #333;
  font-family: Archivo;
}

#header-pc  .curve .bg_text h4 {
  color: #333;
  font-family: Archivo;
  font-weight: 900;
}

#header-pc  .curve .bg_text p {
  font-family: Archivo;
  font-size: 18px;
}

#banner {
  background-image: url(image/customer-interaction.html); 
  background-size: cover; 
  background-repeat: no-repeat; 
  background-position: center;
  height: 300px;
}

.bar {
  background-color: #0d886b;
  width: 74px;
  height: 16px;
  margin-bottom: 20px;
}
.bar1 {
  background-color: #0d886b;
  width: 74px;
  height: 16px;
  margin-bottom: 20px;
}
.bar2 {
  background-color: #0d886b;
  width: 74px;
  height: 16px;
  margin-bottom: 20px;
}



.mobile_header {
  background-image: url('../image/mobile_bg2.png'); 
  background-size: cover; 
  background-repeat: no-repeat; 
  background-position: center;
  height: 290px;
}

.mobile-header h4 {
  font-family: Archivo;
}

.mobile-header p {
  font-family: Archivo;
  font-size: 14px;
}

.mobile_header .card {
  background-color: #ab0808;
  position: relative;
  z-index: 9999; 
  top: -20px;
}

.mobile_header .card .btn {
  font-family: 'Archivo Black';
}

.mobile_header .card .btn_mbg {
  background-color: #c59a1a;
  color: #fff;
  transition: 0.6s;
  padding: 14px 80px;
}
 
.mobile_header .card .btn_mbg:hover {
  border: 1px solid #ab0808;
  background-color: #fff;
  color: #ab0808;
  transition: 0.6s;
}

.mobile_header3 {
  border-top: 17px solid rgba(0, 0, 0, 0.404);
  border-top-left-radius: 100em;
  border-top-right-radius: 100em;
  position: absolute;
  top: 190px;
  z-index: 9;
}

.mobile_header2 {
  padding: 100px 30px 30px 40px;
  color: #333;
  font-family: Archivo;
  text-align: center;
  border-bottom: 1px solid #169b617c;
  background-color: #fff;
  border-top-left-radius: 15em;
  border-top-right-radius: 15em;
}

.mobile_header2 h4 {
  color: #ab0808;
  font-family: Archivo;
  font-weight: 900;
}

.mobile_header p {
  font-family: Archivo;
  font-size: 18px;
}

.covid_pc {
  width: 100%;
  background-color: #ab0808;
  padding: 30px 40px;
}

.covid_mb  {
  width: 100%;
  background-color: #ab0808;
  padding: 30px 40px;
  margin-top: 240px;
}

.body1_pc {
  background-color: #f5f5f5;
  padding: 0px 37px;
}

.body1_pc .abt {
  padding: 30px 0px;
}

.body1_pc .abt:hover div:nth-child(2) {
  background-color: #fff;
  transition: 0.5s;
  border-bottom: 2px solid #c59a1a;
}

.body1_pc .abt:hover div:nth-child(1) {
  background-color: #fff;
  transition: 0.5s;
  border-top: 2px solid #c59a1a;
}

.body1_pc .abt:hover p:nth-child(2) {
  color: #444;
  transition: 0.5s;
}

.body1_pc .abt:hover h4:nth-child(1) {
  color: #ab0808;
  transition: 0.5s;
}

.body1_pc .abt:hover .btn:nth-child(1) {
  background-color: #ab0808;
  transition: 0.5s;
}

.body1_pc .abt .card_1 {
  background-image: url(../image/pic4.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 250px;
}

.body1_pc .abt .card_2 {
  background-image: url(../image/Young-Man-Online-Banking.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 250px;
}

.body1_pc .abt .card_3 {
  background-image: url(../image/pic5.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 250px;
}

.body1_pc .abt .card_body {
  background-color: #ab0808;
  padding: 30px 20px;
}

.body1_pc .abt .card_body .p1 {
  font-family: Archivo;
  font-size: 14px;
  color: #fff;
}

.body1_pc .abt .card_body .p2 {
  font-family: 'Archivo';
  font-weight: 800;
  color: #fff;
}

.body1_pc .abt .btn {
  border: 1px solid #fff;
  color: #fff;
  padding: 5px 20px;
  font-size: 15px;
  text-transform: capitalize;
  transition: 0.5s;
}

.body1_pc .abt .btn:hover {
  background-color: #FFF;
  border: 1px solid #c59a1a;
  color: #fff;
  padding: 5px 20px;
  font-size: 15px;
  text-transform: capitalize;
  transition: 0.5s;
}

.body2_pc {
  padding: 0px 30px;
}

.body2_pc .h1 {
  font-family: Archivo;
  text-align: center;
  font-size: 40px;
  color: #555;
  font-weight: 900;
}

.body2_pc .card_1 {
  background-image: url(../image/bussiness.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
}

.body2_pc .card_2 {
  background-image: url(../image/bussiness-2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
}

.body2_pc .card_3 {
  background-image: url(../image/wealth_bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
}

.body2_pc .card_4 {
  background-image: url(../image/service.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
}

.body2_pc .card_body {
  background-color: rgb(240, 240, 240);
  padding: 30px 20px;
  border-top: 2px solid #c59a1a;
  height: 300px;
}

.body2_pc .card_body .p1 {
  font-family: Archivo;
  font-size: 14px;
  color: #444;
}

.body2_pc .card_body .p2 {
  font-family: 'Archivo';
  font-weight: 800;
  color: #ab0808;
}

.body2_pc .card_body a {
  padding-top: 30px;
  padding-bottom: 3px;
  color: #ab0808;
  border-bottom: 1px solid #ab0808;
}

.body2_pc .card_body a:hover {
  color: #c59a1a;
  border-bottom: 1px solid #c59a1a;
}

@media screen and (max-width: 600px) {
  .body2_pc .h1 {
    font-family: Archivo;
    text-align: center;
    font-size: 30px;
    color: #555;
    font-weight: 900;
  }
  

    .body2_pc .card_1 {
      background-image: url(../image/bussiness.jpg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 270px;
    }

    .body2_pc .card_2 {
      background-image: url(../image/bussiness-2.jpg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 270px;
    }

    .body2_pc .card_3 {
      background-image: url(../image/wealth_bg.jpg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 270px;
    }

    .body2_pc .card_4 {
      background-image: url(../image/service.jpg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 270px;
    }

    .body2_pc .card_body {
      background-color: rgb(255, 255, 255);
      padding: 15px 20px;
      border-top: 2px solid #c59a1a;
      height: auto;
    }

    .body2_pc .card_body .p1 {
      font-family: Archivo;
      font-size: 13px;
      color: #444;
    }

    .body2_pc .card_body .p2 {
      font-family: 'Archivo';
      font-weight: 800;
      color: #ab0808;
      font-size: 28px;
    }

    .body2_pc .card_body a {
      padding-top: 30px;
      padding-bottom: 3px;
      color: #ab0808;
      border-bottom: 1px solid #ab0808;
    }

    .body2_pc .card_body a:hover {
      color: #c59a1a;
      border-bottom: 1px solid #c59a1a;
    }

}

.body3_pc {
  background-image: url(../image/about_bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
}

.body3_pc h4 {
  font-weight: 900;
  color: #ab0808;
  padding-top: 40px;
  font-family: Archivo;
}

.body3_pc h1 {
  padding-bottom: 30px;
  font-weight: 200;
  font-family: Archivo;
  color: #555;
}

.body3_pc h5 {
  font-weight: 900;
  color: #ab0808;
  padding-top: 40px;
  font-family: Archivo;
  text-align: center;
}

.body3_pc h3 {
  padding-bottom: 30px;
  font-weight: 200;
  font-family: Archivo;
  color: #555;
  text-align: center;
}

.body3_pc .sub {
  padding: 10px 30px;
  border-left: 9px solid #ab0808;
}

.body3_pc .other_sub {
  padding: 1px 30px;
  border-left: 2px solid #ab0808;
  margin-top: 30px;
}

.body3_pc .sub_2 .sub .h4 {
  color: #ab0808;
  font-weight: 800;
  font-family: Archivo;
}

.body3_pc .sub_2 .sub p {
  color: #555;
  font-family: Archivo;
  padding-top: 8px;
}

.body3_pc .sub_2 .sub .btn {
  padding: 6px 20px;
  text-transform: capitalize;
  border: 1px solid #ab0808;
  color: #222;
  transition: 0.6s;
}

.body3_pc .sub_2 .sub .btn:hover {
  padding: 6px 20px;
  text-transform: capitalize;
  background-color: #ab0808;
  color: #fff;
  transition: 0.6s;
}

.body3_pc .sub_2 .other_sub  p {
  color: #222;
  font-family: Archivo;
  padding-top: 8px;
}

.body3_pc .sub_2 .other_sub  p:hover {
  color: #ab0808;
  font-family: Archivo;
  padding-top: 8px;
  font-weight: 900;
}

.body4_pc .carousel .carousel-item .car_1 .ca {
  padding: 150px 80px 130px 120px;
  background-color: rgb(236, 236, 236);
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}

.body4_pc .carousel .carousel-item .car_2 .cad {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}

.body4_pc .carousel .carousel-item .car_1 .ca h5{
  font-family: Archivo;
  color: #ab0808;
  font-weight: 900;
}

.body4_pc .carousel .carousel-item .car_1 .ca h1{
  font-family: Archivo;
  color: #555;
  font-weight: 100;
}

.body4_pc .carousel .carousel-item .car_1 .ca .btn{
  padding: 9px 40px;
  text-transform: capitalize;
  background-color: #ab0808;
  color: #fff;
  transition: 0.6s;
}

.body4_pc .carousel .carousel-item .car_1 .ca .btn:hover {
  padding: 9px 40px;
  text-transform: capitalize;
  background-color: #fff;
  border: 1px solid #ab0808;
  color: #ab0808;
  transition: 0.6s;
}

.body4_pc .carousel .carousel-item .car_2 .cad {
  background-image: url(../image/card1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.body4_pc .carousel .carousel-item .car_2 .cad1 {
  background-image: url(../image/card2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}

.body4_pc .carousel .carousel-item .car_2 .cad2 {
  background-image: url(../image/card3.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}

.body4_pc .carousel .carousel-item .car_2 .cad3 {
  background-image: url(../image/card4.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}

.body4_pc .carousel .carousel-item .car_2 .cad4 {
  background-image: url(../image/card5.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}

.body4_mb .carousel .carousel-item .card .card-header {
  background-image: url(../image/card1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 270px;
}

.body4_mb .carousel .carousel-item .card .head2 {
  background-image: url(../image/card2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 270px;
}

.body4_mb .carousel .carousel-item .card .head3 {
  background-image: url(../image/card3.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 270px;
}

.body4_mb .carousel .carousel-item .card .head4 {
  background-image: url(../image/card4.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 270px;
}

.body4_mb .carousel .carousel-item .card .head5 {
  background-image: url(../image/card5.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 270px;
}

.body4_mb .carousel .carousel-item .card .card-body {
  background-color: rgb(248, 248, 248);
}

.body4_mb .carousel .carousel-item .card .card-body p {
  text-align: center;
}

.body4_mb .carousel .carousel-item .card .card-body h5 {
  font-family: Archivo;
  color: #ab0808;
  font-weight: 900;
  text-align: center;
}

.body4_mb .carousel .carousel-item .card .card-body h2 {
  font-family: Archivo;
  color: #555;
  font-weight: 100;
  text-align: center;
}

.body4_mb .carousel .carousel-item .card .card-body .btn{
  padding: 9px 40px;
  text-transform: capitalize;
  background-color: #ab0808;
  color: #fff;
  transition: 0.6s;
}

.body4_mb .carousel .carousel-item .card .card-body .btn:hover {
  padding: 9px 40px;
  text-transform: capitalize;
  background-color: #fff;
  border: 1px solid #ab0808;
  color: #ab0808;
  transition: 0.6s;
}

.body5_pc i {
  color: #ab0808;
  font-size: 43px;
}

.body5_pc p {
  text-align: center;
  padding-top: 15px;
  color: #444;
  font-family: Archivo;
}

.body5_pc .btn {
  padding: 9px 40px;
  text-transform: uppercase;
  font-weight: 900;
  background-color: #fff;
  border: 2px solid #ab0808;
  color: #ab0808;
  transition: 0.6s;
  margin-top: 30px;
}

.body5_pc .btn:hover {
  padding: 9px 40px;
  text-transform: capitalize;
  background-color: #ab0808;
  font-weight: 900;
  color: #fff;
  transition: 0.6s;
}




.collapsebar {
  position: relative;
  z-index: 9999;
  top: 10px; 
  border-top: 5px solid #2C0202;
  padding: 15px 30px;
}

.box {
  width: 100%; 
  height: 100px;  
  border: solid 5px #000;
  border-color: #000 transparent transparent transparent;
  border-radius: 50%/100px 100px 0 0;
}

.collapsebar li a {
  color: #810C00;
  padding: 20px;
  font-size: 32px;
  font-weight: 500;
}


.collapsebar-mobi {
  background-color: #fff;
  position: absolute;
  z-index: 9999;
  top: 73px; 
  border-top: 2px solid #fff;
  padding: 0 10px;
  width: 100%;
}

.collapsebar-mobi a {
  color: #444;
  padding: 5px;
  font-size: 14px;
}

.collapsebar-mobi l1 a {
  color: #fff;
  padding: 5px;
  font-size: 14px;
}

.lnk p a {
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13.6px;
}
.lnk p a:hover {
  color: #ab0808;
  text-decoration: underline;
}

.mob_sec_ban .mb_ban2 {
  background-image: url('../image/customer-interaction.jpg'); 
  background-size: 100% 100%; 
  background-repeat: no-repeat; 
  background-position: center;
  height: 300px;
}

.mob_third_ban .mb_ban3 {
  background-image: url('../image/business-deal.jpg'); 
  background-size: 100% 100%; 
  background-repeat: no-repeat; 
  background-position: center;
  height: 300px;
}

.personal_bdy {
  background-image: url('../image/bg.html'); 
  background-size: 100% 100%; 
  background-repeat: no-repeat; 
  background-position: center;
  height: 160px;
}

.register_body {
  background-image: url('../image/bn.html'); 
  background-size: cover; 
  background-repeat: no-repeat; 
  background-position: center;
  height: auto;
}