:root {
--primary-color: #3b52ac;
--secondary-color: #f0f0f0;
--white-text: #ffffff;
}
.category-physical-activity {
    --primary-color: #3b52ac;
    --secondary-color:#d4d8eb;
}
.category-nutrition {
    --primary-color: #33A440;
    --secondary-color:#ebf5ea;
}
.category-early-care-education {
    --primary-color: #FF914D;
    --secondary-color:#ffdbc4;
}
.category-breast-feeding {
    --primary-color: #E82682;
    --secondary-color:#fbd5e6;
}
/***********/
.custom-container .wp-block-group__inner-container{
max-width: 1384px;
padding: 0rem 1rem;
}
/**custom-banner**/
.physical-banner-div{
position: relative;
}
.physical-banner-div:after{
content: '';
background-color:var(--primary-color);
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0.5;
}
.physical-banner-div .wp-block-group__inner-container {
max-width: 1348px;
margin-left: auto;
margin-right: auto;
padding: 0px !important;
}
.physical-banner-div h1.has-text-align-left{
font-size: 51px;
font-weight: 500;
margin-bottom: 5px;
}
.physical-banner-div p{
font-weight: 300;
font-size: 18px;
}
/**custom-paragraph**/
.custom-paragraph{
padding: 50px 0px 20px 0px;
}
p{
font-size: 18px;
line-height: 30px;
}
ul.wp-block-list li{
font-size: 18px;
line-height: 28px;
margin-bottom: 0.7em;
}
/**custom-label**/
.custom-label{
position: relative;
}
.custom-label .custom-label-background{
background-color: var(--primary-color);
max-width: 630px;
padding:15px 0px;
padding-right:10px;
}
.custom-label .custom-label-background{
background-color: var(--primary-color);
}
.custom-label h2, .custom-label h3, .custom-label h4{
color:var(--white-text);
margin-bottom: 0px;
line-height: 45px;
font-size: 30px;
font-weight: 500;
}
.label-bg{
background: linear-gradient(to right, var(--primary-color), 50%, #F8F8F8, 50%, #ffffff);
}
.label-bg{
background: linear-gradient(to right, var(--primary-color), 50%, #F8F8F8, 50%, #ffffff);
}
/**custom-card-block**/
.custom-card-block{
position: relative;
gap: 20px;
margin-bottom: 20px;
}
.custom-card-block .card-box{
background-color: var(--secondary-color);
padding: 20px;
border-radius: 10px;
margin-bottom: 20px;
}
.custom-card-block .card-box:hover{
background:var(--primary-color) !important;
color: var(--white-text);
cursor:pointer;
}
.custom-card-block .card-box:hover p{
color: var(--white-text) !important;
}
.custom-card-block .card-box p{
font-size: 15px;
color: #2c2c2c;
}
.custom-card-block .card-box h4{
font-size: 28px;
font-weight: 700;
margin: 20px 0px;
}
/**horizontal-card**/
.horizontal-card{
border-bottom: 1px solid #fff;
background-color:var(--secondary-color);
padding:1.25em 2.375em;
}
.horizontal-card h4{
margin-bottom: 0px;
font-size: 60px;
font-weight: 700;
line-height: 70px;
}
.horizontal-card p{
margin: 0px;
font-size:18px;
}
.horizontal-card p a{
color:#ffffff;
}
.mb-5{
margin-bottom:50px;
}
.mb-0{
margin-bottom:0px;
}
.pb-5{
padding-bottom:70px;
}
.evaluating-div .horizontal-card{
background-color:var(--primary-color);
}
.evaluating-div .horizontal-card h4, .evaluating-div .horizontal-card p{
color:#ffffff;
}
/**cat-member-box**/
.cat-member-box .slide-item a{
background-color: #fff;
border: 1px solid #dbdbdb;
border-radius: 15px;
gap: 10px;
box-shadow: 1px 2px 6px 1px rgb(204 204 204 / 76%);
display: flex;
margin: 8px 8px;
align-items: center;
text-decoration:none;
}
.cat-title p{
font-size: 14px;
color: #4E4E4E;
font-weight: 600;
line-height: 20px;
margin-bottom:0px;
}
.cat-logo{
border-right: 1px solid #dbdbdb;
padding: 15px;
width: 165px;
display: flex;
align-items: center;
justify-content: center;
}
.cat-logo img{
width:100px;
height:100px;
object-fit:contain;
}
.cat-title{
padding: 10px 20px 10px 5px;
width: 100%;
}
.cat-slider .slick-next {
right: auto;
left: 120px;
}
.cat-slider .slick-prev {
left: 70px;
}
.cat-slider .slick-prev:before, .cat-slider .slick-next:before {
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cat-slider .wp-block-group__inner-container{
max-width:100%;
padding:0px;
}
.cat-slider{
margin:20px 0px 50px auto;
padding-left: 250px;
padding-bottom:50px;
}
.chev-right, .chev-left{
position: absolute;
font-size: 0;
cursor: pointer;
background-color: transparent;
width: 38px;
height: 65px;
border-radius: 20px;
border: 3px solid #c0c0c0;
display: flex;
align-items: center;
justify-content: center;
top:30%;
}
.chev-left{
left:70px;
}
.chev-right{
left:120px;
}
.chev-right::before, .chev-left::before{
content:'';
z-index: 11;
display: block;
width: 12px;
height: 12px;
border-top: 2px solid #c0c0c0;
border-left: 2px solid #c0c0c0;
}
.chev-right:hover, .chev-left:hover{
border: 3px solid #000000;
}
.chev-right:hover::before, .chev-left:hover::before{
border-top: 2px solid #000000;
border-left: 2px solid #000000;
}
.chev-right::before{
rotate: 135deg;
margin-right: 7px;
}
.chev-left::before{
rotate: 314deg;
margin-left: 7px;
}
.site-footer{
box-shadow: -1px 0px 4px 3px rgb(13 13 13 / 23%);
border-top: 1px solid #ccc;
margin-top: 0px;
}
.activity-link{
position: relative;
}
.activity-link a{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
font-size: 0;
}
/**service-workon**/
.service-workon{
margin-bottom:20px;
}
h2{
line-height: 50px;
font-size: 40px;
font-weight: 500;
color:#2c2c2c;
}
.www-on-box{
background-color: var(--secondary-color);
padding: 20px;
margin:15px 0px !important;
border-radius:12px;
}
.www-on-box:hover{
background-color:var(--primary-color);
color:#ffffff;
}
.www-on-box-icon{
margin-bottom:20px;
}
.www-on-box-icon img{
width:32px;
height:32px;
object-fit: contain !important;
}
.www-on-box-text{
font-size: 28px;
font-weight: 500;
line-height: 36px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
margin-bottom: 15px;
}
.www-on-box-text a{
font-size: 28px;
font-weight: 500;
line-height: 36px;
text-decoration:none;
color: #000000;
}
.www-on-box-para{
    color: #000000;
    font-size:18px;
}
.www-on-box-para a{
color: #000;
text-decoration:none;
}
.www-on-box:hover .www-on-box-text a, .www-on-box:hover .www-on-box-para a{
color: #fff;
}
.www-on-box-link{
background-color: var(--primary-color);
display: flex;
width: 30px;
height: 50px;
border-radius: 20px;
align-items: center;
justify-content: center;
}
.www-on-box-link a{
display: flex;
width: 30px;
height: 50px;
border-radius: 20px;
align-items: center;
justify-content: center;
}
.www-on-box-link img{
width: 8px;
height: 12px;
}
.www-on-box:hover .www-on-box-link img{
 filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(238deg) brightness(30%) contrast(100%);
}
.www-on-box:hover .www-on-box-link{
background-color: #ffffff;
}
.www-on-box:hover .www-on-box-icon img{
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.www-on-right img{
border-radius:16px;
margin-bottom:20px;
}
.custom-heading{
line-height: 45px;
font-size: 35px;
font-weight: 500;
color:#2c2c2c;
}
.whowe-work-card{
border: 1px solid var(--secondary-color);
border-left: 12px solid var(--primary-color);
padding: 25px;
border-radius: 6px;
margin: 15px 0px;
}
.whowe-work-card p{
margin-bottom:0px;
}
.evaluating-div{
background-color:var(--secondary-color);
}


/**responsive-view**/
@media (min-width: 1200px) and (max-width: 1440px) {
    .custom-container .wp-block-group__inner-container{
        max-width: 1384px;
        padding: 0rem 2.6rem;
    }
    .physical-banner-div .wp-block-group__inner-container{
        padding: 0rem 1.5rem !important;
    }
    .physical-banner-div{
        min-height: 275px !important;
    }
}
@media(max-width:1024px){
    .cat-title p{
        font-size:13px;
    }
    .cat-title {
        padding: 4px 20px 4px 5px;
    }
    .cat-slider .slick-dots li button:before{
      font-size: 50px;
    }
    .physical-banner-div h1.has-text-align-left{
        font-size:38px;
    }
    .physical-banner-div p{
    font-size:15px;
    }
    .custom-label h2, .custom-label h3, .custom-label h4{
        line-height: 25px;
        font-size: 18px;
    }
    .horizontal-card p{
        font-size:15px;
    }
    .horizontal-card h4 {
        font-size: 50px;
        line-height: 44px;
    }
    .horizontal-card {
        gap: 10px;
    }
    .custom-card-block .card-box h4 {
        font-size: 22px;
        margin: 10px 0px;
    }
    .custom-paragraph {
        padding: 20px 0px 20px 0px;
    }
    .cat-slider {
        margin: 20px 0px 50px auto;
    }
    .service-workon .wp-block-columns{
        flex-wrap: wrap !important;
        display:block;
    }
}
@media(max-width:980px){
    .cat-title {
        padding: 7px 10px;
    }
    .cat-slider {
        padding: 0px;
    }
}

@media (max-width:767px){
    .col-gap .wp-block-columns-is-layout-flex{
        gap:0;
    }
}

@media(max-width:620px){
    .cat-slider .swiper-wrapper{
        display:flex !important;
        text-align: center;
    }
    .cat-logo {
        border-right: 0px solid #dbdbdb;
        padding: 0px 20px 5px 20px;
    }
    .cat-slider .js-carousel-layout .swiper-button-prev {
        left: 30%;
    }
}