@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
html, body {scroll-padding-top: 102px;}
body {font-family: "Montserrat", sans-serif !important;font-style: normal;}
body .container {max-width: 1600px;}
body p {font-size: 24px;line-height: 36px;font-weight: 400;margin-bottom: 40px;}
.navbar .container-fluid {padding: 0px 35px;}
.bascap-header {position: sticky;/*position: fixed;*/width: 100%;top: 0px;z-index: 1;background: #ffffff;}
.bascap-header .navbar-brand {margin: 0px;}
.bascap-header .navbar-brand img {width: 209px;}
.bascap-header .offcanvas-body .navbar-nav {gap: 0 65px;align-items: center;}
.bascap-header .offcanvas-body .navbar-nav .nav-item .nav-link {font-size: 16px;text-transform: uppercase;display: flex;align-items: center;gap: 0 10px;line-height: normal;color: #002568;font-weight: 500;padding: 8px;transition: all 0.5s;}
.bascap-header .offcanvas-body .navbar-nav .nav-item:last-child .nav-link {color: #00B9DE;}
.bascap-header .offcanvas-body .navbar-nav .nav-item:last-child .nav-link img {width: 11px;height: 14px;}
.bascap-header .navbar {padding: 8px;}
.bascap-header .offcanvas-body .navbar-nav li.nav-item.usericon a.nav-link {padding: 0px;}
.bascap-header .offcanvas-body .navbar-nav li.nav-item.usericon img {width: auto !important;height: 60px !important;}

.banner-box .slick-list .slick-slide {margin: 0px;}
.banner-box .slick-list .slider-item .bgarea {height: 100vh;align-content: center;padding-left: 50px;padding-right: 50px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.banner-box .slick-list .slider-item .bgarea .slider-content {margin-top: 50px;color: #fff;}
.banner-box .slick-list .slider-item .bgarea .slider-content h1 {font-size: 100px;line-height: 105px;font-weight: 300;text-transform: uppercase;margin-bottom: 15px;}
.banner-box .slick-list .slider-item .bgarea .slider-content h3 {font-size: 40px;line-height: 60px;font-weight: 300;}
.banner-box .slick-list .slider-item .bgarea .slider-content a.slider-btn {display: flex;gap: 0 10px;padding: 17px 27px;font-size: 18px;line-height: 20px;color: #fff;background-color: #00B9DE;border-radius: 35px;width: fit-content;text-transform: uppercase;text-decoration: none;margin-top: 40px;}

.strip-pad {padding-block: 90px;overflow: hidden;}
.about-strip {background: #F6F7EA url('/../../../img/waves.png');;}
/*.about-strip .strip-bg {background: }*/
.box-headding {font-size: 46px;line-height: normal;color: #002568;font-weight: 500;text-align: center;margin-bottom: 50px;text-transform: uppercase;}
.about-box p {text-align: justify;}
.about-box p:last-child {margin-bottom: 0px;}

.approach-info {margin-top: 100px;}
.approach-info > .row {margin-bottom: 50px;}
.approach-info > .row .col {padding: 0px;}
.approach-info .row .infograph-box {background-size: contain;background-repeat: no-repeat;min-height: 260px;}
.approach-info .row .infograph-box.infographic-right {background-position: left;}

.approach-info .row .infograph-box .infotitle {font-size: 24px;line-height: 36px;font-weight: 600;margin-bottom: 30px;margin-top: -15px;}
.approach-info .row .infograph-box .infocontent p {margin-bottom: 0px;font-size: 22px;line-height: 36px;font-weight: 400;}
.approach-info .row .infograph-box.infographic-right .infocontent {padding-left: 35px;}
.approach-info .row .infograph-box .col-md-6 {padding: 0px;}
.approach-info .row .infograph-box .col-md-9 {padding: 0;}
.approach-info .row .infograph-box.infographic-left {background-position: right;text-align: right;}
.approach-info .row .infograph-box.infographic-left .infocontent {padding-right: 35px;}
.phone-icon {display: none;}

.leader-strip {background: #F2FBFD;margin-bottom: 150px;}
.leader-strip .leader-box p {text-align: justify;}
.leader-strip .leader-box .row .col img {width: 100%;}
.leader-strip .leader-box .row .col .box-headding {text-align: left;}
.leader-strip .leader-box .row .col.col-md-8 {padding-left: 100px;margin-top: -10px;}
.leader-strip .leader-box .row ul.leaderlink {list-style: none;display: flex;padding-left: 0px;gap: 0 10px;align-items: center;}
.leader-strip .leader-box .row ul.leaderlink a {line-height: normal;font-size: 18px;color: #002568;font-weight: 500;text-decoration: none;}

.bascap-footer {background: #002568;}
.bascap-footer .row:first-child {padding-top: 70px;}
.bascap-footer .row .col {color: #fff;}
.bascap-footer hr {opacity: 1;color: #00B9DE;}
.bascap-footer .row .col .wid-title h2 {font-size: 46px;line-height: normal;font-weight: 500;margin-bottom: 30px;}
.bascap-footer .row .col .wid-text ul.footer-links {list-style: none;padding: 0px;gap: 40px;display: flex;flex-direction: column;margin-bottom: 0px;}
.bascap-footer .row .col .wid-text ul.footer-links li a {text-decoration: none;color: #fff;font-size: 24px;line-height: 36px;font-weight: 400;transition: all 0.5s;}
.bascap-footer .row .col .wid-text address {font-size: 24px;line-height: 36px;}
.bascap-footer .row .col .wid-text address a {color: #fff;}
.bascap-footer .row .col.col-md-6 {margin-top: 30px;}
.bascap-footer .row .col.col-md-6 p {font-size: 20px;line-height: 36px;font-weight: 400;}
.bascap-footer .row .col.col-md-6 ul.foot-bottom-link {list-style: none;display: flex;padding: 0px;gap: 0 80px;justify-content: flex-end;}
.bascap-footer .row .col.col-md-6 ul.foot-bottom-link li a {color: #fff;text-decoration: none;font-size: 20px;line-height: 36px;font-weight: 400;transition: all 0.5s;}
.bascap-footer .row .col .wid-text ul.footer-links li:last-child a {color: #00B9DE;}
.bascap-footer .wid-text {}
.bascap-footer .wid-text .footlist {}
.bascap-footer .wid-text .footlist .fotlistbox {}
.bascap-footer .wid-text .footlist .fotlistbox ul {list-style: none;padding-left: 0px;}

.bascap-footer .wid-text .footlist .fotlistbox ul li {font-size: 20px;line-height: 26px;}

.client-log-popup .modal-body {padding-block: 60px;position: relative;text-align: center;}
.client-log-popup .modal-body button.btn-close {position: absolute;top: 10px;right: 10px;padding: 5px;font-size: 16px;}
.client-log-popup .modal-body h2 {font-size: 46px;font-weight: 500;color: #002568;margin-bottom: 55px;text-transform: uppercase;}
.client-log-popup .modal-body form {width: 380px;margin: 0 auto;}
.client-log-popup .modal-body form input {background: #F5F5F5;border: none;border-radius: 0px;font-size: 20px;font-weight: 300;padding: 13px;}
.client-log-popup .modal-body form .form-group {margin-bottom: 46px;text-align: left;}
.client-log-popup .modal-body form .btn {/*width: 250px;*/padding: 17px 86px;font-size: 18px;font-weight: 600;text-transform: uppercase;background: #00B9DE;color: #fff;border: none;border-radius: 35px;}
.client-log-popup .modal-body form .btn a {color: #fff;text-decoration: none;}
.client-log-popup .modal-body ul.pop-con {padding: 0px;list-style: none;display: flex;gap: 0 10px;justify-content: center;margin-bottom: 0px;}
.client-log-popup .modal-body ul.pop-con li {font-size: 14px;color: #8B8B8B;}
.client-log-popup .modal-body ul.pop-con li a {text-decoration: none;color: #002568;}

a#scroll {width: 50px;height: 50px;display: inline-block;position: fixed;right: 30px;bottom: 30px;}
a#scroll img {width: 100%;}
a.fot-icon {margin-top: 15px;display: block;}
a.fot-icon img {width: 34px;height: 34px;}

.cl-ac .cl-ac-container, .nav-container {padding-left: 56px;padding-right: 56px;}
.cl-ac .cl-ac-container .row.cl-ac-row {}
.cl-ac .cl-ac-container .row.cl-ac-row .cl-ac-col {padding: 60px 35px;text-align: center;}
.cl-ac .cl-ac-container .row.cl-ac-row .cl-ac-col a.boxlink {text-decoration: none;}
.cl-ac .cl-ac-container .row.cl-ac-row .cl-ac-col .cl-ac-box {
	padding: 25px 0px;
/*	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) -20%, rgba(0,185,222,1) 155%);*/
	border: 6px solid transparent;
	border-radius: 30px;
	transition: 0.3s;
}
.cl-ac .cl-ac-container .row.cl-ac-row .cl-ac-col .cl-ac-box ul.cl-ac-inner {padding: 0px;list-style: none;margin-bottom: 0px;margin-top: 15px;}
.cl-ac .cl-ac-container .row.cl-ac-row .cl-ac-col .cl-ac-box ul.cl-ac-inner span {margin-top: 18px;display: block;font-size: 24px;font-weight: 500;color: #002568;text-decoration: none;text-transform: uppercase;}
.cl-ac .cl-ac-container .row.cl-ac-row .cl-ac-col .cl-ac-box ul.cl-ac-inner li img {/*min-height: 140px;*/box-shadow: 0px 4px 6px 0px #00000033;max-width: 100%;width: 100%;}
.cl-ac .cl-ac-container .row.cl-ac-row .cl-ac-col .cl-ac-box:hover ul.cl-ac-inner li img {
    box-shadow: none;
    transform: translateY(4px);
}
.cl-ac .cl-ac-container .row.cl-ac-row .cl-ac-col .cl-ac-box:hover ul.cl-ac-inner span {
    color: #00B9DE;
}


.navlist {padding-top: 1px;}
.navlist ul {margin-bottom: 0px;}
.navlist ul li {margin-block: 50px;}
.navlist ul li a {color: #002568;font-size: 24px;line-height: 36px;}

.navlist .pagination {justify-content: center;}
.navlist .pagination #pageNumbers {}
.navlist .pagination #pageNumbers span {font-size: 18px;line-height: 36px;margin-left: 6px;margin-right: 6px;cursor: pointer;}
.navlist .pagination #pageNumbers span.active {color: #002568;text-decoration: underline;}

.banner-box .slick-list .slider-item .bgarea .slider-content h1 small {font-size: 58px;line-height: 60px;margin-top: 0px;display: block;text-transform: capitalize;}

.nav-item.usericon #mini-userbox {cursor: pointer;}
.nav-item.usericon .usermenubox {position: absolute;right: 0px;width: 320px;}
.nav-item.usericon .usermenubox .card ul {list-style: none;padding: 0px;padding-bottom: 10px;margin-bottom: 15px;border-bottom: 1px solid #f2f2f2;}
.nav-item.usericon .usermenubox .card ul li {margin-block: 10px;font-size: 14px;color: #002568;}
.nav-item.usericon .usermenubox .card ul li a {color: #002568;}
.nav-item.usericon .usermenubox .card .user-logout {width: fit-content;border: none;padding: 8px 24px;margin: 0 auto;background: #00B9DE;color: #fff;border-radius: 35px;font-size: 14px;}

.inputLabel {font-size: 16px;color: #555;margin-bottom: 6px;margin-top: 24px;text-align: left;}
.inputDiv {display: flex;flex-direction: column;margin: auto;}
input {font-size: 16px;border-radius: 4px;border: none;border: solid 1px #ccc;padding: 0 11px;}

.bascap-header .offcanvas-body .navbar-nav li.nav-item.usericon a.nav-link span.mob-show {display: none;}

.not-found {text-align: center;margin-bottom: 50px;}
.not-found h2.notfound-text {font-size: 260px;}
.not-found button.backhome {background: #00B9DE;border: none;padding: 10px 35px;font-size: 20px;border-radius: 35px;color: #fff;text-transform: uppercase;}

.navlist .pagination #pageNumbers span a {color: inherit;text-decoration: none;}

.nav-container {position: relative;top: 30px;}
.nav-container ol.breadcrumb {margin: 0px;}
.breadcrumb-nav li.breadcrumb-item {font-weight: 500;}
.breadcrumb-nav li.breadcrumb-item a {color: #002568;text-decoration: none;}
.breadcrumb-nav li.breadcrumb-item.active {color: #00B9DE;}
.pdflistbox .container {position: relative;}
.year-list-btn {position: relative;}
.year-list-btn .vibtnlst {font-size: 20px;color: #002568;font-weight: 500;padding-left: 15px;padding-right: 15px;}
.year-list-btn button.btn {background: #00B9DE;border: none;width: 160px;border-radius: 5px;padding: 6px 12px;}
.year-list-btn .dropdown-menu a.dropdown-item {width: 160px;}
.year-list-btn ul.dropdown-menu {min-width: 160px;}
.bascap-header .offcanvas-body .navbar-nav .nav-item .nav-link.active {color: #00B9DE;font-weight: 600;}
#cookie-popup a {color: #00B9DE !important;}
#cookie-popup #accept-cookies {background: #00b9de !important;}
.year-list-btn .dropdown-menu a.dropdown-item.active {background: #00b9de;}
.year-list-btn .dropdown-toggle::after {margin-left: 10px;}

.toggle-password {
    float: right;
    cursor: pointer;
    margin-right: 5%;
    margin-top: -10%;
}
.toggle-password::before {
    width: 20px;
    height: 16px;
    display: block;
    color: #002568;
}

.privacy-policy a{
	color: #002568;
}
.privacy-policy h2,
.privacy-policy h3,
.privacy-policy h4,
.privacy-policy h5,
.privacy-policy h6{
    color: #002568;
    font-size:24px;
}
.privacy-policy h2 {
    font-size: 30px;
}
.privacy-policy li {
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
    margin: 0 !important;

}
.privacy-policy ul,
.privacy-policy ol {
    margin-bottom:40px;
}



footer .wid-text .map iframe {
    width: 90%;
    height: 340px;
}



@media (hover : hover) {
	.bascap-header .offcanvas-body .navbar-nav .nav-item .nav-link:hover {color: #00B9DE;}
	.bascap-header .offcanvas-body .navbar-nav .nav-item:last-child .nav-link:hover {color: #002568;}
	.banner-box .slick-list .slider-item .bgarea .slider-content a.slider-btn.hov-btn-icon:hover {background: #002568;color: #00B9DE;}
	.banner-box .slick-list .slider-item .bgarea .slider-content a.slider-btn.hov-btn-icon:hover svg path {fill: #00B9DE;}
	.bascap-footer .row .col .wid-text ul.footer-links li a:hover {color: #00B9DE;}
	.bascap-footer .row .col.col-md-6 ul.foot-bottom-link li a:hover {color: #00B9DE;}
	.bascap-footer .row .col .wid-text address a:hover {color: #00B9DE;}
	.client-log-popup .modal-body form .btn:hover {background: #002568;color: #00B9DE;}
	/*.cl-ac .cl-ac-container .row.cl-ac-row .cl-ac-col .cl-ac-box:hover {background: rgb(255, 255, 255);background: linear-gradient(180deg, rgba(255, 255, 255, 1) -40%, rgba(0, 185, 222, 1) 100%);}*/
	/*.cl-ac .cl-ac-container .row.cl-ac-row .cl-ac-col .cl-ac-box:hover img {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7484%) hue-rotate(295deg) brightness(111%) contrast(95%);}*/
	/*.cl-ac .cl-ac-container .row.cl-ac-row .cl-ac-col .cl-ac-box:hover span {color: #fff !important;}*/
	.navlist-pagination ul li.page-item a.page-link:hover {color: #002568;text-decoration: underline;}
	.nav-item.usericon .usermenubox .card .user-logout:hover {color: #00B9DE;background: #002568;}
	.not-found button.backhome:hover {background: #002568;color: #00B9DE;}
}


@media (min-width: 1025px) {
	.nav-container {position: relative;top: 1.563vw;}
	nav.breadcrumb-nav li.breadcrumb-item {font-size: 0.833vw;}
	.breadcrumb-item+.breadcrumb-item {padding-left: 0.417vw;}
	.breadcrumb-item+.breadcrumb-item::before {padding-right: 0.417vw;}
	.year-list-btn {top: -1.042vw;}
	.year-list-btn .vibtnlst {font-size: 1.042vw;padding-right: 0.781vw;}
	.year-list-btn button.btn {padding: 0.313vw 0.625vw;font-size: 0.833vw;width: 8.333vw;border-radius: 0.26vw;}
	.year-list-btn .dropdown-menu a.dropdown-item {font-size: 0.833vw;width: 8.333vw;padding: 0.208vw 0.833vw;}
	.year-list-btn ul.dropdown-menu {min-width: 8.333vw;padding: 0.417vw 0px;}
	.year-list-btn .dropdown-toggle::after {margin-left: 0.521vw;}

	body .container {max-width: 83.333vw;}
	body p {font-size: 1.25vw;line-height: 1.875vw;margin-bottom: 2.083vw;}
	.box-headding {font-size: 2.396vw;margin-bottom: 2.604vw;}
	.strip-pad {padding-block: 4.688vw;}
	.bascap-header .navbar {padding: 0.417vw;}
	.navbar .container-fluid {padding: 0px 1.823vw;}
	.bascap-header .navbar-brand img {width: 10.885vw;}
	.bascap-header .offcanvas-body .navbar-nav li.nav-item.usericon img {height: 3.125vw !important;}
	.bascap-header .offcanvas-body .navbar-nav .nav-item .nav-link {font-size: 0.833vw;gap: 0 0.521vw;padding: 0.417vw;}
	.bascap-header .offcanvas-body .navbar-nav {gap: 0 3.385vw;}
	.bascap-header .offcanvas-body .navbar-nav .nav-item:last-child .nav-link img {width: 0.573vw;height: 0.729vw;}
	.banner-box .slick-list .slider-item .bgarea {padding-left: 2.604vw;padding-right: 2.604vw;}
	.banner-box .slick-list .slider-item .bgarea .slider-content {margin-top: 2.604vw;}
	.banner-box .slick-list .slider-item .bgarea .slider-content h1 {font-size: 5.208vw;line-height: 5.469vw;margin-bottom: 2.604vw;}
	.banner-box .slick-list .slider-item .bgarea .slider-content h1 small {font-size: 3.021vw;line-height: 3.125vw;}
	.banner-box .slick-list .slider-item .bgarea .slider-content h3 {font-size: 2.083vw;line-height: 3.125vw;}
	.banner-box .slick-list .slider-item .bgarea .slider-content a.slider-btn {gap: 0 0.521vw;padding: 0.885vw 1.406vw;font-size: 0.938vw;line-height: 1.042vw;border-radius: 1.823vw;margin-top: 2.083vw;}
	.approach-info .row .infograph-box .infotitle {font-size: 1.25vw;line-height: 1.875vw;margin-bottom: 1.563vw;margin-top: -0.781vw;}
	.approach-info .row .infograph-box .infocontent p {font-size: 1.146vw;line-height: 1.875vw;}
	.approach-info .row .infograph-box.infographic-right .infocontent {padding-left: 1.823vw;}
	.approach-info .row .infograph-box.infographic-left .infocontent {padding-right: 1.823vw;}
	.approach-info .row .infograph-box {min-height: 13.542vw;}
	.leader-strip .leader-box .row .col ul.leaderlink img {width: 1.771vw;}
	.leader-strip .leader-box .row ul.leaderlink a {font-size: 0.938vw;}
	.leader-strip .leader-box .row .col.col-md-8 {padding-left: 5.208vw;margin-top: -0.521vw;}
	.bascap-footer .row:first-child {padding-top: 3.646vw;}
	.bascap-footer .row .col .wid-title h2 {font-size: 2.396vw;margin-bottom: 1.563vw;}
	.bascap-footer .row .col .wid-text ul.footer-links {gap:3.4vw;}
	.bascap-footer .row .col .wid-text ul.footer-links li a {font-size: 1.25vw;line-height: 1.875vw;}
	.bascap-footer .row .col .wid-text address {font-size: 1.25vw;line-height: 1.875vw;}
	.bascap-footer hr {margin-block:0.833vw;border-top: 0.052vw solid;}
	.bascap-footer .row .col.col-md-6 {margin-top: 1.563vw;}
	.bascap-footer .row .col.col-md-6 p {font-size: 1.042vw;line-height: 1.875vw;}
	.bascap-footer .row .col.col-md-6 ul.foot-bottom-link {gap: 0 4.167vw;}
	.bascap-footer .row .col.col-md-6 ul.foot-bottom-link li a {font-size: 1.042vw;line-height: 1.875vw;}
	.bascap-footer .wid-text .footlist .fotlistbox ul {margin-bottom: 1.042vw;}
	.bascap-footer .wid-text .footlist .fotlistbox ul li {font-size: 1.042vw;line-height: 1.354vw;}
	a#scroll {width: 2.604vw;height: 2.604vw;right: 1.563vw;bottom: 1.563vw;}
	.client-log-popup .modal-dialog {max-width: 41.667vw;}
	.client-log-popup .modal-body {padding-block: 3.125vw;}
	.client-log-popup .modal-body button.btn-close {top: 0.521vw;right: 0.521vw;padding: 0.26vw;font-size: 0.833vw;}
	.client-log-popup .modal-body h2 {font-size: 2.396vw;margin-bottom: 2.865vw;}
	.client-log-popup .modal-body form {width: 19.792vw;}
	.client-log-popup .modal-body form .form-group {margin-bottom: 2.396vw;}
	.client-log-popup .modal-body form input {font-size: 1.042vw;padding: 0.677vw;}
	.client-log-popup .modal-body form .btn {/*width: 13.021vw;*/padding: 0.885vw 4.479vw;font-size: 0.938vw;border-radius: 1.823vw;margin-bottom: 3.125vw;}
	.client-log-popup .modal-body ul.pop-con {gap: 0px 0.521vw;}
	.client-log-popup .modal-body ul.pop-con li {font-size: 0.729vw;}
	.cl-ac .cl-ac-container, .nav-container {padding-left: 2.917vw;padding-right: 2.917vw;}
	.cl-ac .cl-ac-container .row.cl-ac-row .cl-ac-col {padding: 3.125vw 3.823vw;}
	.cl-ac .cl-ac-container .row.cl-ac-row .cl-ac-col .cl-ac-box {padding: 1.302vw 0px;border: 0.3vw solid transparent;border-radius: 1.563vw;}
	.cl-ac .cl-ac-container .row.cl-ac-row .cl-ac-col .cl-ac-box ul.cl-ac-inner {margin-top: 0.781vw;}
	.cl-ac .cl-ac-container .row.cl-ac-row .cl-ac-col .cl-ac-box ul.cl-ac-inner span {margin-top: 0.938vw;font-size: 1.25vw;}
	/*.cl-ac .cl-ac-container .row.cl-ac-row .cl-ac-col .cl-ac-box ul.cl-ac-inner li img {min-height: 7.292vw;}*/
	.navlist-pagination ul li.page-item a.page-link {font-size: 0.938vw;line-height: 1.875vw;padding-left: 0.625vw;padding-right: 0.625vw;}
	.navlist ul li {margin-block: 2.604vw;}
	.navlist ul li a {font-size: 1.25vw;line-height: 1.875vw;}
	a.fot-icon {margin-top: 0.781vw;}
	a.fot-icon img {width: 1.771vw;height: 1.771vw;}
	.nav-item.usericon .usermenubox .card ul {padding-bottom: 0.521vw;margin-bottom: 0.781vw;border-bottom: 0.052vw solid #f2f2f2;}
	.nav-item.usericon .usermenubox .card ul li {margin-block: 0.521vw;font-size: 0.729vw;}
	.nav-item.usericon .usermenubox .card .user-logout {padding: 0.417vw 1.25vw;border-radius: 1.823vw;font-size: 0.729vw;}

	.nav-item.usericon .usermenubox {width: 16.667vw;}
	.nav-item.usericon .usermenubox .card.card-body {padding: 0.833vw;}

	.inputLabel {font-size: 0.833vw;margin-bottom: 0.313vw;margin-top: 1.25vw;}
	input {font-size: 0.833vw;border-radius: 0.208vw;border: solid 0.052vw #ccc;padding: 0 0.573vw;}
	.not-found {margin-bottom: 2.604vw;}
	.not-found h2.notfound-text {font-size: 13.542vw;}
	.not-found button.backhome {padding: 0.521vw 1.823vw;font-size: 1.042vw;border-radius: 1.823vw;}
	.toggle-password::before {width: 1.042vw;height: 0.833vw;font-size: 0.833vw;}
	.privacy-policy h3,
    .privacy-policy h4,
    .privacy-policy h5,
    .privacy-policy h6{
         font-size:1.25vw;
    }
    .privacy-policy h2 {
         font-size: 1.563vw;
    }
    .privacy-policy li {
        font-size: 1.25vw;
        line-height: 1.875vw;
        
    }
     .privacy-policy ul,
     .privacy-policy ol{
     	margin-bottom: 2.083vw;
     }
     footer .wid-text .map iframe {
        height: 17.188vw;
        margin-top: 0.521vw;
     }

}

@media (max-width: 1024px) {
	body .container {max-width: 98%;}
	.bascap-header .offcanvas-body .navbar-nav {
		gap: 0 29px;
	}
	.bascap-header .offcanvas-body .navbar-nav .nav-item .nav-link {
		font-size: 12px;
		gap: 18px;
		padding: 5px;
	}
	.our-approach.strip-pad{
		overflow: hidden;
	}
	.bascap-header .offcanvas-body .navbar-nav .nav-item .nav-link {
		font-size: 12px;
		gap: 18px;
		padding: 5px;
	}
	.bascap-header .offcanvas-body .navbar-nav .nav-item:last-child .nav-link img {
		width: 13px;
		height: 14px;
	}
	.banner-box .slick-list .slider-item .bgarea .slider-content h1{
		font-size: 5.208vw;
		line-height: 5.469vw;
		margin-bottom: 0.781vw;
	}
	.banner-box .slick-list .slider-item .bgarea .slider-content h3 {
		font-size: 22px;
		line-height: 28px;
	}
	.approach-info .row .infograph-box .infotitle {
		font-size: 20px;
		line-height: 30px;
		padding: 5px;
		background: #fff	;
	}
	.client-log-popup .modal-body form .btn,
	.banner-box .slick-list .slider-item .bgarea .slider-content a.slider-btn {
		gap: 0 12px;
		padding: 17px 30px;
		font-size: 13px;
		line-height: 9px;
		border-radius: 25px;
		margin-top: 30px;
	}
	.banner-box .slick-list .slider-item .bgarea .slider-content a.slider-btn svg{
		width: 20px;
		height: 9px;
	}
	.banner-box .slick-list .slider-item .bgarea .slider-content a.slider-btn,
	.leader-strip .leader-box .row ul.leaderlink a{
		font-size: 14px;
		margin-bottom: 25px;
	}
	.approach-info .col.col-md-7.col-sm-12 {
		max-width: 100%;
		flex: 0 0 100%;
	}
	.approach-info .row .infograph-box .col-md-9{
		padding: 0 15px;
	}
	.leader-strip {
		margin-bottom: 80px;
	}
	.strip-pad {
		padding-block: 80px;
	}
	.box-headding{
		font-size: 30px;
		margin-bottom: 30px	;
	}
	.bascap-footer .row .col .wid-title h2 {
		font-size: 28px;
	}
	body p{
		margin-bottom: 28px;
	}
	body p,
	.approach-info .row .infograph-box .infocontent p,
	.bascap-footer .row .col .wid-text ul.footer-links li a,
	.bascap-footer .row .col.col-md-6 ul.foot-bottom-link li a,
	.bascap-footer .row .col .wid-text address,
	.bascap-footer .row .col.col-md-6 p,
	.client-log-popup .modal-body ul.pop-con li,
	.privacy-policy li{
		font-size: 18px;
		line-height: 30px;
	}
	.bascap-footer .row .col.col-md-6 ul.foot-bottom-link {
		gap: 0 40px;
	}
	.client-log-popup .modal-body form input{
		font-size: 18px;
		padding: 10px 20px;
	}
	.client-log-popup .modal-body form {
		width: 300px;
		max-width: 100%;
	}
	.client-log-popup .modal-body h2{
		font-size: 24px;
		margin-bottom: 28px;
	}
	.client-log-popup .modal-body button.btn-close {
		top: 10px;
		right: 10px;
		padding: 10px;
		font-size: 14px;
	}
	.client-log-popup .modal-body form .form-group {
		margin-bottom: 15px;
	}

	.cl-ac .cl-ac-container, .nav-container {
		padding-left: 35px;
		padding-right: 35px;
	}
	.cl-ac .cl-ac-container .row.cl-ac-row .cl-ac-col {padding: 60px 15px;}
	.cl-ac .cl-ac-container .row.cl-ac-row .cl-ac-col .cl-ac-box {padding: 25px 0px;}
	/*.cl-ac .cl-ac-container .row.cl-ac-row .cl-ac-col .cl-ac-box ul.cl-ac-inner li:first-child {width: 50%;margin: 0 auto;}*/
	/*.cl-ac .cl-ac-container .row.cl-ac-row .cl-ac-col .cl-ac-box ul.cl-ac-inner li img {height: 110px;width: 75%;}*/
	.cl-ac .cl-ac-container .row.cl-ac-row .cl-ac-col:nth-child(3) .cl-ac-box ul.cl-ac-inner li img {width: 100%;}
	.cl-ac .cl-ac-container .row.cl-ac-row .cl-ac-col .cl-ac-box ul.cl-ac-inner a {margin-top: 15px;font-size: 14px;}
	.banner-box .slick-list .slider-item .bgarea .slider-content h1 small {font-size: 32px;line-height: 40px;margin-bottom: 20px;}
	.navlist ul li a {font-size: 20px;line-height: 24px;}
	.navlist .pagination #pageNumbers span {font-size: 20px;line-height: 36px;margin-left: 15px;margin-right: 15px;}
	.year-list-btn {position: relative;top: 0px;right: 0;left: 15px;width: 100%;}
}

@media (max-width: 991px) {
    .logout-mobile {display:block !important;}
    .bascap-header .offcanvas-body .navbar-nav li.nav-item.usericon img {display:none;}
  h2.opacity-0 {display: none;}
  html, body {
    scroll-padding-top: 40px;
  }
  .offcanvas-header a.logo img {width: 75%;}
  .bascap-header .offcanvas-body .navbar-nav {align-items: flex-start;}
  #offcanvasNavbar .offcanvas-body .nav-item a.nav-link {font-size: 18px;padding: 10px;}
  .banner-box .slick-list .slider-item .bgarea .slider-content{margin-top: 0;}
  .bascap-footer .row .col.col-md-6,
  .bascap-footer .row .col.col-md-4:nth-child(1) {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .bascap-footer .row .col.col-md-3,
  .bascap-footer .row .col.col-md-4{
    max-width: 50%;
    flex: 0 0 50%;
  }
  .reponsive-order .col.col-md-5.col-sm-12 {
    order: 3;
    max-width: 100%;
    flex: 0 0 100%;
  }
  footer .wid-text .map iframe{
  	width: 100%;
  }
  .leader-strip .leader-box .row .col.col-md-8 {
    padding-left: 50px;
  }
  .navbar .container-fluid {
    padding: 0;
  }
  .approach-info .row .infograph-box.infographic-right .infocontent {
    padding-left: 70px;
  }
  .bascap-header .navbar {
    padding: 8px 15px;
  }
  .navbar .offcanvas button.btn-close {
    position: absolute;
    right: 14px;
    top: 14px;
    border: solid 2px #505050;
    border-radius: 25px;
  }
  .navbar .navbar-toggler {
    background: #00b9de;
    border: none;
    border-radius: 0;
  }
  .navbar .navbar-toggler .line-toggle {
    width: 30px;
    display: block;
    height: 2px;
    background: #fff;
    margin: 5px 1px;
  }
  .navbar-toggler:focus{
    box-shadow: none !important;
  }
  .navbar-toggler:focus-visible {
    outline: none;
  }
  .bascap-footer .row .col.col-md-4 {
    margin-bottom: 35px;
  }
  .bascap-footer .wid-text .footlist .fotlistbox ul {padding-left: 0px;}
  .bascap-footer .row .col.col-md-6 ul.foot-bottom-link {
    margin-bottom: 40px;justify-content: center;
  }
  .bascap-footer .row .col.col-md-6 {
    margin-top: 15px;
  }
  .bascap-footer .row .col.col-md-6 p {
    margin-bottom: 0px;
    text-align: center;
  }
  .approach-box > p {
    text-align: justify;
  }
  .cl-ac .cl-ac-container .row.cl-ac-row .cl-ac-col {width: 50%;flex: auto;}
  .cl-ac .cl-ac-container .row.cl-ac-row {margin-block: 50px;}
  .cl-ac .cl-ac-container .row.cl-ac-row .cl-ac-col {padding: 15px;}


  .nav-item.usericon .usermenubox {width: max-content;left: 0;}
  .bascap-header .offcanvas-body .navbar-nav li.nav-item.usericon a.nav-link img {display: none;}
  .bascap-header .offcanvas-body .navbar-nav li.nav-item.usericon a.nav-link span.mob-show {display: block;}
  .cl-ac .cl-ac-container .row.cl-ac-row.three-box-style .cl-ac-col {
    flex: inherit;
   }
}

@media(max-width: 767px) {
  .banner-box .slick-list .slider-item .bgarea .slider-content h1{
    font-size: 40px;
    line-height: 42px;
    margin-bottom: 20px;
  }
  .bascap-footer .row .col.col-md-3,
  .bascap-footer .row .col.col-md-4{
    max-width: 100%;
    flex: 0 0 100%;
  }
  .approach-info .row .infograph-box{
    background: none !important;
    min-height: inherit	;
  }
  .phone-icon {
    display: block;
    margin: 0 auto;
    width: 100px;
    border-radius: 100px;
    border: 4px solid #00b9de;
  }
  .approach-info > .row:nth-child(1) img {
    border-color: #00b9de;
  }
  .approach-info > .row:nth-child(2) img {
    border-color: #002568;
  }
  .approach-info > .row:nth-child(3) img {
    border-color: #d0d38f;
  }
  .approach-info > .row:nth-child(4) img {
    border-color: #00b9de;
  }
  .approach-info > .row:nth-child(5) img {
    border-color: #002568;
  }
  .approach-info > .row:nth-child(6) img {
    border-color: #d0d38f;
  }
  .approach-info .row .infograph-box.infographic-left .row:first-child {
    flex-direction: column-reverse;
  }
  .approach-info .row .infograph-box.infographic-left .infocontent,
  .approach-info .row .infograph-box.infographic-right .infocontent{
    padding: 0;
  }
  .approach-info .row .infograph-box .infotitle {
    margin-top: 0;
    margin-bottom: 10px;
    text-align: center;
  }
  .approach-info .row .infograph-box .infocontent{
    text-align: center;
  }
  .leader-box .col.col-md-4 {
    flex: 0 0 100%;
  }
  .leader-strip .leader-box .row .col.col-md-8{
    padding-left:10px;
    margin-top: 20px;
  }
  .approach-info .row .infograph-box .col-md-9 {
    padding: 0 22px;
  }
  .bascap-footer .row .col .wid-text ul.footer-links {
    gap: 8px;
    margin-bottom: 40px;
  }
  .banner-box .slick-list .slider-item .bgarea{
    padding-left: 22px;
    padding-right: 22px;
  }
  .approach-info > .row:last-child {
    margin-bottom: 0;
  }
  .bascap-footer .row .col .wid-text address a{
    word-wrap: break-word;
  }
  a#scroll {
    bottom: 80px;
  }
  .banner-box .slick-list .slider-item .bgarea .slider-content h1 small {
    font-size: 28px;
    line-height: 36px;
  }
  .cl-ac .cl-ac-container .row.cl-ac-row.three-box-style  .cl-ac-col .cl-ac-box{
  	padding: 0
  }
}

@media(max-width: 500px){
  .bascap-header .navbar-brand img {
    width: 41.8vw;
  }
  .banner-box .slick-list .slider-item .bgarea .slider-content h3 br{
    display: none;
  }
  .bascap-footer .row .col.col-md-6 ul.foot-bottom-link{
    display:block;
  }
  .bascap-footer .row:last-child {
    flex-direction: column-reverse;
  }
  .banner-box .slick-list .slider-item .bgarea .slider-content h1{
    font-size: 30px;
    line-height: 34px;
  }
  .client-log-popup .modal-body ul.pop-con{
    display: block;
  }
  .client-log-popup .modal-body form .btn{
    margin-bottom: 40px;
  }
  .navbar #offcanvasNavbar {
    width: 300px;
  }
  .bascap-footer .row .col.col-md-6 ul.foot-bottom-link {
    margin-bottom: 0px;
  }
  .bascap-footer .row:last-child .col.col-md-6 p {
    margin-bottom: 30px;
  }
  .cl-ac .cl-ac-container .row.cl-ac-row .cl-ac-col {width: 100%;flex: auto;}
  .cl-ac .cl-ac-container .row.cl-ac-row {margin-block: 50px;}
  .cl-ac .cl-ac-container .row.cl-ac-row .cl-ac-col {padding: 15px;}
  .banner-box .slick-list .slider-item .bgarea .slider-content h1 small {
    font-size: 26px;
    line-height: 36px;
  }
}

@media(max-width: 380px) {
    .banner-box .slick-list .slider-item .bgarea .slider-content h1 {
        font-size: 36px;
        line-height: 45px;
    }
    .banner-box .slick-list .slider-item .bgarea .slider-content h1 small {
        font-size: 24px;
        line-height: 36px;
    }
    .banner-box .slick-list .slider-item .bgarea .slider-content h3 {
        font-size: 18px;
        line-height: 28px;
    }
}


/* laravel-cookies-consent */
.laravel-cookies-consent {
    border: 1px solid #2D2D2D;
    border-radius: 10px;
    background-color: #2D2D2D;
    position: fixed;
    left: 25px;
    z-index: 999999;
    color: #FFFFFF;
    width: 35%;
    -webkit-animation-name: slide_to_top;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0s;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
}

.laravel-cookies-consent.slide_down {
    -webkit-animation-name: slide_to_bottom;
}

@-webkit-keyframes slide_to_top {
    0% {
        bottom: -800px;
    }
    100% {
        bottom: 25px;
    }
}

@-webkit-keyframes slide_to_bottom {
    0% {
        bottom: 25px;
    }
    100% {
        bottom: -800px;
        display: none;
    }
}

.laravel-cookies-consent .outer-wrapper {
    padding: 20px;
}
.laravel-cookies-consent .cookies-title {
    margin-top: 0;
}
.laravel-cookies-consent .cookies-text {
    color: lightgrey;
}
.laravel-cookies-consent .cookies-text a {
    color: #FFFFFF;
    font-weight: bold;
}
.laravel-cookies-consent .cookies-close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 30px;
    height: 30px;
    font-size: 0;
    /* declare the background-color as bootstrap seems to reset it to default body's color:*/
    background-color: #2d2d2d;
}
.laravel-cookies-consent .cookies-close:before,
.laravel-cookies-consent .cookies-close:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 10px;
    background-color: #F0F0F0;
    transform: rotate(45deg) translate(-50%, -50%);
    transform-origin: top left;
    content: '';
}
.laravel-cookies-consent .cookies-close:after {
    transform: rotate(-45deg) translate(-50%, -50%);
}
.laravel-cookies-consent .consent-form-container {
    margin-top: 15px;
}
.laravel-cookies-consent .consent-form-container .consent-checkboxes {
    margin-bottom: 25px;
}
.laravel-cookies-consent .consent-form-container .consent-checkboxes .form-group label {
    font-size: small;
    letter-spacing: 1px;
}
.laravel-cookies-consent .consent-form-container .consent-checkboxes .form-group input:hover {
    cursor: pointer;
}
.laravel-cookies-consent .consent-form-container .consent-buttons {
    display: inline-block;
    width: 100%;
}
.laravel-cookies-consent .consent-form-container .consent-buttons .consent-submit {
    height: 35px;
    color: #FFFFFF;
    border-radius: 35px;
    text-align: center;
    border: 1px solid;
    width: 48%;
    font-size: small;
    line-height: 35px;
    padding: 0;
    margin: 0;
    text-decoration: none;
}
.laravel-cookies-consent .consent-form-container .consent-buttons .consent-submit.hidden {
    display: none;
}
.laravel-cookies-consent .consent-form-container .consent-buttons .consent-submit:hover {
    cursor: pointer;
}
.laravel-cookies-consent .consent-form-container .consent-buttons .consent-submit {
    background-color: transparent;
    border-color: #FFFFFF;
}
.laravel-cookies-consent .consent-form-container .consent-buttons .consent-submit.consent-accept {
    float: left;
}
.laravel-cookies-consent .consent-form-container .consent-buttons .consent-submit.consent-decline-all {
    float: right;
}

/*/ Extra small devices (phones, 600px and down) /*/
@media only screen and (max-width: 600px) {
    .laravel-cookies-consent {
        bottom: 10px;
        left: 5px;
        width: calc(100% - 10px);
    }
    .laravel-cookies-consent .outer-wrapper {
        padding: 10px;
    }
}

/*/ Small devices (portrait tablets and large phones, 600px and up) /*/
@media only screen and (min-width: 600px) {
    .laravel-cookies-consent {
        width: 35%;
    }
    .laravel-cookies-consent .outer-wrapper {
        padding: 15px;
    }
}

/*/ Medium devices (landscape tablets, 768px and up) /*/
@media only screen and (min-width: 768px) {
    .laravel-cookies-consent {
        width: 55%;
    }
}

/*/ Large devices (laptops/desktops, 992px and up) /*/
@media only screen and (min-width: 992px) {
    .laravel-cookies-consent {
        width: 420px;
    }
}

/*/ Extra large devices (large laptops and desktops, 1200px and up) /*/
@media only screen and (min-width: 1200px) {
    .laravel-cookies-consent {
        width: 420px;
    }
}