/* Hero Section Start */
.recHeroSec{position: relative;padding-top: 283px;padding-bottom: 283px; background-image: url(/images/join/rec-banner-bg.webp); background-size: cover;background-position: center;background-repeat: no-repeat;border-radius: 0px 0px 0px 129px;}
.recHeroSec .container{max-width: calc(100% - 10%);position: relative;z-index: 99;}
.recHeroSec h1{margin-bottom: 24px; color: #FFF;font-family: 'Poppins', sans-serif;font-size: 60px;font-style: normal;font-weight: 400;line-height: 69px;}
.recHeroSec h1 span{font-weight: 700;}
.recHeroSec p{margin-bottom: 36px; color: #C6E7EB;font-family: 'Inter', sans-serif;font-size: 28px;font-style: normal;font-weight: 400;line-height: 30px;}
.recHeroSec p span{font-style: italic;}
.recHeroSec .w-mark{margin-left: 28px;}
.recHeroSec .w-mark-bottom{position: absolute;bottom: 0;right: 0;}
/* Hero Sectio end */


/* boxes start */
.boxesSec{padding-top: 58px;padding-bottom: 58px;position: relative;}
.boxesSec .container{max-width: 1144px;}
.boxesSec .row-reverse{flex-direction: row-reverse;margin-top: 88px;margin-bottom: 88px;}
.boxesSec h2 {margin-bottom: 28px;text-align: left;max-width: 416px;}
.boxesSec h2 span{color: #0076A8;}
.boxesSec p{color: #2B2B2E;font-family: 'Inter', sans-serif;font-size: 20px;font-style: normal;font-weight: 400;line-height: 147%;margin-bottom: 28px;max-width: 515px;}
.boxesSec p span{color: #0076A8;}
.boxesSec .trans-w-mark{position: absolute;left: 0;}
.boxesSec .line-vector{position: absolute;left: 0;right: 0;margin: auto;z-index: -9;height: 1454px;bottom: 0;}
.boxesSec .blue-w-mark{position: absolute;z-index: -9;right: -113px;bottom: -82px;}
.boxesSec .green-w-mark{position: absolute;z-index: -9;left: -110px;bottom: -82px;}
/*boxes end */



/* mission start */
.missionSec{padding-top: 60px;padding-bottom: 88px;}
.missionSec .shape-circle{max-width: 870px;height: 562.952px;margin: 0 auto 0 auto;display: flex;justify-content: center;align-items: start;position: relative;}
.missionSec .shape-circle::after{content: '';background-image: url(/images/join/shape-circle.png);background-size: 100%;background-repeat: no-repeat; max-width: 556.523px;height: 562.952px;margin: 0 auto 0 auto;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.missionSec .shape-circle img{margin-top: -26px;position: relative;z-index: 99;}
.missionSec .shape-circle .tag{position: absolute;}
.missionSec .shape-circle .tag1{left: 0;top: 38px;}
.missionSec .shape-circle .tag2{left: 0;top: 50%;}
.missionSec .shape-circle .tag3{right: 0;top: 30%;}
.missionSec .shape-circle .tag h6{color: #45C2CC;text-align: center;font-family: 'Inter', sans-serif;font-size: 22px;font-style: normal;font-weight: 700;line-height: normal;display: flex;align-items: center;gap: 0 29px;}
.missionSec .shape-circle .tag3 h6{flex-direction: row-reverse;}
.missionSec .shape-circle .tag h6::after{content: '';width: 141px;height: 1px;background: #ABD0DF;display: flex;}
.missionSec .shape-circle .tag2 h6::after{content: '';width: 178px;}
.missionSec h2{font-size: 48px;line-height: 60px;margin-bottom: 27px;margin-top: -134px;}
.missionSec p{max-width: 807px;margin: auto;color: #24242B;text-align: center;font-family: 'Inter', sans-serif;font-size: 26px;font-style: normal;font-weight: 300;line-height: 141%;}
/* mission end */


/* map start */
.recmapSec{background: #EFEFEF;padding-top: 94px;padding-bottom: 70px;position: relative;}
.recmapSec .container{position: relative;z-index: 99;}
.recmapSec h2{margin-bottom: 10px;}
.recmapSec p{max-width: 786px;margin: 0 auto 30px auto; opacity: 0.7; color: #24242B;text-align: center;font-family: 'Inter', sans-serif;font-size: 20px;font-style: normal;font-weight: 400;line-height: 147%;}
.recmapSec p span{color: #0076A8;}
.recmapSec .map{max-width: 900px;width: 100%;margin: 88px auto 0 auto;}
.recmapSec .w-mark-top{position: absolute;left: 0;top: 0;}
.recmapSec .w-mark-bottom{position: absolute;right: 0;bottom: 0;}
/* map end */


/* testimonial start */
.testimonialSec{position: relative;z-index: 999;background: #F4F7F6;padding:106px 0 114px 0}
.testimonialSec h2{max-width: 424px;margin: 0 auto 46px auto;}
.testimonialSec h2 span{color: #0076A8;;}
.testimonialSec .shape-div{margin: auto; display: flex;justify-content: center;align-items: center; width: 170.081px;height: 172.261px;border-radius: 100px;position: relative;}
.testimonialSec .shape-div::after{content: '';background: linear-gradient(1deg, #D3D7D8 -1.81%, #18A2DC 105.96%);opacity: 0.3;width: 170.081px;height: 172.261px;border-radius: 100px;top: 0;left: 0;right: 0;bottom: 0;position: absolute;}
.testimonialSec .shape-div img{width: 146px;height: 147px;border-radius: 100px;object-fit: cover;position: relative;z-index: 99;}
.testimonialSec .quote{margin: 53px auto 16px auto;width: auto!important;display: flex!important;justify-content: center;}
.testimonialSec p{max-width: 568px; margin: 0 auto 26px auto; color: #24242B;text-align: center;font-family: 'Inter', sans-serif;font-size: 24px;font-style: normal;font-weight: 300;line-height: 147%;}
.testimonialSec h6{color: #286A9C;text-align: center;font-family: 'Inter', sans-serif;;font-size: 18px;font-style: normal;font-weight: 600;line-height: 147%;}
.testimonialSec .owl-item{opacity: 0.3;}
.testimonialSec .owl-item.active.center{opacity: 1;}
.testimonialSec hr{width: 1px;height: 67px;display: block;margin: 33px auto 33px auto;background: #2DCCD3;opacity: 1;}
/* testimonial end */


/* footer top section start */
.ftTopSec{border-radius: 0px 129px 0px 0px;background: #173B47;padding-top: 100px;padding-bottom: 137px;position: relative;}
.ftTopSec .btmBox{max-width: 992px;margin: auto;position: relative;z-index: 99;}
.ftTopSec .btmBox h2{margin-bottom: 16px;line-height: normal;font-size: 46px;}
.ftTopSec .btmBox p {max-width: 712px;margin-left: auto;margin-right: auto; color: #fff;text-align: center;font-size: 22px;font-style: normal;font-weight: 400;line-height: 180%;margin-bottom: 16px;}
.ftTopSec .btmBox .tag{margin-bottom: 50px; justify-content: center;gap: 0 8px;}
.ftTopSec .btmBox .tag span{color: #45C2CC;text-align: center;font-family: 'Inter', sans-serif;font-size: 15px;font-style: normal;font-weight: 700;line-height: 141%;text-transform: uppercase;}
.ftTopSec .btmBox .tag .middle{border-left: 1px solid #45C2CC;border-right: 1px solid #45C2CC;padding-left: 8px;padding-right: 8px;}
.ftTopSec .btmBox .btn-row{gap: 0 20px; justify-content: center;}
.ftTopSec .w-mark-top{position: absolute;right: 0;top: -69px;}
.ftTopSec .w-mark-bottom{position: absolute;left: 0;bottom: 0;}
/* footer top section end */

@media only screen and (min-width: 1200px) and (max-width: 1400px){
    .btn-primary, .btn-secondary{font-size: 16px;line-height: 22px;}

    .sub-heading, .missionSec h2{font-size: 32px;line-height: 38.5px;}

    .recHeroSec{padding-top: 183px;padding-bottom: 183px;}
    .recHeroSec h1{font-size: 44px;line-height: 53px;}

}

@media only screen and (min-width: 1200px) and (max-width: 1400px){
    .boxesSec .blue-w-mark{right: 0;}
    .boxesSec .green-w-mark{left: 0;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
    .btn-primary, .btn-secondary{font-size: 14px;line-height: 20px;}

    .sub-heading, .missionSec h2{font-size: 32px;line-height: 38.5px;}

    .recHeroSec{padding-top: 120px;padding-bottom: 120px;}
    .recHeroSec h1{font-size: 44px;line-height: 53px;}
    .recHeroSec .w-mark-bottom{display: none;}
    .recHeroSec p{font-size: 24px;}

    .boxesSec p{font-size: 20px;}
    .boxesSec .blue-w-mark{right: 0;}
    .boxesSec .green-w-mark{left: 0;}

    .missionSec p{font-size: 20px;}
    
    .testimonialSec p{font-size: 16px;}
    .testimonialSec h6{font-size: 14px;}


    .ftTopSec .btmBox h2{font-size: 34px;line-height: 44.5px;}
    .ftTopSec .btmBox p{font-size: 20px;line-height: 166%;}


    
}

@media only screen and (min-width: 768px) and (max-width: 991px)  {
    .sub-heading, .missionSec h2{font-size: 30px;line-height: 36.5px;}
    .btn-primary, .btn-secondary{font-size: 14px;line-height: 20px;}

    .recHeroSec{padding-top: 100px;padding-bottom: 100px;}
    .recHeroSec .container{max-width: unset;}
    .recHeroSec h1{font-size: 40px;line-height: 49px;}
    .recHeroSec .w-mark-bottom{display: none;}
    .recHeroSec p{font-size: 22px;}

    .boxesSec p{font-size: 18px;}
    .boxesSec .blue-w-mark, .boxesSec .green-w-mark, .boxesSec .line-vector{display: none;}

    .missionSec p{font-size: 18px;}
    .missionSec .shape-circle img{width: 172px;}
    .missionSec .shape-circle{height: 387.952px;}
    .missionSec .shape-circle .tag h6{font-size: 16px;}
    .missionSec .shape-circle .tag1{top: 12px;}
    .missionSec .shape-circle .tag2{top: 42%;}
    .missionSec .shape-circle .tag3{top: 24%;}

    .recmapSec p{font-size: 18px;}
    .recmapSec .w-mark-top, .recmapSec .w-mark-bottom{display: none;}

    .testimonialSec p{font-size: 16px;}
    .testimonialSec h6{font-size: 14px;}

    .ftTopSec{border-radius: 0;}
    .ftTopSec .btmBox h2{font-size: 30px;line-height: 42.5px;}
    .ftTopSec .btmBox p{font-size: 20px;line-height: 166%;}
    .ftTopSec .btmBox .tag{flex-wrap: wrap;gap: 4px 8px;}
    .ftTopSec .btmBox .tag .middle{border: 0;}
    .ftTopSec .btmBox .btn-row{flex-wrap: wrap;gap: 14px 20px;}
    .btn-transparent{width: 252px;justify-content: center;}
    .ftTopSec .w-mark-bottom, .ftTopSec .w-mark-top{display: none;}

}


@media only screen and (max-width: 767px){
    .sub-heading, .missionSec h2{font-size: 32px;line-height: 42.5px;}
    .btn-primary, .btn-secondary{font-size: 14px;line-height: 20px;}

    .recHeroSec{padding-top: 100px;padding-bottom: 100px;border-radius: 0;}
    .recHeroSec .container{max-width: unset;}
    .recHeroSec h1{font-size: 40px;line-height: 49px;}
    .recHeroSec .w-mark-bottom{display: none;}
    .recHeroSec p{font-size: 22px;}

    .boxesSec .blue-w-mark, .boxesSec .green-w-mark, .boxesSec .line-vector{display: none;}
    .boxesSec .row-reverse{flex-direction: unset;}
    .boxesSec .container > .row{flex-direction: column-reverse;}

    .missionSec p{font-size: 20px;}
    .missionSec .shape-circle img{width: 172px;}
    .missionSec .shape-circle{height: 387.952px;}
    .missionSec .shape-circle .tag h6{font-size: 14px;}
    .missionSec .shape-circle .tag h6::after{display: none;}
    .missionSec .shape-circle .tag1{top: 12px;}
    .missionSec .shape-circle .tag2{top: 42%;}
    .missionSec .shape-circle .tag3{top: 22%;}

    .recmapSec .w-mark-top, .recmapSec .w-mark-bottom{display: none;}

    .testimonialSec p{font-size: 20px;}
    .testimonialSec h6{font-size: 16px;}

    .ftTopSec{border-radius: 0;}
    .ftTopSec .btmBox h2{font-size: 30px;line-height: 42.5px;}
    .ftTopSec .btmBox p{font-size: 20px;line-height: 166%;}
    .ftTopSec .btmBox .tag{flex-wrap: wrap;gap: 4px 8px;}
    .ftTopSec .btmBox .tag .middle{border: 0;}
    .ftTopSec .btmBox .btn-row{flex-wrap: wrap;gap: 14px 20px;}
    .btn-transparent{width: 252px;justify-content: center;}
    .ftTopSec .w-mark-bottom, .ftTopSec .w-mark-top{display: none;}
}