html,
body{
width:100%;
overflow-x:hidden
}
body{font-family: 'Raleway', sans-serif;font-size:1rem;font-weight:400;color:#131313;padding:0;margin:0;line-height:26px;}
a,button,div,form,input,p,span{-webkit-box-sizing:border-box;box-sizing:border-box}
a,button,div,form,input,p,span{-webkit-box-sizing:border-box;box-sizing:border-box}
img{height:auto}
p{margin:0}
h1,h2,h3,h4,h5,h6{padding:0;margin:0;color:#000;font-weight:500}
a,button,input{-webkit-transition:all .3s ease;transition:all .3s ease}
a:hover{text-decoration:none; color: inherit;}
a,a:active,a:focus,a:hover,button,button:active,button:focus,button:hover,input,input:active,input:focus,input:hover{outline:0}
.site-content .ast-container {
display: block;
}
a{color: inherit;}
section {
position: relative;
}
section h2 {
font-size: 2.15rem;
font-weight: bold;
color: #007D36;
}
section p {
font-size: 1rem;
}
p a {
color: #007D36;
text-decoration: underline;
text-underline-offset: 2px;
font-weight: 600;
}
/* ---- menu ---- */
.main-header-bar-navigation li a:hover{
-webkit-transition: none;
transition: none;
-webkit-text-stroke: thin;
text-stroke: thin;
}
.main-header-bar-navigation li a {
-webkit-transition: none;
transition: none;
}
.main-header-bar-navigation .current-menu-item {
-webkit-text-stroke: thin;
}
.main-header-menu .menu-link, .main-header-menu>a {
-webkit-transition: none;
transition: none;
}
.header-black .site-header ul li a {
color: #000!important;
}
/* ------ submenu ------ */
.main-header-menu .sub-menu {
/*width: 100%!important;*/
background: rgb(0 125 54 / 80%)!important;
border: none!important;
border-radius: 15px!important;
padding: 3px!important;
}
.main-header-menu .sub-menu li {
width: 100%!important;
border: none!important;
/* padding: 12px 24px;*/
}
.main-header-menu .sub-menu li:hover {
background: rgb(255 255 255 / 15%)!important;
border-radius: 12px!important;
}
.main-header-menu .sub-menu li a:hover {
-webkit-text-stroke: unset;
}
.sect-title, .s-video-sust h2, .s-video-sust h3, .members-content h2 {
margin-bottom: 20px;
}
.site-content .ast-container{
max-width: unset;
padding: 0px;
}
.main-header-bar-navigation li a {
display: block !important;
font-weight: 500;
}
.main-header-bar-navigation li a:first-letter {
text-transform: capitalize!important;
}
.ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg, .ast-button-wrap .ast-mobile-menu-trigger-minimal {
fill: #057d35!important;
}
#ast-mobile-site-navigation li a {
color: #057d35!important;
}
.btn-link{
background-color: #057D35!important;
border-radius: 13px!important;
color: #fff!important;
font-size: 15px!important;
font-weight: 600!important;
padding: 11px 35px!important;
transition: 1!important;
height: 43px!important;
line-height: 1.45em;
}
.btn-link:hover {
background-color: #F5F5F5!important;
color: #057D35!important;
}
a.btn-link{
background-color: #057D35!important;
border-radius: 13px!important;
color: #fff!important;
font-size: 15px!important;
font-weight: 600!important;
padding: 11px 35px!important;
transition: 1!important;
height: 43px!important;
line-height: 1.45em;
}
a.btn-link:hover{
background-color: #069640;
}
.align-right{
text-align: right;
}
/*--------Main banner--------*/
.s-header-home{
height: 768px;
background-color: rgb(0 0 0 / 30%);
background-blend-mode: overlay;
background-repeat: no-repeat;
background-position: center center;
padding: 14vw 0;
}
.s-header-home .main-title {
font-size: 61px;
}
.main-title{
max-width: 75%;
font-size: 45px;
font-weight: bold;
color: #fff;
}
.sub-title_m{
font-size: 53px;
color: #fff;
}
.main_desc{
font-size: 18px;
color: #fff;
line-height: 26px;
margin: 10px 0 30px 0;
}
/*--------Content--------*/
.s-about-home, .s-vm-home, .s-subscribe-home, .s-instagram-home, .s-cont-project-home, .s-video-sust, .s-posts-news, .s-events-web {
padding: 7vw 0;
}
.s-about-home, .s-posts-home, .s-trainers, .s-blocks-sust__first, .s-web-reg {
padding: 7vw 0 0 0;
}
.s-project-tabs, .s-project-blocks .row, .s-blocks-sust__second {
padding: 0 0 7vw 0;
}
.s-project-timeline {
margin-bottom: 7vw;
margin-top: 7vw;
}
.s-project-contact, .s-project-map {
margin-bottom: 3.5vw;
}
.s-project {
margin-bottom: 7vw;
}
.s-related {
padding: 3.5vw 0 3.5vw 0;
margin-top: 3.5vw;
}
.s-content-bm {
padding: 7vw 0 3.5vw 0
}
.s-about-home .row {
padding: 3.5vw 0;
}
.s-banner-bm {
margin-top: 4vw;
padding-top: 4vw;
}
.s-banner-bm a {
color: #007D36;
text-decoration: underline;
font-weight: 500;
}
.s-about-home .col-md-4 {
padding: 20px 10px;
}
.s-blocks-sust__first .container .row {
margin-top: 3.5vw;
}
.s-sweb {
padding: 4vw 0;
}
.page-template-sustainable .s-inner-header .main_desc {
margin-bottom: 0;
}
.about-one {
/*height: 190px;*/
display: flex;
flex-direction: column;
justify-content: flex-start;
vertical-align: middle;
padding: 20px 0 0 60px;
}
.s-about-home .col-md-4:first-child .about-one {
padding: 20px 0 0 0;
}
.s-about-home .col-md-4:not(:last-child) {
border-right: 1px solid #057D35;
}
.about-one img{
width: 53px;
padding-bottom: 15px;
}
/* our vision */
.s-vm-home {
height: 652px;
}
.s-vm-home .col-md-6:first-child {
margin-left: -75px;
}
.s-vm-home__img {
width: 430px;
}
/* last updates */
.s-posts-home .sect-title {
padding: 0 5px;
}
.s-posts-home .col-md-4 {
padding-left: 5px!important;
padding-right: 5px!important;
}
.posts-row {
padding: 0 0 3.5vw 0;
}
.alm-btn-wrap {
padding: 2.5vw 0 0 0!important;
}
.post-one {
-webkit-box-shadow: 0px 3px 10px -1px rgb(112 112 112 / 45%);
box-shadow: 0px 3px 10px -1px rgb(112 112 112 / 45%);
-moz-box-shadow: 0px 3px 10px -1px rgb(112 112 112 / 45%);
margin-bottom: 16px;
}
.post-one-img {
overflow: hidden;
}
.post-one-img img {
transition: all 3s ease;
}
.post-one-img img:hover {
transform: scale(1.3);
}
.post-one-text {
padding: 15px 20px;
}
.post-one-text h3 {
/*height: 60px;*/
overflow: hidden;
}
.alm-btn-wrap .alm-load-more-btn {
color: #057D35!important;
background-color: #F5F5F5!important;
border-radius: 10px!important;
font-weight: 600!important;
border-radius: 13px!important;
font-size: 15px!important;
padding: 11px 35px!important;
transition: 1!important;
height: 43px!important;
line-height: 1.45em;
}
.alm-btn-wrap .alm-load-more-btn:hover {
color: #F5F5F5!important;
background-color: #057D35!important;
}
.post-one-text .entry-meta {
color: #020202;
opacity: 50%;
font-size: 12px;
}
.post-one-text p {
line-height: 20px;
}
.post-one-eh {
margin: 0;
}
.post-one-eh p {
margin-bottom: 0 !important;
}
.post-one-text h3 {
/* line-height: unset;*/
line-height: 20px;
padding-top: 7px;
padding-bottom: 7px;
}
.post-one-text a {
color: #057D35!important;
font-weight: 600!important;
-webkit-transition:all .3s ease;
transition:all .3s ease
}
.post-one-text a:hover {
-webkit-transition:all .3s ease;
transition:all .3s ease;
text-decoration: underline;
text-underline-offset: 2px;
}
.post-one-text > a {
margin-top: 0px;
display: block;
}
.post-one-text h3 a {
color: #000!important;
font-size: initial;
font-weight: 600!important;
line-height: initial;
}
/* subscribe */
.s-subscribe-home {
height: 500px;
width: auto;
display: flex;
flex-direction: column;
justify-content: center;
}
.s-title_sb, .s-subtitle_sb {
color: #FFFFFF;
margin: 0;
}
.s-subtitle_sb {
font-size: 25px;
}
.s-subscribe-home .container {
width: 30%;
text-align: center;
}
.s-subscribe-home input {
background-color: rgb(237 237 237 / 43%)!important;
color: #FFFFFF!important;
text-align: center;
border-radius: 10px!important;
border-color: transparent!important;
}
.s-subscribe-home input::placeholder {
color: #FFFFFF!important;
font-size: 12px!important;
opacity: 1!important;
}
#forminator-module-99 {
margin: 10px 0;
}
.forminator-edit-module {
display: none;
}
/* instagram */
.sect-title__instagram {
text-align: center;
}
.s-instagram-home a {
color: #057D35;
}
.s-instagram-home .container > a {
display: flex;
align-items: center;
justify-content: center;
color: #000;
font-size: 12px;
font-weight: 700;
}
.s-instagram-home .container > a i {
font-size: 20px;
}
.site-footer .textwidget li {
display: flex;
}
.site-footer #text-2 .textwidget li {
margin: 0 0 12px;
}
.site-footer #text-2 .textwidget li:last-child {
margin: 0;
}
.site-footer .textwidget li i {
margin-right: 10px;
position: relative;
top: 7px;
}
/* ----------trainers page---------- */
.s-inner-header {
height: 458px;
display: flex;
align-items: center;
}
.s-inner-header p {
color: #FFFFFF;
max-width: 65%;
font-size: 18px;
}
.s-inner-header h2 {
color: #FFFFFF;
}
.facetwp-icon {
display: none;
}
.filters-trainers, .filters-project {
background-color: #F2F2F2;
padding: 20px 39px;
border-radius: 10px;
}
.trainers-legend {
margin-top: 4vw;
border-bottom: 1px solid #057D35;
}
.trainers-rows {
margin-bottom: 4vw;
max-height: 600px;
overflow-y: auto;
}
.filters-trainers input, .filters-trainers select {
width: 100%;
height: 38px;
font-size: 10px;
border: none;
border-radius: 5px;
}
.filters-trainers input, .filters-trainers select {
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
-ms-appearance: none;
appearance: none!important;
}
.filters-trainers .facetwp-type-dropdown .facetwp-dropdown {
background-size: 11px;
background-repeat: no-repeat;
background-position: right 11px center;
background-color: #fafafa;
background-image: url('http://srp.testua.xyz/wp-content/uploads/2022/09/down-chevron-gr.png');
}
.facetwp-input-wrap {
width: 100%;
}
.filters-trainers .col-md-3 {
padding-left: 0!important;
}
.filters-trainers h5, .s-project-tabs h5 {
font-weight: 600;
padding-bottom: 10px;
}
.facetwp-facet {
margin-bottom: 15px !important;
}
.filters-trainers label {
font-weight: 600;
margin-bottom: 0;
}
.filters-trainers .facetwp-facet input.facetwp-search, .filters-trainers .facetwp-facet input.facetwp-location {
min-width: 0;
}
.s-project-contact img {
background-color: rgb(216 216 216 / 53%);
}
.trainers-legend .col {
font-weight: bold;
}
.trainers-rows .trainers-one:nth-child(even) {
background-color: #F2F2F2;
border-radius: 5px;
border-radius: 10px;
}
.trainers-one {
align-items: center;
}
.trainers-one, .trainers-legend {
display: flex;
/*margin: 0;*/
padding-left: 0;
padding-right: 0;
align-items: center;
margin-left: 0;
margin-right: 0;
}
.trainers-rows .col, .trainers-legend .col {
overflow-wrap: anywhere;
flex: 1;
/*width: 100px;*/
display: flex;
justify-content: center;
text-align: center;
padding-top: 8px;
padding-bottom: 8px;
word-wrap: unset;
}
.trainers-rows .col:last-child, .trainers-legend .col:last-child {
overflow: auto;
padding-left: 40px;
}
.trainers-one .col:nth-child(n+2):nth-child(-n+5), .trainers-legend .col:nth-child(n+2):nth-child(-n+5){
max-width: 10%;
}
.trainers-one .col:nth-child(2), .trainers-legend .col:nth-child(2) {
max-width: 8% !important;
}
.trainers-one .col:nth-child(3), .trainers-one .col:nth-child(4),
.trainers-legend .col:nth-child(3), .trainers-legend .col:nth-child(4) {
max-width: 16% !important;
}
.trainers-one .col:first-child, .trainers-legend .col:first-child {
justify-content: start;
text-align: left;
padding-left: 40px;
max-width: 23%;
}
/* --------default page-------- */
.def-page{
padding: 13vw 0;
}
.def-page p{
margin-top: 20px;
}
.def-page h4,
.def-page h5 {
margin-top: 30px;
}
.def-page article a{
color: #057D35;
}
/* --------and default page-------- */
/* --------registered projects page-------- */
.cont-project-box {
display: flex;
margin-top: 4vw;
height: 494px;
padding: 0 0 0 10%;
border-radius: 50px;
-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}
.cont-project-box-text {
display: flex;
width: 440px;
height: 100%;
flex-direction: column;
justify-content: center;
font-weight: 600;
gap: 35px;
}
.cont-project-box-text .btn-link {
width: fit-content;
}
.s-project-tabs .tab {
font-size: 18px;
font-weight: 600;
display: flex;
height: 90px;
padding: 0 35px;
cursor: pointer;
/*border-right: 5px solid #F5F5F5;*/
align-items: center;
}
.s-project-tabs h5 {
color: #007D36;
}
.s-project-tabs .tab:after {
width: 5px;
height: 90px;
display: block;
background-color: #F5F5F5;
margin-right: 15px;
content: '';
right: 0;
position: absolute;
}
.s-project-tabs .tab:first-child:after {
border-radius: 5px 5px 0 0;
}
.s-project-tabs .tab:last-child:after {
border-radius: 0 0 5px 5px;
}
.s-project-tabs .active {
background-color: #F5F5F5;
border-radius: 10px 0 0 10px;
}
.tabs .active:after {
width: 5px;
height: 94px;
display: block;
background-color: #007D36;
margin-right: 15px;
content: '';
right: 0;
position: absolute;
border-radius: 5px!important;
z-index: 99;
}
/*.tabs .active:after {
width: 5px;
height: 100%;
background-color: #007D36;
border-radius: 10px;
}*/
.s-project-tabs ::marker {
color: #007D36;
font-size: 1.5em;
}
.s-project-tabs ul {
margin: 0 0 0 1.5em;
}
.s-project-blocks .row:nth-child(even) .col-md-6:nth-child(1) {
order: 2;
}
.text-project-blocks p:not(:last-child), .text-contact-blocks p:not(:last-child), .s-cont-project-home p strong {
padding-bottom: 1.5em;
}
.text-project-blocks p strong, .text-contact-blocks p strong {
font-size: 16px;
}
.s-project-blocks .row:nth-child(odd) .text-project-blocks {
margin-left: 55px;
}
.s-project-blocks img {
max-width: 462px;
}
.s-cont-project-home p {
padding: 0.75em 0;
}
.s-cont-project-home .reg-srp-p {
padding-right: 0 !important;
}
.s-project-contact .row {
-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
margin-left: 0;
margin-right: 0;
}
.s-project-contact .text-contact-blocks {
max-width: 100%;
}
.s-project-contact .col-md-6 {
padding-left: 0!important;
padding-right: 0!important;
}
.s-project-tabs .tab_content {
padding: 0 35px;
}
/**/
.filters-project input, .filters-project select {
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
-ms-appearance: none;
appearance: none!important;
}
.filters-project .facetwp-type-dropdown .facetwp-dropdown {
background-size: 11px;
background-repeat: no-repeat;
background-position: right 11px center;
background-color: #fafafa;
background-image: url(http://srp.testua.xyz/wp-content/uploads/2022/09/down-chevron-gr.png);
}
.s-project .filters-project input, .filters-project select {
width: 100%;
height: 56px;
border: none;
border-radius: 5px;
min-width: 100%!important
}
.filters-project label {
font-weight: 600;
font-size: 12px;
}
.project-legend {
margin-top: 4vw;
border-bottom: 1px solid #057D35;
}
.project-legend .col {
font-weight: bold;
}
/**/
.projects-rows {
margin-bottom: 4vw;
}
.filters-project .col-md-3 {
padding-left: 0!important;
}
.filters-project h5, .s-project-tabs h5 {
font-weight: 600;
padding-bottom: 10px;
font-size: 16px;
}
/**/
.projects-rows .projects-one:nth-child(even) {
background-color: #F2F2F2;
border-radius: 5px;
border-radius: 10px;
}
.projects-one {
align-items: center;
}
.projects-one, .project-legend {
display: flex;
/*margin: 0;*/
padding-left: 0;
padding-right: 0;
align-items: center;
margin-left: 0;
margin-right: 0;
}
.projects-rows .col, .project-legend .col {
font-size: 13px;
line-height: 16px;
overflow-wrap: anywhere;
flex: 1;
/*width: 100px;*/
display: flex;
justify-content: center;
text-align: center;
padding-top: 8px;
padding-bottom: 8px;
}
.projects-rows {
max-height: 1150px;
overflow-y: auto;
}
.projects-one .col:nth-child(n+2):nth-child(-n+5), .project-legend .col:nth-child(n+2):nth-child(-n+5) {
max-width: 17%!important;
}
.projects-one .col:first-child, .project-legend .col:first-child {
justify-content: start;
text-align: left;
padding-left: 40px;
}
.s-project-map p {
padding-bottom: 1.5em;
max-width: 90%;
}
/* -------- sustainable page -------- */
.video-sust, .video-web {
text-align: center;
padding-top: 3.5vw;
}
.s-blocks-sust {
background-color: #F5F5F5;
}
/*.s-blocks-sust .row {
align-items: center;
}*/
.s-blocks-sust .row .col-md-6:first-child .blocks-sust-one {
align-items: flex-end;
}
.s-video-sust h2, .s-video-sust h3 {
margin-bottom: 15px!important;
}
.s-video-sust p {
padding-bottom: 15px;
}
.video-sust__circle {
position: absolute;
left: 46%;
margin-top: -240px;
backdrop-filter: blur(8px);
border-radius: 50px;
height: 100px;
width: 100px;
display: flex;
align-items: center;
justify-content: center;
background-color: rgb(255 255 255 / 30%);
-webkit-transition:all .3s ease;
transition:all .3s ease
}
.video-sust__circle:hover {
transform: scale(1.3);
-webkit-transition:all .3s ease;
transition:all .3s ease
}
.video-sust__circle:before {
color: #FFFFFF!important;
margin-right: 0!important
}
.s-blocks-sust .sect-title {
text-align: center;
margin-top: -15px;
}
.s-blocks-sust .blocks-sust-one {
display: flex;
align-items: flex-start;
}
.blocks-sust-one img {
width: 67px!important;
padding-top: 10px;
}
.s-blocks-sust .col-md-6 {
margin-bottom: 3vw;
}
.s-blocks-sust .col-md-6:last-child {
display: flex;
align-items: center;
}
.blocks-sust-text {
/*font-weight: 600;*/
max-width: 350px;
}
.blocks-sust-text ::marker {
color: #007D36;
font-size: 24px;
}
/* slider */
.blocks-sust__img {
width: 137px!important;
margin-left: -12px;
}
.blocks-sust__title {
text-align: left!important;
margin-top: 15px!important;
}
.slide-sust {
align-items: center;
}
.s-blocks-sust__second .slide-sust-img img {
width: 410px!important;
max-width: 410px!important;
}
.s-blocks-sust .owl-carousel .owl-item {
padding: 128px 82px 138px;
/*background-color: #FFFFFF;
border-radius: 40px;*/
}
.owl-stage {
display: flex;
align-items: center;
}
.s-blocks-sust__second .owl-stage-outer {
-webkit-box-shadow: 0px 3px 10px -1px rgb(112 112 112 / 45%);
box-shadow: 0px 3px 10px -1px rgb(112 112 112 / 45%);
-moz-box-shadow: 0px 3px 10px -1px rgb(112 112 112 / 45%);
background-color: #FFFFFF;
}
.owl-stage-outer {
border-radius: 40px;
}
.owl-nav .owl-prev {
position: absolute;
top: 47%;
left: -7%;
}
.owl-nav .owl-next {
position: absolute;
top: 47%;
right: -7%;
}
.fa-angle-left:before, .fa-angle-right:before, .fa-chevron-left:before, .fa-chevron-right:before {
border-radius: 50px;
border: 2px solid #057D35;
padding: 0.8rem 1rem;
font-weight: 600;
}
.owl-prev .fa-angle-left:hover:before, .owl-next .fa-angle-right:hover:before, .fa-chevron-left:hover:before, .fa-chevron-right:hover:before {
color: #FFFFFF!important;
background-color: #057D35;
-webkit-transition:all .3s ease;
transition:all .3s ease
}
/* ------- Pakistan's role page -------- */
.web-time {
color: #00628B;
}
.web-details {
margin-left: 0;
}
.web-details li {
list-style-type: none;
}
.dl-web {
text-align: center;
padding-top: 30px;
}
.dl-web p {
padding-bottom: 20px;
}
.s-web-reg .sect-title {
text-align: center;
}
.s-speakers .slide-sust-img img {
width: 278px;
border-radius: 33px;
}
#forminator-module-356 .forminator-field {
display: flex;
flex-direction: column;
}
.forminator-error-message {
color: #FFFFFF
}
.speakers-text h3, h4 {
color: #057D35;
}
.speakers-text h3 {
font-weight: 600;
}
#consent-1 .forminator-checkbox__wrapper {
display: inline-flex;
}
#forminator-module-356 .forminator-checkbox__label {
padding-left: 16px;
}
.s-speakers__background-img {
position: absolute;
/*bottom: 67vh;*/
top: 1830px;
z-index: -1;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
background-attachment: scroll;
}
#forminator-module-356 .forminator-row .btn-link {
width: fit-content;
}
#forminator-module-356 .forminator-row-last .forminator-field {
align-items: center;
}
#forminator-module-356 .forminator-col-6:nth-child(odd) {
padding-right: 7px;
}
#forminator-module-356 .forminator-col-6:nth-child(even) {
padding-left: 7px;
}
#forminator-module-356 .forminator-input, #forminator-module-356 .forminator-select--field {
background-color: #F6F6F6;
height: 38px;
border: none;
}
@media (min-width: 783px) {
.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child), .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child) {
margin-bottom: 16px!important
}
}
#forminator-module-356 .input[type="radio"]:checked, #forminator-module-356 input[type=reset], #forminator-module-356 input[type="checkbox"]:checked, #forminator-module-356 input[type="checkbox"]:hover:checked, #forminator-module-356 input[type="checkbox"]:focus:checked, #forminator-module-356 input[type=range]::-webkit-slider-thumb {
border-color: #057D35;
background-color: #057D35;
color: #057D35;
}
/* ------ news page ------ */
.s-posts-news .col-md-4 {
padding-left: 5px!important;
padding-right: 5px!important;
}
.s-posts-news h2 {
padding-bottom: 2.5vw;
}
.post-one-img img {
object-fit: cover;
height: 204px!important;
}
/* ------ welcome page ------ */
.s-members {
margin-top: 210px;
margin-bottom: 3vw;
}
.s-spost {
margin: 143px 0 7vw 0;
}
/*.s-spost .fal:before {
margin-right: 0!important
}*/
.s-spost h1 {
font-weight: bold;
font-size: 30px;
color: #057d35;
}
.s-spost .prev_post i:before{
margin-right: 10px;
}
.s-spost .next_post i:before {
margin-left: 10px;
}
.s-members .members-side ul {
list-style-type: none;
}
.members-side .menu-item-has-children > a:before {
font-family: "Font Awesome 5 Pro"!important;
right: 40px;
font-size: 24px;
font-weight: 400;
position: absolute;
}
.members-side li {
/*padding: 15px 20px;*/
width: 100%;
}
.members-side li a {
display: flex;
/*width: 83%;*/
align-items: center;
padding: 15px 20px;
font-weight: 900;
border-radius: 10px;
font-family: 'Raleway', sans-serif!important;
margin-bottom: 7.5px;
}
.members-side .sub-menu {
display: none;
}
.members-side .sub-menu li a {
font-weight: 500;
}
.members-side .current-menu-item a {
background-color: #F5F5F5!important;
font-weight: 900!important;
}
.open-elements {
display: block!important;
}
.open-element-parent {
background-color: #057D35;
color: #FFFFFF!important;
border-radius: 10px;
display: flex;
/*width: 90%;*/
align-items: center;
padding: 15px 20px;
font-weight: 900;
}
.members-side .open-element-parent:before {
right: 75px;
font-size: 24px;
font-weight: 400;
position: absolute;
color: #FFFFFF
}
/*.menu-item-has-children > a:before:first-child {
color: #057D35!important;
right: 75px;
font-size: 24px;
font-weight: 400;
position: absolute;
}*/
/*.menu-item-has-children a:nth-child(n+2):before {
display: none;
}*/
.open-elements a:before {
display: none;
}
.s-members .col-md-9:before {
content: "";
width: 1px;
height: 420px;
background: #D8D8D8;
display: block;
position: absolute;
/*margin-left: -15px;*/
}
.members-content {
display: flex;
padding-left: 35px;
flex-direction: column;
}
.members-content p {
padding: 5px 0;
}
/* ------ annual-plenary-meeting-and-general-assembly page ------ */
.members-content h2:not(:first-child) {
padding-top: 30px;
}
.members-content .files-wrap .row {
/*background-color: #F5F5F5;
max-width: 365px;*/
padding: 8px 0;
/* border-radius: 10px;*/
}
.members-content .files-wrap .row a:before {
content: "•";
color: #057D35;
font-size: 32px;
display: flex;
align-items: center;
padding: 1rem;
}
.members-content .files-wrap .row a {
display: flex;
align-items: center;
flex-direction: row;
background-color: #F5F5F5;
border-radius: 10px;
padding: 1rem 1rem 1rem 0;
}
.members-content .files-wrap .row .col-md-6:nth-child(even) {
padding-left: 4!important;
}
.members-content .files-wrap .row .col-md-6:nth-child(odd) {
padding-right: 4px!important;
}
.members-content .files-wrap .row .col-md-6:not(:nth-last-child(-n+2)) {
margin-bottom: 10px;
}
.members-content .files-wrap .row a span {
line-height: 20px!important;
}
.members-content .files-wrap .row a svg {
overflow: visible;
margin-left: 15px;
}
.files-wrap {
margin-bottom: 20px;
font-weight: 600;
}
/*.files-wrap .col-md-6 {
-webkit-flex: 0 0 93%;
max-width: 100%;
}*/
/* -------- events-webinars page -------- */
.s-events-web .tabs {
margin-top: 25px;
margin-bottom: 65px;
}
.s-events-web .tabs .active {
background: #057D35!important;
color: #FFFFFF!important;
text-align: center;
}
.s-events-web .tabs .tab {
padding: 9px 11px;
margin-right: 8px;
min-width: 140px;
border-radius: 40px;
display: inline-block;
font-weight: 600;
background: linear-gradient(to right, #F5F5F5, #FFFFFF);
cursor: pointer;
text-align: center;
}
.s-events-web .tabs .tab i {
vertical-align: middle;
}
.s-events-web .tabs .tab i:before {
color: unset!important;
margin-right: 10px;
font-size: 25px;
}
.s-events-web .tabs .active:after {
display: none;
}
.blocks-impacts-wrap {
text-align: center;
}
.blocks-impacts-wrap > div {
text-align: left;
}
.blocks-impacts-wrap + .btn-link,
.blocks-impacts-wrap > div:nth-child(n+5) {
display: none;
}
.blocks-impacts-wrap + .btn-link {
margin: 40px auto 0 !important;
}
.ew-one {
-webkit-box-shadow: 0px 3px 10px -1px rgb(112 112 112 / 45%);
box-shadow: 0px 3px 10px -1px rgb(112 112 112 / 45%);
-moz-box-shadow: 0px 3px 10px -1px rgb(112 112 112 / 45%);
height: 250px;
margin-bottom: 17px;
}
.ew-one > div {
width: 100%;
height: 100%;
}
.ew-one-img img {
object-fit: cover;
height: 100%;
}
.ew-one-text {
padding-left: 70px;
padding-right: 50px;
}
.ew-one-text p {
font-size: 12px;
line-height: 1.67;
}
.ew-one-text a {
font-weight: 600;
}
.ew-one-text a:hover {
text-decoration: underline;
}
.ew-one-text .web-time {
font-weight: 500;
}
.ew-one-text .line {
width: 50px;
height: 5px;
display: block;
border-radius: 10px;
margin-bottom: 10px;
}
.ew-one .col-md-6:nth-child(2n) {
display: flex;
flex-direction: column;
justify-content: center;
background-color: #FFFFFF;
}
.ew-one-text h3 {
line-height: inherit;
font-size: 16px;
font-weight: 600;
margin-bottom: 10px;
}
#ajax-load-more-4 {
padding: 3vw 15px 0 15px;
}
.ew2-one {
-webkit-box-shadow: 0px 3px 10px -1px rgb(112 112 112 / 45%);
box-shadow: 0px 3px 10px -1px rgb(112 112 112 / 45%);
-moz-box-shadow: 0px 3px 10px -1px rgb(112 112 112 / 45%);
display: block;
}
.ew2-one img {
height: 204px;
object-fit: cover;
}
.alm-reveal .col-md-4 {
padding-left: 5px!important;
padding-right: 5px!important;
margin-bottom: 41px;
}
.ew2-one .ew-one-text {
padding: 35px 30px;
}
.s-events-web .alm-load-more-btn, .s-events-web-past .alm-load-more-btn {
background-color: #057D35!important;
color: #FFFFFF!important;
}
.s-events-web .alm-load-more-btn:hover, .s-events-web-past .alm-load-more-btn:hover {
background-color: #F5F5F5!important;
color: #057D35!important;
}
.s-events-web-past .alm-btn-wrap {
padding-top: 0!important;
}
/* ------- our-value-proposition page ------- */
.s-spost .prev-next-post {
width: 100%;
display: inline-flex;
justify-content: space-between;
}
.s-spost .prev-next-post a {font-weight: 600;}
.prev-next-post i:before {
padding: 10px 13px;
}
.s-spost .prev_post i {
}
.s-spost {
padding-bottom: 25%;
}
.s-spost .container {
max-width: 958px;
}
.s-spost .container p {
margin-bottom: 30px;
}
.s-spost .sect-title {
margin-top: 11px;
margin-bottom: 18px;
}
.s-spost .container .entry-meta {
margin-bottom: 0;
color: rgb(2 2 2 / 50%);
}
.back {
color: #057D35;
font-weight: 600;
}
.back:hover {
color: #057D35;
text-decoration: underline;
text-underline-offset: 2px;
}
.back .fa-angle-left:before {
padding: 0!important;
border: none!important;
}
.breadcrumbs {
margin-top: 1vw;
margin-bottom: 3vw;
}
.breadcrumbs i:before {
padding: 0 7px!important;
border: none!important;
color: inherit;
font-weight: inherit;
margin: 0!important;
font-size: 8px
}
.breadcrumbs i:hover:before {
background-color: unset;
color: #000!important;
}
.breadcrumbs i:hover {
color: #000!important;
}
.breadcrumbs .current-item {
font-weight: 600;
}
.s-post-bot {
text-align: center;
}
.s-post-bot .btn-link {
background-color: #F5F5F5!important;
color: #057D35!important;
}
.s-post-bot .btn-link:hover {
background-color: #057D35!important;
color: #FFFFFF!important;
}
.s-post-bot .sect-title {
padding-bottom: 23px;
}
.s-post-bot .btn-link {
margin-bottom: 34px;
display: inline-block;
}
.eapps-social-share-buttons-container a:before {
background-color: #F5F5F5!important;
}
.eapps-social-share-buttons-container a:hover:before {
background-color: #057D35!important;
}
.eapps-social-share-buttons-container a span:hover {
background-color: #057D35!important;
}
.eapps-social-share-buttons-container a svg, .eapps-social-share-buttons-container a svg > * {
fill: #057D35!important;
}
.eapps-social-share-buttons-container a span:hover .eapps-social-share-buttons-container svg, .eapps-social-share-buttons-container a span:hover svg > * {
fill: #FFFFFF!important;
}
.eapps-social-share-buttons-text-hide .eapps-social-share-buttons-inner .eapps-social-share-buttons-item {
border-radius: 13px;
}
.s-related {
background: linear-gradient(#F5F5F5, #FFFFFF);
}
.s-related .owl-carousel .owl-item {
padding: 0;
}
.s-related .owl-stage-outer {
border-radius: 0;
}
/* ------- membership benefits page ------- */
.members-content ul li::marker {
color: #057D35;
font-size: 20px;
}
.menu-item-type-wppb_cpm_logout a {
color: #D00B0B;
}
/* -------- become an srp member page -------- */
.s-content-bm .btn-link {
background-color: #F5F5F5!important;
color: #057D35!important;
margin-top: 20px;
display: inline-block;
}
.s-content-bm .btn-link:hover {
background-color: #057D35!important;
color: #FFFFFF!important;
}
.s-post-bot .btn-link:hover {
background-color: #057D35!important;
color: #FFFFFF!important;
}
.why-bm-one {
margin-top: 35px;
}
.why-bm-one img {
padding-bottom: 20px;
height: 70px;
}
.why-bm-one p:first-of-type {
margin-bottom: 17px;
}
.s-banner-bm {
height: 450px;
/* background: linear-gradient(#F5F5F5, #FFFFFF);*/
}
.s-banner-bm .container {
text-align: center;
}
.s-who-bm p {
max-width: 635px;
}
.s-who-bm .btn-link {
margin-top: 20px;
display: inline-block;
}
.s-who-bm .who-bm-one {
padding: 67px 38px 45px 38px;
border-radius: 33px;
height: 388px;
}
.s-who-bm .row {
width: 1100px;
margin-top: 50px;
margin-left: -70px;
}
.s-who-bm .col-md-3 {
padding: 0!important;
}
.s-who-bm .col-md-3 img {
height: 65px;
margin: 0 auto 50px auto;
display: block;
}
.s-who-bm .col-md-3:nth-child(odd) .who-bm-one {
background: linear-gradient(#F5F5F5, #FFFFFF);
}
.s-who-bm .col-md-3:nth-child(even) .who-bm-one {
background: linear-gradient(#FFFFFF, #F5F5F5);
}
.s-comm-bm {
margin-top: 5vw;
}
.s-comm-bm p {
max-width: 725px;
}
.s-comm-bm a {
color: #007D36;
text-decoration: underline;
text-underline-offset: 2px;
font-weight: 600;
}
.comm-slider {
margin-top: 3vw;
margin-bottom: 33px;
}
.comm-slider .comm-one span {
font-size: 40px;
font-weight: 700;
color: #007D36;
margin-bottom: 15px;
display: block;
}
.comm-slider .comm-one {
padding: 35px 23px;
line-height: 24px;
min-height: 253px;
}
.comm-slider .owl-item {
padding: 0;
border-radius: 40px;
}
.comm-slider .owl-item:nth-child(odd) {
background: linear-gradient(#F5F5F5, #FFFFFF);
}
.comm-slider .owl-item:nth-child(even) {
background: linear-gradient(#FFFFFF, #F5F5F5);
}
.comm-slider .owl-dots {
text-align: center;
}
.comm-slider .owl-dot span {
width: 12px;
height: 12px;
background-color: #D8D8D8;
display: block;
border-radius: 20px;
margin: 10px 4.5px;
}
.comm-slider .owl-dots .active span {
background-color: #057D35;
}
.comm-slider.owl-carousel .owl-dots.disabled,
.comm-slider.owl-carousel .owl-nav.disabled {
display: block;
}
.s-form-bm {
margin-top: 4vw;
}
.s-form-bm .box-form-bm {
gap: 66px;
}
.s-form-bm .form-bm-inner {
max-width: 100%;
}
.form-bm-inner textarea {
resize: none;
}
.s-form-bm .form-bm-inner ul {
list-style-type: none;
margin-left: 0;
}
.s-form-bm .popup-register img {
height: 100%;
object-fit: cover;
}
.popup-register img {
height: 100%;
object-fit: cover;
}
.s-dir-bm .filters-project {
margin-top: 30px;
margin-bottom: 46px;
}
.s-dir-bm .members-rows .col-md-4:nth-child(1) .members-one,
.s-dir-bm .members-rows .col-md-4:nth-child(3n) .members-one,
.s-dir-bm .members-rows .col-md-4:nth-child(4n) .members-one {
background: linear-gradient(#FFFFFF, #F5F5F5);
}
.s-dir-bm .members-rows .col-md-4:nth-child(3n+2) .members-one {
background: linear-gradient(#F5F5F5, #FFFFFF);
}
.s-dir-bm .members-rows {
overflow-y: scroll;
height: 540px;
}
/* width */
::-webkit-scrollbar {
width: 8px;
height: 3px;
}
/* Track */
::-webkit-scrollbar-track {
background: #F2F2F2;
width: 8px;
height: 3px;
border-radius: 20px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #057D35;
width: 8px;
border-radius: 20px;
}
.s-dir-bm .members-one {
padding: 33px 48px;
border-radius: 33px;
height: 260px;
margin-bottom: 22px;
}
.s-dir-bm .members-one h4 {
font-size: inherit;
font-weight: 600;
line-height: 19px;
padding-top: 15px;
}
.s-dir-bm .col-md-4:nth-child(5) .members-one h4 {
padding-top: 0!important;
}
.s-dir-bm .col-md-4:nth-child(5) .members-one img {
margin-top: -25px;
}
.s-dir-bm .filters-project input, .s-dir-bm select {
width: 100%;
height: 56px;
border: none;
border-radius: 5px;
min-width: 100%!important
}
.s-dir-bm p:first-of-type {
max-width: 650px;
}
/* other */
.s-sweb .video-web .video-sust__circle {
margin-top: -205px;
left: 47.5%;
height: 60px;
width: 60px;
background-color: rgb(255 255 255 / 50%);
backdrop-filter: blur(3px);
}
.s-sweb .video-web .video-sust__circle:before {
color: #057D35!important;
font-size: 10px;
}
.s-web-reg label {
font-weight: 600;
margin-bottom: 0;
display: flex;
}
.s-web-reg form input, .s-web-reg form select {
width: 100%;
height: 38px;
border: none;
font-size: 12px;
padding-left: 16px;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
-ms-appearance: none;
appearance: none!important;
}
.forminator-checkbox__wrapper label {
display: flex;
}
.forminator-checkbox__wrapper label input {
display: flex;
padding-left: 0;
content: "";
width: 19px;
height: 19px;
background: #F6F6F6;
position: relative;
top: 2px;
}
/*.forminator-checkbox__wrapper label:before {
content: "";
width: 19px;
height: 19px;
background: #F6F6F6;
position: relative;
top: 2px;
}*/
#forminator-module-356 input:checked {
width: 19px;
height: 19px;
background-color: #F6F6F6!important;
background-size: 16px;
background-repeat: no-repeat;
background-position: right 0 center;
background-image: url(../img/down-chevron-gr2.png);
}
.s-web-reg #consent-1 input:active {
background: #F6F6F6 url(../img/check.png) no-repeat;
background-size: 12px;
background-position: center;
line-height: inherit;
}
.s-web-reg #consent-1 span {
color: #000;
}
.s-web-reg .forminator-error-message {
color: #000;
}
.s-web-reg form select {
background-size: 11px;
background-repeat: no-repeat;
background-position: right 11px center;
background-color: #fafafa;
background-image: url(http://srp.testua.xyz/wp-content/uploads/2022/09/down-chevron-gr.png);
}
.s-web-reg .container {
max-width: 920px;
}
.s-web-reg .forminator-row:last-child {
margin-top: -10px;
}
/* ------- resources page ------- */
.s-resources {
margin-top: 4vw;
}
.s-resources .tabs .tab {
margin-right: 8px;
width: 253px;
text-align: center;
border-radius: 40px;
display: inline-block;
font-weight: 600;
background: linear-gradient(to right, #F5F5F5, #FFFFFF);
cursor: pointer;
line-height: 15px;
color: #057D35;
-webkit-transition:all .3s ease;
transition:all .3s ease
}
.s-resources .tabs {display: flex;align-items: center;}
.s-resources .tabs .tab {padding: 10px 27px;height: 50px;display: inline-flex;align-items: center;justify-content: center;}
.s-resources .tab_item {display: block !important;margin-bottom: 45px;}
.s-resources .tabs {
margin-bottom: 40px;
}
.s-resources .tabs .active {
background: #057D35;
color: #FFFFFF;
}
.resources-one {
-webkit-box-shadow: 0px 3px 10px -1px rgb(112 112 112 / 45%);
box-shadow: 0px 3px 10px -1px rgb(112 112 112 / 45%);
-moz-box-shadow: 0px 3px 10px -1px rgb(112 112 112 / 45%);
margin-bottom: 16px;
display: block;
}
.resources-one img {
object-fit: cover;
height: 204px!important;
display: block;
width: 100%;
}
.resources-one-text {
padding: 15px 20px;
}
.resources-one-text h4 {
font-size: 16px;
font-weight: 600;
color: #000;
height: 48px;
overflow-y: hidden;
}
.resources-one-text .res-tag {
color: #057D35;
}
.resources-one-text .res-link {
color: #057D35;
font-weight: 600;
}
.resources-item-one p {
font-weight: 600;
margin-bottom: 16px;
}
.s-resources .tabs .active::after {
content: none;
}
.s-resources .tab:hover {
color: #F5F5F5!important;
background: #057D35!important;
-webkit-transition:all .3s ease;
transition:all .3s ease
}
.tabs-mob:focus {
background-size: 12px;
background-repeat: no-repeat;
background-position: calc(100% - 42px) center;
background-color: #057D35;
background-image: url(../img/select.png);
}
.tabs-mob {
display: none;
border: none;
margin: 0 0 36px;
color: #fff;
padding: 0 70px;
text-align: center;
font-weight: 700;
width: 100%;
height: 65px;
background-size: 12px;
background-repeat: no-repeat;
background-position: calc(100% - 42px) center;
background-color: #057D35;
background-image: url(../img/select.png);
border-radius: 40px;
/* for FF */
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
/* for IE */
-ms-appearance: none;
appearance: none!important;
}
.tabs-mob::-ms-expand {
display: none;
}
/* ------- footer ------- */
.site-footer {
background: url("/wp-content/uploads/2022/08/footerimg.png") no-repeat scroll center center;
background-size: cover;
}
.site-footer ul li a:hover {
border-bottom: 1px solid #057D35;
}
.site-footer-primary-section-4 ul li a:hover {
border-bottom: none;
}
.site-primary-footer-wrap, .site-below-footer-wrap {
background-color: transparent!important;
border: none!important;
}
#menu-footer-menu li a {
color: #000;
}
h2.widget-title {
font-size: 16px;
font-weight: 600;
color: #057D35;
}
#forminator-module-117 .forminator-input {
background: #FFFFFF!important;
opacity: 1!important;
color: #000!important;
border: none!important;
}
#forminator-module-117 .forminator-input::placeholder {
color: rgb(2 2 2 / 80%) !important;
text-align: left!important;
font-size: 12px!important;
}
#forminator-module-117 .forminator-row-last {
text-align: end;
}
.ast-footer-copyright {
color: #FFFFFF;
}
.site-footer .widget {
margin-bottom: 1em;
}
.site-footer .widget-title {
margin-bottom: 0.5em;
}
.ast-builder-grid-row-4-equal .ast-builder-grid-row {
grid-template-columns: 0.5fr 1.5fr 0.5fr 1.5fr!important;
}
.fa:before, .fab:before, .fad:before, .fal:before, .far:before, .fas:before, .la:before, .las:before {
color: #057D35;
margin-right: 10px;
/*font-weight: 900;*/
}
.la, .las {
font-weight: normal;
}
.la:before, .las:before {
font-weight: 900;
}
.la-phone-volume,
.la-envelope {
color: #000;
font-family: inherit;
}
.la-phone-volume::before,
.la-envelope::before {
font-family: 'Line Awesome Free';
}
#zoom-social-icons-widget-2 .fa-facebook {
margin-right: 0;
}
/*#forminator-field-email-1::placeholder {
color: #000!important;
}
#forminator-field-email-1::-webkit-input-placeholder {
color: #000!important;
}*/
.def-page article ul {
padding: 0;
margin: 0 0 1.5em 1.5em;
}
.def-page article ul li::marker {
font-weight: bold;
font-size: 18px;
color: #057d35;
}
.def-page article h4,
.def-page article h5 {
font-weight: bold;
}
.l_upper_alpha > li::marker {
color: #000 !important;
}
/* s-faqs start */
.s-faqs {
padding: 6vw 0;
}
.s-faqs
.sect-title {
padding: 25px 0;
margin-bottom: 0;
}
.faqs-block:nth-child(4) .sect-title {
font-size: 35px;
}
.faqs-block:nth-child(5) .sect-title {
font-size: 35px;
}
.faqs-block:nth-child(6) .sect-title {
font-size: 35px;
}
.faqs-block:nth-child(7) .sect-title {
font-size: 35px;
}
.faqs-block:nth-child(8) .sect-title {
font-size: 35px;
}
.accord-one {
margin-bottom: 15px;
}
.accord-one:last-child {
margin-bottom: 0;
}
.accord-one h4 {
background: #F5F5F5;
color: #000;
font-weight: bold;
padding: 26px 50px;
cursor: pointer;
border-radius: 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
.accord-one h4 i {
font-weight: bold;
transition: all .5s;
}
.open-accord p {
padding: 26px 50px;
}
.open-accord p img {
width: 100%;
}
/* Contact Start */
.s_contact_us {
padding: 6vw 0;
}
.s_contact_us .contact_form {
margin-top: 3rem;
}
.contact_item {
margin-bottom: 1rem;
}
.contact_item .contact_title {
display: flex;
align-items: center;
line-height: initial;
margin-bottom: 0.2rem;
}
.contact_item .contact_title svg {
width: 25px;
height: 20px;
margin-right: 5px;
}
.contact_item:nth-child(3) svg path:first-child {
fill: #057D35;
}
.contact_item p {
margin-bottom: 1rem;
}
.contact_item p,
.contact_item a {
margin-left: 1.5rem;
color: #000;
}
.contact_form .forminator-label {
font-weight: bold;
margin-bottom: 5px;
}
.contact_form .forminator-input {
background: #F6F6F6;
font-size: 1rem;
padding: 10px;
}
.contact_form .forminator-error-message {
color: #000;
font-size: 12px;
}
.contact_form .forminator-button-submit {
display: block !important;
margin-left: auto !important;
background: #057D35;
font-size: 1rem;
font-weight: bold;
border-radius: 10px !important;
}
.contact_item:last-child {
margin-top: 2.5rem;
}
.contact_item ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
}
.contact_item ul li {
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
background: #fff;
margin-right: 10px;
border-radius: 50%;
padding: 5px;
border: 1px solid #057D35;
transition: all .5s;
}
.contact_item ul li:hover {
background: #057D35;
}
.contact_item li svg {
font-size: 18px;
}
.contact_item li svg path {
transition: all .5s;
fill: #057D35;
}
.contact_item ul li:hover svg path {
fill: #fff;
}
.contact_item ul > li > a {
margin: 0;
display: flex;
}
/* Our Impact Page styles start*/
.box-text-impacts p,
.s-stories-impacts p,
.s-banner-impacts p,
.s-half-impacts p {
display: inline-block;
margin-bottom: 2rem;
}
.s-cont-impacts {
padding: 7vw 0 6vw;
}
.s-cont-impacts .container > p {
margin: 1rem 0 !important;
}
.s-cont-impacts .wp-block-image {
margin: 0 0 3rem !important;
}
.s-cont-impacts .wp-block-image img {
width: 100%;
}
.s-box-impacts {
padding-bottom: 6vw;
}
.box-impacts {
position: relative;
border-radius: 40px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.box-impacts::after {
content: '';
position: absolute;
top: 0;bottom: 0;
right: 0;left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(255,255,255,0) -100%, rgba(255,255,255,1) 100%);
}
.box-text-impacts {
position: relative;
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%);
height: 400px;
display: flex;
flex-direction: column;
justify-content: center;
width: 70%;
margin-left: auto;
padding: 0 50px 0 125px;
z-index: 1000;
}
.box-text-impacts a {
width: max-content;
}
.s-blocks-impacts {
padding: 6vw 0 320px 0 !important;
background-size: 100% 400px !important;
background-position: 0% 100% !important;
background-repeat: no-repeat !important;
}
.s-blocks-impacts.action-difference {
padding: 0 0 0 0 !important;
}
.s-blocks-impacts::after {
content: '';
position: absolute;
height: 400px;
bottom: 0;
right: 0;
left: 0;
background: linear-gradient(#fff 0%, rgba(255, 255, 255, 0.73) 42.3%, rgba(255, 255, 255, 0.32) 69.04%, rgba(255, 255, 255, 0) 100%);
}
.s-blocks-impacts .container {
position: relative;
z-index: 1000;
}
.s-blocks-impacts .sect-title {
margin-bottom: 4rem;
}
.s-blocks-impacts p {
margin-bottom: 2rem !important;
}
.block-impacts-one {
position: relative;
margin-bottom: 3rem;
z-index: 1000;
}
.block-impacts-one span:first-child {
font-family: 'Poppins';
display: inline-block;
font-size: 60px;
font-weight: bold;
color: #057D35;
margin-bottom: 0rem;
line-height: initial;
}
.block-impacts-one h4 {
font-size: 1rem;
color: #000;
font-weight: 600;
margin-bottom: 1rem;
}
.block-impacts-one > p {
margin-bottom: 0 !important;
}
.block-impacts-one p > a {
text-decoration: none !important;
font-weight: bold !important;
}
.s-blocks-impacts .row .col-md-6:nth-child(1),
.s-blocks-impacts .row .col-md-6:nth-child(2) {
margin-bottom: 3rem;
}
.s-blocks-impacts .row .col-md-6:last-child .block-impacts-one span {
font-size: 50px;
margin-bottom: 0rem;
}
.s-stories-impacts {
background: linear-gradient(0deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%);
padding: 6vw 0;
}
.s-stories-impacts .sect-title {
margin-bottom: 1rem;
}
.s-stories-impacts p {
margin-bottom: 2rem;
}
.s-banner-impacts {
padding: 8vw 0;
text-align: center;
background: #f5f5f5;
}
.s-half-impacts {
padding: 6vw 0;
}
.half-text-impacts {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.half-text-impacts a {
width: max-content;
}
/* Our Impact Page styles end*/
/*----------------------------------*/
/* Our Impact Page styles start */
.action-future {
padding-bottom: 4vw !important;
}
.s-cont-action,
.s-blocks-impacts,
.s-contact-action {
padding: 6vw 0;
}
.s-cont-action h2,
.s-contact-action h2 {
margin-bottom: 1rem;
}
.s-cont-action p,
.s-blocks-impacts p,
.s-contact-action p {
display: inline-block;
margin-bottom: 1rem;
}
.s-blocks-impacts {
padding-top: 0 !important;
}
.s-cont-action .wp-block-button a {
background: #f5f5f5;
border-radius: 10px;
color: #057D35;
font-family: Raleway;
font-weight: bold;
font-size: 12px;
line-height: 15px;
transition: all .4s;
}
.s-cont-action .wp-block-button a:hover {
background: #057D35;
color: #fff;
}
.s-blocks-impacts p a {
font-weight: 500;
font-size: 1rem;
line-height: 26px;
}
.s-blocks-impacts .block-impacts-one p {
width: 55%;
}
.ew-one-img {
width: 100%;
height: 100%;
}
.ew-one-img img {
width: 100%;
}
.ew-one .ew-one-text .btn-link {
border-radius: 10px !important;
background: #f5f5f5 !important;
font-weight: bold;
font-size: 12px;
line-height: 15px;
color: #057d35 !important;
}
.ew-one .ew-one-text .btn-link:hover {
background: #057d35 !important;
color: #f5f5f5 !important;
}
.s-contact-action .container {
display: flex;
flex-direction: column;
}
.s-contact-action a {
width: max-content;
}
.s-blocks-impacts.small-padding {
padding: 0 !important;
}
/* Our Impact Page styles end*/
/*----------------------------------*/
/* SRP National Chapters styles start */
.s-cont-chapters,
.s-blocks-chapters,
.s-step-chapters,
.s-slider-chapters,
.s-contact-action {
padding: 6vw 0;
}
.s-blocks-chapters {
padding: 6vw 0 18vw 0;
}
.s-cont-chapters h2,
.s-blocks-chapters h2,
.s-step-chapters h2,
.s-slider-chapters h2,
.s-contact-action h2 {
line-height: 1.2;
margin-bottom: 1rem;
}
.s-cont-chapters h3,
.s-blocks-chapters h3,
.s-step-chapters h3,
.s-slider-chapters h3,
.s-contact-action h3 {
font-size: 20px;
font-weight: bold;
line-height: 1.25;
color: #007d36;
margin-bottom: 1rem;
}
.s-cont-chapters p,
.s-blocks-chapters p,
.s-step-chapters p,
.s-slider-chapters p,
.s-contact-action p {
margin-bottom: 1rem;
}
.s-cont-chapters p {
margin-bottom: 30px;
}
.s-cont-chapters .row {
margin-top: 3rem;
}
.s-cont-chapters .row .chapters-one {
display: flex;
flex-direction: row;
justify-content: start;
}
.s-cont-chapters .row .col-md-6 {
min-height: 170px;
}
.s-cont-chapters .col-md-6:nth-child(1) .chapters-one,
.s-cont-chapters .col-md-6:nth-child(3) .chapters-one,
.s-cont-chapters .col-md-6:nth-child(5) .chapters-one {
justify-content: end;
}
.s-cont-chapters .col-md-6:nth-child(1) .chapters-icon,
.s-cont-chapters .col-md-6:nth-child(3) .chapters-icon,
.s-cont-chapters .col-md-6:nth-child(5) .chapters-icon {
order: 1;
margin-left: 27px;
}
.s-cont-chapters .col-md-6:nth-child(1) .chapters-text,
.s-cont-chapters .col-md-6:nth-child(3) .chapters-text,
.s-cont-chapters .col-md-6:nth-child(5) .chapters-text {
text-align: right;
}
.s-cont-chapters .col-md-6:nth-child(2) .chapters-icon,
.s-cont-chapters .col-md-6:nth-child(4) .chapters-icon,
.s-cont-chapters .col-md-6:nth-child(6) .chapters-icon {
margin-right: 27px;
}
.chapters-one:hover .chapters-icon {
box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}
.chapters-one .chapters-icon {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
min-width: 137px;
max-width: 137px;
height: 100%;
min-height: 137px;
max-height: 137px;
border-radius: 30px;
background: #fff;
box-shadow: 3px 0px 6px rgb(0 0 0 / 16%);
transition: all .5s;
}
.chapters-one .chapters-icon img {
width: 53px;
height: 53px;
object-fit: contain;
}
.s-cont-chapters .chapters-text h4 {
font-size: 20px;
font-weight: bold;
color: #000;
margin-bottom: 1rem;
}
.s-cont-chapters .chapters-text p {
font-size: inherit;
}
.s-blocks-chapters .container {
position: relative;
z-index: 10;
}
.s-blocks-chapters::before {
content: '';
position: absolute;
top: 0;
right: 0;left: 0;
width: 100%;height: 100%;
background: linear-gradient(0deg,rgba(245, 245, 245, 0) 0%, #f5f5f5 100%);
z-index: 5;
}
.s-blocks-chapters::after {
content: '';
position: absolute;
top: 0;bottom: 0;
right: 0;left: 0;
width: 100%;height: 100%;
background: url(https://srp.testua.xyz/wp-content/uploads/2022/10/Group-3531-e1667230054823.jpg) no-repeat;
background-size: 100% auto;
background-position: bottom;
z-index: 0;
}
.s-blocks-chapters h2 {
margin-bottom: 3rem;
}
.chapters-grid,
.grid-center {
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
}
.chapters-grid .block-chapters-item,
.grid-center .block-chapters-item {
flex-basis: calc(33% - 27px);
margin-right: 27px;
margin-bottom: 39px;
}
.chapters-grid .block-chapters-item:nth-child(3n),
.grid-center .block-chapters-item:nth-child(3n) {
margin-right: 0;
}
.chapters-grid .block-chapters-item:last-child,
.grid-center .block-chapters-item:last-child {
margin-right: 0;
}
.chapters-grid .block-chapters-item:nth-child(4),
.chapters-grid .block-chapters-item:nth-child(5),
.grid-center .block-chapters-item:nth-child(4),
.grid-center .block-chapters-item:nth-child(5) {
margin-bottom: 0;
}
.block-chapters-one {
border-radius: 40px;
background: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
padding: 0 4.5rem;
min-height: 300px;
display: flex;
flex-direction: column;
justify-content: center;
}
.block-chapters-one .chapters-icon {
display: flex;
align-items: end;
margin-bottom: 1rem;
}
.block-chapters-one .chapters-icon img {
width: 60px;
height: 60px;
object-fit: contain;
margin-right: 20px;
}
.block-chapters-one .chapters-icon h4 {
font-weight: bold;
font-size: 1.15rem;
line-height: 20px;
}
.block-chapters-one .chapters-text p {
width: 100%;
margin: 0;
line-height: 20px;
margin-bottom: 0.8rem;
}
.block-chapters-one .chapters-text p:last-child {
margin-bottom: 0;
}
.s-step-chapters .container > p {
line-height: 20px;
margin-bottom: 2rem;
}
.s-step-chapters .row {
margin-top: 2rem;
margin-bottom: 2rem;
}
.s-step-chapters .step-one .step-title {
position: relative;
}
.s-step-chapters .col-md-6:nth-child(odd) .step-one .step-title::after,
.s-step-chapters .col-md-6:nth-child(even) .step-one .step-title::after {
background-repeat: no-repeat;
background-size: 100% 100%;
}
.s-step-chapters .col-md-6:nth-child(odd) .step-one .step-title::after {
background-image: url("../img/step-blue.svg");
}
.s-step-chapters .col-md-6:nth-child(even) .step-one .step-title::after {
background-image: url("../img/step-green.svg");
}
.s-step-chapters .step-one .step-title::after {
content: "";
position: absolute;
top: 0;bottom: 0;
right: -15px;
width: 100%;
height: 100%;
z-index: 0;
}
.s-step-chapters .step-one .step-title h4 {
position: relative;
display: block;
padding: 15px 15px;
text-align: right;
font-size: 16px;
font-weight: bold;
color: #fff;
z-index: 10;
}
.s-step-chapters .step-one .step-text {
height: 100%;
min-height: 270px;
padding: 30px 25px;
border-radius: 1rem;
box-shadow: -1px 1px 0px rgb(0 0 0 / 16%);
}
.s-step-chapters .step-one .step-text p {
margin: 0;
}
.s-step-chapters .col-md-3:nth-child(odd) .step-one .step-text {
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #f5f5f5 100%);
}
.s-step-chapters .col-md-3:nth-child(even) .step-one .step-text {
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f5f5f5 100%);
}
.s-step-chapters .step-one .step-text {
font-weight: normal;
font-size: 12px;
line-height: 20px;
}
.s-step-chapters .step-one .step-text img {
margin-bottom: 18px;
}
.s-slider-chapters {
background: #F5F5F5;
}
.slider-chapters {
margin-top: 3.6rem;
}
.slider-chapters .slide-chapters {
padding: 38px 38px;
border-radius: 40px;
font-size: 12px;
}
.slider-chapters .owl-item:nth-child(odd) .slide-chapters{
background: linear-gradient(0deg, #f5f5f5 0%, #fff 100%);
}
.slider-chapters .owl-item:nth-child(even) .slide-chapters {
background: linear-gradient(180deg, #f5f5f5 0%, #fff 100%);
}
.slider-chapters .slide-chapters p {
margin-bottom: 0;
}
.slider-chapters .slide-chapters p a {
color: #000;
font-weight: normal;
text-decoration: none;
}
.slider-chapters .slide-chapters p:nth-child(2) {
margin-bottom: 1.5rem;
}
.slider-chapters .slide-chapters ul {
margin: 0 0 0 1.2em !important;
}
.slider-chapters .slide-chapters ul li {
/* text-decoration: underline;
text-decoration-color: #057D35; */
}
.slider-chapters .slide-chapters ul li::marker {
color: #007D36;
font-weight: bold;
font-size: 18px;
}
.slider-chapters .slide-chapters ul li > span > a{
text-decoration: underline;
text-decoration-color: #057D35;
}
.s-contact-action a {
margin-top: 1rem;
}
.s-cont-wwd {
padding: 6vw 0;
}
.s-cont-wwd p {
margin-bottom: 2.8rem;
font-size: 1rem;
}
.s-cont-wwd h3 {
font-size: 22px;
}
.s-cont-wwd h2,
.s-cont-wwd h3 {
margin-bottom: 0.5rem;
color: #057D35;
}
.rows-wwd {
margin-top: 1.8rem;
}
.rows-wwd .col-md-4:nth-child(odd) .wwd-one {
background: linear-gradient(180deg, #f5f5f5 0%, #fff 100%);
}
.rows-wwd .col-md-4:nth-child(even) .wwd-one {
background: linear-gradient(0deg, #f5f5f5 0%, #fff 100%);
}
.wwd-one {
padding: 65px 35px;
border-radius: 40px;
}
.wwd-one .wwd-icon {
margin-bottom: 10px;
}
.wwd-one .wwd-icon img {
width: 85px;
height: 85px;
object-fit: cover;
}
.wwd-one .wwd-text h4 {
font-size: 1rem;
color: #000;
font-weight: bold;
margin-bottom: 5px;
}
.wwd-one .wwd-text p:last-child {
margin-bottom: 0;
}
.s-cont-program {
padding-bottom: 0 !important;
}
.s-who-tp {
padding: 2rem 0;
}
.s-who-tp .row {
margin-left: 0;
margin-top: 50px;
margin-bottom: 40px;
}
.s-who-tp .who-bm-one {
height: 430px;
}
.s-who-tp .container > p {
font-weight: bold;
font-size: 1rem;
line-height: 31px;
}
.s-numbers-pubs {
padding: 6vw 0 13vw 0;
}
.big-numbers-text {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
}
.numbers-one {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.numbers-one span {
font-family: 'Poppins';
display: inline-block;
font-weight: bold;
font-size: 60px;
line-height: 30px;
color: #057d35;
margin-bottom: 2rem;
}
.numbers-one span > span {
margin-bottom: 0 !important;
}
.numbers-one p {
width: 65%;
font-weight: bold;
font-size: 1rem;
line-height: 19px;
}
.s-courses-pubs {
padding: 7.3vw 0 12vw 0;
}
.s-courses-pubs::before {
content: '';
position: absolute;
top: 0;
right: 0;left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%);
z-index: 0;
}
.s-courses-pubs .container {
position: relative;
z-index: 100;
}
.s-courses-pubs .container > P {
margin-bottom: 3.6rem;
}
.slider-courses .courses-left {
margin-right: 5.8rem;
}
.slider-courses .courses-left img {
width: 100%;
height: 100%;
min-height: 550px;
object-fit: cover;
}
.slider-courses .owl-stage-outer {
border-radius: 0 !important;
}
.slider-courses .owl-dots {
margin: 20px 0 25px 0;
}
.slider-courses .owl-dots button {
border-radius: 50%;
width: 13px;height: 13px;
background: #BCBCBC;
margin-right: 11px;
}
.slider-courses .owl-dots button:last-child {
margin-right: 0;
}
.slider-courses .owl-dots button.active {
background: #057D35;
}
.courses-right .courses-title {
align-items: center;
border-bottom: 1px solid rgba(5, 125, 53, 0.5);
padding-bottom: 0rem;
margin-bottom: 1rem;
}
.courses-right .courses-title h4 {
font-weight: bold;
font-size: 16px;
line-height: 26px;
text-align: left;
color: #000;
}
.courses-right .courses-title img {
max-width: 138px;
}
.courses-right p {
margin-bottom: 1.2rem;
}
.courses-right p:last-child {
margin-bottom: 0;
}
.s-content-pubs {
padding: 2vw 0;
}
.s-content-pubs h2 {
margin-bottom: 1rem;
color: #057D35;
font-weight: bold;
font-size: 30px;
line-height: 41px;
}
.s-content-pubs h6 {
border-bottom: 1px solid #057D35;
padding-bottom: 24px;
margin-bottom: 24px;
font-weight: bold;
font-size: 16px;
}
.s-content-pubs p {
margin-bottom: 1rem;
}
.s-content-pubs p:nth-child(2) {
margin: 2rem 0;
}
.s-content-pubs ul {
padding: 0;
margin: 0 0 1rem 1.4rem;
}
.s-content-pubs ul li::marker {
color: #007D36;
font-weight: bold;
font-size: 18px;
}
.s-content-pubs ul li a {
color: #007D36;
text-decoration: underline;
text-underline-offset: 2px;
font-weight: 600;
}
.s-content-pubs table {
width: 59vw;
margin: 90px;
border-collapse: separate !important;
border: none;
}
.s-content-pubs table td {
padding: 15px;
}
.s-content-pubs table thead {
background: #f5f5f5;
text-align: center;
font-weight: bold;
}
.s-content-pubs table thead td {
border-right: 3px solid #fff;
font-size: 16px;
}
.s-content-pubs table thead tr:nth-child(1) td:nth-child(1) {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.s-content-pubs table thead tr:nth-child(1) td:last-child {
border-bottom: 3px solid #fff;
border-top-right-radius: 10px;
}
.s-content-pubs table thead tr:nth-child(2) td:last-child {
border-bottom-right-radius: 10px;
}
.s-content-pubs table thead tr td:last-child {
border-right: none;
}
.s-content-pubs table tbody tr:nth-child(even) {
background: #f5f5f5;
}
.s-content-pubs table tbody tr:nth-child(odd) {
background: #fff;
}
.s-content-pubs table tbody tr td {
position: relative;
padding: 25px;
border: 0;
font-size: 1rem;
}
.s-content-pubs table tbody tr:nth-child(3) td:nth-child(2)::after {
content: "or";
position: absolute;
top: 50%;
right: 50%;left: 90%;
font-size: 16px;
font-weight: bold;
transform: translate(-50%,-50%);
}
.s-content-pubs tbody tr:nth-child(even) td:first-child {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.s-content-pubs tbody tr:nth-child(even) td:last-child {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.s-training-pubs {
padding: 6.4vw 0;
}
.s-training-pubs .slider-courses .owl-dots {
display: none;
}
.s-training-pubs .trainings-left {
padding: 17px;
}
.s-training-pubs .trainings-left h2 {
margin-bottom: 2rem;
}
.s-training-pubs .trainings-left > p:nth-child(2) {
border-bottom: 1px solid rgba(5, 125, 53, 0.5);
margin-bottom: 1.5rem;
padding-bottom: 1.5rem;
}
.s-training-pubs .trainings-left > p:nth-child(3) {
margin-bottom: 1rem;
}
.s-training-pubs .owl-item .col-md-6:nth-child(2) {
display: flex;
}
.s-training-pubs .training-right img {
height: 100%;
object-fit: fill;
}
/* About Page Css */
.s-cont-about {
padding: 7vw 0 20vw 0;
}
.s-cont-about h2 {
margin-bottom: 1rem;
}
.s-cont-about h3,
.s-doing-about h3 {
font-weight: 500;
font-size: 22px;
line-height: 69px;
color: #057d35;
margin-bottom: 2rem;
}
.s-cont-about h3 {
margin-bottom: 0rem;
}
.s-cont-about .container > p {
margin-bottom: 1.2rem;
}
.about-rows {
margin-bottom: 5rem;
}
.about-logos {
align-items: center;
}
.s-doing-about {
padding: 7vw 0 0;
}
.s-doing-about h2 {
margin-bottom: 1.5rem;
}
.s-doing-about h3 {
margin-bottom: 0.5rem;
line-height: inherit;
}
.s-doing-about p {
margin-bottom: .5rem;
}
.s-doing-about p a {
display: inline-block;
background: #f5f5f5;
border-radius: 10px;
padding: 13px 22px;
text-decoration: none;
transition: all .5s;
margin-bottom: 4.5rem;
margin-top: 1rem;
}
.s-doing-about p a:hover {
background: #057d35;
color: #fff;
}
.doing-rows {
margin: 3rem 0;
display: flex;
align-items: center;
}
.doing-rows .doing-one {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.doing-text {
width: 55%;
height: 60px;
}
.doing-text p {
margin-bottom: 0;
}
.doing-icon {
min-height: 130px;
}
.doing-icon img {
width: 115px;
height: 115px;
object-fit: contain;
margin-bottom: 1.1rem;
}
.s-slider-we-work {
padding: 7vw 0;
background: #f5f5f5;
}
.s-slider-we-work h2 {
margin-bottom: 1rem;
}
.s-slider-we-work h3 {
font-weight: 500;
font-size: 22px;
line-height: 34px;
color: #057d35;
margin-bottom: 3.5rem;
}
.slider-we-work .owl-stage-outer {
border-radius: 0;
}
.slide-we-work {
}
.slide-we-work .col-md-6:first-child {
padding-right: 80px;
}
.slide-we-work .slide-text {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.slide-we-work img {
min-height: 430px;
max-height: 430px;
}
.slide-we-work .slide-text h3 {
font-weight: bold;
font-size: 30px;
line-height: 36px;
color: #007d36;
margin-bottom: 1rem;
}
.slide-we-work .slide-text p {
width: 80%;
margin-bottom: 1rem;
}
.slide-we-work .slide-text a {
width: max-content;
border: 1px solid transparent;
}
.slide-we-work .slide-text a:hover {
border: 1px solid #007d36;
}
.s-about-numbers {
padding: 7vw 0 13vw 0;
}
.s-about-numbers p {
margin-bottom: 1rem;
}
.s-about-numbers .numbers-one {
align-items: start;
text-align: left;
}
.s-about-numbers .numbers-one p {
width: 80%;
}
.s-blocks-about {
padding: 7vw 0;
}
.blocks-about-one {
margin-bottom: 6.2rem;
}
.blocks-about-one .col-md-7 {
padding-left: 60px;
padding-right: 0;
}
.blocks-about-one:nth-child(even) .col-md-5 {
order: 1;
}
.blocks-about-one:nth-child(even) .col-md-7 {
padding-right: 60px;
padding-left: 0;
}
.blocks-about-text {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.blocks-about-text h3 {
font-weight: bold;
font-size: 30px;
color: #057d35;
margin-bottom: 1.5rem;
}
.blocks-about-text p {
margin-bottom: 1.5rem;
}
.blocks-about-text a {
width: max-content;
}
/* Our Capabilities Css */
.s-cont-cap {
padding: 6vw 0 0 0;
}
.s-cont-cap h2 {
margin-bottom: 1rem;
}
.s-cont-cap p {
margin-bottom: 0.8rem;
}
.s-cont-cap a.btn-link,
.s-cont-cap a.wp-block-button__link {
width: max-content !important;
display: inline-block;
background-color: #f5f5f5 !important;
border-radius: 10px !important;
padding: 13px 22px !important;
text-decoration: none !important;
transition: all .5s;
margin-bottom: 3rem;
margin-top: 1rem;
font-weight: bold !important;
color: #057D35 !important;
}
.s-cont-cap a:hover {
background-color: #057D35 !important;
color: #fff !important;
}
.rows-cap {
margin-top: 6rem;
}
.rows-cap .cap-text {
position: relative;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.rows-cap .cap-text h4 {
font-weight: bold;
font-size: 16px;
color: #000;
}
.s-cont-cap a.btn-link {
margin-bottom: 12px;
font-size: 12px !important;
}
.rows-cap .cap-text .accord-one .open-accord {
width: 75%;
}
.rows-cap .cap-text .accord-one h4 {
background: transparent;
padding: 0;
width: 75%;
position: relative;
}
.rows-cap .cap-text .accord-one h4:after {
content: "\f078";
font-family: "Font Awesome 5 Pro";
font-weight: 400;
color: #057D35;
font-size: 20px;
position: absolute;
right: -20px;
top: 0;
}
.rows-cap .cap-text .accord-one.active h4:after {
content: "\f077";
}
.rows-cap .row {
margin-bottom: 6rem;
}
.rows-cap .col-md-6:last-child {
padding-left: 60px;
padding-right: 0;
}
.rows-cap .row:nth-child(even) .col-md-6:first-child {
order: 1;
}
.rows-cap .row:nth-child(even) .col-md-6:last-child {
padding-right: 60px;
padding-left: 0;
}
.cap-text span {
position: inherit;
top: 10%;
font-family: "Poppins";
font-weight: bold;
font-size: 117px;
line-height: 30px;
color: #d0d0d0;
opacity: 0.24;
}
.cap-icon img {
width: 100%;
height: 350px;
object-fit: cover;
}
.s-contact-cap {
padding-bottom: 5vw;
}
.s-contact-cap h2,
.s-contact-cap p {
margin-bottom: 1rem;
}
.s-contact-cap a {
text-decoration: none !important;
border-radius: 10px;
background: #007d36;
font-weight: bold;
font-size: 12px;
line-height: 15px;
color: #fff;
padding: 13px 23px;
border: 1px solid transparent;
transition: all .5s;
}
.s-contact-cap a:hover {
border-color: #007d36;
background: #fff;
color: #007d36;
}
/* Our Governance System and Team Css */
.s-cont-st {
padding: 7vw 0 25vw 0;
}
.s-cont-st::after {
content: '';
position: absolute;
height: 500px;
bottom: 140px;
right: 0;
left: 0;
background: linear-gradient(#fff 0%, rgba(255, 255, 255, 0.73) 42.3%, rgba(255, 255, 255, 0.32) 69.04%, rgba(255, 255, 255, 0) 100%);
}
.s-cont-st p {
margin-bottom: 1rem;
}
.s-cont-st h3 {
display: inline-block;
font-weight: bold;
font-size: 20px;
line-height: 36px;
color: #057d35;
margin-top: 2.5rem;
}
.s-cont-st img {
width: 100%;
object-fit: contain;
display: inline-block;
margin: 1rem 0;
position: relative;
z-index: 10;
}
.s-st1,
.s-st2 {
padding: 6vw 0;
}
.s-st2 {
padding-bottom: 2vw !important;
}
.s-st2::before {
content: "";
position: absolute;
top: 0;
right: 0;left: 0;
width: 100%;
height: 40%;
background: linear-gradient(0deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%);
z-index: -1;
}
.s-st1 .row,
.s-st2 .row {
justify-content: center;
}
.s-st2 .row {
margin-bottom: 4rem;
}
.s-st1 h2,
.s-st2 h2 {
margin-bottom: 1rem;
}
.s-st1 p,
.s-st2 p {
margin-bottom: 1rem;
}
.s-st1 h3,
.s-st2 h3 {
font-weight: bold;
font-size: 20px;
line-height: 36px;
color: #057d35;
margin: 3rem 0 0 0;
}
.s-st1 .member-one,
.s-st2 .member-one {
position: relative;
text-align: center;
z-index: 10;
}
.s-st1 .member-one::before,
.s-st2 .member-one::before {
content: "";
position: absolute;
top: 30%;
right: 50%;
left: 50%;
transform: translateX(-50%);
width: 219px;
height: 176px;
border-radius: 33px;
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #f5f5f5 100%);
z-index: -1;
}
.s-st1 .col-md-3,
.s-st2 .col-md-3 {
margin-bottom: 2rem;
}
.s-st1 .member-one img,
.s-st2 .member-one img {
width: 118px;
height: 118px;
border-radius: 50%;
filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.11));
}
.s-st1 .member-one h5,
.s-st2 .member-one h5 {
font-weight: bold;
font-size: 1rem;
line-height: 18px;
color: #000;
max-width: 200px;
margin: 0 auto;
}
.s-st1 .member-one span,
.s-st2 .member-one span {
font-weight: 500;
font-size: 11px;
line-height: 1rem;
color: #057d35;
max-width: 200px;
margin: 5px auto;
display: block;
}
.s-st1 .member-one p,
.s-st2 .member-one p {
font-weight: normal;
font-size: 11px;
line-height: 1rem;
max-width: 200px;
margin: 0 auto;
}
.s-join-st {
padding-bottom: 0;
}
.s-join-st .join-st {
display: flex;
flex-direction: column;
justify-content: center;
height: 350px;
color: #fff;
padding: 0 35px;
margin-bottom: 1rem;
}
.s-join-st .join-st h2 {
color: #fff !important;
margin-bottom: 0;
}
.join-st-row .join-st-one {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1.8rem 1rem 1.8rem 3.6rem;
background: #f5f5f5;
margin-bottom: 1rem;
}
.join-st-row .join-st-one a {
border: 1px solid transparent;
}
.join-st-row .join-st-one a:hover {
border-color: #057d35;
}
/** Our Solutions Css **/
.s-cont-solutions {
padding: 7vw 0 15vw 0;
}
.s-cont-solutions h2 {
margin-bottom: 1rem;
}
.s-cont-solutions p {
margin-bottom: 3rem;
font-size: 1rem;
}
.circle-solutions {
position: relative;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
z-index: 1000;
margin-top: 6rem;
}
.circle-solutions::after {
content: "";
position: absolute;
top: 7%;bottom: 50%;
right: 50%;left: 50%;
transform: translate(-50%);
width: 440px;
height: 440px;
border-radius: 50%;
border: 15px solid #ededed;
z-index: 0;
}
.circle-solutions-center {
position: absolute;
width: 20%;
top: 40%;bottom: 50%;
right: 50%;left: 50%;
transform: translate(-50%);
}
.circle-solutions .circle-solutions-one {
display: flex;
}
.circle-solutions .circle-item {
margin-bottom: 4.5rem;
z-index: 1000;
}
.circle-solutions .circle-item:nth-child(1) {
margin-right: 60px;
}
.circle-solutions .circle-item:nth-child(2) {
margin-left: 60px;
}
.circle-solutions .circle-item:nth-child(3) {
margin-right: 170px;
}
.circle-solutions .circle-item:nth-child(4) {
margin-left: 170px;
}
.circle-solutions .circle-item:nth-child(5) {
margin-right: 60px;
}
.circle-solutions .circle-item:nth-child(6) {
margin-left: 60px;
}
.circle-solutions .circle-item:nth-child(3) {}
.circle-solutions .circle-item:nth-child(4) {}
.circle-solutions .circle-item:nth-child(5) {}
.circle-solutions .circle-item:nth-child(6) {}
.circle-solutions .circle-item:nth-child(7),
.circle-solutions .circle-item:nth-child(8) {
margin-bottom: 0;
}
.circle-solutions .circle-item:nth-child(odd) {}
.circle-solutions .circle-item:nth-child(odd) .circle-solutions-icon {
order: 1;
margin-left: 1.5rem;
}
.circle-solutions .circle-item:nth-child(odd) .circle-solutions-text {
text-align: right;
}
.circle-solutions .circle-item:nth-child(even) {}
.circle-solutions .circle-item:nth-child(even) .circle-solutions-icon {
margin-right: 1.5rem;
}
.circle-solutions-icon {
min-width: 100px;
max-width: 100px;
height: 100px;
border-radius: 20px;
background: linear-gradient(#f5f5f5 0%, #fff 100%);
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
display: flex;
justify-content: center;
align-items: center;
}
.circle-solutions-icon img {
width: 43px;
height: 43px;
object-fit: contain;
}
.circle-solutions-text p {
margin-bottom: 0 !important;
}
.circle-solutions-center {
font-weight: bold;
font-size: 20px;
text-align: center;
color: #007d36;
}
.s-blocks-sol {
padding: 7vw 0;
}
.s-blocks-sol .row {
margin-bottom: 4.5rem;
}
.s-blocks-sol .blocks-sol-img img {
min-height: 141px;
}
.s-blocks-sol .blocks-sol-text {
font-size: 1rem;
}
.s-contact-sol {
padding: 7vw 0;
background: #fff;
text-align: center;
}
.s-contact-sol::before {
content: "";
position: absolute;
top: 0;
right: 0;left: 0;
width: 100%;
height: 250px;
background: linear-gradient(0deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%);
}
.s-contact-sol h4 {
font-weight: normal;
font-size: 1rem;
line-height: 26px;
color: #000;
margin-bottom: 15px;
}
.s-contact-sol p {
font-weight: normal;
font-size: 12px;
line-height: 20px;
color: #000;
}
.s-contact-sol form {
width: 80% !important;
margin: 2rem auto !important;
}
.s-contact-sol form label {
text-align: left !important;
font-weight: 600;
font-size: 1rem;
line-height: 20px;
color: #000;
margin-bottom: 0.5rem;
}
.s-contact-sol form input,
.s-contact-sol form textarea {
background: #f6f6f6;
font-weight: normal;
font-size: 10px;
line-height: 18px;
color: rgba(2, 2, 2, 0.85);
padding: 1rem 16px;
}
.s-contact-sol .forminator-error-message {
color: #000;
font-size: 10px;
}
.s-contact-sol .forminator-checkbox__wrapper {
text-align: left;
width: 100%;
margin: 0.5rem 0 2rem 0;
}
.s-contact-sol .forminator-ui.forminator-custom-form[data-design=flat] .forminator-checkbox .forminator-checkbox-box {
background: #f6f6f6;
}
.s-contact-sol .forminator-ui.forminator-custom-form[data-design=flat] .forminator-checkbox .forminator-checkbox-box:before {
color: #057D35 !important;
}
.s-contact-sol .forminator-button-submit {
border-radius: 10px !important;
background: #057d35;
font-weight: bold;
font-size: 12px;
color: #fff;
padding: 13px 43px !important;
border: 1px solid transparent !important;
}
.s-contact-sol .forminator-button-submit:hover {
background: #f6f6f6;
border-color: #057D35;
color: #057D35;
}
.forminator-description {
display: none !important;
}
.s-rice,
.s-slider-rice,
.s-contact-rice,
.s-links-rice {
padding: 6vw 0;
}
.s-rice h3,
.s-slider-rice h3,
.s-contact-rice h3,
.s-links-rice h3 {
font-weight: 500;
font-size: 22px;
color: #057d35;
margin-bottom: 1.1rem;
}
.s-rice {
padding: 6vw 0 20vw;
}
.s-rice h2 {
margin-bottom: 10px;
}
.s-rice h4 {
margin-bottom: 4rem;
}
.s-rice .big-numbers-text {
margin-bottom: 5rem;
}
.s-rice .container .row:nth-child(7) {
margin: 7rem 0 0 0;
}
.s-rice .container .row:nth-child(7) .col-md-6:last-child {
padding: 6rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
}
.s-rice .container .row:nth-child(7) .col-md-6 p {
font-weight: normal;
font-size: 1rem;
margin-bottom: 1rem;
}
.s-rice .container .row:nth-child(7) .btn-link {
background-color: #F5F5F5!important;
color: #057D35!important;
}
.s-rice .container .row:nth-child(7) .btn-link:hover {
background-color: #057D35!important;
color: #F5F5F5!important;
}
.s-rice .row img {
width: 100%;
height: 430px;
object-fit: cover;
}
.s-rice .numbers-one {
text-align: left;
justify-content: start;
align-items: start;
}
.s-slider-rice {
background: linear-gradient(0deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%) !important;
}
.s-slider-rice .slide-we-work img {
width: 410px;
object-fit: cover;
}
.s-slider-rice .slide-we-work .col-md-5 {
display: flex;
justify-content: center;
}
.s-slider-rice .slide-we-work .col-md-8 .slide-text {
width: 70%;
}
.s-contact-rice {
background: #f5f5f5;
}
.s-contact-rice h3 {
margin-bottom: 0.5rem;
}
.s-contact-rice p {
margin-bottom: 1.2rem;
}
.s-links-rice a {
font-weight: normal;
text-decoration: underline;
font-size: 12px;
color: #057d35;
}
.s-links-rice ul {
padding: 0 0 0 20px;
margin: 0;
}
.s-links-rice ul li::marker {
font-size: 15px;
color: #057d35;
}
.s-scheme-work,
.s-scheme-key,
.s-three-levels,
.s-scheme-slider,
.s-scheme-documents {
padding: 6vw 0;
}
.s-scheme-work h2,
.s-scheme-work h4 {
margin-bottom: 15px;
}
.s-scheme-work h3 {
margin-top: 2rem;
margin-bottom: 2rem;
font-weight: 500;
font-size: 22px;
color: #057d35;
}
.s-scheme-work a.wp-block-button__link {
background-color: #057D35!important;
border-radius: 1rem!important;
color: #fff!important;
font-size: 15px!important;
font-weight: 600!important;
padding: 11px 35px!important;
transition: 1!important;
height: 43px!important;
line-height: 1.45em;
}
.s-scheme-work h3 {
font-weight: bold;
}
.s-scheme-work .container > h3 {
margin-bottom: 0;
}
.s-scheme-work .container > h3:nth-child(12) {
margin-top: 5rem;
}
.s-scheme-work .container > p:last-child {
margin-bottom: 3rem;
}
.s-scheme-work h3:last-child {
margin-bottom: 0;
}
.s-scheme-work p {
margin-bottom: 1rem;
}
.s-scheme-work .wp-block-button {
margin-top: 1rem;
}
.key-block {
margin-top: 4rem;
margin-bottom: 6rem;
}
.key-block img {
width: 100%;
height: 450px;
}
.key-block-text {
padding: 0 0 0 80px;
}
.key-block-text ul {
padding: 0 0 0 2rem;
margin: 0;
}
.key-block-text ul li::marker {
font-size: 1.5rem;
color: #057d35;
}
.key-block-text li a {
color: #057d35;
text-decoration: underline;
}
.s-scheme-work .rows-wwd {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 25px;
margin-top: 3rem;
}
.s-scheme-work .wwd-one {
padding: 50px 35px 0;
}
.s-scheme-work .wwd-icon {
margin-bottom: 1.1rem;
}
.s-scheme-work .wwd-text,
.s-scheme-work .wwd-text h4 {
font-size: 1rem;
}
.s-scheme-work .wwd-one:nth-child(odd) {
background: linear-gradient(#F5F5F5, #FFFFFF);
}
.s-scheme-work .wwd-one:nth-child(even) {
background: linear-gradient(#FFFFFF, #F5F5F5);
}
.s-scheme-key {
padding: 6vw 0 18vw 0;
}
.s-scheme-key::before {
content: "";
position: absolute;
top: 0;
right: 0;left: 0;
width: 100%;
height: 100%;
max-height: 700px;
background: linear-gradient(0deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%);
z-index: -1;
}
.s-scheme-key h2 {
margin-bottom: 4rem;
}
.s-scheme-key .mobile-key-img img {
margin-bottom: 5rem;
}
.s-scheme-key .container > p {
margin-bottom: 1rem;
}
.s-three-levels h2 {
margin-bottom: 2rem;
}
.s-three-levels .container > p {
margin-bottom: 1rem;
}
.s-three-levels .row p {
margin-bottom: 1rem;
}
.three-levels-list {
display: flex;
flex-direction: column;
margin-bottom: 5rem;
}
.three-levels-list .levels-item {
display: grid;
grid-template-columns: auto 1fr;
align-items: baseline;
grid-gap: 1rem;
margin-bottom: 1rem;
}
.three-levels-list .levels-item span {
font-weight: bold;
font-size: 14px;
color: #fff;
border-radius: 13px;
background: #057d35;
padding: 0.2rem 0.8rem;
}
.s-scheme-slider {
background: #f5f5f5;
padding-bottom: 1rem;
}
.s-scheme-slider .container > h2 {
margin-bottom: 1rem;
}
.s-scheme-slider .container > p {
font-weight: bold;
font-size: 20px;
color: #057d35;
margin-bottom: 2rem;
}
.s-scheme-slider .container > ul {
list-style: none;
padding: 0;
margin: 3.6rem 0 0 0;
display: flex;
}
.s-scheme-slider .container > ul li {
margin-right: 2.5rem;
font-weight: normal;
font-size: 12px;
line-height: 20px;
color: #7b7b7b;
}
.scheme-slider .owl-stage-outer {
border-radius: 0 !important;
}
.scheme-slider .owl-stage {
align-items: stretch;
}
.scheme-slider .scheme-slide {
height: 100%;
min-height: 300px;
padding: 30px;
border-radius: 40px;
background: linear-gradient(0deg, #f5f5f5 0%, #fff 100%);
}
.scheme-slide .slide-text h3 {
font-weight: bold;
font-size: 20px;
color: #057d35;
}
.scheme-slide .slide-text h4 {
font-weight: bold;
font-size: 16px;
color: #000;
margin-bottom: 1.5rem;
}
.scheme-slide .slide-text p {
font-weight: normal;
font-size: 12px;
color: #000;
}
.s-scheme-slider .owl-carousel .owl-dots.disabled,
.s-scheme-slider .owl-carousel .owl-nav.disabled {
display: flex !important;
justify-content: center;
}
.s-scheme-slider .owl-dots button {
width: 12px;
height: 12px;
background: #d8d8d8;
border-radius: 50%;
margin-right: 0.8rem;
}
.s-scheme-slider .owl-dots button:last-child {
margin-right: 0;
}
.s-scheme-slider .owl-dots button.active {
background: #057d35;
}
.s-scheme-documents .mobile-key-img img {
margin-bottom: 5rem;
}
.s-scheme-documents h2 {
margin-bottom: 2rem;
margin-top: 6rem;
}
.s-scheme-documents h2.pre-title {
font-weight: bold;
font-size: 14px;
color: #000;
margin-top: 0;
margin-bottom: 1rem;
}
.s-scheme-documents p.pre-title-text {
font-weight: normal;
font-size: 11px;
line-height: 22px;
color: #909090;
margin-bottom: 6rem;
}
.s-scheme-documents .docs-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px 20px;
margin-bottom: 3rem;
}
.s-scheme-documents .docs-list > li {
display: flex;
align-items: start;
justify-content: space-between;
font-weight: normal;
flex-direction: column;
margin-bottom: 2rem;
}
.s-scheme-documents .docs-list > li a {
font-weight: bold;
text-decoration: underline;
font-size: 14px;
color: #057d35;
}
.s-scheme-documents ul {
width: 100%;
display: flex;
align-items: start;
justify-content: space-between;
flex-direction: column;
list-style: none;
padding: 0;
margin: 0;
}
.docs-list h5 {
margin-bottom: 1rem;
font-weight: bold;
}
.docs-list ul li {
font-weight: normal !important;
}
.s-scheme-documents .docs-list > li:nth-child(odd) {
border-right: 1px solid #057d35;
padding-right: 1.5rem;
}
.s-scheme-documents .container > ul:last-child li {
justify-content: start;
}
.s-scheme-documents ul li {
font-weight: bold;
width: 100%;
display: flex;
justify-content: space-between;
}