@import url('header.css');
@import url('footer.css');
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-VariableFont_opsz,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
:root {
    --accent: #F0D655;
    --black: #010101;
}
body {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    background-color: #F0EFED;
}
a {
    text-decoration: none;
    color: inherit;
}
button {
    border: none;
    background: none;
    cursor: pointer;
}
ul {
    list-style: none;
}
.no_scroll {
    overflow: hidden;
}
.dn{
    display: none!important;
}
.container {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 20px;
}
.app {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    /* padding-top: 110px; */
}
@media (max-width: 600px) {
    .app {
        /* padding-top: 80px; */
    }
}
.start_section{
    padding-top: 110px;
}
@media (max-width: 600px) {
    .start_section{
        padding-top: 80px;
    }
}
.white_section{
    background-color: #fff;
}
/* Components ------------------------------------------------------------------- */
/* dot */
.dot {
    position: relative;
    padding-left: 18px;
    flex-shrink: 0;
}
.dot::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 8px;
    height: 8px;
    background-color: var(--black);
}
.dot span {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: var(--black);
}
.white.dot::before {
    background-color: #fff;
}
.white.dot span {
    color: #fff;
}
/* Bread */
.bread{
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
    padding-left: 18px;
    flex-wrap: wrap;
}
.bread::before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 8px;
    height: 8px;
    background-color: var(--black);
}
.white.bread::before {
    background-color: #fff;
}
.bread_link,
.bread_separator{
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: var(--black);
    text-transform: uppercase;
}
.bread_current{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--black);
    text-transform: uppercase;
}
.white .bread_link,
.white .bread_separator,
.white .bread_current{
    color: #fff;
}
/* Buttons -------------*/
.white_button {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--black);
    background-color: #fff;
    padding: 8px 8px 8px 22px;
    border-radius: 35px;
    transition: all 0.3s ease;
}
.white_button:hover {
    background-color: var(--accent);
}
.white_button span {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: var(--black);
}
.white_button img {
    width: 40px;
    height: 40px;
}
/* ------ */
.black_button {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    background-color: var(--black);
    padding: 8px 8px 8px 22px;
    border-radius: 35px;
    transition: all 0.3s ease;
    border: 1px solid var(--black);
}
.black_button:hover {
    background-color: #fff;
}
.black_button:hover span {
    color: var(--black);
}
.black_button span {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
}
.black_button img {
    width: 40px;
    height: 40px;
}
/* Section Texts ----- */
.section_title {
    font-size: 56px;
    line-height: 1.1;
    font-weight: 500;
    max-width: 800px;
}
.section_title.center {
    text-align: center;
}
.section_title.full {
    max-width: 100%;
}
.section_title.white {
    color: #fff;
}
.section_title span {
    color: var(--accent);
}
.section_head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.section_head_left {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
@media (max-width: 1500px) {
    .section_title{
        font-size: 50px;
    }
}
@media (max-width: 1200px) {
    .section_title {
        font-size: 48px;
        max-width: 630px;
    }
}
@media (max-width: 760px) {
    .section_title {
        font-size: 38px;
        max-width: 466px;
    }
}
@media (max-width: 625px) {
    .section_head{
        flex-direction: column;
        gap: 25px;
        align-items: flex-start;
    }
}
@media (max-width: 500px) {
    .section_title {
        font-size: 32px;
    }
}
@media (max-width: 430px) {
    .section_title {
        font-size: 32px;
    }
}
@media (max-width: 400px) {
    .section_title {
        font-size: 28px;
    }
}
/* single title ----------*/
.single_title{
    font-size: 64px;
    line-height: 1.1;
    font-weight: 500;
}
.single_text{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #3A3A3A;
}
@media (max-width: 1200px) {
    .single_title{
        font-size: 50px;
    }
}
@media (max-width: 760px) {
    .single_title{
        font-size: 38px;
    }
}
@media (max-width: 500px) {
    .single_title{
        font-size: 32px;
    }
}
@media (max-width: 360px) {
    .single_title{
        font-size: 28px;
    }
}
/* card link ----------*/
.card_link{
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: var(--black);
    text-decoration: underline;
    transition: all 0.3s ease;
    text-transform: uppercase;
    padding: 8px 0px;
    border-radius: 35px;
}
.card_link:hover{
    color: var(--accent);
    text-decoration: none;
    transition: all 0.3s ease;
    background-color: var(--black);
    padding: 8px 16px;
}
.swiper-pagination-bullet-active{
    background-color: var(--accent)!important;
}
/* Sections ------------------------------------------------------------------- */

/* uf - Under Footer Start ----------------------------- */
.uf {
    /* margin-top: 300px; */
    background-color: var(--black);
    padding: 50px 0px 14px 0px;
}
.uf_wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}
.uf_title {
    font-size: 72px;
    line-height: 1.1;
    font-weight: 500;
    color: #fff;
}
.uf_title span {
    color: var(--accent);
}
.uf_text {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-weight: 400;
    max-width: 700px;
}
@media (max-width: 800px) {
    .uf_title {
        font-size: 52px;
    }
}
@media (max-width: 500px) {
    .uf_title {
        font-size: 42px;
    }

    .uf_wrapper {
        gap: 25px;
    }
}
@media (max-width: 350px) {
    .uf_title {
        font-size: 32px;
    }
}
/* uf - Under Footer End ----------------------------- */

/* cs - Construction Projects Start ----------------------------- */
.cs {
    padding: 75px 0px;
}
.cs_wrapper {
    display: flex;
    flex-direction: column;
    gap: 64px;
}
.cs_box {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.cs_nav {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.cs_nav_item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 250px;
    border-radius: 24px;
    overflow: hidden;
    cursor: pointer;
    padding: 20px;
}
.cs_nav_item_cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0);
    border-radius: 24px;
    z-index: 1;
    transition: all 0.3s ease;
}
.cs_nav_item.active .cs_nav_item_cover,
.cs_nav_item:hover .cs_nav_item_cover {
    opacity: 0.4;
}
.cs_nav_item span {
    color: #fff;
    position: absolute;
    top: 16px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    z-index: 2;
}
.cs_nav_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.cs_nav_item_title {
    color: var(--accent);
    font-size: 24px;
    line-height: 1.1;
    text-align: center;
    font-weight: 500;
    position: relative;
    z-index: 2;
}
.cs_nav_item.active .cs_nav_item_title,
.cs_nav_item:hover .cs_nav_item_title {
    color: #fff;
}
.cs_content_item {
    display: none;
}
.cs_content_item.active {
    display: flex;
}
.cs_content_item {
    position: relative;
    height: 575px;
    border-radius: 24px;
    overflow: hidden;
    align-items: flex-end;
}
.cs_content_item_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.cs_content_item_info {
    display: flex;
    padding: 32px 20px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 100%);
    gap: 24px;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
}
.cs_content_item_info_left {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.cs_content_item_info_left h3 {
    font-size: 42px;
    line-height: 1.1;
    font-weight: 500;
    max-width: 800px;
    color: #fff;
}
.cs_content_item_info_left p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-weight: 400;
    max-width: 800px;
}
@media (max-width: 1200px) {
    .cs_nav_item_title {
        font-size: 20px;
    }

    .cs_content_item_info_left h3 {
        font-size: 36px;
    }
}
@media (max-width: 1050px) {
    .cs_nav {
        grid-template-columns: repeat(2, 1fr);
    }

    .cs_nav_item {
        height: 160px;
    }

    .cs_content_item {
        height: 500px;
    }
}
@media (max-width: 800px) {
    .cs_content_item_info {
        flex-direction: column;
        align-items: flex-start;
    }

    .cs_nav {
        gap: 20px;
    }
}
@media (max-width: 630px) {
    .cs_nav {
        grid-template-columns: repeat(1, 1fr);
    }

    .cs_nav_item {
        height: 80px;
    }

    .cs_nav_item span {
        display: none;
    }

    .cs_nav_item img {
        display: none;
    }

    .cs_nav_item.active .cs_nav_item_cover,
    .cs_nav_item:hover .cs_nav_item_cover {
        opacity: 1;
    }

    .cs_content_item {
        height: 400px;
    }
    .cs_wrapper{
        gap: 40px;
    }
}
@media (max-width: 550px) {
    .cs_nav_item_title {
        font-size: 18px;
    }

    .cs_content_item_info_left h3 {
        font-size: 25px;
    }

    .cs_nav {
        gap: 12px;
    }
    .cs.single_project_page{
        padding-bottom: 20px;
    }
}
/* cs - Construction Projects End ----------------------------- */

/* sr - Services Start ----------------------------- */
.sr{
    overflow: hidden;
    padding: 75px 0px;
    background-color: #000;
}
.sr .section_title{
    color: #fff;
}
.sr_wrapper{
    display: flex;
    flex-direction: column;
    gap: 115px;
}
.sr_head{
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-right: 20px;
}
.sr_nav{
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
.sr .container{
    padding-right: 0;
}
.sv_swiper_nav{
    position: relative;
}
.sr_swiper{
    overflow: visible!important;
}
.sr_slide{
    background-color: #fff;
}
.sv_swiper_nav{
    display: flex;
    align-items: center;
    gap: 34px;
}
.sr_swiper_button_next,
.sr_swiper_button_prev{
    width: 56px;
    height: 56px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative!important;
    cursor: pointer;
    transition: all 0.3s ease;
}
.sr_swiper_button_next:hover{
    transform: scale(1.1);
}
.sr_swiper_button_prev img{
    transform: rotate(180deg);
}
.sr_swiper_button_prev:hover{
    transform: scale(1.1);
}
.sr_swiper_button_next img,
.sr_swiper_button_prev img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.sr_slide{
    display: flex!important;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    background: #fff;
    border-radius: 24px;
    height: unset!important;
}
.sr_slide_img{
    width: 100%;
    height: 250px;
    border-radius: 12px;
    overflow: hidden;
}
.sr_slide_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}
.sr_slide:hover .sr_slide_img img{
    transform: scale(1.1);
}
.sr_slide_info{
    display: flex;
    flex-direction: column;
    gap: 32px;
    flex-grow: 1;
    justify-content: space-between;
    align-items: flex-start;
}
.sr_slide_title{
    font-size: 24px;
    line-height: 32px;
    color: var(--black);
    font-weight: 500;
    transition: all 0.3s ease;
}
.sr_slide_top{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
/* .sr_slide_info_link{
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: var(--black);
    text-decoration: underline;
    transition: all 0.3s ease;
    text-transform: uppercase;
    padding: 8px 0px;
    border-radius: 35px;
}
.sr_slide_info_link:hover{
    color: var(--accent);
    text-decoration: none;
    transition: all 0.3s ease;
    background-color: var(--black);
    padding: 8px 16px;
} */
@media (max-width:1500px) {
    .sr_wrapper{
        gap: 70px;
    }
}
@media (max-width:1200px) {
    .sr_wrapper{
        gap: 80px;
    }
    .sr_slide_title {
        font-size: 20px;
        line-height: 26px;
    }
}
@media (max-width:520px) {
    .sv_swiper_nav{
        gap: 20px;
    }
    .sr_wrapper{
        gap: 60px;
    }
}
@media (max-width:390px) {
    .sr_nav{
        flex-direction: column;
        align-items: flex-start;
    }
    .sr_wrapper{
        gap: 40px;
    }
}
/* sr - Services End ----------------------------- */

/* dp - Departments Start ----------------------------- */
.dp{
    padding: 75px 0px;
    overflow: hidden;
}
.dp_wrapper{
    display: flex;
    flex-direction: column;
    gap: 63px;
}
.dp_box{
    display: flex;
    flex-direction: column;
    gap: 42px;
}
.dp_swiper{
    width: 100%;
}
.dp .container{
    padding-right: 0;
}
.dp .section_head{
    padding-right: 20px;
}
.dp_slide{
    height: 390px!important;   
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    display: flex!important;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.dp_slide p{
    color: var(--accent);
    font-size: 24px;
    line-height: 1.2;
    font-weight: 500;
    text-align: center;
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
}
.dp_slide_cover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.3s ease;
    z-index: 1;
    /* opacity: 0; */
}
.dp_slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.dp_slide:hover .dp_slide_cover{
    opacity: 0.2;
}
.dp_slide:hover p{
    color: #fff;
    background-color: #000;
    padding: 8px 19px;
    border-radius: 35px;
}
.dp_nav_prev,
.dp_nav_next{
    cursor: pointer;
    transition: all 0.3s ease;
    width: 56px;
    height: 56px;
}
.dp_nav_prev:hover,
.dp_nav_next:hover{
    transform: scale(1.1);
}
.dp_nav_prev img,
.dp_nav_nex img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.dp_swiper{
    overflow: visible!important;
}
.dp_nav{
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: center;
}
.dp_nav_prev img{
    transform: rotate(180deg);
}
@media (max-width: 665px) {
    .dp .section_head{
        flex-direction: column;
        align-items: flex-start;
        gap: 25px;
    }
}
@media (max-width: 520px) {
    .dp_wrapper{
         gap: 60px;
   }
} 
/* dp - Departments End ----------------------------- */

/* hh - Home Hero Start ----------------------------- */
.hh{
    padding-top: 110px;
    padding-bottom: 110px;
    height: 100dvh;
}
.hh .container{
    height: 100%;
}
.hh_wrapper{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    height: 100%;
}
.hh_title{
    font-size: 64px;
    line-height: 1.1;
    font-weight: 500;
    color: #fff;
    max-width: 800px;
}
.hh_text{
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    max-width: 800px;
    padding-bottom: 30px;
}
@media (max-width: 810px) {
    .hh_title {
        font-size: 50px;
    }
}
@media (max-width: 550px) {
    .hh_title {
        font-size: 36px;
    }
}
/* hh - Home Hero End ----------------------------- */

/* co - Contact Start ----------------------------- */
.co_wrapper{
    padding-top: 60px;
    padding-bottom: 60px;
    display: grid;
    grid-template-columns: 1fr 762px;
    gap: 50px;
}
.co_left{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 50px;
    padding-top: 42px;
    padding-bottom: 42px;
}
.co_left_box{
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-top: 60px;
}
.co_left_line{
    display: flex;
    align-items: center;
    gap: 20px;
}
.co_left_line img{
    width: 48px;
    height: 48px;
    object-fit: contain;
}
.co_left_line span{
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #3A3A3A;
}
.co_left_bottom{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.co_left_bottom p{
    color: #3A3A3A;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}
.co_left_social{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.co_left_social_link{
    width: 48px;
    height: 48px;
    object-fit: contain;
}
.co_left_social_link img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all 0.3s ease;
}
.co_left_social_link:hover img{
    transform: scale(1.1);
}
.co_left_text{
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #3A3A3A;
}
.co_left_title{
    font-size: 56px;
    line-height: 1.1;
    font-weight: 500;
    color: var(--black);
    padding-bottom: 16px;
    padding-top: 16px;
}
.co_right{
    padding: 24px 32px;
    background-color: #F0EFED;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    gap: 42px;
}
.co_right_title{
    font-size: 38px;
    line-height: 1.1;
    font-weight: 400;
    color: var(--black);
}
.co_right_form{
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
}
.co_right_row{
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}
.co_right_row label{
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #3A3A3A;
}
.co_right_row input,
.co_right_row textarea{
    width: 100%;
}
.co_right_row input{
    height: 56px;
    border-radius: 40px;
    border: 1px solid #DAD8D5;
    padding: 0 16px;
    font-size: 16px;

}
.co_right_row input.error,
.co_right_row textarea.error{
    border-color: #FF0000;
}
.co_right_row textarea{
    height: 100%;
    max-height: 200px;
    border-radius: 24px;
    border: 1px solid #DAD8D5;
    padding: 16px;
    resize: none;
    font-size: 16px;
}
.co_right_button_box{
    margin-top: 24px;
    display: flex;
    align-items: center;
    gap: 16px;
}
.co_right_spinner{
    width: 32px;
    height: 32px;
    display: flex;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.co_right_spinner_box.active{
    display: flex;
}
.co_right_spinner svg{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.co_right_spinner_box{
    display: none;
    align-items: center;
    gap: 10px;
}
.co_right_spinner_box span{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #3A3A3A;
}
.co_right_button.notactive{
    opacity: 0.5;
    pointer-events: none;
}
.co_right_message_box{
    display: none;
}
.co_right_message_box.active{
    display: flex;
}
.co_right_message_text{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-transform: uppercase;
}
.co_right_message_text.success{
    color: #008000;
}
.co_right_message_text.error{
    color: #FF0000;
}
@media (max-width: 1220px) {
    .co_wrapper{
        grid-template-columns: 1fr 550px;
        gap: 30px;
    }
    .co_right_title {
        font-size: 30px;
    }
    .co_left_title{
        font-size: 48px;
    }
}
@media (max-width: 1000px) {
    .co_wrapper{
        display: flex;
        flex-direction: column;
        gap: 40px;
    }
}
@media (max-width: 600px) {
    .co_left_title {
        font-size: 38px;
    }
    .co_wrapper{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .co_left_box{
        padding-top: 40px;
    }
    .co_left{
        padding-bottom: 0px;
    }
}
/* co - Contact End ----------------------------- */

/* fq - Frequently asked questions Start ----------------------------- */
.fq{
    padding: 75px 0px;
}
.fq_wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.fq_box {
    width: 100%;
    /* max-width: 800px; */
    margin-top: 44px;
}
.fq_item {
    border-bottom: 1px solid rgba(1, 1, 1, 0.12);
}
.fq_item:first-child {
    border-top: 1px solid rgba(1, 1, 1, 0.12);
}
.fq_trigger {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 0;
    text-align: left;
    font-family: inherit;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.35;
    color: var(--black);
    transition: color 0.25s ease;
}
.fq_icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    position: relative;
    transition: transform 0.35s ease;
}
.fq_icon::before,
.fq_icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background: currentColor;
    transition: background 0.25s ease;
}
.fq_icon::before {
    width: 12px;
    height: 2px;
    margin: -1px 0 0 -6px;
}
.fq_icon::after {
    width: 2px;
    height: 12px;
    margin: -6px 0 0 -1px;
}
.fq_item.is_open .fq_icon {
    transform: rotate(45deg);
}
.fq_content_wrap {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.35s ease;
}
.fq_item.is_open .fq_content_wrap {
    grid-template-rows: 1fr;
}
.fq_content {
    overflow: hidden;
}
.fq_content p {
    padding: 0 0 20px 0;
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    color: rgba(1, 1, 1, 0.75);
}
.fq .section_title{
    text-align: center;
}
@media (max-width: 550px) {
    .fq_box{
        margin-top: 32px;
    }
    .fq.single_service_page{
        padding-top: 0;
    }
}
/* fq - Frequently asked questions End ----------------------------- */

/* ah - About Page - About Hero Start ----------------------------- */
.ah{
    min-height: 100dvh;
    background-color: var(--black);
    padding-bottom: 57px;
    display: flex;
    align-items: center;
}
.ah_wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}
.ah_left{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 35px;
}
.ah_title{
    font-size: 64px;
    line-height: 1.1;
    font-weight: 500;
    color: #fff;
    padding-bottom: 30px;
    padding-top: 30px;
}
.ah_title span{
    color: var(--accent);
}
.ah_text{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
    max-width: 800px;
}
.ah_box{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 80px;
}
.ah_box_item{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}
.ah_box_item:first-child{
    align-items: flex-start;
}
.ah_box_item_number{
    font-size: 48px;
    line-height: 56px;
    font-weight: 500;
    color: #fff;
}
.ah_box_item_number span{
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    color: var(--accent);
}
.ah_box_item_text{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
}
.ah_social{
    display: flex;
    align-items: center;
    gap: 32px;
}
.ah_social p{
    text-transform: uppercase;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #fff;
}
.ah_social_box{
    display: flex;
    align-items: center;
    gap: 16px;
}
.ah_social_box_link{
    width: 48px;
    height: 48px;
    object-fit: contain;
}
.ah_social_box_link img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all 0.3s ease;
}
.ah_social_box_link:hover img{
    transform: scale(1.1);
}
.ah_right{
    display: flex;
    align-items: center;
}
.ah_right img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
@media (max-width: 1460px) {
    .ah{
        min-height: unset;
        height: 100dvh;
    }
    .ah_right img{
        max-height: 560px;
    }
    .ah_title {
        font-size: 46px;
    }
    .ah_box{
        margin-bottom: 40px;
    }
    .ah_box_item_number {
        font-size: 36px;
        line-height: 45px;
    }
    .ah_box{
        display: flex;
        gap: 60px;
    }
}
@media (max-width: 1200px) {
    .ah{
        min-height: unset;
        height: unset;
        padding-top: 150px;
        padding-bottom: 100px;
    }
    .ah_title{
        max-width: 800px;
    }
    .ah_left{
        padding-top: 0px;
        gap: 70px;
    }
    .ah_wrapper{
        display: flex;
    }
    .ah_right{
        display: none;
    }
}
@media (max-width: 600px) {
    .ah_social{
        flex-wrap: wrap;
        row-gap: 30px;
    }
    .ah_box{
        gap: 35px;
        flex-wrap: wrap;
    }
}
@media (max-width: 500px) {
    .ah{
        padding-top: 100px;
    }
    .ah_title{
        font-size: 36px;
    }
    .ah_box_item_number{
        font-size: 32px;
    }
    .ah_left{
        gap: 40px;
    }
}
/* ah - About Page - About Hero End ----------------------------- */

/* op - About Page - Our Purpose Start ----------------------------- */
.op{
    padding: 60px 0px;
}
.op_wrapper{
    gap: 48px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.op_right{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.op_right_item{
    background-color: #fff;
    border-radius: 24px;
    padding: 24px;
}
.op_right_item_title{
    padding-top: 17px;
    padding-bottom: 12px;
    font-size: 24px;
    line-height: 1.1;
    font-weight: 500;
    color: var(--black);
}
.op_right_item_text{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #3A3A3A;
}
.op_right_item_img{
    width: 56px;
    height: 56px;
    object-fit: contain;
}
.op_text{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #3A3A3A;
    padding-top: 24px;
}
.op .section_title{
    padding-top: 24px;
    font-size: 48px;
}
.op_left img{
    margin-top: 49px;
    border-radius: 24px;
    overflow: hidden;
    border: 10px solid #fff;
    max-width: 650px;
    width: 100%;
}
@media (max-width: 1200px) {
    .op_wrapper{
        gap: 30px;
    }
}
@media (max-width: 1060px) {
    .op_right_item_title {
        padding-top: 12px;
        padding-bottom: 10px;
        font-size: 20px;
    }
}
@media (max-width: 1020px) {
    .op_wrapper{
        display: flex;
        flex-direction: column;
    }
    .op_right{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }
}
@media (max-width: 850px) {
    .op_right{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 760px) {
    .op .section_title {
      font-size: 38px;
      max-width: 466px;
    }
    .op_left img{
        margin-top: 30px;
    }
}
@media (max-width: 550px) {
    .op_right{
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .op_right_item{
        padding: 16px;
    }
    .op_right_item_title{
        padding-top: 10px;
        padding-bottom: 8px;
    }
}
@media (max-width: 500px) {
   .op  .section_title {
      font-size: 32px;
    }
}
/* op - About Page - Our Purpose End ----------------------------- */

/* nu - About Page - Numbers Section Start ----------------------------- */
.nu{
    padding: 120px 0px;
    background-color: var(--black);
}
.nu_wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    max-width: 880px;
    margin: 0 auto;
}
.nu_text{
    font-size: 28px;
    line-height: 1.24;
    font-weight: 500;
    color: #fff;
    text-align: center;
    margin-top: 24px;
}
.nu_box{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    width: 100%;
    margin-top: 100px;
}
.nu_box_item{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.nu_box_item_number{
    font-size: 48px;
    line-height: 56px;
    font-weight: 500;
    color: #fff;
}
.nu_box_item_number span{
    font-size: 48px;
    line-height: 56px;
    font-weight: 400;
    color: var(--accent);
}
.nu_box_item_text{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
}
@media (max-width: 1000px) {
    .nu_text {
        font-size: 22px;
    }
    .nu_box{
        margin-top: 60px;
    }
}
@media (max-width: 700px) {
    .nu{
        padding: 80px 0px;
    }
    .nu_text {
        font-size: 20px;
    }
    .nu_box{
        margin-top: 40px;
    }
    .nu_box_item_number{
        font-size: 40px;
    }
}
@media (max-width: 640px) {
    .nu_box{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 60px;
        row-gap: 40px;
    }
}
@media (max-width: 450px) {
    .nu_text {
        font-size: 18px;
    }
    .nu_box_item_number,
    .nu_box_item_number span {
        font-size: 34px;
        line-height: 40px;
    }
}
/* nu - About Page - Numbers Section End ----------------------------- */

/* tm - About Page - Team Section Start ----------------------------- */
.tm{
    padding: 100px 0px 70px 0px;
}
.tm_wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
.tm_box{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    width: 100%;
    margin-top: 40px;
}
.tm_box_item{
    background-color: #fff;
    padding: 16px;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    transition: all 0.3s ease;
}
.tm_box_item:hover{
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    transform: translateY(-10px);
}
.tm_box_item img{
    width: 100%;
    transition: all 0.3s ease;
    border-radius: 24px;
    border: 3px solid transparent;
}
.tm_box_item:hover img{
    border: 3px solid var(--accent);
}
.tm_box_item_title{
    font-size: 24px;
    line-height: 1.1;
    font-weight: 500;
    color: var(--black);
    margin-bottom: 8px;
    margin-top: 24px;
    padding: 0px 8px;
}
.tm_box_item_text{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #3A3A3A;
    padding: 0px 8px 8px 8px;
}
.tm_box_mobile{
    display: none;
}
@media (max-width: 910px) {
    .tm_box{
        display: none;
    }
    .tm_box_mobile{
        display: block;
        margin-top: 20px;
    }
    .tm_box_item{
        padding: 8px;
    }
}
@media (max-width: 720px) {
    .tm_box_item_title {
        font-size: 19px;
        margin-top: 16px;
    }
}
@media (max-width: 500px) {
    .tm{
        padding: 80px 0px 20px 0px;
    }
    .tm_box_mobile{
        margin-top: 0;
    }
}
/* tm - About Page - Team Section End ----------------------------- */

/* bg - About Page - Blog Section Start ----------------------------- */
.bg{
    padding: 60px 0px;
    overflow: hidden;
}
.bg .bgSwiper,
.bg .swiper-wrapper{
    overflow: visible!important;
}
.bg_wrapper{
    display: flex;
    flex-direction: column;
    gap: 64px;
}
.bg_nav{
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: center;
    padding-bottom: 20px;
    padding-top: 40px;
}
.bgSwiperButtonPrev,
.bgSwiperButtonNext{
    width: 56px;
    height: 56px;
    cursor: pointer;
}
.bgSwiperButtonPrev{
    transform: rotate(180deg);
}
.bgSwiperButtonPrev img,
.bgSwiperButtonNext img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    transition: all 0.3s ease;
}
.bgSwiperButtonPrev:hover img,
.bgSwiperButtonNext:hover img{
    transform: scale(1.1);
}
.bg_slide{
    display: flex!important;
    flex-direction: column;
    gap: 24px;
    background-color: #fff;
    border-radius: 24px;
    padding: 16px;
    height: unset!important;
}
.bg_slide_img{
    width: 100%;
    height: 464px;
    border-radius: 12px;
    overflow: hidden;
}
.bg_slide_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}
.bg_slide:hover .bg_slide_img img{
    transform: scale(1.1);
}
.bg_slide_info{
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: space-between;
    align-items: flex-start;
    flex-grow: 1;
    padding: 0px 16px 16px 16px;
}
.bg_slide_title{
    font-size: 28px;
    line-height: 1.1;
    font-weight: 500;
    color: var(--black);
}
/* .bg_slide_link{
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: var(--black);
    text-decoration: underline;
    transition: all 0.3s ease;
    text-transform: uppercase;
    padding: 8px 0px;
    border-radius: 35px;
}
.bg_slide_link:hover{
    color: var(--accent);
    text-decoration: none;
    transition: all 0.3s ease;
    background-color: var(--black);
    padding: 8px 16px;

} */
@media (max-width: 1500px) {
    .bg_slide_img{
        height: 390px;
    }
}
@media (max-width: 1100px) {
    .bg_slide_title {
        font-size: 22px;
    }
    .bg_slide_info{
        gap: 20px;
    }
    .bg_slide_img {
        width: 100%;
        height: 310px;
    }
}
@media (max-width: 690px) {
    .bg_slide_img {
        height: 250px;
    }
    .bg_wrapper{
        gap: 40px;
    }
    .bg_slide_info{
        padding: 0px;
    }
    .bg_slide_title {
        font-size: 18px;
    }
}
@media (max-width: 400px) {
    .bg_slide_info {
        gap: 5px;
    }
}
/* bg - About Page - Blog Section End ----------------------------- */

/* sh - All Departments Start ----------------------------- */
.sh{
    margin-top: 60px;
    padding-bottom: 60px;
}
.sh_wrapper{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.sh_title{
    font-size: 64px;
    line-height: 1.2;
    font-weight: 500;
    color: var(--black);
}
.sh_text{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #3A3A3A;
    max-width: 540px;
}
.sh_button{
    margin-top: 14px;
    align-self: flex-start;
}
@media (max-width: 1500px) {
    .sh_title{
        font-size: 50px;
    }
}
@media (max-width: 1200px) {
    .sh_title{
        font-size: 45px;
    }
}
@media (max-width: 760px) {
    .sh_title{
        font-size: 38px;
    }
}
@media (max-width: 500px) {
    .sh_title{
        font-size: 32px;
    }
    .sh_wrapper{
        gap: 15px;
    }
    .sh{
        margin-top: 20px;
        padding-bottom: 40px;
    }
}
@media (max-width: 400px) {
    .sh_title{
        font-size: 30px;
    }
}
/* sh - All Departments End ----------------------------- */

/* dd - All Departments Start ----------------------------- */
.dd{
    margin-bottom: 60px;
    overflow: hidden;
}
.dd_box{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
.dd_box_mobile{
    display: none;
}
.dd_item{
    display: flex;
    flex-direction: column;
    gap: 16px;
    background-color: #fff;
    border-radius: 24px;
    padding: 16px;
}
.dd_item_img{
    width: 100%;
    height: 450px;
    border-radius: 12px;
    overflow: hidden;
}
.dd_item_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}
.dd_item:hover .dd_item_img img{
    transform: scale(1.1);
}
.dd_item_info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    padding: 0px 16px 16px 16px;
    flex-grow: 1;
    justify-content: space-between;
}   
.dd_item_info_top{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.dd_item_title{
    font-size: 36px;
    line-height: 1.1;
    font-weight: 500;
    color: var(--black);
}
.dd_item_text{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #3A3A3A;
}
.dd_swiper{
    overflow: visible!important;
    padding-bottom: 45px!important;
}
@media (max-width: 1500px) {
    .dd_item_title{
        font-size: 32px;
    }
    .dd_item_info{
        gap: 20px;
        padding: 0px 10px 0px 10px;
    }
}
@media (max-width: 1200px) {
    .dd_item_img{
        height: 370px;
    }
}
@media (max-width: 950px) {
    .dd_item_title{
        font-size: 28px;
    }
    .dd_item_text{
        font-size: 14px;
    }
    .dd_item_info{
        gap: 15px;
    }
    .dd_item_info_top{
        gap: 8px;
    }
    .dd_item_img{
        height: 310px;
    }
    .dd_box{
        gap: 15px;
    }
}
@media (max-width: 800px) {
    .dd_item_title{
        font-size: 22px;
    }
    .dd_item_img{
        height: 250px;
    }
}
@media (max-width: 675px) {
    .dd_box{
        display: none;
    }
    .dd_box_mobile{
        display: block;
    }
}
@media (max-width: 400px) {
    .dd_item_info{
        padding: 0;
        gap: 10px;
    }
    .dd_item_title{
        font-size: 20px;
    }
}
/* dd - All Departments End ----------------------------- */

/* ts - All Services Start ----------------------------- */
.ts{
    padding: 60px 0px 60px 0px;
}
.ts_wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
.ts_box{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-top: 30px;
}
.ts_content{
    position: relative;
    height: 586px;
}
.ts_content_slider{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;

    z-index: -1;
}
.ts_content_slider.active{
    opacity: 1;
    z-index: 1;
}
.ts_slider_nav{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    padding-bottom: 10px;
    padding-top: 40px;
}
.ts_slider_nav_next,
.ts_slider_nav_prev{
    cursor: pointer;
    width: 56px;
    height: 56px;
}
.ts_slider_nav_next img,
.ts_slider_nav_prev img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all 0.3s ease;
}
.ts_slider_nav_next:hover img,
.ts_slider_nav_prev:hover img{
    transform: scale(1.1);
}
.ts_slider_nav_prev{
    transform: rotate(180deg);
}
.ts_slide{
    background-color: #fff;
    border-radius: 24px;
    padding: 16px;
    display: flex!important;
    flex-direction: column;
    gap: 16px;
    height: unset!important;
}
.ts_slide_img{
    width: 100%;
    height: 250px;
    border-radius: 12px;
    overflow: hidden;
}
.ts_slide_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}
.ts_slide:hover .ts_slide_img img{
    transform: scale(1.1);
}
.ts_slide_info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex-grow: 1;
    justify-content: space-between;
    padding: 0px 8px 0px 8px;
}
.ts_slide_info_top{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ts_slide_dep{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #3A3A3A;
}
.ts_slide_title{
    font-size: 24px;
    line-height: 1.2;
    font-weight: 500;
    color: var(--black);
}
.ts_slide_text{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #3A3A3A;
}
.ts_nav{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
    row-gap: 18px;
}
.ts_nav_item{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #3A3A3A;
    padding: 10px 30px;
    border-radius: 35px;
    background-color: #fff;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}
.ts_nav_item:hover,
.ts_nav_item.active{
    background-color: var(--accent);
}
@media (max-width: 1200px) {
    .ts{
        padding: 40px 0px 40px 0px;
    }
}
@media (max-width: 1100px) {
    .ts_slide_title{
        font-size: 21px;
    }
    .ts_slide_text{
        font-size: 14px;
    }
    .ts_slide_info{
        gap: 15px;
    }
    .ts_slide_img {
        height: 200px;
    }
    .ts_content{
        height: 530px;
    }
}
@media (max-width: 950px) {
    .ts_slide_img {
        height: 300px;
    }
    .ts_content{
        height: 615px;
    }
}
@media (max-width: 780px) {
    .ts_slide_img {
        height: 250px;
    }
    .ts_content{
        height: 562px;
    }
}
@media (max-width: 670px) {
    .ts_slide_img {
        height: 230px;
    }
    .ts{
        overflow: hidden;
    }
    .ts_slider{
        overflow: visible!important;
    }
}
@media (max-width: 600px) {
    .ts_slide_info{
        /* padding: 0; */
    }
    .ts_nav_item {
        font-size: 14px;
        padding: 8px 20px;
    }
    .ts_box{
        margin-top: 10px;
    }
    .ts_nav{
        gap: 18px;
    }
    .ts_content{
        height: 540px;
    }
}
@media (max-width: 421px) {
    .ts_content{
        height: 560px;
    }
    .ts {
        padding: 20px 0px 20px 0px;
      }
}
/* other_departments_section - Other Departments Start ----------------------------- */
.other_departments_section .ts_wrapper{
    align-items: unset;
}
/* ts - All Services End ----------------------------- */

/* tx - All Departments End ----------------------------- */
.tx{
    padding: 60px 0px;
}
.tx_wrapper{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.tx_title{
    font-size: 48px;
    line-height: 1.1;
    font-weight: 500;
    color: var(--black);
}
.tx_text{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.tx_text p{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #3A3A3A;
}
.tx_text a{
    font-weight: 600;
    color: var(--black);
    text-decoration: underline;
    transition: all 0.3s ease;
}
.tx_text a:hover{
    color: var(--accent);
    text-decoration: none;
    transition: all 0.3s ease;
}
@media (max-width: 1500px) {
    .tx_title{
        font-size: 42px;
    }
}
@media screen and (max-width: 800px) {
    .tx_title{
        font-size: 32px;
    }
}
@media (max-width: 500px) {
    .tx_title {
        font-size: 28px;
    }
}
@media (max-width: 400px) {
    .tx_title {
        font-size: 24px;
    }
}
/* tx - All Departments End ----------------------------- */

/* dh - About Page - Sustainability Section Start ----------------------------- */
.dh{
    padding-top: 120px;
    padding-bottom:100px;
    background-color: var(--black);
}
.dh_wrapper{
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.dh_top{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 50px;
}
.dh_title{
    font-size: 36px;
    line-height: 1.1;
    font-weight: 500;
    color: #fff;
    max-width: 850px;
}
.dh_img img{
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 24px;
    overflow: hidden;
    object-position: center;
}
.dh 
.nu_box{
    margin-top: 0;
}
@media (max-width: 950px) {
    .dh_top{
        flex-direction: column;
        gap: 20px;
    }
    .dh_wrapper{
        gap: 50px;
    }
}
@media (max-width: 760px) {
    .dh{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .dh_title{
        font-size: 28px;
    }
}
@media (max-width: 500px) {
    .dh_title{
        font-size: 24px;
    }
    .dh_img img{
        height: 300px;
        object-fit: cover;
    }
}
@media (max-width: 400px) {
    .dh_title{
        font-size: 20px;
    }
}

/* sdh - Single Department Page Hero Start ----------------------------- */
.sdh{
    margin-top: 60px;
    padding-bottom: 60px;
}
.sdh_wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0px;
}
.sdh_left{
    padding-right: 50px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
    justify-content: center;
}
.sdh_right img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 24px;
    overflow: hidden;
}
.sdh .single_text{
    max-width: 540px;
    margin-top: -20px;
}
.single_service_department{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #3A3A3A;
}
.single_service_department span{
    font-weight: 600;
}
@media (max-width: 1200px) {
    .sdh{
        margin-top: 20px;
    }
}
@media (max-width: 980px) {
    .sdh .bread_current,
    .sdh .bread_link{
        font-size: 12px;
    }
    .sdh_left{
        gap: 30px;
        padding-right: 30px;
    }
}
@media (max-width: 860px) {
    .sdh_wrapper{
        grid-template-columns: 415px 1fr;
    }
}
@media (max-width: 690px) {
    .sdh{
        padding-bottom: 20px;
    }
    .sdh_wrapper{
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .sdh_left{
        padding-right: 0px;
    }
    .sdh_right img{
        height: 300px;
    }
}
/* sdh - Single Department Page Hero End ----------------------------- */

/* sds - Single Department Page Services Start ----------------------------- */
.sds{
    padding-top: 50px;
    padding-bottom: 60px;
    overflow: hidden;
}
.sds_wrapper{
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.sds_nav{
    /* margin-bottom: 16px; */
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    row-gap: 10px;
}
.sds_nav_item{
    border: 1px solid #BABABA;
    border-radius: 35px;
    padding: 10px 30px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #3A3A3A;
    transition: all 0.3s ease;
}
.sds_nav_item:hover,
.sds_nav_item.active{
    background-color: #BABABA;
}
.sds_box{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.sds_item{
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 24px;
    background-color: #fff;
    padding: 16px;
}
.sds_item_img{
    width: 100%;
    height: 200px;
    border-radius: 12px;
    overflow: hidden;
}
.sds_item_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 0.3s ease;
}
.sds_item:hover .sds_item_img img{
    transform: scale(1.05);
}
.sds_item_content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    padding: 0px 8px;
}
.sds_swiper{
    overflow: visible!important;
    padding-bottom: 45px!important;
}
.sds_content_mobile{
    display: none;
}
.sds_box{
    display: none;
}
.sds_box.active{
    display: grid;
}
.sds_content_mobile{
    position: relative;
    height: 360px;
}
.sds_box_mobile{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    opacity: 0;
}
.sds_box_mobile.active{
    z-index: 1;
    opacity: 1;
}
@media (max-width: 900px) {
    .sds_content_mobile{
        display: block;
    }
    .sds_content_desktop{
        display: none;
    }
}
@media (max-width: 500px) {
    .sds_nav_item{
        padding: 5px 15px;
        font-size: 14px;
    }
}
/* sds - Single Department Page Services End ----------------------------- */

/* ar - Single Department Page Related Areas Start ----------------------------- */
.ar{
    padding-top: 60px;
    padding-bottom: 60px;
}
.ar_wrapper{
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.ar_box{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.ar_item{
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #fff;
    border-radius: 24px;
    padding: 16px;
    transition: all 0.3s ease;
}
.ar_item:hover{
    transform: translateY(-10px);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.ar_item img{
    width: 64px;
    height: 64px;
    object-fit: contain;
    object-position: center;
}
.ar_item p{
    font-size: 24px;
    line-height: 1.1;
    font-weight: 500;
    color: var(--black);
}
@media (max-width: 1500px) {
    .ar_item p{
        font-size: 20px;
    }
    .ar_item img{
        width: 56px;
        height: 56px;
    }
}
@media (max-width: 1200px) {
    .ar_box{
        gap: 18px;
    }
    .ar_item{
        padding: 10px 14px;
    }
}
@media (max-width: 940px) {
    .ar_box{
        grid-template-columns: repeat(2, 1fr);
    }
    .ar_item p{
        font-size: 18px;
    }
    .ar_item img{
        width: 50px;
        height: 50px;
    }
}
@media (max-width:640px) {
    .ar{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .ar_box{
        grid-template-columns: repeat(1, 1fr);
    }
    .ar_item p{
        font-size: 16px;
    }
    .ar_item img{
        width: 40px;
        height: 40px;
    }
    .ar_wrapper{
        gap: 30px;
    }
}
/* ar - Single Department Page Related Areas End ----------------------------- */

/* te - Single Department Page Testimonials Start ----------------------------- */
.te{
    padding-top: 60px;
    padding-bottom: 60px;
}
.te_wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
}
.te_box{
    margin-top: 40px;
    width: 100%;
}
.te_swiper{
    padding-bottom: 45px!important;
}
.te 
.swiper-scrollbar-drag{
    background-color: var(--accent);
}
.te 
.swiper-scrollbar{
    opacity: 1!important;
}
.te_slide{
    display: flex!important;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
    background-color: #fff;
    border-radius: 24px;
    padding: 32px;
    height: unset!important;
}
.te_slide_text{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #3A3A3A;
}
.te_slide_author{
    background-color: #F0EFED;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    border-radius: 48px;
}
.te_slide_author img{
    width: 46px;
    height: 46px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}
.te_slide_author_info{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.te_slide_name{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--black);
}
.te_slide_loc{
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: #3A3A3A;
}
@media (max-width: 1300px) {
    .te_box{
        margin-top: 15px;
    }
    .te_slide{
        padding: 25px;
    }
    .te_slide_text{
        font-size: 16px;
    }
    .te_slide_author{
        padding: 10px;
    }
}
@media (max-width: 600px) {
    .te{
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
/* te - Single Department Page Testimonials End ----------------------------- */

/* sb - All Services Start ----------------------------- */
.sb{
    padding-bottom: 60px;
    overflow: hidden;
}
.sb_wrapper{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.sb_box_desk_row{
    display: none;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.sb_box_desk_row.active{
    display: grid;
}
.sb_box_mobile{
    display: none;
    height: 500px;
    position: relative;
}
.sb_nav{
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.sb_nav_box,
.sb_nav_box_sub{
    display: flex;
    flex-wrap: wrap;
    /* overflow-x: scroll; */
    /* padding-bottom: 10px; */
    gap: 15px;
    row-gap: 10px;
}
.sb_nav_box_sub{
    display: none;
}
.sb_nav_box_sub.active{
    display: flex;
}
.sb_nav_box 
.ts_nav_item{
    flex-shrink: 0;
}
.sb_nav_box_sub_item{
    flex-shrink: 0;
    border: 1px solid #BABABA;
    border-radius: 35px;
    padding: 10px 30px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #3A3A3A;
    transition: all 0.3s ease;
}
.sb_nav_box_sub_item:hover,
.sb_nav_box_sub_item.active{
    background-color: #BABABA;
}
.all_services_page.sh{
    padding-bottom: 30px;
}
.sb_nav_mobile{
   display: none;
   gap: 25px;
   flex-wrap: wrap;
}
.sb_nav_mobile_select{
    width: 100%;
    max-width: 300px;
    padding: 10px;
    border: none;
    background-color: transparent;
    border-bottom: 1px solid #BABABA;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #3A3A3A;
    transition: all 0.3s ease;
}
.subdepartment_select{
    display: none;
}
.subdepartment_select.active{
    display: flex;
}
.sb_box_mobile_row{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
}
.sb_box_mobile_row.active{
    z-index: 1;
    opacity: 1;
}
@media (max-width: 1050px) {
    .sb_box_desk_row{
        gap: 20px;
    }
}
@media (max-width: 950px) {
    .sb_box_mobile{
        display: block;
    }
    .sb_box_desk{
        display: none;
    }
    .sb_swiper{
        overflow: visible!important;
        padding-bottom: 45px!important;
    }
    .sb_nav{
        display: none;
    }
    .sb_nav_mobile{
        display: flex;
    }
}
@media (max-width:500px) {
    .sb_nav_mobile_select{
        max-width: 100%;
    }
}
/* sb - All Services End ----------------------------- */

/* in - Single Service Page Included Services Start ----------------------------- */
.in{
    padding-top: 60px;
    padding-bottom: 60px;
}
.in_wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
}
.in .ar_box{
    margin-top: 40px;
    width: 100%;
}
.in .ar_item p{
    font-size: 16px;
}
@media (max-width: 600px) {
    .in .ar_box{
        margin-top: 20px;
    }
    .in{
        padding-bottom: 20px;
    }
}
/* in - Single Service Page Included Services End ----------------------------- */

/* lo - All Locations Start ----------------------------- */
.lo{
    padding-bottom: 60px;
    overflow: hidden;
}
.lo_box{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
.lo_item{
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 10px;
    background-color: #fff;
    border-radius: 24px;
    padding: 16px;
}
.lo_item_img{
    width: 100%;
    height: 350px;
    border-radius: 12px;
    overflow: hidden;
}
.lo_item_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}
.lo_item:hover .lo_item_img img{
    transform: scale(1.1);
}
.lo_item_info{
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: space-between;
    padding: 16px;
}
.lo_item_info_box{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.lo_item_title{
    font-size: 24px;
    line-height: 1.2;
    font-weight: 500;
    color: var(--black);
}
.lo_item_text{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #3A3A3A;
    margin-bottom: 15px;
}
.lo_item_info img{
    width: 56px;
    height: 56px;
    object-fit: contain;
    object-position: center;
}
.lo_swiper{
    overflow: visible!important;
    padding-bottom: 45px!important;
}
.lo_box_mobile{
    display: none;
}
@media screen and (max-width: 1200px) {
    .lo_box{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .lo_item{
        display: flex;
        flex-direction: column-reverse;
        gap: 15px;
    }
    .lo_item_img{
        height: 230px;
    }
    .lo_item_info{
        padding:0px 10px;
    }
}
@media screen and (max-width: 1000px) {
    .lo_box{
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width: 750px) {
    .lo_box{
        display: none;
    }
    .lo_box_mobile{
        display: block;
    }
    .lo{
        padding-bottom: 0px;
    }
    .lo_item_info img{
        width: 46px;
        height: 46px;
    }
    .lo_item_title{
        font-size: 20px;
    }
    .lo_item_text{
        font-size: 14px;
    }
}
@media screen and (max-width: 490px) {
    .lo_item_text{
        margin-bottom: 0;
    }
}
/* lo - All Locations End ----------------------------- */

/* dpl - Single Location Page Departments Start ----------------------------- */
.dpl{
    overflow: hidden;
    padding-top: 60px;
    padding-bottom: 60px;
}
.dpl_wrapper{
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.dpl_box_mobile{
    display: none;
}
@media screen and (max-width: 1000px) {
    .dpl_box_mobile{
        display: block;
    }
    .dpl_box_desktop{
        display: none!important;
    }
}
/* dpl - Single Location Page Departments End ----------------------------- */

/* opr - All Projects Start ----------------------------- */
.opr{
    padding-bottom: 60px;
}
.opr_wrapper{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.opr_item{
    background-color: #fff;
    border-radius: 24px;
    padding: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}
.opr_item_img{
    width: 100%;
    height: 100%;
    min-height: 450px;
    border-radius: 12px;
    overflow: hidden;
}
.opr_item_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}
.opr_item:hover .opr_item_img img{
    transform: scale(1.1);
}
.opr_item_info{
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px;
    padding-left: 10px;
    padding-bottom: 0;
}
.opr_item_info_top{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.opr_item_title{
    font-size: 36px;
    line-height: 1.2;
    font-weight: 500;
    color: var(--black);
}
.opr_item_text{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #3A3A3A;
}
.opr_loc{
    display: flex;
    align-items: center;
    gap: 10px;
}
.opr_loc img{
    width: 32px;
    height: 32px;
    object-fit: contain;
    object-position: center;
}
.opr_loc_text{
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: #3A3A3A;
}
.opr_pagination{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.opr_pagination a,
.opr_pagination span{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #3A3A3A;
    text-decoration: none;
    border: 1px solid #BABABA;
    border-radius: 10px;
    padding: 10px 20px;
    transition: all 0.3s ease;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.opr_pagination a:hover,
.opr_pagination .current{
    background-color: var(--accent);
    color: var(--black);
    border: var(--accent);
}
@media screen and (max-width: 1100px) {
    .opr_item_title {
        font-size: 28px;
    }
    .opr_item_info_top{
        gap: 15px;
    }
    .opr_item_text{
        font-size: 15px;
    }
}
@media screen and (max-width: 900px) {
   .opr_item{
    grid-template-columns: 400px 1fr;
   } 
}
@media screen and (max-width: 740px) {
    .opr_item{
        display: flex;
        flex-direction: column-reverse;
        gap: 20px;
    }
    .opr_item_img{
        height: 300px;
        min-height: unset;
    }
    .opr_item_info{
        padding: 0px;
    }
}
@media screen and (max-width: 600px) {
    .opr{
        padding-bottom: 20px;
    }
    .opr_item_text{
        display: none;
    }
    .opr_item_title {
        font-size: 22px;
    }
    .opr_item_img{
        height: 250px;
    }
}
/* opr - All Projects End ----------------------------- */

/* cpc - Single Project Page Start ----------------------------- */
.cpc{
    margin-top: 80px;
    padding-bottom: 60px;
    overflow: hidden;
}
.cpc_wrapper{
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.cpc_top{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.cpc_text{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #3A3A3A;
    max-width: 850px;
}
.cpc_img{
    width: 100%;
    height: 650px;
    border-radius: 24px;
    overflow: hidden;
}
.cpc_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 0.3s ease;
}
.cpc_content{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.cpc_content_title{
    font-size: 36px;
    line-height: 1.2;
    font-weight: 500;
    color: var(--black);
}
.cpc_content_box{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.cpc_content_box p{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #3A3A3A;
}
.cpc_content_box ul{
    display: flex;
    flex-direction: column;
    list-style: disc;
    padding-left: 20px;
    gap: 10px;
}
.cpc_content_box ul li{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #3A3A3A;
}
.cpc_content_box h3{
    font-size: 24px;
    line-height: 1.2;
    font-weight: 500;
    color: var(--black);
}

@media screen and (max-width: 1500px) {
    .cpc_img{
        height: 500px;
    }
}
@media screen and (max-width: 900px) {
    .cpc_img{
        height: 400px;
    }
    .cpc_content_title{
        font-size: 32px;
    }
    .cpc_wrapper{
        gap: 30px;
    }
    .cpc{
        margin-top: 50px;
        padding-bottom: 35px;
    }
    .cpc_content{
        gap: 20px;
    }
}
@media screen and (max-width: 600px) {
    .cpc_img{
        height: 300px;
    }
    .cpc_content_title{
        font-size: 28px;
    }
    .cpc_content_box h3 {
        font-size: 20px;
    }
}
/* cpc - Single Project Page End ----------------------------- */

/* cpg - Single Project Page Gallery Start ----------------------------- */
.cpg{
    overflow: hidden;
    padding-bottom: 60px;
}
.cpg_swiper{
    overflow: visible!important;
}
.cpg_lightbox_item{
    display: block;
    text-decoration: none;
    color: inherit;
}
.cpg_slide_img{
    height: 460px;
    width: 100%;
    border-radius: 24px;
    overflow: hidden;
}
.cpg_slide_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 0.3s ease;
}
.cpg_wrapper{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.cpg_gallery_top{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.cpg_gallery_nav_prev,
.cpg_gallery_nav_next{
    position: relative!important;
    width: 56px;
    height: 56px;

}
.cpg_gallery_nav_prev{
    transform: rotate(180deg);
}
.cpg_gallery_nav_next img,
.cpg_gallery_nav_prev img{
    width: 56px;
    height: 56px;
    object-fit: contain;
    object-position: center;
    transition: all 0.3s ease;
}
.cpg_gallery_nav_next img:hover,
.cpg_gallery_nav_prev img:hover{
    transform: scale(1.1);
}
.cpg_gallery_title{
    font-size: 36px;
    line-height: 1.2;
    font-weight: 500;
    color: var(--black);
}
.cpg_gallery_nav{
    display: flex;
    align-items: center;
    gap: 20px;
    padding-top: 10px;
}
@media screen and (max-width: 900px) {
    .cpg_gallery_title {
        font-size: 32px;
    }
}
@media (max-width: 650px) {
    .cpg_slide_img{
        height: 300px;
    }
}
@media (max-width: 600px) {
    .cpg_gallery_title {
        font-size: 28px;
    }
    .cpg_gallery_nav_prev,
    .cpg_gallery_nav_next,
    .cpg_gallery_nav_next img,
    .cpg_gallery_nav_prev img {
        width: 40px;
        height: 40px;
    }
    .cpg_gallery_nav{
        padding-top: 0;
        gap: 10px;
    }
    .cpg_wrapper{
        gap: 25px;
    }
    .lg-img-wrap{
        padding: 10px;
    }
    .cpg{
        padding-bottom: 35px;
    }
}
@media (max-width: 400px) {
    .cpg_slide_img{
        height: 250px;
    }
}
/* lightGallery: иконки без шрифта (стрелки, закрытие) */
.lg-outer .lg-next::before {
    content: "›" !important;
    font-family: system-ui, -apple-system, sans-serif !important;
    font-size: 1.2em;
}
.lg-outer .lg-prev::after {
    content: "‹" !important;
    font-family: system-ui, -apple-system, sans-serif !important;
    font-size: 1.2em;
}
.lg-outer .lg-toolbar .lg-icon.lg-close::after {
    content: "×" !important;
    font-family: system-ui, -apple-system, sans-serif !important;
    font-size: 1.4em;
    font-weight: 300;
}
/* cpg - Single Project Page Gallery End ----------------------------- */

/* blog - Blog Hero Page Start ----------------------------- */
.bh{
    padding-bottom: 80px;
    background-color: var(--black);
}
.bh_wrapper{
    padding-top: 60px;
    /* min-height: 100dvh; */
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}
.bh_card{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    background-color: #fff;
    border-radius: 24px;
    padding: 16px;
}
.bh_card_img{
    width: 100%;
    height: 460px;
    border-radius: 18px;
    overflow: hidden;
}
.bh_card_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 0.3s ease;
}
.bh_card:hover .bh_card_img img{
    transform: scale(1.1);
}
.bh_card_info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 0px 8px;
}
.bh_card_link{
    margin-left: 8px;
}
.bh_card_dep{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}
.bh_card_title{
    font-size: 28px;
    line-height: 1.2;
    font-weight: 500;
    color: var(--black);
}
.bh_left{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 24px
}
.bh_title{
    font-size: 64px;
    line-height: 1.1;
    font-weight: 500;
    color: #fff;
}
.bh_text{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #BABABA;
    margin-bottom:25px;
    max-width: 550px;
}
@media (max-width: 1200px) {
    .bh_title {
        font-size: 52px;
    }
    .bh_card_img {
        height: 360px;
    }
    .bh_wrapper{
        padding-top: 25px;
    }
}
@media (max-width: 1000px) {
    .bh_card_title{
        font-size: 24px;
    }
    .bh_title {
        font-size: 39px;
    }
    .bh_wrapper{
        gap: 30px;
    }
    .bh_card_img{
        height: 300px;
    }
}
@media (max-width: 860px) {
    .bh_card_title{
        font-size: 20px;
    }
    .bh_card{
        gap: 18px;
    }
    .bh_card_img {
        height: 252px;
    }
}
@media (max-width: 750px) {
    .bh_text{
        margin-bottom: 0;
    }
    .bh_wrapper{
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    .bh_right{
        max-width: 500px;
    }
}
@media (max-width: 450px) {
    .bh_title {
        font-size: 32px;
    }
    .bh{
        padding-bottom: 50px;
    }
}
/* blog - Blog Hero Page End ----------------------------- */

/* blog - Blog Posts Page Start ----------------------------- */
.bp{
    padding: 60px 0px;
}
.bp_wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
}
.bp_box{
    margin-top: 22px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    width: 100%;
}
.bp_box_wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
@media (max-width: 1300px) {
    .bp .ts_slide_title{
        font-size: 20px;
    }
    .bp_box{
        gap: 20px;
    }
}
@media (max-width: 1000px) {
    .bp_box{
        grid-template-columns: repeat(2, 1fr);
    }
    .bp .ts_slide_img{
        height: 300px;
    }
}
@media (max-width: 750px) {
    .bp .ts_slide_img{
        height: 250px;
    }
    .bp .ts_slide_title{
        font-size: 18px;
    }
}
@media (max-width: 660px) {
    .bp .ts_slide_img{
        height: 210px;
    }
}
@media (max-width: 580px) {
    .bp_box{
        grid-template-columns: repeat(1, 1fr);
    }
    .bp .ts_slide_img{
        height: 300px;
    }
}
@media (max-width: 400px) {
    .bp .ts_slide_img{
        height: 250px;
    }
}
/* blog - Blog Posts Page End ----------------------------- */

/* bpd - Single Post Page Start ----------------------------- */
.bpd{
    margin-top: 60px;
    padding-bottom: 60px;
}
.bpd_wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}
.bpd_head{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
.bpd_img{
    width: 100%;
    height: 500px;
    border-radius: 24px;
    overflow: hidden;
}
.bpd_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.bpd_content{
    max-width: 950px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.bpd_content p{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #3A3A3A;
}
.bpd_content strong{
    font-weight: 600;
}
.bpd_content ul{
    list-style: disc;
    padding-left: 20px;
    gap: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.bpd_content ul li{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #3A3A3A;
}
.bpd_content h2{
    font-size: 24px;
    line-height: 1.2;
    font-weight: 500;
    color: var(--black);
}
.bpd_content h3{
    font-size: 20px;
    line-height: 1.2;
    font-weight: 500;
    color: var(--black);
}
.bpd_content .full-width img{
    width: 100%!important;
    object-fit: contain;
    object-position: center;
    border-radius: 12px;
    overflow: hidden;
}
.bpd_content a{
    text-decoration: underline;
    color: var(--black);
    font-weight: 500;
    transition: all 0.3s ease;
}
.bpd_content a:hover{
    /* color: var(--accent); */
    text-decoration: none;
    transition: all 0.3s ease;
}

@media (max-width: 768px) {
    .bpd_img{
        height: 300px;
    }
    .bpd_content{
        max-width: 100%;
    }
    .bpd {
        margin-top: 20px;
        padding-bottom: 40px;
      }
}