@charset "UTF-8";
:root{
  --primary1: 3,117,76;  /* #03754C */
  --primary2: 237,50,55;  /* #ED3237 */
  --primary3: 40,40,40;  /* #282828 */
  --baseColor: 83,83,83; /* #535353 */
  --color_black: 0,0,0;
  --color_white: 255,255,255;
  --color_gray: 245,245,245; /* #f5f5f5 */
  --color_yellow: 252,195,0; /* #fcc300 */
  --baseFont: 'Roboto', sans-serif;
  --imgPrimary1: invert(15%) sepia(95%) saturate(4351%) hue-rotate(351deg) brightness(93%) contrast(91%);
  --imgPrimary2: invert(22%) sepia(76%) saturate(3282%) hue-rotate(345deg) brightness(99%) contrast(88%);
  --imgWhite: invert(100%) sepia(100%) saturate(0%) hue-rotate(13deg) brightness(103%) contrast(102%);
  --imgBlack: invert(0%) sepia(100%) saturate(0%) hue-rotate(108deg) brightness(93%) contrast(103%);
  --imgBase: invert(22%) sepia(0%) saturate(1329%) hue-rotate(142deg) brightness(105%) contrast(64%);
  --padding: clamp(3.125rem, 2.5rem + 3.125vw, 6.25rem);
  --padding48: clamp(1rem, 0.6296rem + 1.9753vw, 3rem);
  --mb: 1.875rem;
  --radius42: clamp(1.25rem, 0.975rem + 1.375vw, 2.625rem);
  --radius24: clamp(1rem, 0.9074rem + 0.4938vw, 1.5rem);
}

::-moz-selection { color: rgb(var(--color_white)); background: rgb(var(--primary1));}
::selection {color: rgb(var(--color_white)); background: rgb(var(--primary1));}


@media (min-width: 1200px) {
  .col-xl-25 {width: 20%;}
}
.small, small{font-size: .85em;}
body {font-family: var(--baseFont); color: rgb(var(--baseColor)); background-color: rgb(var(--color_gray)); letter-spacing: 0.02rem;}
a {color: rgb(var(--baseColor)); transition: 0.4s;}
a:hover, a:focus { outline: none; box-shadow: none; text-decoration: none; color: rgb(var(--primary1));}
.nav-link {color: rgb(var(--baseColor));}

a.clr-primary1.bg-clr-dark:hover {color: rgb(var(--color_white));}
a.link {position: relative; font-weight: 500; display: inline-flex; align-items: center;}
a.link span {position: relative;}
a.link span:before {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background-color: rgb(var(--primary1)); transition: 0.2s;}
a.link:after {content: ''; background: url('../images/arrow-up-right.png') left top no-repeat; width: 16px; height: 16px; margin-left: 5px; filter: var(--imgPrimary1); transition: 0.4s;}
a.link:hover span:before {width: 100%;}
a.link:hover:after {transform: rotate(45deg);}
a.link.bg-clr-dark span:before {background-color: rgb(var(--color_white));}

button:focus { outline: none; }
.sprite { background-image: url("../images/sprite.png"); background-position: 0 0; background-repeat: no-repeat; display: inline-block; vertical-align: middle;}
.tra { transition: all 0.3s linear;}
.fw-400 {font-weight: 400;} .fw-500 {font-weight: 500 !important;} .fw-700 {font-weight: 700;}
.radius-42 {border-radius: var(--radius42);}
.radius-24 {border-radius: var(--radius24) !important;}

.style1 .carousel-indicators {justify-content: flex-end; margin: 0;}
.style1 .carousel-indicators [data-bs-target] {width: 12px; height: 12px; border: none; border-radius: 4px; transform: rotate(45deg); margin: 0 0 0 7px; border: 1px solid rgb(var(--baseColor));}

.style1 .owl-nav [class^="owl-"] {border: 0 !important; width: 47px; height: 47px; background-color: rgb(var(--primary1)) !important; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: 0.4s;}
.style1 .owl-nav [class^="owl-"]:before {content: ''; background: url('../images/arrow.svg'); width: 24px; height: 24px; filter: var(--imgWhite);}
.style1 .owl-nav .owl-next {margin-left: 1.5rem;}
.style1 .owl-nav .owl-next:before {transform: rotate(180deg);}
.style1 .owl-nav [class^="owl-"]:hover:not(.disabled) {background-color: rgb(var(--primary2)) !important;}
.style1 .owl-nav [class^="owl-"].disabled {opacity: 0.5;}
.style1 .owl-nav [class^="owl-"].disabled:hover {cursor: unset;}
.style1 .owl-nav.disabled [class^='owl-'] {display: none;}

.clr-primary1 {color: rgb(var(--primary1));}
.clr-primary2 {color: rgb(var(--primary2));}
.clr-primary3 {color: rgb(var(--primary3)) !important;}
.clr-black {color: rgb(var(--color_black));}
.clr-base {color: rgb(var(--baseColor)) !important;}
.clr-primary2 img {filter: var(--imgPrimary2);}

.bg-primary1 {background-color: rgb(var(--primary1));}
.bg-clr-gray {background-color: rgb(var(--color_gray));}
.bg-clr-black {background-color: rgb(var(--color_black));}
.bg-clr-white {background-color: rgb(var(--color_white));}

.img-clr-p1 img, .img-clr-p1 svg {filter: var(--imgPrimary1);}
.img-clr-p2 img, .img-clr-p2 svg {filter: var(--imgPrimary2);}

.owl-dots {text-align: center; padding-top: 15px;}
.owl-dots button.owl-dot {width: 10px; height: 10px; border-radius: 50%; display: inline-block; background: rgb(var(--primary1),0.3); margin: 0 3px;}
.owl-dots button.owl-dot.active {background-color: rgb(var(--primary1));}
.owl-dots button.owl-dot:focus {outline: none;}
.style02 .owl-dots button.owl-dot {width: 14px; height: 14px; border-radius: 50%; display: inline-block; background: #ccc; margin: 0 3px;}
.style02 .owl-dots button.owl-dot.active {background-color: rgb(var(--primary2));}
.style02 .owl-dots button.owl-dot:focus {outline: none;}

.owl-carousel.o-visible .owl-stage-outer {overflow: visible;}
.owl-carousel.owl-flex .owl-stage {display: flex;}

/* button custom */
.btn-custom {position: relative; border: none; background-color: rgb(var(--primary1)); border-radius: 4rem; color: rgb(var(--color_white)); overflow: hidden; padding: 0.75rem 1.5rem;}
.btn-custom:before {content: ''; position: absolute; left: 0; top: 0; width: 0; bottom: 0; transition: 0.4s; background-color: rgb(var(--color_black));}
.btn-custom:focus {box-shadow: none;}
.btn-custom:hover, .btn-custom:focus {background-color: rgb(var(--primary1)); color: rgb(var(--color_white)); --bs-btn-hover-border-color: rgba(var(--color_yellow));}
.btn-custom:hover:before {width: 100%;}
.btn-custom span {z-index: 1; position: relative;}

.btn-custom[data-brd="border-only"] {border: 1px solid rgb(var(--primary1)); color: rgb(var(--primary1)); background: transparent;}
.btn-custom[data-brd="border-only"]:before {background-color: rgb(var(--primary1));}
.btn-custom[data-brd="border-only"]:hover {color: rgb(var(--color_white));}
.btn-custom[data-brd="border-only"]:focus {color: rgb(var(--color_black));}

.padding {padding: var(--padding) 0;}

.container {width: 100%; max-width: 1440px;}
#wrapper {max-width: 1920px; margin: 0 auto; overflow: hidden;}

.top-menu {margin: 0; padding: 0; list-style: none; display: flex; align-items: center;}
.top-menu li{}
.top-menu li a.complaint-link{background-color: transparent; color: rgb(var(--primary1)) !important; font-size: inherit; padding: 0;}

header {left: 0; right: 0; top: 0; margin: 0 auto; transition: all 0.3s; z-index: 99 !important; --bs-border-color: rgba(var(--color_white),0.25); padding: 0 2.813rem;}
header .top {font-size: 0.875rem; font-weight: 400;}
header .top svg {filter: var(--imgBase);}
header .navbar {background-color: rgb(var(--color_white)); border-radius: clamp(2rem, 1.6rem + 2vw, 4rem);}
header .navbar .navbar-toggler:focus{outline: none; box-shadow: none;}
header .navbar {transition: all 0.3s linear; z-index: 10; padding: 0 1rem;}
header .navbar .navbar-nav .nav-item .nav-link {transition: 0.5s; padding: 0.5rem;}
header .navbar .navbar-nav .nav-item a {text-decoration: none; display: block;}
header .navbar .navbar-nav .nav-item:hover>.nav-link,header .navbar .navbar-nav .nav-item .nav-link.active {color: rgb(var(--primary1));}
header .navbar .navbar-nav .nav-item:last-child .dropdown-menu{right: 0;}
header .dropdown-menu {min-width: 200px; border-radius: 15px;}
header .dropdown-menu .dropdown-item:focus, header .dropdown-menu .dropdown-item:hover {color: rgb(var(--primary1)); background-color: transparent;}
header .dropdown:hover > .dropdown-menu {display: block;}
header .dropdown a{white-space: normal;}
header .dropdown .dropdown-menu .dropdown .dropdown-menu{left: 100%; top: 0;}
header.fixed {box-shadow: 0px 4px 50px rgba(44, 48, 50, 0.1); background-color: rgb(var(--color_white),1); backdrop-filter: blur(15px); transform: translateY(-53px);}
header .dropdown-item.active, header .dropdown-item:active {--bs-dropdown-link-active-bg: transparent; --bs-dropdown-link-active-color: rgba(var(--primary1));}
header .navbar-collapse {justify-content: flex-end;}
header .dropdown-toggle::after {border: none; background: url('../images/charet-sign.svg') center center no-repeat; width: 16px; height: 16px; vertical-align: -3px;}

h2.title {font-size: clamp(2rem, 1.9rem + 0.5vw, 2.5rem); color: rgb(var(--color_black));}
h3.sub-title {font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);}
h4 {font-size: clamp(1.125rem, 1.1rem + 0.125vw, 1.25rem);}
h2.accordion-header button {font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);}

.totop {bottom: 30px; cursor: pointer; width: 50px; height: 50px; right: -60px; z-index: 9; background: rgb(var(--primary1)); transition: 0.4s; opacity: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.totop img {width: 24px; height: 24px; transform: rotate(90deg); filter: var(--imgWhite);}
.totop:hover {background-color: rgb(var(--primary2));}

.banner {padding: 0 2.813rem; border-radius: clamp(2rem, 1.6rem + 2vw, 4rem);}
.banner .owl-stage-outer{ overflow: hidden;}
.banner .item img {border-radius: clamp(2rem, 1.6rem + 2vw, 4rem); width: 100%;}
.banner .item .container {position: absolute; left: 0; right: 0; top: 0; margin: auto;}
.banner .banner-text {font-size: clamp(2rem, 1.6rem + 2vw, 4rem); color: rgb(var(--color_white)); line-height: normal;}
.banner .style1 .owl-nav {display: flex; position: absolute; left: -23.5px; top: 50%; right: -23.5px; justify-content: space-between; transform: translateY(-50%);}

.statistics .item {border-left: 2px solid rgb(var(--primary2)); line-height: normal;}
.statistics .item strong {font-size: clamp(1.5rem, 1.3rem + 1vw, 2.5rem); font-weight: 700; color: rgb(var(--primary1)); line-height: normal;}
.statistics .item .text {font-size: 0.875rem; color: rgb(var(--baseColor));}

.video-block .ratio{border-radius: var(--radius42); overflow:hidden;}

.card {border-radius: var(--radius42); position: relative; padding: var(--padding48) var(--padding48) calc(var(--padding48)*1.5) var(--padding48); border: none;}
.card p {font-size: 0.875rem; line-height: normal;}
.card .link {position: absolute; left: var(--padding48); bottom: var(--padding48); opacity: 0.75;}
.card:hover .link {opacity: 1; color: rgb(var(--primary1));}
.card .img-wrapper {border-radius: var(--radius24); overflow: hidden;}
.card .img-wrapper img {transition: 0.4s;}
.card:hover .img-wrapper img {transform: scale(1.1);}

.services .card .icon{width: 65px; height: 65px;}

.founder-msg-block {background-color: #282828; border-radius: var(--radius42); color: rgb(var(--color_white)); position: relative;}
.founder-msg-block:before {content: ''; position: absolute; right: -27px; bottom: 0; width: 303px; height: 301px; background: url('../images/sewa-logo-bg.png') left top no-repeat; filter: var(--imgWhite); opacity: 0.05;}
.founder-msg-block .pic {width: 640px; height: 426px; position: absolute; right: 0; bottom: 0;}
.founder-msg-block .quote {position: relative; font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); font-weight: 300; margin-bottom: 30px;}
.founder-msg-block .quote:before {content: ''; position: absolute; left: 0; top: -40px; width: 32px; height: 32px; background: url('../images/quotes-icon.svg') left top no-repeat; filter: var(--imgPrimary2);}

.news-updates .card {--padding48: clamp(1rem, 0.838rem + 0.8642vw, 1.875rem); padding-bottom: calc(var(--padding48)*2.5);}

.app-block {background-color: #E3F0E6; border-radius: var(--radius42);}
.app-block .pic {width: 490px; height: 396px; position: relative; margin-top: -72px;}


/* footer */
.footer h3 {font-size: 1rem;}
.dicgl-wrap .item{width: 100px; margin-right: 10px;}
.footer .cont-info {position: relative; padding-left: 24px;}
.footer .cont-info svg {position: absolute; left: 0; top: 3px; filter: var(--imgBase);}
.footer .top .social-links a svg path {fill: #a6a6a6;}
.footer .top .social-links a svg circle {stroke: #a6a6a6;}
.footer .top .social-links a:hover svg path {fill: rgba(var(--primary1));}
.footer .top .social-links a:hover svg circle {stroke: rgba(var(--primary1));}
.footer ul li{line-height: normal;}
.footer ul li a {color: rgb(var(--baseColor)); text-decoration: none; font-weight: 300;}
.footer ul li a:hover {color: rgb(var(--primary1));}
.footer .bottom {font-size: 0.875rem; color: rgb(var(--color_black)); background-color: rgb(var(--color_white)); border-radius: var(--radius42) var(--radius42) 0 0;}
.footer .bottom a {color: rgb(var(--primary1));}
.footer .quick-links{display: flex; justify-content: space-between; flex-wrap: wrap;}
.footer .quick-links li{width: 50%;}
.footer .block h3{position: relative;}
.footer .block h3 .plus-icon {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  width: 36px;
  height: 36px;
  background-color: #d0d0d0;
}
.footer .block h3 .plus-icon:before, .footer .block h3 .plus-icon:after {
  content: "";
  background-color: #fff;
  display: block;
  -moz-transition: transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}

.footer .block h3 .plus-icon:before {
  width: 1px;
  height: 15px;
  position: relative;
  left: 17px;
  top: 10px;
}
.footer .block h3 .plus-icon:after {
  width: 15px;
  height: 1px;
  position: relative;
  left: 10px;
  top: 2px;
}

.footer .block h3.active .plus-icon {
  background-color: #6e6f71;
}
.footer .block h3.active>.plus-icon:before {
  transform: rotate(-90deg);
}

form .form-control {height: 52px;}
form textarea.form-control {height: 130px;}

/* inner pages */
.main-container p{text-align: justify;}
ul.bullet-style li{text-align: justify;}
.main-container{margin: 0 2.813rem; margin-top: 189px; transition: all .1s linear;}
.inner-banner{background-repeat: no-repeat; background-position: center right; background-size: cover; height: 400px; border-radius: clamp(2rem, 1.6rem + 2vw, 4rem);}
.inner-banner .banner-text {font-size: clamp(2rem, 1.6rem + 2vw, 4rem); color: rgb(var(--color_white)); font-weight: 600; line-height: normal; margin-bottom: 1rem;}
.breadcrumb li,.breadcrumb li a{font-size: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem); color: rgba(var(--color_white),0.5); text-decoration: none;}
.breadcrumb li.active{color: rgba(var(--color_white),0.5);}
.breadcrumb-item+.breadcrumb-item::before{content: var(--bs-breadcrumb-divider, "•"); color: rgba(var(--color_white),0.5);}
.breadcrumb li a:hover,.breadcrumb li a:focus{color: rgb(var(--color_white));}

.general-tabs{background-color: #E3F0E6; border-radius: clamp(1.5625rem, 1.25rem + 1.5625vw, 3.125rem); border: none; justify-content: space-between; padding:0 clamp(1.5625rem, 1.25rem + 1.5625vw, 3.125rem);}
.general-tabs li a{padding: 20px 30px; text-decoration: none; display: block; position: relative;}
.general-tabs li a::after{content: ""; width: 0; height: 2px; background-color: rgb(var(--primary1)); position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; display: block; transition: all .15s linear;}
.general-tabs li a.active::after{width: 100%;}
.general-tabs li a.active{color: rgb(var(--primary1));}

.general-tabs02{margin: 0; padding: 0; list-style: none;}
.general-tabs02 li{margin-bottom: 1rem;}
.general-tabs02 li a{   
  padding: 12px 24px;
  border-radius: 24px;
  background-color: #E3F0E6;
  line-height: 24px;
  color: rgb(var(--primary1));
  text-decoration: none;
  display: block;
}

.general-tabs02 li a.active, .general-tabs02 li a:hover,.general-tabs02 li a:focus{background-color: rgb(var(--primary1)); color: rgb(var(--color_white));}


ul.bullet-style li{margin-bottom: 1rem; position: relative; padding-left: 1rem;}
ul.bullet-style li::before{content: ""; background-color: rgb(var(--primary1)); width: 6px; height: 6px; border-radius: 50%; position: absolute; left: 0; top: 8px;}

.bod-info{padding: 30px;}

.award-item{padding: clamp(0.9375rem, 0.75rem + 0.9375vw, 1.875rem);}
.award-year{flex-shrink: 0;}
.award-item .year{color: #717171; font-weight: 700; padding:0 10px; font-size: 14px; background-color: rgb(var(--color_gray)); border-radius: 16px; height: 24px; display: flex; align-items: center; line-height: normal;} 
.award-item .view-award{text-decoration: none;}
.award-item:hover .view-award{color: rgb(var(--primary1));}
.award-item:hover .view-award svg path{fill: rgb(var(--primary1));}


.glightbox-clean .gslide-title{margin-bottom: 0; font-weight: 600; color: rgb(var(--primary3));}

.statistical-title {color: #A6A6A6; font-weight: 400;}
.first-row {padding: 30px 50px;}
.second-row h3{color: #717171; font-weight: 400;}  
.table-cust thead tr.blank th{background-color:#f5f5f5; height: 20px; padding: 0; border-bottom: none;}
.table-cust thead tr th{padding: 30px; background-color: rgb(var(--color_white)); font-weight: 500; text-align: right; margin-bottom: 0;}
.table-cust tr th,.table-cust tr td{border: none; font-size1: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);}
.table-cust thead tr th:first-child{border-radius: var(--radius24) 0 0 var(--radius24); text-align: left;}
.table-cust thead tr th:last-child{border-radius: 0 var(--radius24) var(--radius24) 0;}
.table-cust tbody{border-radius: var(--radius24);}
.table-cust tbody tr:first-child td:first-child{ border-radius: var(--radius24) 0 0 0;}
.table-cust tbody tr:first-child td:last-child{border-radius: 0 var(--radius24) 0 0;}
.table-cust tbody tr td{padding: 20px 30px; text-align: right; color: #717171; background-color: rgb(var(--color_white)); border-bottom: 1px solid #D9D9D9;}
.table-cust tbody tr td:first-child{text-align: left; color: rgb(var(--primary3)); font-weight: 500; }
.table-cust tbody tr:last-child td:first-child{ border-radius:0 0 0 var(--radius24);}
.table-cust tbody tr:last-child td:last-child{ border-radius: 0 0 var(--radius24) 0;}
.table-cust tbody tr:last-child td{border-bottom: none;}

.bod-info p{line-height: 1.3;}
.web-link{color: #A6A6A6;}

.deposits-block .card {
  --padding48: clamp(1rem, 0.838rem + 0.8642vw, 1.875rem);
  padding-bottom: calc(var(--padding48)*2.5);
}

.deposits-block .card p{
  font-size: 1rem;
  line-height: normal;
}

.saving-content {width: 85%;}

.account-type a{margin-right: 1rem; margin-bottom: 1rem; padding: 12px 24px; border-radius: 24px; background-color: #E3F0E6;  line-height: 24px; color: rgb(var(--primary1)); text-decoration: none;}
.account-type a:hover,.account-type a:focus{background-color: rgb(var(--primary1)); color: rgb(var(--color_white));}

.accordion-button{border-radius: var(--radius24); padding: 12px 24px;}
.accordion-button:not(.collapsed){color: rgb(var(--primary1));}
.accordion-button.collapsed{color: #595959;}
.accordion-button::after{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23D9D9D9'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.accordion-button:not(.collapsed)::after{transform: rotate(0deg); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2303754C'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.br{border-right: 1px solid #d9d9d9 !important;}
.table-title{font-weight: 500; color: rgb(var(--primary3)) !important;}
.pg-loan .card{min-height: 330px;}

.map iframe{border-radius: var(--radius42);}
.branch-block{background-color: #E3F0E6; border-radius:var(--radius42); padding: calc(var(--padding)/2) var(--padding);}

.branch-item{padding: 30px; min-height: 250px; overflow: hidden;}
.branch-item p{font-size: 1rem;}
.branch-item .number-info p{color: #A6A6A6;}
.branch-item .number-info a{text-decoration: none; color: rgb(var(--primary1));}

.report-info{padding: 30px;}
.report-info h3{color: rgb(var(--primary3));}
.report-info:hover h3{color: rgb(var(--primary1)) ;}
.report-info .year { color: #717171; font-weight: 700; padding: 8px 12px; font-size: 14px; background-color: rgb(var(--color_gray)); border-radius: 16px; line-height: normal; }

/* recurring-account */
.recurring-account{padding-top: calc(var(--padding) / 2); padding-bottom: calc(var(--padding) / 2); position: relative;}
.account-wrap .recurring-account:first-child{padding-top: 0;}
.recurring-account::after{
  content: "";
  display: block;
  width: calc(100% - calc(var(--bs-gutter-x) * .5) * 2);
  height: 1px;
  background-color: #D9D9D9;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}

.recurring-account .account-info{}
.recurring-account .account-duration{height: 100%; position: relative;}
.recurring-account .account-duration::before{content: "";
  height: 100%;
  width: 1px;
  background-color: #D9D9D9;
  position: absolute;
  left: -24px;
  top: 0;
}
.recurring-account .account-duration h6{
  font-weight: 400;
  color: #717171;
}
.recurring-account .account-duration h3.sub-title{
  font-weight: 400;
  color:#595959 !important;
}

.complaint-link{
  background-color: rgb(var(--primary1));
  color: rgb(var(--color_white));
  font-size: 13px;
  padding: 5px 10px;
  border-radius: 15px;
  margin-top: 10px;
  display: inline-block;
}
.complaint-link:hover,.complaint-link:focus{
  background-color: rgb(var(--color_black));
  color: rgb(var(--color_white));
}
.netbanking{background-color: rgb(var(--primary1)); color: rgb(var(--color_white)); font-size: 13px; padding: 5px 10px; border-radius: 15px;}
.netbanking:hover,.netbanking:focus{background-color: rgb(var(--color_black));color: rgb(var(--color_white));}

.photo-pic{position: relative; padding-top: 60%;}
.photo-pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%;
  object-fit: cover;
}



/* compaint Registration */
.w-one-third {width: 33.33%; flex: 0 0 33.33%;}
.w-one-half {width: 50%; flex: 0 0 50%;}
.form-wrapper .form-group {margin-bottom: 15px;}
.form-wrapper label {font-weight: 500;}
.form-wrapper input:focus {border-color: #000;}
.form-wrapper input[type="radio"] {width: auto;}
.form-wrapper .btn-wrap {text-align: center; margin: 15px 0 25px;}
.form-wrapper .btn-wrap input {width: 100px; margin: 0 10px;}
.form-wrapper input[type="submit"] {background: rgb(var(--primary1)); color: #fff; border: none; cursor: pointer; padding: 0.75rem 1.5rem; border-radius: 4rem;}
.form-wrapper input[type="reset"] {background: #fa4f4f; color: #fff; border: none; cursor: pointer; padding: 0.75rem 1.5rem; border-radius: 4rem;}
.form-group .error-inline{font-size: 14px; color: #dc3545;} 

/* trainings-slider */
.trainings-slider{float: right; width: 500px;}
.trainings-slider img{border-radius: var(--radius24);}