@media (max-width: 1600px) {
.title_36 {
    font-size: 34px;
}
.content_with_btn_sec .desc, .our_brands .desc, .how_we_work .desc, .meet_the_team .desc {
    padding-top: 25px;
}
.content_with_btn_sec .btn {
    margin-top: 25px;
}
.our_brands .row {
    margin: 25px -25px 0;
}
.our_brands .find_more_btn {
    margin-top: 25px;
}
.brand_title {
    font-size: 17px;
    padding: 55px 13px;
}
.grey_box {
    padding: 30px 45px;
    margin: 50px auto 0;
}
.title_24 {
    font-size: 22px;
}
.btn_grp {
    gap: 25px;
    margin-top: 25px;
}
.grey_box + .grey_box {
    margin: 130px auto 0;
}
.latest_jobs_sec .title_36 + .row, .latest_jobs_sec .find_more_btn {
    margin-top: 25px;
}
.latest_job_card {
    padding: 25px 15px;
}
.title_20 {
    font-size: 19px;
}
.meet_the_team.bg_triangle .desc{
    padding-top: 0;
}
}
@media (max-width: 1400px) {
.brand_title {
    padding: 50px 13px;
}
}
@media (max-width: 1024px) {
.c {
    padding: 0 20px;
}
.section_padding {
    padding: 40px 0;
}
.title_36 {
    font-size: 32px;
}
.content_with_btn_sec .desc, .our_brands .desc, .how_we_work .desc, .meet_the_team .desc {
    padding-top: 20px;
}
.content_with_btn_sec .btn {
    margin-top: 20px;
}
.our_brands .row {
    margin: 20px -25px 0;
}
.our_brands .find_more_btn {
    margin-top: 20px;
}
.brand_title {
    font-size: 16px;
    padding: 45px 13px;
}
.grey_box {
    padding: 30px;
    margin: 40px auto 0;
}
.btn_grp {
    gap: 20px;
    margin-top: 20px;
}
.grey_box + .grey_box {
    margin: 120px auto 0;
}
.latest_jobs_sec .title_36 + .row, .latest_jobs_sec .find_more_btn {
    margin-top: 20px;
}
.latest_job_card {
    padding: 20px 15px;
}
.title_20 {
    font-size: 18px;
}
.banner_content .desc {
    font-size: 16px;
}
.work_tab {
    font-size: 16px;
}
.meet_the_team .col_5{
    margin-top: 25px;
}
.banner_content .title {
    font-size: 40px;
}
.title_18 {
    font-size: 16px;
}
}
@media (max-width: 900px) {
.title_36 {
    font-size: 30px;
}
.brand_title {
    padding: 40px 13px;
}	
.footer .row {
    flex-wrap: wrap;
    margin: 0px;
}
.header .menu{
    display: none;
}
.burger_menu {
    display: block;
    width: 23px;
    height: 23px;
    cursor: pointer;
}

.burger_menu .burger_lines {
    position: relative;
    top: 50%;
    width: 23px;
    height: 2px;
    left: 0;
    background-color: #ffffff;
    display: inline-block;
}
.burger_lines::before{
    content: '';
    position: absolute;
    top: 8px;
    right: 0;
    width: 23px;
    height: 100%;
    background-color: #ffffff;
    display: inline-block;
}
.burger_lines::after {
    content: '';
    position: absolute;
    bottom: 8px;
    right: 0;
    width: 23px;
    height: 100%;
    background-color: #ffffff;
}
.mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    padding: 40px 0;
    background-color: #0C0A6C;
    visibility: hidden;
    transform: translateY(-100%);
    transition: transform .4s, visibility .4s;
    z-index: 9999;
    display: block;
}
.mobile-menu .menu, .mobile-menu .menu ul li {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 20px;
}
.open_menu .mobile-menu {
    transform: translatey(0);
    visibility: visible;
}
.mobile-menu .burger_menu {
    position: absolute;
    top: 40px;
    right: 24px;
}
.mobile-menu .burger_menu .burger_lines {
    background-color: transparent;
}
.mobile-menu .burger_menu .burger_lines::before, .mobile-menu .burger_menu .burger_lines::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 2px;
    background-color: #fff;
    transition: all .3s ease;
    top: 0;
}
.mobile-menu .menu {
    margin: 30px 0px;
}
.mobile-menu .menu ul li{
    padding-top: 20px ;
}
.mobile-menu .menu ul li:first-child{
    padding-top: 0px ;
}
.mobile-menu .burger_menu .burger_lines::before {
    transform: rotate(45deg);
}
.mobile-menu .burger_menu .burger_lines::after {
    transform: rotate(-45deg);
}
.header{
    --tw-bg-opacity: 1;
    background-color: rgb(12 10 108 / var(--tw-bg-opacity));
}
.grey_box{
    width: 66.666667%;
}
.col_65 {
    width: 50%; 
}
.col_35 {
    width: 50%;
}
.our_values .col_3 {
    width: 50%;
}
.btn_sec .col_3 {
     width: 33.33%;
}
.contact_us_sec .col_35 {
     width: 35%;
}
.contact_us_sec .col_65 {
     width: 65%;
}
.grey_box + .grey_box {
    margin: 110px auto 0;
}
.popup_wrap .col_35 {
    width: 35%;
}
.popup_wrap .col_65 {
    width: 65%;
}
}
@media (max-width: 800px) {
.meet_the_team .col_5{
    width: 25%;
    margin-top: 20px;
}
}
@media (max-width: 768px) {
.testimonials_sec .c{
    width: 66.666%;
}
.col_5 {
    width: 25%;
}
.our_brands_box {
    padding: 25px 25px;
}
.btn_sec .col_3 {
     width: 100%;
     padding:0px;
}
.btn_sec .row {
    margin:0px;
}
.banner_content {
    padding: 160px 0 100px;
}
.our_brands .row {
    margin: 0px;
}
.our_brands .col {
    padding: 0px;
}
.col_3 {
    width: 100%;
    padding-top: 30px;
}
.popup_inner {
    padding: 30px 0px;
}
.our_brands .col_3{
   margin-top: 15px;
}
.contact_us_sec .col_35 {
     width: 100%;
}
.contact_us_sec .col_65 {
     width: 100%;
}
.our_values .col {
    padding: 0px;
}
.contact_us .row {
    flex-direction: column;
    margin:0px;
}
.contact_us .col {
    padding:0px;
}
.title_18 {
    font-size: 14px;
}
.contact_us .col_65 .title_36 {
    margin-top:20px;
}
.social_contacts {
    margin-top: 20px;
}
.social_contact {
    gap: 10px;
}
.our_values .col_3 {
    width: 100%;
}
.our_values .row {
    margin: 30px 0px 0;
    row-gap: 30px;
}
.btn_sec .col_3 + .col_3{
    padding-top: 20px;
}
.work_block .row {
    flex-direction: column;
}
.how_we_work_tabs .col_65 {
    width: 100%;
    text-align: center;
}
.work_block .col {
    padding:0px;
}
.work_block .row {
    margin: 0px;
}
.work_block .btn{
    margin-bottom: 20px;
}
.grey_box{
    width:100%;
}
.grey_box img {
    display: none;
}
.grey_box + .grey_box {
    margin: 30px auto 0;
}
.grey_box {
    padding: 30px 15px;
    margin: 30px auto 0;
}
.grey_box .title_and_desc {
    padding-right: 0px;
}
.grey_box .title_and_desc .title_24{
   text-align: center;
}
.grey_box.rtl .title_and_desc{
    padding-left: 0px;
}
.btn_grp {
    gap: 15px;
    margin-top: 15px;
}
.btn_grp {
    flex-direction: column;
    flex-wrap: wrap;
}
.col_40 {
    width: 100%;
}
.latest_jobs_sec .title_36 + .row, .latest_jobs_sec .find_more_btn {
    margin-top: 15px;
}
.latest_job_card {
    padding: 15px 15px;
}
.footer .col_4 {
    width: 100%;
}
.footer .col_4:first-child{
    padding:0px;
}
.footer .col {
    padding:45px 0px 0px;
}
.footer .col_4{
    text-align: center;
}
.latest_jobs_sec{
    text-align: center;
}
.latest_jobs_sec .title_20, .desc {
    text-align: left;
}
.latest_jobs_sec .row {
    gap: 30px;
}
.meet_the_team .col_5 {
    width: 100%;
    padding: 0px;
}
.meet_the_team .row {
    margin: 0px;
}
.title_36 {
    font-size: 28px;
}
.content_with_btn_sec .desc, .our_brands .desc, .how_we_work .desc, .meet_the_team .desc {
    padding-top: 15px;
}
.content_with_btn_sec .btn {
    margin-top: 15px;
}
.our_brands .find_more_btn {
    margin-top: 15px;
}
.brand_title {
    font-size: 14px;
    padding: 35px 10px;
}
.banner_content .title {
    font-size: 30px;
}
.banner_content .desc {
    font-size: 14px;
}	
.work_tab {
    font-size: 14px;
}
.title_20 {
    font-size: 16px;
}
.popup_wrap .col_35 {
    width: 100%;
    text-align: center;
}
.popup_wrap .col_65 {
    width: 100%;
    text-align: center;
}
.common_popup .popup_grid .row {
    margin: 0px;
    flex-wrap: wrap;
}
.common_popup .popup_grid .col {
    padding: 0px;
}
}
@media (max-width: 740px) {
.section_padding {
    padding: 30px 0;
}
.testimonials_sec .c{
    width: 100%;
}
}
@media (max-width: 500px) {
.how_we_work_tabs .col_35 {
    width: 100%;
}
}
@media (max-width: 600px) {	
}
@media (max-width: 350px) {
	
}