.our-community {padding-bottom: 100px;}
.our-community .row {padding-top: 88px;border-top: 1px solid rgba(0, 0, 0, 0.3);}
.our-community .heading {margin-bottom: 42px;}
.our-community .heading h2 {font-weight: 500;font-size: 24px;line-height: 29px;letter-spacing: 0px;color: #1357F4;margin-bottom: 12px;}
.our-community .heading h3 {font-weight: 500;font-size: 48px;line-height: 58px;letter-spacing: -0.5px;color: #00068E;margin-bottom: 20px;max-width: 810px;width: 100%;}
.our-community .heading p {font-weight: 400;font-size: 24px;line-height: 29px;letter-spacing: -0.3px;color: #232323;}
.our-community .content {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;}
.our-community .content .item {padding: 40px;background: #F8F8F8;border-radius: 12px;display: flex;flex-direction: column;min-height: 270px;transition: 0.3s ease;cursor: pointer;}
.our-community .content .item:hover {background: #00068E;}
.our-community .content .item .icon {height: 50px;margin-bottom: 68px;display: flex;transition: 0.3s ease;}
.our-community .content .item:hover .icon {margin-bottom: 23px;margin-top: 20px;}
.our-community .content .item .icon img {height: 50px;width: auto;}
.our-community .content .item .info p {font-weight: 400;font-size: 30px;line-height: 36px;letter-spacing: -0.3px;color: #232323;}
.our-community .content .item:hover .info p {color: #FFFFFF;}

@media screen and (max-width: 1440px) {
    .our-community {padding-bottom: 80px;}
    .our-community .row {padding-top: 80px;}
    .our-community .heading h2 {font-size: 22px;line-height: 27px;margin-bottom: 0px;}
    .our-community .heading h3 {font-size: 40px;line-height: 50px;margin-bottom: 10px;}
    .our-community .heading p {font-size: 20px;line-height: 25px;}
    .our-community .content .item {min-height: 1px;padding: 30px;}
    .our-community .content .item .info p {font-size: 24px;line-height: 30px;}
    .our-community .content .item .icon {margin-bottom: 50px;}
    .our-community .content .item:hover .icon {margin-bottom: 20px;margin-top: 20px;}
}

@media screen and (max-width: 1199px) {
    .our-community .heading h2 {font-size: 20px;line-height: 25px;}
    .our-community .heading h3 {font-size: 35px;line-height: 45px;}
    .our-community .heading p {font-size: 18px;line-height: 23px;}
}

@media screen and (max-width: 1024px) {
    .our-community .content {gap: 20px;}
    .our-community .content .item .icon {margin-bottom: 40px;height: 40px;}
    .our-community .content .item:hover .icon {margin-bottom: 40px;margin-top: 0px;}
    .our-community .content .item .info p {font-size: 20px;line-height: 26px;}
    .our-community .content .item .icon img {height: 100%;}
}

@media screen and (max-width: 860px) {
    .our-community .content {grid-template-columns: repeat(2, 1fr);}
}

@media screen and (max-width: 767px) {
    .our-community .row {padding-top: 60px;}
    .our-community .heading {margin-bottom: 30px;}
    .our-community .heading h3 {font-size: 30px;line-height: 40px;}
    .our-community .heading p {font-size: 16px;line-height: 20px;}
    .our-community .content {grid-template-columns: repeat(1, 1fr);}
}