html {
font-size: 15px;
}
a { color:#1c3664; text-decoration:underline; }
@media (max-width: 1399px) {
html {
font-size: 14px;
}
}
@media (max-width: 1280px) {
html {
font-size: 12px;
}
}
@media (max-width: 1350px) {
.main-cont-who-re::before {
/*background: url(assets/images/libr-shape1.png) no-repeat top right; JG */
background: url(../svg/shape3.svg) no-repeat top right !important;
/*right: -15% !important; /*0 JG */
}
}
.wrapper {
position: relative;
padding-top: 0;
padding-bottom: 0px; /*JG 20*/
overflow: hidden;
}
* {
box-sizing: border-box;
}
h1 { color:#a0d758; }
body {
font-family: 'MontserratRegular';
background: #ede9e1;
font-size: 16px;
line-height: 24px;
color: #000;
}
.a11y { position: absolute; left: -9999px; }
#your-postcode { max-width:200px;}
@font-face {
font-family: 'MontserratMedium';
src: url('../eot/montserratmedium.eot');
src: url('../eot/montserratmedium.eot') format('embedded-opentype'), url('../woff2/montserratmedium.woff2') format('woff2'), url('../woff/montserratmedium.woff') format('woff'), url('../ttf/montserratmedium.ttf') format('truetype'), url('../svg/montserratmedium.svg#MontserratMedium') format('svg');
}
@font-face {
font-family: 'MontserratSemiBold';
src: url('../eot/montserratsemibold.eot');
src: url('../eot/montserratsemibold.eot') format('embedded-opentype'), url('../woff2/montserratsemibold.woff2') format('woff2'), url('../woff/montserratsemibold.woff') format('woff'), url('../ttf/montserratsemibold.ttf') format('truetype'), url('../svg/montserratsemibold.svg#MontserratSemiBold') format('svg');
}
@font-face {
font-family: 'MontserratRegular';
src: url('../eot/montserratregular.eot');
src: url('../eot/montserratregular.eot') format('embedded-opentype'), url('../woff2/montserratregular.woff2') format('woff2'), url('../woff/montserratregular.woff') format('woff'), url('../ttf/montserratregular.ttf') format('truetype'), url('../svg/montserratregular.svg#MontserratRegular') format('svg');
}
@font-face {
font-family: 'MontserratBold';
src: url('../eot/montserratbold.eot');
src: url('../eot/montserratbold.eot') format('embedded-opentype'), url('../woff2/montserratbold.woff2') format('woff2'), url('../woff/montserratbold.woff') format('woff'), url('../ttf/montserratbold.ttf') format('truetype'), url('../svg/montserratbold.svg#MontserratBold') format('svg');
}
@font-face {
font-family: 'YesevaOneRegular';
src: url('../eot/yesevaoneregular.eot');
src: url('../eot/yesevaoneregular.eot') format('embedded-opentype'), url('../woff2/yesevaoneregular.woff2') format('woff2'), url('../woff/yesevaoneregular.woff') format('woff'), url('../ttf/yesevaoneregular.ttf') format('truetype'), url('../svg/yesevaoneregular.svg#YesevaOneRegular') format('svg');
}
/*JG Edits*/
#section-heading-id-dpbsf { font-size:18px; }
.closebtn_premium { padding-top:8px; }
.eventLink a { color:#000; text-decoration:none; }
a.eventLink { color:#000; text-decoration:none; }
.eventLink:hover { color:#363636; text-decoration:underline; }
.fnd-more:hover { text-decoration:underline !important; }
h5.news a { color:#1d1d1f; }
h5.news a:hover { text-decoration:underline; color:#1d1d1f;}
/**/
.main-header {
margin: 70px 0;
position: relative;
z-index: 999;
}
.main-header .container {
max-width: 1464px;
}
.main-header .flex-header {
display: flex;
flex-wrap: wrap;
align-items: center;
border-top: 0.15rem solid #1d1d1f;
border-bottom: 0.15rem solid #1d1d1f;
position: relative;
}
.main-header .flex-header .brand-logo {
padding: 10px 1.8rem;
}
.main-header .flex-header .brand-logo img {
max-width: 12rem;
}
.main-header .flex-header .right-header {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
width: calc(100% - 16rem);
}
.main-header .flex-header .right-header .box1 {
width: calc(100% - 30rem);
display: flex;
align-items: flex-start;
border: 0.15rem solid #1d1d1f;
border-top: 0;
border-bottom: 0;
}
.main-header .flex-header .right-header .box1 p {
padding: 0;
margin: 0;
font-size: 1rem;
color: #1d1d1f;
white-space: nowrap;
padding: 1.8rem;
}
.main-header .flex-header .right-header .box1 p a {
font-family: "MontserratSemiBold";
color: #1d1d1f;
text-decoration: none;
}
.main-header .flex-header .right-header .box1 p a:hover {
color: #1c3664;
}
.main-header .flex-header .right-header .box1 .box-search {
border-left: 0.15rem solid #1d1d1f;
}
.main-header .flex-header .right-header .box1 .box-search .wrap {
padding: 1.8rem;
display: flex;
align-items: center;
border-left: 0;
column-gap: 15px;
}
.main-header .flex-header .right-header .box1 .box-search .wrap .input {
border: 0;
background: transparent;
outline: none;
border: 0;
box-shadow: none;
font-size: 1rem;
color: #1d1d1f;
font-family: "MontserratRegular";
}
.main-header .flex-header .right-header .box1 .box-search .wrap .input::placeholder {
color: #1d1d1f;
font-family: "MontserratRegular";
}
.main-header .flex-header .right-header .menu1 {
width: 30rem;
padding: 0 1.8rem;
}
.main-header .flex-header .right-header .menu2 {
width: calc(100% - 30rem);
border-top: 0 !important;
border-top: 0.15rem solid #1d1d1f !important;
border-left: 0.15rem solid #1d1d1f !important;
border-right: 0.15rem solid #1d1d1f !important;
}
.main-header .flex-header .right-header .call-enq {
width: 30rem;
padding: 0.95rem 1.8rem;
display: flex;
align-items: center;
justify-content: space-between;
border-top: 0.15rem solid #1d1d1f !important;
}
.main-header .flex-header .right-header .call-enq h5 {
font-size: 1rem;
color: #1d1d1f;
margin: 0;
line-height: 1.5;
}
.main-header .flex-header .right-header .call-enq h5 a {
font-family: "MontserratSemiBold";
text-decoration: none;
color: #1d1d1f;
}
.main-header .flex-header .right-header .call-enq .btn {
font-size: 1rem;
padding: 0.7rem 0.8rem;
background: #1c3664;
color: #fff;
font-family: "MontserratSemiBold";
}
.main-header .flex-header .right-header .call-enq .btn:hover {
background: #8fc04e;
color: #1d1d1f;
}
.main-header .flex-header .right-header .menu-top-nav {
border: 0;
}
.main-header .flex-header .right-header .menu-top-nav ul.menu {
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: center;
column-gap: 1.9rem;
position: static;
}
.main-header .flex-header .right-header .menu-top-nav ul.menu > li {
position: static;
margin: 1.8rem 0;
display: flex;
align-items: center;
flex-wrap:wrap
}
.main-header .flex-header .right-header .menu-top-nav ul.menu > li > a {
font-size: 1rem;
color: #1d1d1f;
font-family: "MontserratRegular";
display: block;
text-decoration: none;
position: relative;
}
.main-header .flex-header .right-header .menu-top-nav ul.menu > li > a:hover {
color: #1c3664;
font-weight: 600;
}
.main-header .flex-header .right-header .menu-top-nav ul.menu > li > a::after {
content: "";
width: 0;
height: 4px;
background: #a0d758;
position: absolute;
left: 0;
display: block;
bottom: -6px;
transition: all 0.9s cubic-bezier(0.4, 0, 0.2, 1);
}
.main-header .flex-header .right-header .menu-top-nav ul.menu > li > a:hover::after {
width: 100%;
}
.main-header .flex-header .right-header .menu-top-nav ul.menu > li.has-sub-menu >a{
pointer-events:none;
}
.main-header .flex-header .right-header .menu-top-nav ul.menu > li.has-sub-menu:hover >a{
}
.main-header .flex-header .right-header .menu-top-nav ul.menu > li.has-sub-menu .sub-toggle-desk {
display: flex;
align-items: center;
justify-content: center;
width: 1.5rem;
height: 1.5rem;
width:100%;
background:transparent;
position:relative;
padding-right:1rem;
margin-top:-26px;
cursor:pointer;
}
.main-header .flex-header .right-header .menu-top-nav ul.menu > li.has-sub-menu .sub-toggle-desk::before {
border-style: solid;
border-width: 2px 2px 0 0;
content: " ";
display: inline-block;
position: absolute;
height: 8px;
right: 0;
top: 0.5rem;
transition: 0.35s ease-in-out;
vertical-align: top;
width: 8px;
transform: rotate(135deg);
transition: 0.25s ease-in-out;
cursor: pointer;
}
.main-header .flex-header .right-header .menu-top-nav ul.menu > li.has-sub-menu .sub-toggle-desk.expanded::before {
transform: rotate(-45deg);
}
.main-header .flex-header .right-header .menu-top-nav ul.menu > li.has-sub-menu > a {
padding-right: 0.5rem;
}
.main-header .flex-header .right-header .menu-top-nav ul.menu > li.has-sub-menu .sub-toggle-desk:after{
content: '';
width: 0;
height: 4px;
background: #a0d758;
position: absolute;
left: 0;
display: block;
bottom: -8px;
transition: all 0.9s cubic-bezier(0.4, 0, 0.2, 1);
}
.main-header .flex-header .right-header .menu-top-nav ul.menu > li.has-sub-menu:hover .sub-toggle-desk::after{
width:100%;
}
.main-header .flex-header .right-header .menu-top-nav ul.menu > li.has-sub-menu:hover >a{
color: #1c3664;
font-weight: 600;
}
.main-header .flex-header .right-header .menu-top-nav ul.menu > li.has-sub-menu.sh-menu > a::before {
transform: rotate(-45deg);
}
.container {
max-width: 1320px;
margin: 0 auto;
}
.btn-sm {
font-size: 1rem;
padding: 10px 1rem;
display: inline-block;
text-decoration: none;
outline: none;
box-shadow: none;
border-radius: 5px;
font-family: 'MontserratSemiBold';
font-weight: 600;
text-decoration: none !important;
transition: 0.8s;
}
.btn-sm.btn-bg-blue {
background: #1c3664;
color: #fff;
}
.home-banner {
position: relative;
}
.home-banner::before {
content: '';
width: 180px;
height: 208px;
display: block;
background: url(../svg/shape1.svg) no-repeat;
background-size: contain;
position: absolute;
right: 0;
bottom: 40px;
z-index: 9;
}
.home-banner .banner-wrap {
display: flex;
flex-wrap: wrap;
border-radius: 20px;
overflow: hidden;
}
.home-banner .banner-wrap .banner-caption {
width: 55%;
background: #1c3664;
padding: 64px;
}
.home-banner .banner-wrap .banner-caption h1, .home-banner .banner-wrap .banner-caption h2 {
font-size: 48px;
color: #a0d758;
font-family: 'MontserratSemiBold';
font-weight: 600;
}
.home-banner .banner-wrap .banner-caption h3 {
color: #a0d758;
}
.home-banner .banner-wrap .banner-caption p {
font-size: 20px;
line-height: 32px;
color: #fff;
margin: 1.8rem 0 40px 0;
}
.home-banner .banner-wrap .banner-caption .btn-list {
display: flex;
column-gap: 1.8rem;
}
.home-banner .banner-wrap .banner-caption .btn-sm.btn1 {
background: #a0d758;
color: #1c3664;
border: 0.15rem solid #a0d758;
}
.home-banner .banner-wrap .banner-caption .btn-sm.btn2 {
color: #fff;
border: 0.15rem solid #a0d758;
}
.home-banner .banner-wrap .banner-caption .btn-sm.btn2:hover {
background: #a0d758;
color: #1c3664;
}
.image-left { float: left; margin: 6px 20px 12px 0px; }
.image-right { float: right; margin: 12px 0px 12px 20px; }
.home-banner .banner-wrap .banner-img {
width: 45%;
}
.home-banner .banner-wrap .banner-img .bnr-img {
width: 100%;
height: 100%;
object-fit: cover;
}
.caption-cont h6 {
font-size: 16px;
margin-bottom: 16px;
color: #1d1d1f;
font-family: "MontserratSemiBold";
}
.caption-cont h3 {
font-size: 28px;
line-height: 40px;
color: #1c3664;
font-family: "MontserratSemiBold";
}
.what-we-do {
padding: 95px 0;
position: relative;
}
.what-we-do::before {
content: '';
width: 225px;
height: 330px;
display: block;
background: url(../svg/shape2.svg) no-repeat top left;
background-size: contain;
position: absolute;
left: 0;
bottom: 40px;
z-index: 9;
}
.what-we-do .caption-cont {
padding-right: 30px;
}
.what-we-do .to-do-list .list-itm {
display: flex;
flex-wrap: wrap;
padding-bottom: 1.8rem;
border-bottom: 0.15rem solid #1d1d1f;
margin-bottom: 1.8rem;
}
.what-we-do .to-do-list .list-itm:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.what-we-do .to-do-list .list-itm .itm-img {
width: 140px;
}
.what-we-do .to-do-list .list-itm .itm-img img {
width: 100%;
}
.what-we-do .to-do-list .list-itm .itm-desc {
width: calc(100% - 140px);
padding-left: 1.8rem;
}
.what-we-do .to-do-list .list-itm .itm-desc h4 {
font-size: 20px;
font-family: "MontserratSemiBold";
color: #1c3664;
}
.what-we-do .to-do-list .list-itm .itm-desc p {
font-size: 1rem;
line-height: 1.8rem;
color: #1c3664;
font-family: "MontserratRegular";
padding: 0;
margin: 0;
}
.resource-sec {
background: #9ebfad;
padding: 72px 0;
position: relative;
}
.resource-sec::before {
content: '';
width: 180px;
height: 208px;
display: block;
background: url(../svg/shape3.svg) no-repeat top right;
background-size: contain;
position: absolute;
right: 0;
top: 30px;
z-index: 9;
}
.resource-sec .caption-cont {
margin-left: 98px;
margin-bottom: 72px;
max-width: 500px;
}
.resource-sec .resource-list {
display: flex;
flex-wrap: wrap;
column-gap: 2%;
row-gap: 23px;
}
.resource-sec .resource-list .resource-itm {
width: 23.5%;
border-radius: 20px;
overflow: hidden;
}
.resource-sec .resource-list .resource-itm .res-img {
width: 100%;
height: 192px;
object-fit: cover;
object-position: center; /*top*/
}
.resource-sec .resource-list .resource-itm .resource-cont {
padding: 24px;
padding-bottom: 40px;
background: #ede9e1;
height: 100%;
}
.resource-sec .resource-list .resource-itm .resource-cont h4 {
font-size: 20px;
font-family: "MontserratBold";
color: #1c3664;
}
.resource-sec .resource-list .resource-itm .resource-cont p {
font-size: 16px;
line-height: 24px;
color: #1c3664;
font-family: "MontserratRegular";
padding: 0;
margin: 0;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.resource-sec .resource-list .resource-itm .resource-cont .read-more {
float: right;
color: #1d1d1f;
text-decoration: none;
position: relative;
display: flex;
align-items: center;
margin: 15px 0;
column-gap: 10px;
}
.resource-sec .resource-list .resource-itm .resource-cont .read-more::after {
content: "\f061";
font: normal normal normal 14px / 1 FontAwesome;
font-size: 16px;
display: block;
color: #1d1d1f;
}
.resource-sec .resource-list .resource-itm:last-child {
width: 49%;
padding: 48px;
background: #ede9e1;
}
.resource-sec .resource-list .resource-itm:last-child .caption-cont {
margin: 0;
max-width: inherit;
}
.resource-sec .resource-list .resource-itm:last-child .caption-cont .btn-sm {
background: #1c3664;
color: #fff;
margin: 30px 0;
text-decoration: none;
}
.resource-sec .resource-list .resource-itm:last-child .caption-cont .btn-sm:hover {
background: #a0d758;
color: #1c3664;
}
.resource-sec .resource-list .resource-itm:last-child .caption-cont p {
font-size: 16px;
color: #1d1d1f;
}
.resource-sec .resource-list .resource-itm:last-child .caption-cont p a {
text-decoration: none;
color: #1d1d1f;
font-family: "MontserratSemiBold";
}
.home-testimonial {
padding: 95px 0;
position: relative;
}
.home-testimonial::before {
content: '';
width: 230px;
height: 267px;
display: block;
background: url(../svg/shape4.svg) no-repeat top left;
background-size: contain;
position: absolute;
left: 0;
top: 100px;
z-index: 9;
}
.home-testimonial .inner-wrap {
width: 1128px;
border-radius: 10px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
overflow: hidden;
position: relative;
z-index: 2;
}
.home-testimonial .inner-wrap .wrap-img {
width: 50%;
}
.home-testimonial .inner-wrap .wrap-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.home-testimonial .inner-wrap .wrap-cont {
width: 50%;
background: #fcfaf7;
padding: 80px;
padding-bottom: 40px;
}
.home-testimonial .inner-wrap .wrap-cont .wrap-slider .slick-slide {
position: relative;
padding-bottom: 40px;
}
.home-testimonial .inner-wrap .wrap-cont .wrap-slider .slick-slide::before {
content: '';
display: block;
width: 270px;
height: 21px;
background: url(../svg/testi-line.svg) no-repeat;
background-size: contain;
position: absolute;
bottom: 0;
left: 0;
}
.home-testimonial .inner-wrap .wrap-cont .wrap-slider .slick-slide p {
color: #054a29;
font-size: 24px; /*32px; JG */
line-height: 30px; /*40px;JG */
font-family: 'YesevaOneRegular';
margin-bottom: 30px;
}
.home-testimonial .inner-wrap .wrap-cont .wrap-slider .slick-slide h4 {
font-size: 1rem;
color: #1d1d1f;
}
.home-testimonial .inner-wrap .wrap-cont .wrap-slider .slick-dots {
column-gap: 8px;
display: flex !important;
justify-content: flex-end;
position: relative;
bottom: initial;
margin-top: 50px;
}
.home-testimonial .inner-wrap .wrap-cont .wrap-slider .slick-dots > li {
width: 32px;
height: 32px;
margin: 0;
}
.home-testimonial .inner-wrap .wrap-cont .wrap-slider .slick-dots > li button {
width: 32px;
height: 32px;
font-size: 14px;
color: #1d1d1f;
border: 1px solid #1d1d1f;
border-radius: 50%;
font-family: "MontserratRegular";
}
.home-testimonial .inner-wrap .wrap-cont .wrap-slider .slick-dots > li button::before {
display: none;
}
.home-testimonial .inner-wrap .wrap-cont .wrap-slider .slick-dots > li.slick-active button {
background: #054a29;
color: #fff;
}
.library-article {
background: #1c3664;
padding: 70px 0;
}
.library-article .caption-cont {
margin-left: 98px;
margin-bottom: 72px;
max-width: 480px;
}
.library-article .caption-cont h6 {
color: #fff;
}
.library-article .caption-cont h3 {
color: #a0d758;
}
.library-article .article-list {
display: flex;
flex-wrap: wrap;
column-gap: 2%;
}
.library-article .article-list .article-itm {
width: 23.5%;
background: #fcfaf7;
padding: 1.8rem;
border-radius: 20px;
}
.library-article .article-list .article-itm .head-mn {
display: flex;
justify-content: space-between;
}
.library-article .article-list .article-itm .head-mn .art-bk {
display: flex;
align-items: center;
column-gap: 10px;
}
.library-article .article-list .article-itm .head-mn .art-bk h4 {
font-size: 14px;
color: #1d1d1f;
font-family: "MontserratSemiBold";
margin: 0;
}
.library-article .article-list .article-itm .cont-head {
margin: 1.8rem 0 60px 0;
}
.library-article .article-list .article-itm .cont-head a {
text-decoration: none;
}
.library-article .article-list .article-itm .cont-head p {
font-size: 20px;
line-height: 1.9rem;
color: #1d1d1f;
min-height: 135px;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.library-article .article-list .article-itm .tag-lists {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.library-article .article-list .article-itm .tag-lists .tg-link {
border-radius: 5px;
display: block;
font-size: 14px;
color: #1d1d1f;
background: #ede9e1;
padding: 3px 6px;
}
.library-article .bottom-res {
display: flex;
margin-top: 75px;
align-items: center;
justify-content: space-between;
}
.library-article .bottom-res .total-resourc {
display: flex;
align-items: flex-start;
}
.library-article .bottom-res .total-resourc h4 {
font-size: 20px;
color: #a0d758;
border: 1px solid #a0d758;
padding: 19px;
margin: 0;
}
.library-article .bottom-res .total-resourc h3 {
font-size: 48px;
color: #1d1d1f;
background: #a0d758;
padding: 3px 5px;
font-family: "MontserratSemiBold";
font-weight: 600;
margin: 0;
}
.library-article .bottom-res .btn-sm {
border: 2px solid #8fc04e;
color: #fff;
display: block;
}
.library-article .bottom-res .btn-sm:hover {
background: #a0d758;
color: #1c3664;
}
.upcoming-event {
padding: 70px 0 120px 0;
}
.upcoming-event .flex-head-upc {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin: 0 auto;
margin-bottom: 72px;
max-width: 1090px;
}
.upcoming-event .flex-head-upc .btn-sm {
background: #1c3664;
color: #fff;
}
.upcoming-event .flex-head-upc .btn-sm:hover {
background: #a0d758;
color: #1c3664;
}
.upcoming-event .caption-cont {
max-width: 530px;
}
.upcoming-event .caption-cont h6 {
color: #1d1d1f;
}
.upcoming-event .caption-cont p {
font-size: 16px;
margin: 0;
padding: 0;
}
.upcoming-event .event-list {
display: flex;
flex-wrap: wrap;
column-gap: 2%;
}
.upcoming-event .event-list .list-itm {
width: 23.5%;
background: #fff;
border-radius: 15px;
overflow: hidden;
position: relative;
min-height: 476px;
padding: 1.8rem;
padding-bottom: 40px;
background: url(../png/webinar.png) no-repeat top right #fff;
}
.upcoming-event .event-list .list-itm h5 {
font-size: 20px;
color: #1d1d1f;
font-family: 'MontserratBold';
margin: 0;
}
.upcoming-event .event-list .list-itm .tag-m {
font-size: 20px;
color: #1d1d1f;
font-family: "MontserratSemiBold";
padding: 8px 1rem;
display: inline-block;
background: #bae0cb;
border-radius: 5px;
margin: 30px 0;
}
.upcoming-event .event-list .list-itm h3 {
font-size: 1.9rem;
font-family: 'MontserratBold';
color: #1d1d1f;
line-height: normal;
}
.upcoming-event .event-list .list-itm p {
font-size: 16px;
line-height: 1.8rem;
color: #1d1d1f;
font-family: "MontserratMedium";
}
.upcoming-event .event-list .list-itm .btm-links {
display: flex;
justify-content: space-between;
position: absolute;
bottom: 1.8rem;
width: 100%;
padding: 0 1.8rem;
left: 0;
}
.upcoming-event .event-list .list-itm .btm-links .fnd-more {
font-size: 16px;
color: #1d1d1f;
font-family: "MontserratRegular";
position: relative;
padding-right: 26px;
text-decoration: none;
}
.upcoming-event .event-list .list-itm .btm-links .fnd-more::before {
content: '';
width: 16px;
height: 16px;
background: url(../svg/icon.svg) no-repeat;
background-size: contain;
position: absolute;
right: 0;
top: 4px;
transition: 0.6s;
}
.upcoming-event .event-list .list-itm .btm-links .fnd-more:hover::before {
right: -6px;
}
.upcoming-event .event-list .list-itm .btm-links .tg-btm {
font-size: 14px;
border-radius: 5px;
display: block;
padding: 3px 10px;
background: #bae0cb;
}
.fnd-more { position:absolute !important; bottom:0; }
.tg-btm { position:relative; margin-left:auto;margin-right:0; max-width:90px; }
.upcoming-event .event-list .list-itm.workshop {
background: url(../png/workshop.png) no-repeat top right #fff;
}
.upcoming-event .event-list .list-itm.workshop .tag-m {
background: #b2dfda;
}
.upcoming-event .event-list .list-itm.workshop .btm-links .tg-btm {
background: #b2dfda;
}
.upcoming-event .event-list .list-itm.workshop2 {
background: url(../png/workshop-pink.png) no-repeat top right #fff;
}
.upcoming-event .event-list .list-itm.workshop2 .tag-m {
background: #dbc3ed;
}
.upcoming-event .event-list .list-itm.workshop2 .btm-links .tg-btm {
background: #dbc3ed;
}
.upcoming-event .event-list .list-itm.info-session {
background: url(../png/info-sec.png) no-repeat top right #fff;
}
.upcoming-event .event-list .list-itm.info-session .tag-m {
background: #8fc04e;
}
.upcoming-event .event-list .list-itm.info-session .btm-links .tg-btm {
background: #8fc04e;
}
.get-involve-wrap {
display: flex;
flex-wrap: wrap;
max-width: 1128px;
margin: 0 auto;
background: #dbc3ed;
border-radius: 10px;
overflow: hidden;
z-index: 2;
position: relative;
}
.get-involve-wrap .wrap-cont {
width: 50%;
padding: 64px 48px;
}
.get-involve-wrap .wrap-cont .reset {
list-style: none;
padding: 0;
margin: 0;
margin-top: 15px;
}
.get-involve-wrap .wrap-cont .reset > li {
position: relative;
font-size: 20px;
color: #1d1d1f;
font-family: "MontserratRegular";
padding-left: 36px;
margin-bottom: 15px;
}
.get-involve-wrap .wrap-cont .reset > li::before {
content: '';
width: 20px;
height: 20px;
display: block;
background: url(../svg/bullet-list-icon.svg) no-repeat;
background-size: contain;
position: absolute;
left: 0;
top: 5px;
}
.get-involve-wrap .wrap-img {
width: 50%;
}
.get-involve-wrap .wrap-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.home-latest-news {
padding: 100px 0;
position: relative;
}
.home-latest-news::before {
content: '';
width: 151px;
height: 219px;
display: block;
background: url(../svg/shape5.svg) no-repeat top left;
background-size: contain;
position: absolute;
left: 0;
top: -100px;
z-index: 0;
}
.home-latest-news .top-head {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 1090px;
margin: 0 auto;
position: relative;
z-index: 1;
}
.home-latest-news .top-head h3 {
font-size: 28px;
color: #1c3664;
font-family: "MontserratSemiBold";
margin: 0;
}
.home-latest-news .top-head .btn-sm {
background: #1c3664;
color: #fff;
}
.home-latest-news .top-head .btn-sm:hover {
background: #a0d758;
color: #1c3664;
}
.home-latest-news .news-list {
margin-top: 50px;
display: flex;
flex-wrap: wrap;
column-gap: 2%;
position: relative;
z-index: 1;
}
.home-latest-news .news-list .article-itm {
width: 23.5%;
padding: 15px;
padding-bottom: 40px;
border-bottom: 0.15rem solid #1d1d1f;
position: relative;
min-height: 460px;
}
.home-latest-news .news-list .article-itm .date {
font-size: 1rem;
padding: 15px 0;
margin: 0;
border-bottom: 0.15rem solid #1d1d1f;
border-top: 0.15rem solid #1d1d1f;
}
.home-latest-news .news-list .article-itm .midl-cont {
margin: 32px 0;
}
.home-latest-news .news-list .article-itm .midl-cont h5 {
font-size: 18px;
line-height: 26px;
font-family: "MontserratSemiBold";
color: #1d1d1f;
}
.home-latest-news .news-list .article-itm .midl-cont p {
font-size: 1rem;
line-height: 1.8rem;
}
.home-latest-news .news-list .article-itm .ext-links {
display: flex;
justify-content: space-between;
position: absolute;
left: 0;
bottom: 20px;
width: 100%;
padding: 0 15px;
}
.home-latest-news .news-list .article-itm .ext-links .tg-btm {
border: 1px solid #1d1d1f;
border-radius: 5px;
padding: 3px 10px;
display: block;
}
.home-latest-news .news-list .article-itm .ext-links .fnd-more {
font-size: 16px;
color: #1d1d1f;
font-family: "MontserratRegular";
position: relative;
padding-right: 26px;
text-decoration: none;
}
.home-latest-news .news-list .article-itm .ext-links .fnd-more::before {
content: '';
width: 16px;
height: 16px;
background: url(../svg/icon.svg) no-repeat;
background-size: contain;
position: absolute;
right: 0;
top: 4px;
transition: 0.6s;
}
.home-latest-news .news-list .article-itm .ext-links .fnd-more:hover::before {
right: -6px;
}
.initiatives-sec {
text-align: center;
background: #fff;
padding: 90px 0;
position: relative;
}
.initiatives-sec::before {
content: '';
width: 202px;
height: 235px;
display: block;
background: url(../svg/shape6.svg) no-repeat top left;
background-size: contain;
position: absolute;
left: 0;
top: 48px;
z-index: 9;
}
.initiatives-sec .heading {
text-align: center;
margin-bottom: 40px;
}
.initiatives-sec .heading h3 {
font-size: 20px;
color: #1d1d1f;
font-family: "MontserratSemiBold";
}
.initiatives-sec .initiatives-list {
display: flex;
justify-content: center;
align-items: center;
column-gap: 100px;
}
.main-footer {
background: #1c3664;
}
.main-footer .top-footer {
border-bottom: 2px solid #8fc04e;
padding: 70px 0;
}
.main-footer .top-footer .form-wrapper {
max-width: 1090px;
margin: 0 auto;
display: block;
}
.main-footer .top-footer .form-wrapper h3 {
font-size: 28px;
color: #a0d758;
font-family: "MontserratSemiBold";
margin-bottom: 50px;
}
.main-footer .top-footer .form-wrapper .footer-form > ul {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
column-gap: 2.5%;
}
.main-footer .top-footer .form-wrapper .footer-form > ul > li {
width: 33.33%;
}
.main-footer .top-footer .form-wrapper .footer-form > ul > li .input-field {
width: 100%;
font-size: 16px;
padding: 16px;
background: #fff;
border: 0;
outline: none;
box-shadow: none;
color: #1d1d1f;
font-family: "MontserratRegular";
}
.main-footer .top-footer .form-wrapper .footer-form > ul > li .input-field::placeholder {
color: #1d1d1f;
font-family: "MontserratRegular";
}
.main-footer .top-footer .form-wrapper .footer-form > ul > li .frm-btn {
width: 100%;
background: #a0d758;
color: #1c3664;
border: 0;
outline: none;
font-size: 16px;
text-decoration: underline;
text-align: center;
padding: 16px;
font-family: "MontserratSemiBold";
cursor: pointer;
}
.main-footer .top-footer .form-wrapper .footer-form > ul > li:nth-child(1n) { width: 25%; }
.main-footer .top-footer .form-wrapper .footer-form > ul > li:nth-child(2n) { width: 35%; }
.main-footer .top-footer .form-wrapper .footer-form > ul > li:nth-child(3n) { width: 15%; }
.main-footer .top-footer .form-wrapper .footer-form > ul > li:last-child { width: 16%; }
/*wpcf7 footer form */
.main-footer .top-footer .form-wrapper .wpcf7-form > ul {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
column-gap: 2.5%;
}
.main-footer .top-footer .form-wrapper .wpcf7-form > ul > li {
width: 33.33%;
}
.main-footer .top-footer .form-wrapper .wpcf7-form > ul > li .input-field {
width: 100%;
font-size: 16px;
padding: 16px;
background: #fff;
border: 0;
outline: none;
box-shadow: none;
color: #1d1d1f;
font-family: "MontserratRegular";
}
.main-footer .top-footer .form-wrapper .wpcf7-form > ul > li .input-field::placeholder {
color: #1d1d1f;
font-family: "MontserratRegular";
}
.main-footer .top-footer .form-wrapper .wpcf7-form > ul > li .frm-btn {
width: 100%;
background: #a0d758;
color: #1c3664;
border: 0;
outline: none;
font-size: 16px;
text-decoration: underline;
text-align: center;
padding: 16px;
font-family: "MontserratSemiBold";
cursor: pointer;
}
.main-footer .top-footer .form-wrapper .wpcf7-form > ul > li:nth-child(1n) { width: 15%; }
.main-footer .top-footer .form-wrapper .wpcf7-form > ul > li:nth-child(2n) { width: 15%; }
.main-footer .top-footer .form-wrapper .wpcf7-form > ul > li:nth-child(3n) { width: 30%; }
.main-footer .top-footer .form-wrapper .wpcf7-form > ul > li:nth-child(4n) { width: 10%; }
.main-footer .top-footer .form-wrapper .wpcf7-form > ul > li:last-child { width: 16%; }
.main-footer .top-footer .form-wrapper .wpcf7-form .wpcf7-response-output { color:#FFF; border-color:#a0d758; }
/*end footer contact form 7*/
.footer-quick-links {
padding: 70px 0;
border-bottom: 2px solid #8fc04e;
}
.footer-quick-links .wrap-links {
max-width: 1090px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.footer-quick-links .wrap-links .brand-footer img {
max-width: 100%;
}
.footer-quick-links .wrap-links .box-quick {
width: 16%;
}
.footer-quick-links .wrap-links .box-quick p {
font-size: 16px;
color: #fff;
text-decoration: none;
font-family: "MontserratRegular";
margin-top: 25px;
}
.footer-quick-links .wrap-links .quick-links {
width: 17%;
}
.footer-quick-links .wrap-links .quick-links > ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer-quick-links .wrap-links .quick-links > ul li {
margin-bottom: 10px;
}
.footer-quick-links .wrap-links .quick-links > ul li a {
font-size: 16px;
color: #fff;
text-decoration: none;
font-family: "MontserratRegular";
}
.footer-quick-links .wrap-links .quick-links > ul li a:hover {
color: #a0d758;
}
.footer-quick-links .wrap-links .quick-adress {
width: 20%;
}
.footer-quick-links .wrap-links .quick-adress p {
font-size: 16px;
line-height: 28px;
color: #fff;
text-decoration: none;
font-family: "MontserratRegular";
margin-bottom: 30px;
}
.footer-quick-links .wrap-links .quick-adress p a {
color: #fff;
font-family: "MontserratSemiBold";
}
.footer-quick-links .wrap-links .quick-adress p a:hover {
color: #a0d758;
}
.footer-quick-links .wrap-links .social-links h4 {
font-size: 16px;
font-family: "MontserratSemiBold";
color: #fff;
margin-bottom: 15px;
}
.footer-quick-links .wrap-links .social-links ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
column-gap: 13px;
}
.footer-quick-links .wrap-links .social-links ul > li a {
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
align-items: center;
background: #fff;
color: #1d1d1f;
justify-content: center;
text-decoration: none;
}
.footer-quick-links .wrap-links .social-links ul > li a:hover {
color: #a0d758;
}
.footer-cont-des {
padding: 70px 0;
border-bottom: 2px solid #8fc04e;
}
.footer-cont-des p {
max-width: 1090px;
margin: 0 auto;
font-size: 16px;
font-family: "MontserratRegular";
color: #fff;
}
.footer-other-link {
display: flex;
align-items: center;
justify-content: space-between;
padding: 50px 0;
}
.footer-other-link .copyrights p {
font-size: 16px;
font-family: "MontserratRegular";
color: #fff;
padding: 0;
margin: 0;
}
.footer-other-link .links-n > ul {
display: flex;
list-style: none;
padding: 0;
margin: 0;
column-gap: 30px;
}
.footer-other-link .links-n > ul > li a {
font-size: 16px;
font-family: "MontserratRegular";
color: #fff;
text-decoration: none;
}
.footer-other-link .links-n > ul > li a:hover {
color: #a0d758;
}
.footer-btm {
background: #8fc04e;
padding: 24px 0;
}
.footer-btm p {
font-size: 16px;
text-align: right;
color: #1d1d1f;
font-family: "MontserratRegular";
text-decoration: none;
padding: 0;
margin: 0;
}
.menu-top-nav .has-sub-menu .submenu-wrapper {
position: absolute;
width: 100%;
top: 100%;
left: 0;
transform: initial;
background: #fcfaf7;
padding: 45px 0;
text-align: left;
display: block;
z-index: 999;
color: #184a4b;
z-index: 99999;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.menu-top-nav .has-sub-menu .submenu-wrapper li {
position: relative;
}
.menu-top-nav .has-sub-menu .submenu-wrapper li .hide-desk {
display: none;
}
.menu-top-nav .has-sub-menu .submenu-wrapper .cont-des {
max-width: 335px;
margin-right: 50px;
}
.menu-top-nav .has-sub-menu .submenu-wrapper .cont-des .ttl-lg {
font-size: 28px;
color: #000;
font-family: "MontserratSemiBold";
margin-bottom: 15px;
}
.menu-top-nav .has-sub-menu .submenu-wrapper .cont-des p {
font-size: 16px;
line-height: 24px;
color: #1d1d1f;
font-family: "MontserratRegular";
}
.menu-top-nav .has-sub-menu .submenu-wrapper .extra-menus {
border-left: 2px solid #1d1d1f;
padding: 0 50px 0 70px;
}
.menu-top-nav .has-sub-menu .submenu-wrapper .extra-menus .sub-menu-list {
margin-bottom: 50px;
max-width: 275px;
}
.menu-top-nav .has-sub-menu .submenu-wrapper .extra-menus .sub-menu-list .link-ttl-sm {
color: #000;
font-size: 20px;
font-family: "MontserratSemiBold";
margin-bottom: 20px;
text-decoration: none;
padding: 0;
border: 0;
display: block;
}
.menu-top-nav .has-sub-menu .submenu-wrapper .extra-menus .sub-menu-list ul {
list-style: none;
padding: 0;
margin: 0;
}
.menu-top-nav .has-sub-menu .submenu-wrapper .extra-menus .sub-menu-list ul > li {
margin-bottom: 10px;
}
.menu-top-nav .has-sub-menu .submenu-wrapper .extra-menus .sub-menu-list ul > li a {
font-size: 16px;
line-height: 24px;
color: #1d1d1f;
font-family: "MontserratRegular";
position: relative;
text-decoration: none;
padding: 0;
display: inline-block;
padding-bottom: 6px;
transition-duration: 0.5s;
}
.menu-top-nav .has-sub-menu .submenu-wrapper .extra-menus .sub-menu-list ul > li a::before {
content: '';
width: 0;
height: 4px;
background: #a0d758;
position: absolute;
left: 0;
display: block;
bottom: 0;
transition: all 0.9s cubic-bezier(0.4, 0, 0.2, 1);
}
.menu-top-nav .has-sub-menu .submenu-wrapper .extra-menus .sub-menu-list ul > li a:hover {
text-stroke: 1px black;
-webkit-text-stroke: 1px #1d1d1f;
}
.menu-top-nav .has-sub-menu .submenu-wrapper .extra-menus .sub-menu-list ul > li a:hover::before {
width: 100%;
}
.menu-top-nav .has-sub-menu .submenu-wrapper .extra-menus .sub-menu-list:last-child {
margin-bottom: 0;
}
.menu-top-nav .has-sub-menu .submenu-wrapper .extra-menus:last-child {
border-left: 0;
padding-right: 0;
}
.menu-top-nav .has-sub-menu .submenu-wrapper > .sub-menu {
display: flex;
list-style: none;
padding: 0;
margin: 0;
justify-content: flex-start;
max-width: 1128px;
margin: 0 auto;
position: relative;
column-gap: 50px;
}
.menu-top-nav .has-sub-menu .submenu-wrapper::before {
content: "";
position: absolute;
top: 0;
left: calc(50% - 8px);
transform: translateX(-50%);
width: 100vw;
height: calc(100%);
z-index: 0;
background: url(../png/drop-vector.png) no-repeat bottom left #fcfaf7;
background-size: 200px;
pointer-events: none;
box-shadow: none;
}
.menu-top-nav .has-sub-menu .submenu-wrapper.show-dropdown {
opacity: 1;
visibility: visible;
}
.menu {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
}
.menu-item {
margin-right: 20px;
}
/* Dropdown styling */
.dropdown {
position: absolute;
top: 100%;
left: 0;
list-style: none;
background-color: #444;
padding: 0;
margin: 0;
width: 150px;
opacity: 0;
/* Initially hidden */
visibility: hidden;
transform: translateY(-10px);
transition: opacity 0.3s ease, transform 0.3s ease;
}
/* Active class to show dropdown */
.menu-item.active .dropdown {
opacity: 1;
visibility: visible;
}
.library-banner::before {
display: none;
}
.library-banner .banner-wrap .banner-caption {
background: #dbc3ed;
}
.library-banner .banner-wrap .banner-caption .symbol {
margin-bottom: 70px;
}
.library-banner .banner-wrap .banner-caption .symbol img {
max-width: 100%;
}
.library-banner .banner-wrap .banner-caption .breadcrumb {
display: flex;
align-items: center;
padding: 0;
margin: 0;
background: transparent;
margin-bottom: 15px;
}
.library-banner .banner-wrap .banner-caption .breadcrumb > .link {
color: #1c3664;
text-decoration: none;
font-size: 14px;
font-family: "MontserratSemiBold";
position: relative;
display: block;
padding: 0 10px;
margin: 0 10px;
}
.library-banner .banner-wrap .banner-caption .breadcrumb > .link::before {
content: "\f054";
font: normal normal normal 14px / 1 FontAwesome;
font-size: 12px;
display: block;
position: absolute;
right: -14px;
top: 5px;
}
.library-banner .banner-wrap .banner-caption .breadcrumb > .link.active {
font-family: "MontserratRegular";
}
.library-banner .banner-wrap .banner-caption .breadcrumb > .link.active::before {
display: none;
}
.library-banner .banner-wrap .banner-caption .breadcrumb > .link:first-child {
padding-left: 0;
margin-left: 0;
}
.library-banner .banner-wrap .banner-caption .breadcrumb.back-to-prev .link {
padding-left: 10px;
}
.library-banner .banner-wrap .banner-caption .breadcrumb.back-to-prev .link::before {
left: -10px;
right: initial;
transform: rotate(-180deg);
}
.library-banner .banner-wrap .banner-caption h2, .library-banner .banner-wrap .banner-caption p {
color: #1c3664;
}
.about-libr .total-resourc {
display: flex;
align-items: flex-start;
}
.about-libr .total-resourc h4 {
font-size: 20px;
color: #1c3664;
border: 2px solid #1c3664;
padding: 19px;
margin: 0;
font-family: "MontserratSemiBold";
}
.about-libr .total-resourc h3 {
font-size: 48px;
color: #dbc3ed;
background: #1c3664;
padding: 3.5px 15px;
font-family: "MontserratSemiBold";
font-weight: 600;
margin: 0;
}
.about-libr .cont {
margin-top: 40px;
}
.about-libr .cont h4 {
font-size: 28px;
color: #1d1d1f;
font-family: "MontserratSemiBold";
margin-bottom: 15px;
}
.about-libr .cont p {
font-size: 16px;
line-height: 24px;
color: #1d1d1f;
}
.about-libr .caption-cont {
position: relative;
border-left: 4px solid #c9c;
padding-left: 48px;
}
.about-libr .caption-cont h6 {
font-size: 16px;
margin-bottom: 16px;
color: #1d1d1f;
font-family: "MontserratSemiBold";
}
.about-libr .caption-cont h3 {
font-size: 20px;
line-height: 32px;
color: #1c3664;
font-family: "MontserratSemiBold";
}
.about-libr .caption-cont .btn-sm {
background: #1c3664;
color: #fff;
margin: 30px 0;
text-decoration: none;
}
.about-libr .caption-cont .btn-sm:hover {
background: #8fc04e;
color: #1d1d1f;
}
.about-libr .caption-cont p {
font-size: 16px;
color: #1d1d1f;
}
.about-libr .caption-cont p a {
color: #1d1d1f;
font-family: "MontserratSemiBold";
}
.main-libr-column .box-main-cart .search-bar .search-form {
display: flex;
flex-wrap: wrap;
border: 2px solid #1d1d1f;
justify-content: flex-end;
}
.main-libr-column .box-main-cart .search-bar .search-form .ttl-form {
font-size: 20px;
color: #1d1d1f;
padding: 20px 24px;
font-family: "MontserratSemiBold";
padding-right: 60px;
}
.main-libr-column .box-main-cart .search-bar .search-form .filed-input {
position: relative;
padding: 20px;
padding-left: 55px;
width: calc(100% - 470px);
border-left: 2px solid #1d1d1f;
}
.main-libr-column .box-main-cart .search-bar .search-form .filed-input .fa {
position: absolute;
left: 33px;
top: 25px;
font-size: 19px;
}
.main-libr-column .box-main-cart .search-bar .search-form .filed-input .field {
width: 100%;
padding: 4px 20px;
background: transparent;
border: 0;
outline: none;
box-shadow: none;
}
.main-libr-column .box-main-cart .search-bar .search-form .btn-srch {
font-size: 16px;
color: #fff;
background: #1d1d1f;
display: block;
padding: 20px;
border: 0;
outline: none;
border-right: 1px solid #1d1d1f;
position: relative;
min-width: 137px;
text-align: left;
cursor: pointer;
}
.main-libr-column .box-main-cart .search-bar .search-form .btn-srch::before {
content: '';
width: 16px;
height: 16px;
display: block;
background: url(../svg/arro-right.svg) no-repeat;
background-size: contain;
position: absolute;
right: 29px;
top: 28px;
transition-duration: 0.5s;
}
.main-libr-column .box-main-cart .search-bar .search-form .btn-srch:hover {
background: #1c3664;
}
.newsForm { width:20px; height:20px; margin-bottom: 12px; vertical-align: top; margin-right: 12px;} /*JG*/
#gstate, #gcode { width:30%; }
.wpcf7-select {
width: 100%;
border: 1px solid #1d1d1f;
padding: 16px;
outline: none;
box-shadow: none;
color: #1d1d1f;
font-size: 16px;
font-family: "MontserratMedium";
min-height: 60px;
}
.wpcf7-list-item { width:100%; }
input[type=checkbox], input[type=radio] { width: 20px; height: 15px; }
.checked-items {
/* The container */
/* Hide the browser's default checkbox */
/* Create a custom checkbox */
/* On mouse-over, add a grey background color */
/* Create the checkmark/indicator (hidden when not checked) */
/* Show the checkmark when checked */
/* Style the checkmark/indicator */
}
.checked-items .container-cheked {
display: block;
position: relative;
padding-left: 30px;
margin-bottom: 0;
cursor: pointer;
font-size: 16px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #1d1d1f;
}
.checked-items .container-cheked input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checked-items .checkmark {
position: absolute;
top: 0;
left: 0;
height: 18px;
width: 18px;
border-radius: 5px;
background-color: #ede9e1;
border: 2px solid #000;
}
.checked-items .container-cheked:hover input ~ .checkmark {
background-color: #ccc;
}
.checked-items .checkmark:after {
content: "";
position: absolute;
display: none;
}
.checked-items .container-cheked input:checked ~ .checkmark:after {
display: block;
}
.checked-items .container-cheked .checkmark:after {
left: 5px;
top: 2px;
width: 5px;
height: 10px;
border: solid #000;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.shop-cart {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 70px 0;
}
.shop-cart .filter-lists {
width: 264px;
}
.shop-cart .filter-lists .filter-libr-name {
font-size: 20px;
margin-bottom: 35px;
}
.shop-cart .filter-lists .results-btn .btn-sm {
background: #1c3664;
color: #fff;
margin: 0;
}
.shop-cart .filter-lists .results-btn .btn-sm:hover {
background: #8fc04e;
color: #1d1d1f;
}
.filter-itms {
margin-bottom: 30px;
}
.filter-itms .filter-ttl {
font-size: 16px;
color: #1d1d1f;
font-family: "MontserratSemiBold";
padding-bottom: 16px;
border-bottom: 2px solid #000;
margin-bottom: 24px;
position: relative;
cursor: pointer;
}
.filter-itms .filter-ttl::before {
border-style: solid;
border-width: 3px 3px 0 0;
content: " ";
display: inline-block;
position: absolute;
height: 10px;
right: 10px;
top: 5px;
transition: 0.35s ease-in-out;
vertical-align: top;
width: 10px;
transform: rotate(-45deg);
transition: 0.25s ease-in-out;
}
.filter-itms .filter-ttl.hide::before {
transform: rotate(135deg);
}
.filter-itms .checked-items > ul {
list-style: none;
padding: 0;
margin: 0;
}
.filter-itms .checked-items > ul > li {
margin-bottom: 15px;
}
.filter-itms .checked-items .cler-fltr {
font-size: 16px;
color: #000;
font-family: "MontserratSemiBold";
text-decoration: underline;
}
.product-cont {
width: calc(100% - 315px);
}
.product-cont h4 {
font-size: 16px;
color: #1d1d1f;
font-family: "MontserratSemiBold";
margin-bottom: 25px;
}
.product-cont .product-filter {
margin-bottom: 40px;
}
.product-cont .product-filter .tag-filt-list {
display: flex;
align-items: center;
gap: 16px;
}
.product-cont .product-filter .tag-filt-list .tag-name {
font-size: 14px;
border: 1px solid #777779;
border-radius: 5px;
display: flex;
align-items: center;
padding: 4px 10px;
text-decoration: none;
margin: 0;
gap: 10px;
color: #1d1d1f;
}
.product-cont .product-filter .tag-filt-list .tag-name .fa {
color: #1d1d1f;
}
.product-cont .product-filter .tag-filt-list .clr-filter {
font-size: 16px;
color: #1d1d1f;
font-family: "MontserratSemiBold";
text-decoration: underline;
}
.product-cont .product-list {
display: flex;
flex-wrap: wrap;
-moz-column-gap: 2%;
column-gap: 2%;
row-gap: 25px;
}
.product-cont .product-list .product-itm {
width: 32%;
background: #fcfaf7;
padding: 1.8rem;
border-radius: 20px;
text-decoration: none;
outline: none;
box-shadow: none;
}
.product-cont .product-list .product-itm .head-mn {
display: flex;
justify-content: space-between;
}
.product-cont .product-list .product-itm .head-mn .art-bk {
display: flex;
align-items: center;
-moz-column-gap: 10px;
column-gap: 10px;
}
.product-cont .product-list .product-itm .head-mn .art-bk .lib-ico {
width: 24px;
}
.product-cont .product-list .product-itm .head-mn .art-bk h4 {
font-size: 14px;
color: #1d1d1f;
font-family: "MontserratSemiBold";
margin: 0;
}
.product-cont .product-list .product-itm .cont-head {
margin: 1.8rem 0 60px 0;
}
.product-cont .product-list .product-itm .cont-head a {
text-decoration: none;
display: block;
}
.product-cont .product-list .product-itm .cont-head p {
font-size: 20px;
line-height: 1.9rem;
color: #1d1d1f;
min-height: 135px;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.product-cont .product-list .product-itm .tag-lists {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.product-cont .product-list .product-itm .tag-lists .tg-link {
border-radius: 5px;
display: block;
font-size: 14px;
color: #1d1d1f;
background: #ede9e1;
padding: 3px 6px;
border: 1px solid #777779;
}
.cont-head a:hover { text-decoration: underline !important; color: #000; font-weight: bold; }
.library-faqs {
background: #dbc3ed;
padding: 70px 0;
}
.faqs { background-color:unset !important; }
.faq-faqs { background: #dbc3ed;
padding: 70px;
position: relative;
border-radius: 20px; }
.library-faqs .faq-cont h3 {
font-size: 48px;
color: #1c3664;
font-family: "MontserratSemiBold";
margin-bottom: 20px;
}
.library-faqs .faq-cont h4 {
font-size: 28px;
line-height: 40px;
color: #1c3664;
font-family: "MontserratSemiBold";
margin: 15px 0;
}
.library-faqs .faq-cont p {
font-size: 16px;
margin-top: 20px;
}
.library-faqs .faq-cont .btn-sm {
border: 2px solid #1c3664;
color: #1c3664;
margin-top: 40px;
}
.library-faqs .accordion-container {
position: relative;
height: auto;
margin: 10px auto;
padding-left: 80px;
}
.library-faqs .accordion-container > h2 {
text-align: center;
color: #fff;
padding-bottom: 5px;
margin-bottom: 20px;
padding-bottom: 15px;
}
.library-faqs .set {
position: relative;
width: 100%;
height: auto;
border-bottom: 1px solid #000;
padding: 27px 0;
}
.library-faqs .set > .ttl-acc {
display: block;
padding: 0;
text-decoration: none;
color: #1d1d1f;
font-weight: 600;
border-bottom: 0;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
font-size: 16px;
font-family: "MontserratSemiBold";
cursor: pointer;
padding-right: 30px;
}
.library-faqs .set > .ttl-acc i {
position: absolute;
right: 0;
top: 28px;
margin-top: 2px;
}
.library-faqs .content {
max-width: 600px;
display: none;
}
.library-faqs .content p {
padding: 10px 0 0 0;
margin: 0;
color: #333;
}
.library-faqs .faqcontent {
max-width: 900px;
display: none;
}
.library-faqs .faqcontent p {
padding: 10px 0 0 0;
margin: 0;
color: #333;
}
.library-res-form {
padding: 90px 0;
}
.library-res-form .form-cont h4 {
font-size: 28px;
line-height: 40px;
color: #1d1d1f;
font-family: "MontserratSemiBold";
}
.library-res-form .get-involve-wrap {
max-width: initial;
background: #b2dfda;
border-radius: 20px;
margin-top: 60px;
}
.library-res-form .get-involve-wrap .wrap-cont {
padding: 64px 70px;
width: 52%;
}
.library-res-form .get-involve-wrap .wrap-img {
width: 48%;
}
.library-res-form .get-involve-wrap .caption-cont h2 {
font-size: 48px;
line-height: 60px;
font-family: "MontserratSemiBold";
}
.library-res-form .get-involve-wrap .caption-cont p {
font-size: 16px;
color: #1d1d1f;
line-height: 24px;
margin: 20px 0 40px 0;
}
.library-res-form .get-involve-wrap .caption-cont .btn-sm {
color: #1c3664;
border: 2px solid #1c3664;
position: relative;
display: inline-flex;
column-gap: 15px;
align-items: center;
}
.library-res-form .get-involve-wrap .caption-cont .btn-sm::after {
content: '';
width: 13px;
height: 13px;
display: block;
background: url(../svg/arro-rect.svg) no-repeat;
background-size: contain;
}
.library-res-form .get-involve-wrap .caption-cont .btn-sm:hover {
background: #4caf50;
}
.page-header {
text-align: center;
font-size: 16px;
font-weight: normal;
color: #000;
margin: 30px 0;
}
#pagination {
margin: 0;
padding: 0;
text-align: center;
margin-top: 50px;
}
#pagination li {
display: inline;
}
#pagination li a {
display: inline-block;
text-decoration: none;
padding: 5px 10px;
color: #000;
width: 32px;
height: 32px;
border-radius: 50%;
border: 1px solid transparent;
}
#pagination li a.active {
border-color: #000;
}
/* Active and Hoverable Pagination */
#pagination li a {
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
#pagination li a.btn-pr {
font-size: 12px;
}
#pagination li a:hover:not(.active) {
background-color: #ddd;
}
/* border-pagination */
.b-pagination-outer {
width: 100%;
margin: 0 auto;
text-align: center;
overflow: hidden;
display: flex;
}
#border-pagination {
margin: 0 auto;
padding: 0;
text-align: center;
}
#border-pagination li {
display: inline;
}
#border-pagination li a {
display: block;
text-decoration: none;
color: #000;
padding: 5px 10px;
border: 1px solid #ddd;
float: left;
}
#border-pagination li a {
-webkit-transition: background-color 0.4s;
transition: background-color 0.4s;
}
#border-pagination li a.active {
background-color: #4caf50;
color: #fff;
}
#border-pagination li a:hover:not(.active) {
background: #ddd;
}
.get-involve-wrap-common {
max-width: initial;
background: #b2dfda;
border-radius: 20px;
margin-top: 60px;
overflow: hidden;
display: flex;
flex-wrap: wrap;
}
.get-involve-wrap-common .wrap-cont {
padding: 64px 70px;
width: 52%;
}
.get-involve-wrap-common .wrap-img {
width: 48%;
}
.get-involve-wrap-common .wrap-img img {
width: 100%;
}
.get-involve-wrap-common .caption-cont h2 {
font-size: 48px;
line-height: 60px;
font-family: "MontserratSemiBold";
}
.get-involve-wrap-common .caption-cont p {
font-size: 16px;
color: #1d1d1f;
line-height: 24px;
margin: 20px 0 40px 0;
}
.get-involve-wrap-common .caption-cont .btn-sm {
color: #1c3664;
border: 2px solid #1c3664;
position: relative;
display: inline-flex;
column-gap: 15px;
align-items: center;
}
.get-involve-wrap-common .caption-cont .btn-sm:hover {
background: #4caf50;
}
.fill-form {
max-width: 678px;
}
.fill-form h5 {
font-size: 20px;
line-height: 1.4;
color: #1d1d1f;
font-family: "MontserratSemiBold";
margin-bottom: 30px;
}
.fill-form .form-group {
margin-bottom: 25px;
}
.fill-form .form-group label {
display: block;
font-size: 16px;
color: #1d1d1f;
font-family: "MontserratSemiBold";
}
.fill-form .form-group .input-field {
width: 100%;
border: 1px solid #1d1d1f;
padding: 16px;
outline: none;
box-shadow: none;
color: #1d1d1f;
font-size: 16px;
font-family: "MontserratMedium";
min-height: 60px;
}
.fill-form .form-group .btn-sm {
background: #1c3664;
color: #fff;
cursor: pointer;
box-shadow: none;
}
.fill-form .form-group-two-column {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.fill-form .form-group-two-column .form-group {
width: 38%;
}
.fill-form .form-group-two-column .form-group:last-child {
width: 60%;
}
.fill-form .form-cont h4 {
font-size: 20px;
color: #1d1d1f;
font-family: "MontserratSemiBold";
}
.fill-form .form-cont p {
font-size: 16px;
}
.library-details-banner {
position: relative;
background: url(../png/libr-shape1.png) no-repeat top 40px right;
background-size: 240px;
}
.library-details-banner::before {
content: "";
width: 239px;
height: 269px;
display: block;
background: url(../png/libr-shape3.png) no-repeat bottom right;
background-size: contain;
position: absolute;
right: 0;
bottom: 20%;
z-index: 0;
}
.library-details-banner::after {
content: "";
width: 371px;
height: 544px;
display: block;
background: url(../png/libr-shape2.png) no-repeat bottom left;
background-size: contain;
position: absolute;
left: 0;
bottom: 57%;
z-index: 0;
}
.library-details-banner .details-wraper {
background: #fcfaf7;
border-radius: 20px;
padding: 3.5rem;
position: relative;
z-index: 1;
}
.library-details-banner .details-wraper .top-btns {
display: flex;
justify-content: space-between;
}
.library-details-banner.item-not-avails {
padding-bottom: 100px;
overflow: hidden;
}
.library-details-banner.item-not-avails::before {
bottom: -100px;
}
.library-details-banner.item-not-avails::after {
display: none;
}
.details-wraper .top-btns {
display: flex;
justify-content: space-between;
}
.details-wraper .top-btns .back-to-page .back-prev {
font-size: 14px;
color: #1c3664;
text-decoration: none;
font-family: "MontserratRegular";
display: inline-flex;
column-gap: 15px;
align-items: center;
position: relative;
}
.details-wraper .top-btns .back-to-page .back-prev .fa {
font-size: 12px;
}
.details-wraper .top-btns .save-wishlist .wish-btn {
background: #dbc3ed;
display: inline-flex;
align-items: center;
column-gap: 10px;
color: #1c3664;
}
.details-wraper .wrap-article {
display: flex;
justify-content: space-between;
margin-top: 70px;
}
.details-wraper .wrap-article .full-details {
width: 514px;
padding-right:20px;
}
.details-wraper .wrap-article .full-details .art-bk {
display: flex;
align-items: center;
-moz-column-gap: 10px;
column-gap: 10px;
}
.details-wraper .wrap-article .full-details .art-bk h4 {
font-size: 14px;
color: #1d1d1f;
font-family: "MontserratSemiBold";
margin: 0;
}
.details-wraper .wrap-article .full-details .ttl-art {
font-size: 28px;
line-height: 40px;
color: #1c3664;
font-family: "MontserratSemiBold";
margin: 20px 0;
}
.details-wraper .wrap-article .full-details p {
font-size: 16px;
line-height: 24px;
color: #1c3664;
}
.details-wraper .wrap-article .full-details .tag-lists {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.details-wraper .wrap-article .full-details .tag-lists .tg-link {
border-radius: 5px;
display: block;
font-size: 14px;
color: #1d1d1f;
background: #ede9e1;
padding: 3px 6px;
border: 1px solid #777779;
}
.details-wraper .wrap-article .full-details .download-sec {
padding-top: 25px;
margin-top: 48px;
border-top: 1px solid #1d1d1f;
}
.details-wraper .wrap-article .full-details .download-sec h4 {
font-size: 16px;
color: #1d1d1f;
font-family: "MontserratRegular";
}
.details-wraper .wrap-article .full-details .download-sec h4.bold {
font-family: "MontserratSemiBold";
}
.details-wraper .wrap-article .full-details .download-sec .downld-btn {
margin: 30px 0;
background: #1c3664;
color: #fff;
display: inline-flex;
align-items: center;
column-gap: 10px;
}
.details-wraper .wrap-article .full-details .download-sec .downld-btn:hover {
background: #4caf50;
}
.details-wraper .wrap-article .full-details .download-sec .pr-privacy {
padding: 16px;
border-radius: 10px;
border: 1px solid #1d1d1f;
}
.details-wraper .wrap-article .full-details .download-sec .pr-privacy p {
padding: 0;
margin: 0;
font-size: 16px;
line-height: 24px;
}
.details-wraper .wrap-article .full-details .download-sec .pr-privacy p a {
text-decoration: underline;
color: #1d1d1f;
font-family: "MontserratSemiBold";
}
.details-wraper .wrap-article .sidebar-details {
width: 216px;
}
.details-wraper .wrap-article .sidebar-details .overview h4 {
font-size: 20px;
font-family: "MontserratSemiBold";
color: #1c3664;
}
.details-wraper .wrap-article .sidebar-details .overview p {
font-size: 16px;
color: #1d1d1f;
font-family: "MontserratRegular";
font-weight: 400;
}
.details-wraper .wrap-article .sidebar-details .other-details .det-box-widgte {
margin-bottom: 20px;
}
.details-wraper .wrap-article .sidebar-details .other-details .det-box-widgte h5 {
font-size: 16px;
color: #1d1d1f;
font-family: "MontserratSemiBold";
font-weight: 600;
}
.details-wraper .wrap-article .sidebar-details .other-details .det-box-widgte h5.light {
display: block;
text-decoration: none;
padding: 0;
margin: 0;
font-family: "MontserratRegular";
font-weight: 400;
color: #1d1d1f;
}
.det-bottom {
margin-top: 50px;
display: flex;
justify-content: space-between;
align-items: center;wrapper
}
.det-bottom .submt-form .link-to-form {
text-decoration: none;
padding: 0;
margin: 0;
column-gap: 10px;
font-size: 16px;
color: #1c3664;
font-family: "MontserratSemiBold";
display: inline-flex;
align-items: center;
}
.det-bottom .submt-form .link-to-form .icon {
width: 24px;
}
.det-bottom .submt-form .link-to-form .fa {
font-size: 12px;
}
.det-bottom .share-on-social h4 {
text-align: center;
font-size: 16px;
color: #1c3664;
font-family: "MontserratSemiBold";
margin-bottom: 15px;
}
.det-bottom .share-on-social .share-list {
display: flex;
list-style: none;
padding: 0;
margin: 0;
align-items: center;
column-gap: 16px;
}
.det-bottom .share-on-social .share-list > li a {
width: 40px;
height: 40px;
background: #dbc3ed;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition-duration: 0.5s;
}
.det-bottom .share-on-social .share-list > li a > img {
max-width: 20px;
}
.det-bottom .share-on-social .share-list > li a:hover {
background: #4caf50;
}
.lib-detail-form {
padding: 0 0 60px 0;
position: relative;
z-index: 1;
}
.lib-detail-form .fill-form {
margin: 0 auto;
margin-top: 50px;
}
.article-itm-common {
width: 23.5%;
background: #fcfaf7;
padding: 24px;
border-radius: 20px;
}
.article-itm-common .head-mn {
display: flex;
justify-content: space-between;
}
.article-itm-common .head-mn .art-bk {
display: flex;
align-items: center;
column-gap: 10px;
}
.article-itm-common .head-mn .art-bk h4 {
font-size: 14px;
color: #1d1d1f;
font-family: "MontserratSemiBold";
margin: 0;
}
.article-itm-common .cont-head {
margin: 1.8rem 0 60px 0;
}
.article-itm-common .cont-head a {
text-decoration: none;
}
.article-itm-common .cont-head p {
font-size: 20px;
line-height: 1.9rem;
color: #1d1d1f;
min-height: 135px;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.article-itm-common .tag-lists {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.article-itm-common .tag-lists .tg-link {
border-radius: 5px;
display: block;
font-size: 14px;
color: #1d1d1f;
background: #ede9e1;
padding: 3px 5px;
border: 1px solid #777779;
}
.other-library {
background: #1c3664;
padding: 70px 0;
}
.other-library .head-nn {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 60px;
}
.other-library .head-nn h4 {
color: #a0d758;
font-size: 28px;
font-family: "MontserratSemiBold";
}
.other-library .head-nn .btn-sm {
border: 1px solid #a0d758;
color: #fff;
}
.other-library .wrap-list {
display: flex;
flex-wrap: wrap;
column-gap: 2%;
}
.lib-detail-box {
padding: 100px 0;
}
.lib-detail-box .get-involve-wrap-common {
margin: 0;
}
.unavailable-item {
background: #b2dfda;
padding: 24px;
display: inline-flex;
align-items: center;
border-radius: 10px;
margin-bottom: 30px;
flex-wrap: wrap;
width: 90%;
}
.unavailable-item .img-nn img {
width: 35px;
}
.unavailable-item .cont-de {
width: calc(100% - 40px);
padding-left: 15px;
}
.unavailable-item .cont-de h4 {
font-size: 16px;
color: #1d1d1f;
font-family: "MontserratBold";
}
.unavailable-item .cont-de h4 span {
font-family: "MontserratRegular";
font-weight: 400;
}
.item-downloadable {
overflow: hidden;
}
.item-downloadable::before {
bottom: -100px;
}
.item-downloadable::after {
content: "";
width: 335px;
height: 480px;
display: block;
background: url(../png/green-vector.png) no-repeat bottom left;
background-size: contain;
position: absolute;
left: 0;
bottom: 9%;
z-index: 0;
}
.breadcrumb {
display: flex;
align-items: center;
padding: 0;
margin: 0;
background: transparent;
margin-bottom: 15px;
flex-wrap: nowrap;
overflow: auto;
}
.breadcrumb.back-to-prev {
overflow: initial;
}
.breadcrumb > .link {
color: #1c3664;
text-decoration: none;
font-size: 14px;
font-family: "MontserratRegular";
position: relative;
display: block;
padding: 0 10px;
margin: 0 10px;
white-space: nowrap;
}
.breadcrumb > .link::before {
content: "\f054";
font: normal normal normal 14px / 1 FontAwesome;
font-size: 12px;
display: block;
position: absolute;
right: -14px;
top: 5px;
}
.breadcrumb > .link.active {
font-family: "MontserratRegular";
}
.breadcrumb > .link.active::before {
display: none;
}
.breadcrumb > .link:first-child {
padding-left: 0;
margin-left: 0;
font-family: "MontserratSemiBold";
}
.library-whishlist-banner {
background: url(../png/libr-shape1.png) no-repeat top 40px right;
background-size: 215px;
position: relative;
padding: 50px 0 100px 0;
}
@media only screen and (max-width: 1366px) {
.library-whishlist-banner {
background-size: 175px;
}
}
.library-whishlist-banner .wishlist-cont h3 {
font-size: 48px;
color: #1c3664;
font-family: "MontserratSemiBold";
margin-bottom: 20px;
}
.library-whishlist-banner .wishlist-cont p {
font-size: 16px;
line-height: 24px;
}
.whishlist-result {
padding: 0 0 100px 0;
}
.whishlist-result .nav-sort {
display: flex;
justify-content: space-between;
margin-bottom: 48px;
align-items: center;
}
.whishlist-result .nav-sort .shows-result {
font-size: 16px;
line-height: 24px;
color: #1c3664;
font-family: "MontserratSemiBold";
margin: 0;
}
.whishlist-result .wrap-list {
display: flex;
flex-wrap: wrap;
gap: 2%;
}
.whishlist-result .wrap-list .article-itm-common.article-itm-email {
background: #b2dfda;
}
.whishlist-result .wrap-list .article-itm-common.article-itm-email .cont-head p {
min-height: initial;
}
.whishlist-result .wrap-list .article-itm-common.article-itm-email .cont-head h4 {
font-size: 20px;
font-family: "MontserratSemiBold";
}
.whishlist-result .wrap-list .article-itm-common.article-itm-email .cont-head .btn-sm {
margin-top: 15px;
}
.dropdown-cust .dropdown {
position: relative;
opacity: 1;
visibility: visible;
background: transparent;
z-index: 99;
width: auto;
}
.dropdown-cust .dropdown .dropdown-toggle {
background: transparent;
color: #1c3664;
outline: none;
box-shadow: none;
border: 2px solid #1c3664;
position: relative;
font-family: "MontserratSemiBold";
display: flex;
column-gap: 10px;
font-size: 16px;
padding: 10px 20px;
}
.dropdown-cust .dropdown .dropdown-toggle::before {
display: none;
}
.dropdown-cust .dropdown .dropdown-toggle::after {
border: 0;
border-style: solid;
border-width: 2px 2px 0 0;
content: " ";
display: inline-block;
position: relative;
height: 8px;
right: 0;
top: 5px;
transition: 0.35s ease-in-out;
vertical-align: top;
width: 8px;
transform: rotate(135deg);
transition: 0.25s ease-in-out;
}
.dropdown-cust .dropdown .dropdown-menu {
padding: 0;
background: #fcfaf7;
border-radius: 5px;
width: 100%;
min-width: initial;
}
.dropdown-cust .dropdown .dropdown-menu > li {
border-bottom: 0.5px solid #1d1d1f;
}
.dropdown-cust .dropdown .dropdown-menu > li a {
display: block;
padding: 10px 15px;
text-decoration: none;
color: #1c3664;
}
.wishlist-resource {
background: #dbc3ed;
}
.wishlist-resource .head-nn h5 {
color: #1d1d1f;
font-family: "MontserratSemiBold";
}
.advocacy-action-wrapper {
background: #cde2d6;
}
.advocacy-action-wrapper .resource-sec::before {
content: "";
width: 220px;
height: 248px;
display: block;
background: url(../png/libr-shape1.png) no-repeat top right;
background-size: contain;
position: absolute;
right: 0;
top: -200px;
z-index: 0;
}
.advocacy-action-wrapper .resource-sec .resource-list .resource-itm .resource-cont {
position: relative;
}
.advocacy-action-wrapper .resource-sec .resource-list .resource-itm .resource-cont p {
-webkit-line-clamp: 3;
}
.advocacy-action-wrapper .resource-sec .resource-list .resource-itm .resource-cont .read-more {
float: right;
color: #1d1d1f;
text-decoration: none;
position: relative;
display: flex;
align-items: center;
margin: 15px 0;
column-gap: 10px;
}
.advocacy-action-wrapper .resource-sec .resource-list .resource-itm .resource-cont .read-more::after {
content: '';
width: 16px;
height: 16px;
background: url(../png/icon.png) no-repeat;
background-size: contain;
}
.advocacy-action-wrapper .home-testimonial .inner-wrap {
position: relative;
z-index: 9;
}
.adv-banner {
padding-bottom: 100px;
}
.adv-banner .banner-wrap {
position: relative;
z-index: 1;
}
.adv-banner .banner-wrap .banner-caption {
background: #054a29;
}
.adv-banner .banner-wrap .banner-caption p {
color: #fff;
}
.adv-banner .banner-wrap .banner-caption h2 {
color: #8fc04e;
}
.adv-banner .banner-wrap .banner-caption .breadcrumb .link {
color: #fff;
}
.parent-resource {
background: transparent;
padding: 0;
padding-bottom: 100px;
}
.parent-resource::before {
display: none !important;
}
.parent-resource .resource-list .resource-itm:last-child {
padding: 0;
width: 23.5%;
}
.relate-action-libr {
background: #054a29;
}
.relate-action-libr .head-nn h4 {
color: #fff;
}
.our-st-wrap .breadcrumb {
position: absolute;
left: 64px;
top: 48px;
}
.our-st-wrap .breadcrumb .link {
color: #fff;
}
.our-st-wrap .banner-wrap .banner-caption {
display: flex;
align-items: flex-end;
padding-top: 100px;
}
.our-st-wrap .banner-wrap .banner-caption h5 {
color: #fff;
}
.our-st-wrap .banner-wrap .banner-caption p {
padding-bottom: 0;
margin-top: 1rem;
margin-bottom: 0;
}
.inr-left-cont nav ul {
height: 100%;
width: 100%;
list-style: none;
padding: 0;
margin: 0;
}
.inr-left-cont nav > ul > li {
padding: 15px 0;
border-bottom: 2px solid #1d1d1f;
position: relative;
}
.inr-left-cont span.fa.fa-chevron-down.first {
position: absolute;
right: 7px;
top: 31px;
z-index: 9;
display: block;
cursor: pointer;
transition: transform 0.4s;
}
.inr-left-cont span.fa.fa-chevron-down.first.expanded {
transform: translateY(-50%) rotate(-180deg);
}
.inr-left-cont nav > ul > li a{
display: inline-block;
position: relative;
}
.inr-left-cont nav > ul > li a::before {
content: "";
width: 0;
height: 4px;
background: #a0d758;
position: absolute;
left: 0;
display: block;
bottom: 0;
transition: all 0.9s cubic-bezier(0.4, 0, 0.2, 1);
}
.inr-left-cont nav > ul > li a:hover{
text-stroke: 1px #1d1d1f;
-webkit-text-stroke: 1px #1d1d1f;
}
.inr-left-cont nav > ul > li a:hover::before {
width: 100%;
}
.inr-left-cont nav ul li a {
padding: 10px 0;
position: relative;
color: #1d1d1f;
text-decoration: none;
font-size: 16px;
padding-left: 0;
font-weight: 500;
display: inline-block;
width: auto;
border-left: 0;
}
.inr-left-cont nav > ul > li > a{
text-stroke: 1px #1d1d1f;
-webkit-text-stroke: 1px #1d1d1f;
}
.inr-left-cont nav ul ul {
position: static;
display: none;
border-top: 2px solid #1d1d1f;
padding: 10px 0;
padding-left: 24px;
margin-top: 15px;
}
.inr-left-cont nav ul .feat-show.show {
display: block;
}
.inr-left-cont nav ul .serv-show.show1 {
display: block;
}
.inr-left-cont nav ul ul li {
line-height: 42px;
border-top: none;
position:relative;
margin-right:0;
padding-right:20px;
}
.inr-left-cont nav ul ul li:before{
content: "\f054";
font: normal normal normal 14px / 1 FontAwesome;
font-size: 12px;
display: block;
position: absolute;
right: 0;
top: 17px;
display:none;
}
.inr-left-cont nav ul ul li:hover:before{
display:block;
}
.inr-left-cont nav ul ul li a {
font-size: 16px;
line-height: 24px;
color: #1d1d1f;
}
.inr-left-cont nav ul li.active ul li a {
border-left-color: transparent;
}
.inr-left-cont nav ul li a .first {
position: absolute;
top: 50%;
right: 2px;
transform: translateY(-50%);
font-size: 15px;
transition: transform 0.4s;
}
.inr-left-cont nav ul li.sh-menu a .first {
transform: translateY(-50%) rotate(-180deg);
}
.wrap-inners {
display: flex;
flex-wrap: wrap;
margin-top: 96px;
align-items: flex-start;
}
.wrap-inners .inr-left-cont {
width: 264px;
position: relative;
z-index: 1;
}
.wrap-inners .inr-left-cont .share-on-social {
border: 1px solid #000;
padding: 25px;
border-radius: 10px;
margin-top: 50px;
}
.wrap-inners .inr-left-cont .share-on-social h4 {
text-align: center;
font-size: 16px;
color: #1c3664;
font-family: "MontserratSemiBold";
margin-bottom: 15px;
}
.wrap-inners .inr-left-cont .share-on-social .share-list {
display: flex;
list-style: none;
padding: 0;
margin: 0;
align-items: center;
column-gap: 16px;
justify-content: center;
}
.wrap-inners .inr-left-cont .share-on-social .share-list > li a {
width: 40px;
height: 40px;
background: #dbc3ed;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition-duration: 0.5s;
}
.wrap-inners .inr-left-cont .share-on-social .share-list > li a > img {
max-width: 20px;
}
.wrap-inners .inr-left-cont .share-on-social .share-list > li a:hover {
background: #4caf50;
}
.wrap-inners .inr-left-cont .sidebar .text {
font-size: 20px;
line-height: 34px;
color: #000;
font-family: "MontserratSemiBold";
}
.wrap-inners .inr-right-cont {
width: calc(100% - 265px);
padding: 0 120px;
}
.wrap-inners .inr-right-cont .to-do-list {
padding: 70px 0;
}
.wrap-inners .inr-right-cont .to-do-list .list-itm {
display: flex;
flex-wrap: wrap;
padding-bottom: 1.8rem;
border-bottom: 0.15rem solid #1d1d1f;
margin-bottom: 1.8rem;
align-items: center;
}
.wrap-inners .inr-right-cont .to-do-list .list-itm:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.wrap-inners .inr-right-cont .to-do-list .list-itm .itm-img {
width: 110px;
}
.wrap-inners .inr-right-cont .to-do-list .list-itm .itm-img img {
max-width: 100%;
}
.wrap-inners .inr-right-cont .to-do-list .list-itm .itm-desc {
width: calc(100% - 140px);
padding-left: 1.8rem;
}
.wrap-inners .inr-right-cont .to-do-list .list-itm .itm-desc h4 {
font-size: 20px;
font-family: "MontserratSemiBold";
color: #000;
}
.wrap-inners .inr-right-cont .to-do-list .list-itm .itm-desc p {
font-size: 1rem;
line-height: 1.4;
color: #000;
font-family: "MontserratRegular";
padding: 0;
margin: 0;
}
.wrap-inners.wrap-inners-details {
margin-top: 0;
}
.wrap-inners.wrap-inners-details .inr-right-cont {
padding-right: 0;
}
.wrap-inners.wrap-inners-details .inr-right-cont .ppl-details .ppl-details-wrap {
background: #1c3664;
margin: 70px 0;
display: flex;
border-radius: 20px;
align-items: flex-end;
padding: 70px;
padding-bottom: 0;
position: relative;
flex-wrap: wrap;
justify-content: space-between;
}
.wrap-inners.wrap-inners-details .inr-right-cont .ppl-details .ppl-details-wrap::before {
content: '';
width: 180px;
height: 210px;
display: block;
background: url(../png/gren-vector3.png) no-repeat;
background-size: contain;
top: 0;
right: 0;
z-index: 1;
position: absolute;
}
.wrap-inners.wrap-inners-details .inr-right-cont .ppl-details .ppl-details-wrap .caption-cont {
padding-bottom: 70px;
position: relative;
z-index: 1;
}
.wrap-inners.wrap-inners-details .inr-right-cont .ppl-details .ppl-details-wrap .caption-cont h6 {
color: #fff;
}
.wrap-inners.wrap-inners-details .inr-right-cont .ppl-details .ppl-details-wrap .caption-cont h3 {
color: #8fc04e;
font-size: 48px;
line-height: 1.3;
}
.wrap-inners.wrap-inners-details .inr-right-cont .ppl-details .ppl-details-wrap .caption-cont h5 {
color: #fff;
}
.wrap-inners.wrap-inners-details .inr-right-cont .ppl-details .ppl-details-wrap .cont-des {
width: 300px;
}
.wrap-inners.wrap-inners-details .inr-right-cont .ppl-details .ppl-details-wrap .img-ss {
width: 384px;
position: relative;
z-index: 1;
}
.wrap-inners.wrap-inners-details .inr-right-cont .ppl-details .ppl-details-wrap .img-ss img {
width: 100%;
border-radius: 20px 20px 0 0;
}
.wrap-inners.wrap-inners-details .inr-right-cont .ppl-details .people-info {
max-width: 80%;
margin: 0 auto;
display: block;
}
.wrap-inners.wrap-inners-details .inr-right-cont .ppl-details .people-info h4 {
font-size: 28px;
color: #000;
font-family: "MontserratSemiBold";
margin-bottom: 20px;
}
.wrap-inners.wrap-inners-details .inr-right-cont .ppl-details .people-info .info-cont {
margin-top: 40px;
}
.wrap-inners.wrap-inners-details .inr-right-cont .ppl-details .people-info .info-cont h5 {
font-size: 20px;
color: #000;
font-family: "MontserratSemiBold";
}
.wrap-inners.wrap-inners-details .inr-right-cont .ppl-details .people-info .info-cont h6 {
margin: 10px 0;
}
.wrap-inners.wrap-inners-details .inr-right-cont .ppl-details .people-info .info-cont h6 a {
color: #000;
}
.inr-right-cont .top-link-head {
display: flex;
align-items: flex-start;
column-gap: 80px;
border-bottom: 2px solid #1d1d1f;
padding-bottom: 48px;
margin-bottom: 75px;
}
.inr-right-cont .top-link-head h3 {
font-family: "MontserratSemiBold";
font-size: 20px;
}
.inr-right-cont .top-link-head .etc-menus {
list-style: none;
padding: 0;
margin: 0;
}
.inr-right-cont .top-link-head .etc-menus > li {
margin-bottom: 8px;
}
.inr-right-cont .top-link-head .etc-menus > li a {
font-size: 16px;
font-family: "MontserratRegular";
font-weight: 400;
color: #1d1d1f;
}
.inr-right-cont .top-link-head .etc-menus > li a:hover {
text-stroke: 1px #1d1d1f;
-webkit-text-stroke: 1px #1d1d1f;
}
.inr-right-cont .conta-seo-para .head-box {
margin-bottom: 50px;
}
.inr-right-cont .conta-seo-para h2 {
font-size: 28px;
color: #000;
font-family: "MontserratSemiBold";
font-weight: 600;
margin-bottom: 15px;
}
.inr-right-cont .conta-seo-para h3 {
font-size: 20px;
color: #000;
font-family: "MontserratSemiBold";
font-weight: 600;
margin-bottom: 15px;
}
.inr-right-cont .conta-seo-para p {
font-size: 16px;
line-height: 24px;
color: #000;
margin-bottom: 20px;
}
.inr-right-cont .conta-seo-para .article-box {
border: 8px solid #abcfbb;
background: #fcfaf7;
padding: 40px;
border-radius: 20px;
margin-bottom: 25px;
}
.inr-right-cont .conta-seo-para .article-box h5 {
font-size: 20px;
color: #1c3664;
font-family: "MontserratSemiBold";
}
.inr-right-cont .conta-seo-para .article-box p {
padding: 0;
margin: 0;
}
.inr-right-cont .video-wrapper {
padding: 0 0 70px 0;
}
.inr-right-cont .ved-caption {
font-size: 16px;
color: #1c3664;
margin-top: 10px;
}
.inr-right-cont .video-container {
max-width: 1100px;
border-radius: 20px;
margin: 0 auto;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
box-shadow: none;
overflow: hidden;
}
.inr-right-cont .video-container .video-wrapper {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 70px 0;
}
.inr-right-cont .video-container video {
width: 100%;
height: 100%;
border-radius: 4px;
}
.inr-right-cont .play-button-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: auto;
pointer-events: none;
}
.inr-right-cont .play-button-wrapper .circle-play-b {
cursor: pointer;
pointer-events: auto;
}
.inr-right-cont .play-button-wrapper .circle-play-b {
width: 100px;
height: 100px;
fill: #fff;
stroke: #fff;
cursor: pointer;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 50%;
opacity: 0.9;
}
.who-re-testimonial::before {
content: '';
width: 330px;
height: 327px;
display: block;
background: url(../png/libr-shape1.png) no-repeat top right;
background-size: contain;
position: absolute;
left: initial;
right: 0;
top: -40px;
z-index: 0;
}
.our-st-wrap::before {
z-index: 0;
top: 10%;
background: url(../png/libr-shape1.png) no-repeat top right;
background-size: contain;
}
.main-cont-who-re {
position: relative;
}
.main-cont-who-re::before {
content: '';
width: 310px;
height: 362px;
display: block;
background: url(../png/libr-shape1.png) no-repeat top right;
background-size: contain;
position: absolute;
left: initial;
right: -5%; /*0 JG */
top: 60%;
z-index: 0;
}
.main-cont-who-re.our-people-details::after {
display: none;
}
.main-cont-who-re::after {
content: '';
width: 335px;
height: 484px;
display: block;
background: url(../png/green-vector.png) no-repeat top left;
background-size: contain;
position: absolute;
left: 0;
top: 45%;
z-index: 0;
}
.were-prnt-sub::before {
z-index: 0;
top: 10%;
background: url(../png/libr-shape1.png) no-repeat top right;
background-size: contain;
}
.were-prnt-sub .symbol {
margin-bottom: 70px;
}
.were-prnt-sub .breadcrumb a {
color: #fff;
}
.next-prev-itm {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.next-prev-itm .cont-art {
width: 48%;
}
.next-prev-itm .cont-art .btn-n {
font-size: 16px;
color: #1d1d1f;
text-decoration: none;
padding: 0;
display: inline-block;
font-family: "MontserratSemiBold";
position: relative;
display: flex;
align-items: center;
column-gap: 15px;
}
.next-prev-itm .cont-art .cont {
margin-top: 20px;
}
.next-prev-itm .cont-art .cont h3 {
margin-bottom: 10px;
}
.next-prev-itm .cont-art.prev .btn-n::before {
content: '';
width: 16px;
height: 16px;
display: block;
background: url(../png/icon.png) no-repeat;
background-size: contain;
transform: rotate(180deg);
}
.next-prev-itm .cont-art.next .btn-n::after {
content: '';
width: 16px;
height: 16px;
display: block;
background: url(../png/icon.png) no-repeat;
background-size: contain;
}
.advocacy-main-cont {
overflow: hidden;
padding-bottom: 100px;
}
.advocacy-main-cont::before {
content: "";
width: 320px;
height: 476px;
display: block;
background: url(../png/green-vector-right.png) no-repeat top right;
background-size: contain;
position: absolute;
left: initial;
right: 0;
top: initial;
bottom: -150px;
z-index: 0;
}
.our-people::before {
display: none;
}
.meet-team-list {
display: flex;
flex-wrap: wrap;
gap: 48px 3%;
padding-top: 20px;
}
.meet-team-list .team-itm {
width: 31%;
padding-bottom: 26px;
border-bottom: 1px solid #1d1d1f;
position: relative;
}
.meet-team-list .team-itm .pep-avtar {
margin-bottom: 24px;
}
.meet-team-list .team-itm .pep-avtar img {
width: 193px;
height: 193px;
object-fit: cover;
border-radius: 20px;
}
.meet-team-list .team-itm .pep-about h4 {
font-size: 20px;
color: #1d1d1f;
font-family: "MontserratSemiBold";
}
.pep-about { margin-bottom:16px; }
.meet-team-list .team-itm .pep-about h6 {
font-size: 16px;
line-height: 24px;
color: #1d1d1f;
font-family: "MontserratRegular";
font-weight: 400;
min-height: 120px;
}
.meet-team-list .team-itm .read-more {
position: absolute;
bottom: 0;
left: 0;
color: #1d1d1f;
text-decoration: none;
display: flex;
align-items: center;
margin: 15px 0;
column-gap: 10px;
}
.meet-team-list .team-itm .read-more::after {
content: '';
width: 16px;
height: 16px;
background: url(../png/icon.png) no-repeat;
background-size: contain;
}
.our-ppl-box .get-involve-wrap-common .wrap-cont {
background: #a0d758;
}
.event-product-list .list-itm-event {
width: 32%;
}
.list-itm-event {
background: #fff;
border-radius: 15px;
overflow: hidden;
position: relative;
min-height: 476px;
padding: 1.8rem;
padding-bottom: 40px;
background: url(../png/webinar.png) no-repeat top right #fff;
}
.list-itm-event h5 {
font-size: 20px;
color: #1d1d1f;
font-family: 'MontserratBold';
margin: 0;
max-width: 240px; /*JG 160*/
}
.list-itm-event .tag-m {
font-size: 20px;
color: #1d1d1f;
font-family: "MontserratSemiBold";
padding: 8px 1rem;
display: inline-block;
background: #bae0cb;
border-radius: 5px;
margin: 30px 0;
}
.list-itm-event h3 {
font-size: 1.9rem;
font-family: 'MontserratBold';
color: #1d1d1f;
line-height: normal;
max-width: 220px; /*JG 150*/
}
.list-itm-event p {
font-size: 16px;
line-height: 1.8rem;
color: #1d1d1f;
font-family: "MontserratMedium";
}
.list-itm-event .btm-links {
display: flex;
justify-content: space-between;
position: absolute;
bottom: 1.8rem;
width: 100%;
padding: 0 1.8rem;
left: 0;
}
.list-itm-event .btm-links .fnd-more {
font-size: 16px;
color: #1d1d1f;
font-family: "MontserratRegular";
position: relative;
padding-right: 26px;
text-decoration: none;
}
.list-itm-event .btm-links .fnd-more::before {
content: '';
width: 16px;
height: 16px;
background: url(../svg/icon.svg) no-repeat;
background-size: contain;
position: absolute;
right: 0;
top: 4px;
transition: 0.6s;
}
.list-itm-event .btm-links .fnd-more:hover::before {
right: -6px;
}
.list-itm-event .btm-links .tg-btm {
font-size: 14px;
border-radius: 5px;
display: block;
padding: 3px 10px;
background: #bae0cb;
}
.list-itm-event.bg-blue {
background: url(../png/workshop.png) no-repeat top right #fff !important;
}
.list-itm-event.bg-blue .tag-m {
background: #b2dfda !important;
}
.list-itm-event.bg-blue .btm-links .tg-btm {
background: #b2dfda !important;
}
.list-itm-event.bg-purple {
background: url(../png/workshop-pink.png) no-repeat top right #fff !important;
}
.list-itm-event.bg-purple .tag-m {
background: #dbc3ed !important;
}
.list-itm-event.bg-purple .btm-links .tg-btm {
background: #dbc3ed !important;
}
.list-itm-event.bg-green {
background: url(../png/info-sec.png) no-repeat top right #fff !important;
}
.list-itm-event.bg-green .tag-m {
background: #8fc04e !important;
}
.list-itm-event.bg-green .btm-links .tg-btm {
background: #8fc04e !important;
}
.event-form {
background: #b2dfda;
padding: 70px;
position: relative;
border-radius: 20px;
margin-top: 70px;
}
.event-form::before {
content: '';
width: 249px;
height: 300px;
background: url(../png/libr-shape1.png) no-repeat;
background-size: contain;
position: absolute;
right: 0;
top: 80px;
z-index: 0;
}
.event-form .fill-form {
position: relative;
z-index: 1;
max-width: 624px;
}
.evnet-banner .banner-wrap {
margin-bottom: 70px;
}
.evnet-banner .banner-wrap .banner-caption {
background: #b2dfda;
}
.evnet-banner .banner-wrap .banner-caption h5 {
color: #000;
}
.evnet-banner .banner-wrap .btn-sm {
color: #1c3664;
border: 2px solid #1c3664;
position: relative;
display: inline-flex;
column-gap: 15px;
align-items: center;
}
.evnet-banner .banner-wrap .btn-sm::after {
content: '';
width: 13px;
height: 13px;
display: block;
background: url(../svg/arro-rect.svg) no-repeat;
background-size: contain;
}
.evnet-banner .banner-wrap .btn-sm:hover {
background: #4caf50;
}
.evnet-banner .banner-wrap .event-detail-info {
padding: 30px 0;
}
.evnet-banner .banner-wrap .event-detail-info p {
font-size: 16px;
color: #000;
font-family: "MontserratRegular";
display: flex;
align-items: center;
margin: 0;
}
.evnet-banner .banner-wrap .event-detail-info p span {
font-family: "MontserratSemiBold";
font-weight: 600;
width: 85px;
padding-right: 10px;
}
.about-event-wrap {
position: relative;
padding-bottom: 70px;
overflow: hidden;
}
.about-event-wrap::before {
content: "";
width: 319px;
height: 412px;
display: block;
background: url(../png/libr-shape1.png) no-repeat top right;
background-size: contain;
position: absolute;
right: 0;
bottom: -175px;
z-index: 9;
}
.about-event-wrap .event-wrap {
display: flex;
flex-wrap: wrap;
}
.about-event-wrap .event-wrap .info-rght {
width: 264px;
position: relative;
z-index: 1;
}
.about-event-wrap .event-wrap .info-rght .gt-ticket {
color: #fff;
border: 2px solid #1c3664;
background: #1c3664;
position: relative;
display: inline-flex;
-moz-column-gap: 15px;
column-gap: 15px;
align-items: center;
justify-content: center;
width: 100%;
margin-bottom: 30px;
}
.about-event-wrap .event-wrap .info-rght .gt-ticket::after {
content: "";
width: 13px;
height: 13px;
display: block;
background: url(../png/arro-rect-white.png) no-repeat;
background-size: contain;
}
.about-event-wrap .event-wrap .about-info-event {
width: calc(100% - 265px);
padding: 0 120px;
padding-left: 0;
}
.about-event-wrap .event-wrap .about-info-event .box-des {
margin-bottom: 40px;
}
.about-event-wrap .event-wrap .about-info-event .box-des h4 {
font-size: 28px;
color: #000;
font-family: "MontserratSemiBold";
margin-bottom: 15px;
}
.about-event-wrap .event-wrap .about-info-event .box-info {
padding: 25px 0;
border-top: 2px solid #000;
}
.about-event-wrap .event-wrap .about-info-event .box-info h5 {
font-size: 20px;
color: #000;
font-family: "MontserratSemiBold";
margin-bottom: 20px;
}
.about-event-wrap .event-wrap .about-info-event .box-info .event-detail-info {
padding: 0;
}
.about-event-wrap .event-wrap .about-info-event .box-info .event-detail-info p {
margin-bottom: 10px;
}
.about-event-wrap .event-wrap .about-info-event .box-info .presen-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 2%;
}
.about-event-wrap .event-wrap .about-info-event .box-info .presen-list .lst-itm {
width: 48%;
}
.about-event-wrap .event-wrap .about-info-event .box-info .presen-list .lst-itm .icn {
margin-bottom: 10px;
}
.about-event-wrap .event-wrap .about-info-event .box-info .presen-list .lst-itm h6 {
color: #000;
font-size: 16px;
font-family: "MontserratSemiBold";
}
.about-event-wrap .event-wrap .about-info-event .box-info .presen-list .lst-itm p {
margin-bottom: 10px;
}
.about-event-wrap .event-wrap .about-info-event .box-info .tag-lists {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.about-event-wrap .event-wrap .about-info-event .box-info .tag-lists .tg-link {
border-radius: 5px;
display: block;
font-size: 14px;
color: #1d1d1f;
background: #ede9e1;
padding: 3px 6px;
border: 1px solid #777779;
}
.box-info {
padding: 25px 0;
border-top: 2px solid #000;
}
.box-info h5 {
font-size: 20px;
color: #000;
font-family: "MontserratSemiBold";
margin-bottom: 20px;
}
.box-info .event-detail-info {
padding: 0;
}
.box-info .event-detail-info p {
margin-bottom: 10px;
}
.box-info .presen-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 2%;
}
.box-info .presen-list .lst-itm {
width: 48%;
}
.box-info .presen-list .lst-itm .icn {
margin-bottom: 10px;
}
.box-info .presen-list .lst-itm h6 {
color: #000;
font-size: 16px;
font-family: "MontserratSemiBold";
}
.box-info .presen-list .lst-itm p {
margin-bottom: 10px;
}
.box-info .tag-lists {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.box-info .tag-lists .tg-link {
border-radius: 5px;
display: block;
font-size: 14px;
color: #1d1d1f;
background: #ede9e1;
padding: 3px 6px;
border: 1px solid #777779;
}
.event-detail-info {
padding: 30px 0;
}
.event-detail-info p {
font-size: 16px;
color: #000;
font-family: "MontserratRegular";
display: flex;
align-items: center;
margin: 0;
}
.event-detail-info p span {
font-family: "MontserratSemiBold";
font-weight: 600;
width: 85px;
padding-right: 10px;
}
.share-on-social {
border: 1px solid #000;
padding: 25px;
border-radius: 10px;
margin-top: 50px;
margin-bottom:20px;
}
.share-on-social h4 {
text-align: center;
font-size: 16px;
color: #1c3664;
font-family: "MontserratSemiBold";
margin-bottom: 15px;
}
.share-on-social .share-list {
display: flex;
list-style: none;
padding: 0;
margin: 0;
align-items: center;
column-gap: 16px;
}
.share-on-social .share-list > li a {
width: 40px;
height: 40px;
background: #dbc3ed;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition-duration: 0.5s;
}
.share-on-social .share-list > li a > img {
max-width: 20px;
}
.share-on-social .share-list > li a:hover {
background: #4caf50;
}
.more-events {
background: #cde2d6;
padding: 70px 0;
}
.more-events .head-nn {
display: flex;
align-items: center;
justify-content: space-between;
}
.more-events .head-nn h4 {
font-size: 28px;
font-family: "MontserratSemiBold";
}
.more-events .head-nn .btn-sm {
border: 2px solid #1c3664;
color: #1c3664;
}
.more-events .more-events-list {
display: flex;
flex-wrap: wrap;
-moz-column-gap: 2%;
column-gap: 2%;
row-gap: 25px;
margin-top: 70px;
}
.more-events .more-events-list .list-itm {
width: 23.5%;
}
.event-inf-form {
padding: 70px 0;
}
.event-inf-form .event-form {
margin: 0;
}
.news-banner {
margin-bottom: 90px;
}
.news-banner .banner-wrap .banner-caption {
background: #a0d758;
}
.product-cont .news-product-list {
column-gap: 5%;
row-gap: 80px;
}
.product-cont .news-product-list .article-itm-news {
width: 30%;
}
.article-itm-news {
padding: 15px 0;
padding-bottom: 40px;
border-bottom: 0.15rem solid #1d1d1f;
position: relative;
min-height: 460px;
}
.article-itm-news .date {
font-size: 1rem;
padding: 15px 0;
margin: 0;
border-bottom: 0.15rem solid #1d1d1f;
border-top: 0.15rem solid #1d1d1f;
}
.article-itm-news .midl-cont {
margin: 32px 0;
}
.article-itm-news .midl-cont h5 {
font-size: 18px;
line-height: 26px;
font-family: "MontserratSemiBold";
color: #1d1d1f;
}
.article-itm-news .midl-cont p {
font-size: 1rem;
line-height: 1.8rem;
}
.article-itm-news .ext-links {
display: flex;
justify-content: space-between;
position: absolute;
left: 0;
bottom: 20px;
width: 100%;
padding: 0 15px;
}
.article-itm-news .ext-links .tg-btm {
border: 1px solid #1d1d1f;
border-radius: 5px;
padding: 3px 10px;
display: block;
}
.article-itm-news .ext-links .fnd-more {
font-size: 16px;
color: #1d1d1f;
font-family: "MontserratRegular";
position: relative;
padding-right: 26px;
text-decoration: none;
}
.article-itm-news .ext-links .fnd-more::before {
content: '';
width: 16px;
height: 16px;
background: url(../svg/icon.svg) no-repeat;
background-size: contain;
position: absolute;
right: 0;
top: 4px;
transition: 0.6s;
}
.article-itm-news .ext-links .fnd-more:hover::before {
right: -6px;
}
.main-cont-news-wrap {
overflow: hidden;
}
.main-cont-news-wrap::after {
display: none;
}
.main-cont-news-wrap::before {
top: initial;
bottom: -150px;
}
.news-detail-wrapper {
margin-top: 0;
flex-direction: row-reverse;
padding-bottom: 60px;
}
.contact-des {
padding-bottom: 50px;
}
.contact-des .article-box h4 {
font-size: 28px;
color: #1d1d1f;
font-family: "MontserratSemiBold";
margin-bottom: 15px;
}
.contact-des .article-box h5 {
font-size: 16px !important;
font-family: "MontserratRegular" !important;
font-weight: 400;
margin-top: 15px;
}
.contact-des .article-box h5 a {
font-family: "MontserratSemiBold";
color: #1d1d1f;
}
.contact-des .new-head {
max-width: 85%;
margin: 0 auto;
margin-bottom: 40px;
}
.contact-des .new-head h4 {
font-size: 28px;
color: #1d1d1f;
font-family: "MontserratSemiBold";
margin-bottom: 15px;
}
.contact-des .gmp-link {
color: #1c3664;
border: 2px solid #1c3664;
position: relative;
display: inline-flex;
column-gap: 15px;
align-items: center;
margin-top: 40px;
}
.contact-des .gmp-link::after {
content: '';
width: 13px;
height: 13px;
display: block;
background: url(../svg/arro-rect.svg) no-repeat;
background-size: contain;
}
.contact-des .gmp-link:hover {
background: #4caf50;
}
.contact-des .fill-form {
max-width: 85%;
margin: 0 auto;
margin-bottom: 60px;
}
.contact-des .iframe-mmap {
width: 100%;
height: 456px;
object-fit: cover;
display: block;
border-radius: 20px;
}
.contact-des .box-info {
padding: 25px 0;
max-width: 85%;
margin: 0 auto;
border-top: 2px solid #000;
}
.contact-des .box-info h5 {
font-size: 20px;
color: #000;
font-family: "MontserratSemiBold";
margin-bottom: 20px;
}
.contact-des .box-info .event-detail-info {
padding: 0;
}
.contact-des .box-info .event-detail-info p {
margin-bottom: 10px;
}
.contact-des .box-info .presen-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 2%;
}
.contact-des .box-info .presen-list .lst-itm {
width: 48%;
}
.contact-des .box-info .presen-list .lst-itm .icn {
margin-bottom: 10px;
}
.contact-des .box-info .presen-list .lst-itm h6 {
color: #000;
font-size: 16px;
font-family: "MontserratSemiBold";
}
.contact-des .box-info .presen-list .lst-itm p {
margin-bottom: 10px;
}
.contact-des .box-info .tag-lists {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.contact-des .box-info .tag-lists .tg-link {
border-radius: 5px;
display: block;
font-size: 14px;
color: #1d1d1f;
background: #ede9e1;
padding: 3px 6px;
border: 1px solid #777779;
}
.menu-btn {
display: none;
}
.show-seatch-mob {
display: none;
}
.menu-btn .bar1, .menu-btn .bar2, .menu-btn .bar3 {
width: 25px;
height: 3px;
background-color: #1d1d1f;
margin: 4px 0;
transition: 0.4s;
}
.menu-btn.open .bar1 {
transform: translateY(5px) rotate(-45deg);
}
.menu-btn.open .bar2 {
opacity: 0;
}
.menu-btn.open .bar3 {
transform: translateY(-9px) rotate(45deg);
}
.close-filter {
display: none;
}
.filter-mobile {
display: none;
}
.filter-mobile img {
max-width: 100%;
}
.box-search .close-serch {
display: none;
}
.call-icon {
display: none;
}
.get-involve-wrap-common .custom-html-widget{
display:flex;
flex-wrap:wrap;
}
/***********************/
.library-article .article-list .article-itm .tag-lists li.cat-item {border-radius: 5px;
display: block;
font-size: 14px;
color: #1d1d1f;
background: #ede9e1;
padding: 4px 7px;}
.library-article .article-list .article-itm .tag-lists li.cat-item a {color: #1d1d1f;}
.library-article .article-list .article-itm .cont-head p a {color:#1d1d1f;}
.library-banner .wpulike {display:none !important; opacity:0;}
.justify-content-center {position:relative; z-index:1;}
#form-submit-dpbsf, .headerDpbsp_premium .closebtn_premium, .dwn_btn_premium {background:#1c3664 !important; color:#fff !important;}
#form-submit-dpbsf, .headerDpbsp_premium .closebtn_premium, .dwn_btn_premium:hover {background:#4caf50 !important;}
.modal-content-DPBSF {width:100% !important;}
.modal-DPBSF {position:relative !important; background-color:#fff !important;}
h4.dwnd {margin-top:5px; margin-bottom:5px;}
.tag-lists li.cat-item {border-radius: 5px;
display: block;
font-size: 14px;
color: #1d1d1f;
background: #ede9e1;
padding: 4px 7px;}
.tag-lists li.cat-item a {color: #1d1d1f;}
.wpulike {display:none !important;}
.pr-privacy {margin-top:20px;}
.menu-top-nav .has-sub-menu .submenu-wrapper .cont-des .ttl-lg a {
font-size: 28px;
color: #000;
font-family: "MontserratSemiBold";
margin-bottom: 15px;
}
.menu-top-nav .has-sub-menu .submenu-wrapper .cont-des .ttl-lg a:hover {text-decoration:none;}
.menu-top-nav .has-sub-menu .submenu-wrapper .extra-menus .sub-menu-list .link-ttl-sm a {
color: #000;
font-size: 20px;
font-family: "MontserratSemiBold";
text-decoration: none;
padding: 0;
position:relative;
padding-bottom: 8px;
border: 0;
display: inline-block;
}
.menu-top-nav .has-sub-menu .submenu-wrapper .extra-menus .sub-menu-list .link-ttl-sm a:hover {text-decoration:none;}
.article-itm-common {margin-bottom:25px;}
.article-itm-common .cont-head a {color:#000;}
.article-itm-common .cont-head a.btn-bg-blue {color:#fff;}
.wpcf7-form br {display:none !important;}
.wpcf7-form p {margin-bottom:0px;}
.tag-lists.cat_lists li {padding:0 !important;}
.tag-lists a {border-radius: 5px;
display: block;
font-size: 14px;
color: #1d1d1f;
background: #ede9e1;
padding: 3px 6px;
border: 1px solid #777779;}
ul.breadcrumbs {padding-left:0px;}
.breadcrumbs li a::before{content: "\f054";font: normal normal normal 14px / 1 FontAwesome;font-size: 12px;position: absolute;right: -14px;top: 5px;}
.breadcrumbs {display:flex; flex-wrap:nowrap; overflow:hidden; }
.adv-banner .banner-wrap .banner-caption .breadcrumb li {text-decoration: none;font-size: 14px;font-family: "MontserratSemiBold";position: relative;display: block;padding: 0 10px;margin: 0 10px;}
.adv-banner .banner-wrap .banner-caption .breadcrumb li.current {color:#fff;font-family: "MontserratRegular";}
.adv-banner .banner-wrap .banner-caption .breadcrumb li a::before {content: "\f054";font: normal normal normal 14px / 1 FontAwesome;font-size: 12px;display: block;position: absolute;right: -14px;top: 5px;}
.adv-banner .banner-wrap .banner-caption .breadcrumb li a:hover {text-decoration:none;}
.breadcrumbs li {color: #1c3664; text-decoration: none;font-size: 14px;font-family: "MontserratRegular";position: relative;display: block;padding: 0 10px;margin: 0 10px; white-space:nowrap}
.breadcrumbs li a {color:#1c3664;}
.breadcrumbs li:first-child a.link {
padding-left: 0;
margin-left: 0;
font-family: "MontserratSemiBold";}
.breadcrumbs li:first-child {padding-left:0; margin-left:0;}
.search_inner .inr-right-cont {width:calc(100% - 65px);}
a.more-link {color: #1c3664;font-weight: 600;}
.wpc-filters-main-wrap a.wpc-filters-reset-button {color:#000;}
.page-template-page-who-we-are-php .breadcrumbs li.current, .page-template-page-contact-php .breadcrumbs li.current, .page-template-page-what-we-do-inner-php .breadcrumbs li.current,.page-template-page-our-team-php .breadcrumbs li.current {color:#fff;}
.wpcf7 form.invalid .wpcf7-response-output {border-color: #ff8100;background: #ff8100;font-weight: 600;}
.cat_tag_page_tempalte.library-article .article-list .article-itm {margin-bottom:25px;}
.default_navigation {color: #fff;}
.default_navigation a {color: #a0d758;margin-left: 10px;margin-right: 10px;margin-bottom: 10px;display: inline-block;}
.box-info .event-detail-info a {color:#1c3664;}
.menu-top-nav .has-sub-menu .submenu-wrapper .extra-menus .sub-menu-list .link-ttl-sm a::before {
content: '';
width: 0;
height: 4px;
background: #a0d758;
position: absolute;
left: 0;
display: block;
bottom: 0;
transition: all 0.9s cubic-bezier(0.4, 0, 0.2, 1);
}
.menu-top-nav .has-sub-menu .submenu-wrapper .extra-menus .sub-menu-list .link-ttl-sm a:hover {
text-stroke: 1px black;
-webkit-text-stroke: 1px #1d1d1f;
}
.menu-top-nav .has-sub-menu .submenu-wrapper .extra-menus .sub-menu-list .link-ttl-sm a:hover::before {
width: 100%;
}
.disabled { background: #ccc; }
#card_errors { color: #ff0000; font-weight: bold; }
.fill-form .form-group-two-column {flex-wrap: inherit;}
.fill-form .form-group-two-column .form-group {margin-right:10px;}
.fill-form .form-group-two-column .form-group:nth-child(3) {margin-right:0px;}
.wpc-filter-content .wpc-term-item input[type='checkbox'] { border: 2px solid #000; height: 16px; width: 16px; border-radius: 5px; background-color: #ede9e1; position: absolute;
top: 2px;}
.wpc-filter-content .wpc-term-item .wpc-term-count { font-size: 16px; color: #1d1d1f; }
.wpc-filter-content .wpc-term-item div:not(.container-cheked) label { padding-left: 34px !important; }
.wpc-filter-content .wpc-term-item label a { color: #1d1d1f; font-size: 16px; }
.widget_wpc_filters_widget .wpc-filter-header .widget-title {
font-size: 16px;
color: #1d1d1f;
font-family: "MontserratSemiBold";
padding-bottom: 16px;
border-bottom: 2px solid #000;
margin-bottom: 24px;
position: relative;
cursor: pointer;
}
.widget_wpc_filters_widget .wpc-filter-header .widget-title::before {
border-style: solid;
border-width: 3px 3px 0 0;
content: " ";
display: inline-block;
position: absolute;
height: 10px;
right: 10px;
top: 5px;
transition: 0.35s ease-in-out;
vertical-align: top;
width: 10px;
transform: rotate(-45deg);
transition: 0.25s ease-in-out;
}
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 19px;
width: 19px;
border-radius: 5px;
background-color: #ede9e1;
border: 2px solid #000;
}
.wpc-term-selected .checkmark::after {
display: block;
position: absolute;
left: 5px;
top: 2px;
width: 5px;
height: 10px;
border: solid #000;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}
.page-template-page-who-we-are .inr-right-cont .top-link-head {display:inline-block;}
.whitebg {background:#fcfaf7; border-radius:20px;}
.tml .tml-field {width: 60%;
border: 1px solid #1d1d1f;
padding: 16px;
outline: none;
box-shadow: none;
color: #1d1d1f;
font-size: 16px;
font-family: "MontserratMedium";
min-height: 60px;}
button.tml-button {
background: #1c3664;
color: #fff;
cursor: pointer;
box-shadow: none;
padding: 5px 10px;
border-radius: 5px;
}
.tml-links li a,.tml-dashboard-links li a {color:#1c3664;}
ul.tml-dashboard-links {padding-left:16px;}
.tml-dashboard-avatar {margin-bottom:10px;}
.whishlist-result .wrap-list > p {margin-left:115px;}
.tml-indicator_hint-wrap {display:none;}
ul.tml-links {padding-left: 0; position: absolute;}
ul.tml-links li:first-child {margin-left:0px;}
ul.tml-links li {margin-left:100px; display:inline-block;}