.client_section{
    position:unset;
    width:100%;
    transform: unset;
}
.about_location_sec{
    text-align: center;
    h1{
        font-size:64px;
        line-height:68px;
        font-family:"CalSans-SemiBold", sans-serif !important;
    }
    p{
        line-height:24px;
    }
}
.product_container{
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
    .product_box{
        position: relative;
        &::before{
            content: '';
            position: absolute;
            top: 60px;
            left: 15%;
            height: 32px;
            width: 70%;
            background: var(--primary-9);
            filter: blur(60px);
            border-radius: 32px;
        }
      &.product_box:nth-child(2){
        &::before{
            background: var(--primary-10);
        }
      }
      &.product_box:nth-child(3){
        &::before{
            background: var(--primary-11);
        }
      }
    }
  img{
    height: 195px;
  }
}
.wrapper_sec{
    background:url(../../../darkTheme_Assets/images/location/wrapper_bg.jpg);
    background-size: cover;
    position:relative;
    top:-93px;
    padding-top:93px;
    &.wrapper_sec_america{
        background:url(../../../darkTheme_Assets/images/location/wrapper_bg_america.jpg);
        background-size: cover;
    }
    &.wrapper_sec_emea{
        background:url(../../../darkTheme_Assets/images/location/wrapper_bg_emea.jpg);
        background-size: cover;
    }
}
.location_cards_sec{
    .regions_content{
        margin-bottom:2rem;
        h4{
            font-size:24px;
            font-family:"CalSans-SemiBold", sans-serif !important;
            margin-bottom:10px;
        }
    }
    .regions_text{
        h6{
            font-size:20px;
            margin: 15px 0px 7px;
            font-family:"Geist-Bold";
        }
        p{
            font-size:12px;
            line-height: 18px;
           
        }
        .company_name{
            line-height: 30px;
            font-weight: normal;

        }
        .f_400 {
            display: block;
           margin-top: 10px;
        }
        .upcoming_tag {
            color: var(--light);
            border-radius: 20px;
            padding: 3px 20px;
            display: inline-block;
            font-size: 10px;
            line-height: 18px;
            font-weight: unset;
            margin-left: 0px;
            margin: 15px 0px 0px;
            font-family:"Geist-Bold";
        }

    }
    &.location_cards_sec_asia{
        .regions_text{
            h6{
                color:var(--secondary-5);
            }
            .upcoming_tag {
                background-color: var(--secondary-5);
            }
        }
    }
    &.location_cards_sec_america{
        .regions_text{
            h6{
                color:var(--primary-4);
            }

        }
    }
    &.location_cards_sec_emea{
        .regions_text{
            h6{
                color:var(--primary);
            }

        }
        .upcoming_tag {
            background-color: var(--primary);
        }
    }

}
.service_container{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:20px;
    margin-top:2rem;
    .service_box{
        background-image:url("../../../darkTheme_Assets/images/location/service_frame_asia.png");
        background-size:cover;
        height:300px;
        padding:20px;
        position: relative;
        .head{
            margin-bottom:1rem;
            display:flex;
            align-items: center;
            h3{
                font-size:20px;
                font-family:"CalSans-SemiBold";
                margin-left:1rem
            }
        }
        p{
            font-family:"Geist-SemiBold" ;
            font-size:14px;
            line-height:30px;
            position:relative;
            padding-left: 45px;
            &::before{
                content:"";
                position: absolute;
                left: 7px;
                top: 8px;
                background-image:url("../../../darkTheme_Assets/images/location/right_icon_white.svg");
                width:15px;
                height:14px;
            }
        }
        .view_bashboard_btn{
            background: none;
            border: none;
            color: var(--primary-8);
            font-size: 14px;
            cursor: pointer;
            position: absolute;
            bottom: 30px;
            left: 24px;
        }

    }
    &.services_container_america{
        .service_box{
            background-image:url("../../../darkTheme_Assets/images/location/service_frame_america.png");
            background-size:cover;
            .view_bashboard_btn{
                color: var(--primary);
            }
        }
    }
    &.services_container_emea{
        .service_box{
            background-image:url("../../../darkTheme_Assets/images/location/service_frame_emea.png");
            background-size:cover;
            .view_bashboard_btn{
                color: var(--secondary-5);
            }
        }
    }
}
.custom_modal{
    padding:45px;
    background: var(--black);
    border: 1px solid var(--black);
    border-radius: 30px;
   img{
    height:503px;
   }
}
.custom_modal::backdrop {
    background-color:var(--black-level-19);
    opacity: 0.7;
  }
  body:has(.custom_modal:popover-open) {
    filter: blur(20px);
  }
  .modal_close{
    background: var(--black);
    border: none;
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
    padding: 5px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 16px;
    text-align: center;
    img{
        height:10px;
    }
}
@media only screen and (max-width:767px){
    .service_container {
        grid-template-columns: 1fr;
            .service_box {
                 height: auto;
                .view_bashboard_btn {
                   position: unset;
                   margin-top: 20px;
                }
            }
    }
    .product_container {
        flex-wrap: wrap;
        justify-content: center;
    .product_box {
        margin-bottom: 2rem;
        text-align: center;
                   img{
                height:auto;
                max-width:90%;
           }
    }
}
.custom_modal {
    img {
        height: auto;
    }
}
.about_location_sec {
    h1 {
        font-size: 28px;
        line-height: 40px;
    }
}
.common_section {
    padding: 3rem 0rem;
}
.wrapper_sec {
    top: 0;
    padding-top: 0;
}
}
@media only screen and (min-width:767px) and (max-width:991px){
    .service_container {
        grid-template-columns: 1fr 1fr;
    }
    .product_container {
        .product_box {
           margin: 0px 10px;
           img{
                height:auto;
                max-width:100%;
           }
        }
   }
   .custom_modal {
    img {
        height: auto;
    }
}
   
}
@media only screen and (min-width:992px) and (max-width:1199px){
   .custom_modal {
    img {
        height: auto;
    }
}
.product_container {
        .product_box {
           margin: 0px 10px;
           img{
                height:auto;
                max-width:100%;
           }
        }
   }
}