.about_us_banner{background: url(../img/aboutus_banner.webp) no-repeat;background-size: cover;height: 350px;display: flex;justify-content: center;align-items: center;}
.about_us_header_box h1{font-family: var(--font-black);color: var(--white-color);font-size: 40px;margin-bottom: 10px;text-align: center;}
.about_us_header_box p{font-family: var(--font-light);color: var(--white-color);line-height: 1.48;margin-bottom: 20px;font-size: 18px;text-align: center;}
.about_us_section{margin-bottom: 50px;}
.about_us_cbox{padding-right: 10%;}
.section.reverse-section .about_us_cbox{padding: 0 0 0 10%;}
.about_us_cbox h2{font-family: var(--font-black);color: var(--primary-color);font-size: 36px;margin-bottom: 20px;line-height: 1.18;}
.about_us_cbox p{font-family: var(--font-light);color: var(--black-color);line-height: 1.48;margin-bottom: 20px;font-size: 16px;}
.about_us_cbox p:last-child{margin-bottom: 0;}
.wcc_row{display: flex;align-items: start;justify-content: space-between;flex-wrap: wrap;margin-bottom: 40px;}
.wcc_box{width: calc(100%/3 - 15px);padding: 20px;background-color: var(--home-color);border-radius: 20px;align-self: stretch;margin-bottom: 30px;display: flex;flex-direction: column;justify-content: center;}
.wccicon{display: inline-flex;width: 60px;height: 60px;background: url(../img/wcc_icons.webp) no-repeat;background-size: cover;margin: 0 auto 10px;}
.wccicon.wccicon1{background-position-x: -11px;}
.wccicon.wccicon2{background-position-x: -75px;}
.wccicon.wccicon3{background-position-x: -140px;}
.wccicon.wccicon4{background-position-x: -208px;}
.wccicon.wccicon5{background-position-x: -276px;}
.wccicon.wccicon6{background-position-x: -346px;}
.wcc_box h5{font-size: 20px;font-family: var(--font-bold);text-align: center;}
.short_content_box h4{text-align: var(--center);font-family: var(--font-light);font-size: 24px;font-weight: 100;line-height: 1.24;margin-bottom: 40px;}
.subscribe_row{display: flex;align-items: center;justify-content: space-between;padding: 80px 40px;border-radius: 40px;}
.subscribe_ibox{width: 40%;}
.subscribe_fbox{width: 60%;position: relative;}
.subscribe_fbox h4{font-family: var(--font-black);color: var(--white-color);font-size: 36px;margin-bottom: 40px;line-height: 1.18;}
.form_input_box{display: flex;align-items: start;justify-content: space-between;margin-bottom: 30px;}
.form_input_box div{width: calc(100%/3 - 10px);}
.form_input_box div input{width: 100%;padding: 20px 15px;border: 1px solid rgba(236, 236, 236, 0.14);background-color: var(--transparent);border-radius: 10px;outline: none;color: var(--white-color);font-size: 18px;box-shadow: rgba(12, 16, 58, 0.58) 0px 8px 10px;transition: all 0.1s ease-in-out;}
.form_input_box div input::placeholder{color: var(--faded-white-color);}
.form_input_box div input:hover,.form_input_box div input:focus{border-color: var(--white-color)}
input:-internal-autofill-selected {background-color: var(--transparent) !important;}
.form_input_box div label{color: var(--white-color);margin-top: 10px;display: inline-flex;font-size: 14px;}
.form_check_box{margin-bottom: 20px;}
.checkbox input{display: none;}
.checkbox__label:before{content: ' ';display: block;height: 30px;width: 30px;position: absolute;top: 5px;left: 0;background: var(--primary-color);border: 1px solid rgba(236,236,236,0.2);border-radius: 4px;}
.checkbox__label:after {content: ' ';display: block;height: 30px;width: 30px;border: 1px solid rgba(236,236,236,0.2);transition: 200ms;position: absolute;top: 5px;left: 0;background: var(--primary-color);border-radius: 4px;}
.checkbox__label:after {transition: 100ms ease-in-out;}
.checkbox__input:checked ~ .checkbox__label:after {border-top-style: none; border-right-style: none;-ms-transform: rotate(-45deg); /* IE9 */transform: rotate(-45deg);height: 8px;width: 18px;border-color: var(--white-color);top: 13px;left: 7px;border-radius: 0;}
.old-ie .checkbox__label:before,.old-ie .checkbox__label:after {display: none;}
.checkbox {position: relative;font-size: 16px;display: flex;cursor: pointer;color: var(--white-color);/* Mobile Safari: */-webkit-tap-highlight-color: rgba(0,0,0,0);}
.checkbox__label:hover:after,.checkbox__label:hover:before{border-color: var(--white-color);}  
.checkbox__label{margin-left: 45px;color: var(--white-color);font-family: var(--font-light);line-height: 1.48;}
.subscribe_fbox p{color: var(--white-color);line-height: 1.6;margin-bottom: 30px;font-family: var(--font-light);}
.subscribe_fbox button{cursor: pointer;}
.subscribe_fbox:before{content: '';background: url(../img/unfilled_logo.webp) no-repeat;background-size: contain;width: 100px;height: 100px;display: inline-block;position: absolute;bottom: -50px;right: -15px;}

@media only screen and (max-width: 767px){
    .about_us_banner{height: auto;}
    .about_us_header_box{padding: 40px 15px;}
    .about_us_header_box h1{font-size: 32px;}
    .about_us_cbox{padding: 0;margin-bottom: 20px;}
    .about_us_cbox h2{font-size: 28px;}
    .section.reverse-section .about_us_cbox{padding: 0;}
    .about_us_section{margin-bottom: 40px;}
    .about_us_section_last{margin-bottom: 0;}
    .wcc_mainbox{padding: 0 15px;}
    .wcc_row{margin-bottom: 20px;}
    .wcc_box{width: calc(50% - 10px);padding: 15px;margin-bottom: 20px;}
    .short_content_box h4{font-size: 20px;margin-bottom: 20px;}
    .subscribe_row{margin: 0 15px;padding: 40px 20px;border-radius: 20px;}
    .subscribe_ibox{display: none;}
    .subscribe_fbox{width: 100%;}
    .subscribe_fbox h4{font-size: 28px;line-height: 1.32;margin-bottom: 20px;}
    .form_input_box{flex-wrap: wrap;}
    .form_input_box div{width: 100%;margin-bottom: 15px;}
    .form_input_box div:last-child{margin-bottom: 0;}
    .subscribe_fbox:before{right: -10px;bottom: -20px}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
    .about_us_banner{height: auto;padding: 60px 0;}
    .about_us_header_box,.clam_content_box{max-width: 760px;}
    .about_us_header_box h1{font-size: 34px;}
    .about_us_header_box p{font-size: 16px;}
    .about_us_cbox h2{font-size: 32px;}
    .about_us_cbox p{margin-bottom: 15px;}
    .wcc_row{margin-bottom: 30px;}
    .short_content_box{max-width: 650px;width: 100%;margin: 0 auto;}
    .short_content_box h4{font-size: 22px;line-height: 1.32;margin-bottom: 30px;}
    .subscribe_row{padding: 25px;}
    .subscribe_ibox{width: 30%;}
    .subscribe_fbox{width: 70%;padding-left: 4%;}
    .subscribe_fbox h4{font-size: 28px;margin-bottom: 20px;}
    .form_input_box{margin-bottom: 20px;}
    .form_input_box div input{font-size: 16px;padding: 15px 10px;}
    .form_check_box{margin-bottom: 10px;}
    .subscribe_fbox p{margin-bottom: 20px;font-size: 14px;line-height: 1.44;}
    .subscribe_fbox:before{width: 70px;height: 70px;bottom: -15px;right: -5px;}
    .checkbox__label{font-size: 14px;}
}

@media only screen and (min-width: 992px) and (max-width: 1279px){
    .about_us_banner{height: 270px;}
    .about_us_header_box{max-width: 850px;}
    .clam_content_box{max-width: 900px;}
    .about_us_cbox h2{font-size: 32px;}
    .about_us_cbox p{margin-bottom: 15px;}
    .wcc_row{margin-bottom: 30px;}
    .short_content_box{max-width: 750px;width: 100%;margin: 0 auto;}
    .short_content_box h4{font-size: 22px;}
    .subscribe_row{padding: 40px 30px;}
    .subscribe_ibox{width: 30%;}
    .subscribe_fbox{width: 70%;padding-left: 4%;}
    .subscribe_fbox h4{font-size: 28px;margin-bottom: 20px;}
    .form_input_box{margin-bottom: 20px;}
    .form_input_box div input{font-size: 16px;padding: 15px 10px;}
    .form_check_box{margin-bottom: 10px;}
    .subscribe_fbox p{margin-bottom: 20px;}
    .subscribe_fbox:before{width: 70px;height: 70px;bottom: -15px;right: -5px;}
}